.design-head{padding-bottom:40px}.design-head h1{max-width:22ch}.design-head .lede{max-width:58ch}.design-hero{max-width:var(--max);margin:0 auto 32px;padding:0 var(--gutter)}.design-hero figcaption,.design-story figcaption{color:var(--ink-mute);font-size:13px;line-height:1.55;margin-top:14px}.film-stage{position:relative;background:#020304;border-radius:var(--radius-lg)}.handset-film{display:block;width:min(100%,640px,calc(75svh - 96px));height:auto;aspect-ratio:3 / 4;margin-inline:auto;background:#020304;border-radius:inherit;scroll-margin-top:104px}.capture-kicker,.section-number{display:block;margin-bottom:18px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:500}.design-chapters{max-width:var(--max);margin:0 auto 80px;padding:0 var(--gutter);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.design-chapters a{display:flex;gap:12px;color:var(--ink-soft);text-decoration:none;font-size:13px;border-top:1px solid var(--hairline);padding-top:16px}.design-chapters a:hover{color:var(--ink)}.design-chapters a:focus-visible{outline:2px solid #b5a2ff;outline-offset:4px}.design-chapters span{color:var(--ink-mute);font-size:11px}.design-story{max-width:var(--max)}.story-copy{max-width:624px;margin:0 auto}.design-section{margin-top:88px;scroll-margin-top:104px}.story-copy .section-number{margin-bottom:22px}.story-copy h2{margin-top:0;margin-bottom:24px}.story-copy h3{color:var(--ink);font-size:23px;letter-spacing:-.025em;font-weight:500;line-height:1.25;margin:40px 0 16px}.design-story figure{margin:36px 0 64px}.surface-detail img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}.native-film-frame{overflow:hidden;background:#050607;border-radius:var(--radius-lg)}.native-film-frame video{display:block;width:100%;height:auto}.native-screen-frame{--capture-radius: 9cqi;--capture-inset: .5cqi;--capture-aspect: 708 / 1316;--capture-offset: -17.021276596%;--capture-outer-mask: url(images/native-continuous-1540-outer.svg);--capture-inner-mask: url(images/native-continuous-1540-inner.svg);width:min(100%,400px,calc(53svh - 78px));margin-inline:auto;container-type:inline-size}.capture-1534{--capture-aspect: 708 / 1310;--capture-offset: -17.099236641%;--capture-outer-mask: url(images/native-continuous-1534-outer.svg);--capture-inner-mask: url(images/native-continuous-1534-inner.svg)}.capture-boost{--capture-aspect: 708 / 920;--capture-offset: -24.347826087%;--capture-outer-mask: url(images/native-continuous-boost-outer.svg);--capture-inner-mask: url(images/native-continuous-boost-inner.svg)}.native-screen-frame .native-film-frame{padding:var(--capture-inset);border-radius:0;background:#29292b;-webkit-mask:var(--capture-outer-mask) 0 0 / 100% 100% no-repeat;mask:var(--capture-outer-mask) 0 0 / 100% 100% no-repeat}.native-film-window{position:relative;overflow:hidden;aspect-ratio:var(--capture-aspect);border-radius:0;background:#050607;-webkit-mask:var(--capture-inner-mask) 0 0 / 100% 100% no-repeat;mask:var(--capture-inner-mask) 0 0 / 100% 100% no-repeat}.native-film-window video{position:absolute;top:var(--capture-offset);left:0}.full-screen-film{aspect-ratio:auto}.surface-detail .native-film-frame{max-width:640px;margin-inline:auto}.control-feature{display:grid;grid-template-columns:45% 1fr;align-items:center;column-gap:clamp(24px,6vw,84px);padding:40px clamp(24px,5vw,64px) 24px;border-radius:var(--radius-lg);background:#08090a}.control-media{min-width:0}.control-media img{display:block;width:100%;height:auto;border-radius:20px}.control-media .native-film-frame{border-radius:20px}.control-caption h3{font-size:clamp(28px,4vw,42px);font-weight:500;letter-spacing:-.035em;line-height:1.08;margin:0 0 24px}.control-caption p{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0}.control-feature figcaption{grid-column:1 / -1;padding-top:14px}.touch-sequence{list-style:none;padding:0;margin:0}.touch-sequence li{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:15px 0;border-top:1px solid var(--hairline);font-size:14px;line-height:1.5}.touch-sequence strong{color:var(--ink);font-weight:500}.touch-sequence span{color:var(--ink-soft)}.design-story .gesture-detail{max-width:624px;margin:32px auto 64px;padding-top:16px;scroll-margin-top:104px}.profile-feature{overflow:hidden}.profile-feature img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}.design-notes{border-top:1px solid var(--hairline);margin-top:32px;padding-top:20px;font-size:13px;line-height:1.6;color:var(--ink-mute)}.design-notes p{margin-bottom:12px}.related-story{font-size:14px;color:var(--ink-soft)}@media (max-width: 800px){.control-feature{column-gap:30px;padding:28px}}@media (max-width: 560px){.design-head{padding-top:40px}.design-head h1{font-size:36px;line-height:1.1}.design-hero{margin-bottom:24px}.design-chapters{gap:12px;margin-bottom:56px}.design-chapters a{flex-direction:column;gap:7px;font-size:12px}.design-story{font-size:17px}.design-section{margin-top:64px}.control-feature{grid-template-columns:1fr;gap:28px;padding:24px}.control-media{width:100%;max-width:320px;justify-self:center}.control-caption h3{font-size:32px}.control-feature figcaption{margin-top:0;padding-top:0}.touch-sequence li{grid-template-columns:60px 1fr}}