*{box-sizing:border-box}
.haptic-page{background:#e8edf0;color:#172537;font:19px/1.75 'Iowan Old Style',Baskerville,Georgia,serif;overflow:hidden}
.haptic-page figure{margin:0}.haptic-page img{display:block;width:100%;height:auto}.haptic-page p{margin:0 0 23px}.haptic-page h1,.haptic-page h2,.haptic-page h3{font-weight:400}.haptic-page h2{margin:0 0 27px;max-width:25ch}.haptic-page h3{font-size:25px;line-height:1.3;margin:0 0 20px}.haptic-page figcaption{font:14px/1.6 Tahoma,sans-serif;color:#596a77;padding-top:15px}.haptic-page section{padding:50px 66px 35px}
.haptic-page .hero{position:relative;padding:125px 0 35px;background:linear-gradient(140deg,#dae5eb,#e8edf0 80%)}.haptic-page .hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center;padding:10px 35px 20px 66px}.haptic-page .hero h1{font-size:clamp(65px,7vw,92px);line-height:1.02;letter-spacing:-.045em;margin:0 0 25px}.haptic-page .hero h1 i{color:#496f8b}.haptic-page .deck{font-size:22px;line-height:1.6;max-width:27ch}.haptic-page .hero figure{margin-left:-10px}.haptic-page .hero figcaption{padding-inline:15px}
.haptic-page .mapping{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}.haptic-page .mapping-intro p{font-size:20px}.haptic-page .gesture-table{border-collapse:collapse;width:100%;font:16px/1.7 Tahoma,sans-serif;align-self:start}.haptic-page .gesture-table caption{text-align:left;color:#596a77;font-size:14px;padding-bottom:16px}.haptic-page .gesture-table th,.haptic-page .gesture-table td{text-align:left;border-top:1px solid #bbc9d1;padding:18px 0;vertical-align:top}.haptic-page .gesture-table th{font-weight:400;color:#284e6b;width:43%;padding-right:25px}
.haptic-page .feel{display:grid;grid-template-columns:1.2fr .8fr;gap:60px}.haptic-page .feel-notes{padding:12px 0 0 30px;border-left:1px solid #bbc9d1}.haptic-page .feel-notes p{font-size:17px;line-height:1.75}
.haptic-page .prototype{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;padding-left:30px}.haptic-page .prototype figure{align-self:center}.haptic-page .prototype figcaption{padding-inline:25px}.haptic-page .prototype p{font-size:18px}.haptic-page .daily-use{max-width:960px;margin:auto;padding-bottom:65px}
@media(max-width:760px){.haptic-page section{padding:35px 25px 22px}.haptic-page .hero{padding-top:110px}.haptic-page .hero-grid{grid-template-columns:1fr;padding:0 25px;gap:12px}.haptic-page .hero h1{font-size:65px}.haptic-page .deck{font-size:21px;max-width:29ch}.haptic-page .hero figure{margin:0 -12px}.haptic-page .mapping,.haptic-page .feel,.haptic-page .prototype{grid-template-columns:1fr;gap:25px}.haptic-page .gesture-table{font-size:15px}.haptic-page .gesture-table th{padding-right:16px;width:46%}.haptic-page .feel-notes{padding:20px 0 0;border-left:0;border-top:1px solid #bbc9d1}.haptic-page .prototype{padding-left:25px}.haptic-page .prototype figure{margin-inline:-12px}.haptic-page .daily-use{padding-bottom:45px}}

body[data-idea-frame="fused"] main.haptic-page .hierarchy-nav a{display:inline-flex;align-items:center;min-height:44px;margin-block:-13px}