@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:200 700;font-display:swap;src:url(/fonts/hanken-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:200 700;font-display:swap;src:url(/fonts/hanken-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:dark;--ground-window: #242424;--ground-view: #1e1e1e;--ground-raised: #303030;--ground-sheet: #1b1b1b;--ground-page: #141414;--ground-photo: #0e0e0e;--ground-chip: #2a2a2a;--ground-hud: rgba(20, 20, 20, .55);--ink: #ffffff;--name: #bdbdbd;--label: #8d8d8d;--intro-word: #e8e8e8;--rule: rgba(255, 255, 255, .1);--rule-sheet: rgba(255, 255, 255, .08);--track: rgba(255, 255, 255, .11);--track-hover: rgba(255, 255, 255, .18);--thumb-rest: rgba(255, 255, 255, .28);--rest-tick: rgba(255, 255, 255, .35);--select-fill: rgba(255, 255, 255, .16);--accent: #ffffff;--on-accent: #141414;--reject: #ff7a66;--star-rest: #5e5e5e;--mask-wash: rgba(242, 77, 77, .4);--mask-erase: rgba(255, 255, 255, .35);--font-display: "Hanken Grotesk", "Avenir Next", system-ui, sans-serif;--font-system: var(--font-display);--radius-track: 1px;--radius-print: 6px;--radius-action: 8px;--radius-card: 10px;--radius-chip: 16px;--radius-sheet: 18px;--radius-hud: 22px;--shadow-print-front: 0 8px 20px rgba(0, 0, 0, .6);--shadow-print-back: 0 6px 16px rgba(0, 0, 0, .55);--shadow-intro-glow: 0 0 46px 6px rgba(255, 255, 255, .42);--shadow-intro-rest: 0 0 22px 0 rgba(255, 255, 255, .12);--shadow-badge: 0 1px 3px rgba(0, 0, 0, .85);--focus-ring: 0 0 0 2px #141414, 0 0 0 4px #ffffff;--chip-height: 32px;--slider-row: 46px;--dot-panel: 10px;--dot-phone: 14px;--edge: clamp(16px, 4vw, 56px);--gap: 12px;--measure: 1440px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-draw: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.55, 0, .75, .3);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--ground-photo)}html,body{margin:0;color:var(--ink)}body{background:var(--ground-photo);font:17px/1.55 var(--font-system);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;font-variant-numeric:tabular-nums}body:after{content:"";position:fixed;inset:-40%;z-index:90;pointer-events:none;background:var(--grain);opacity:.045;mix-blend-mode:overlay}img,video,canvas,svg{display:block;max-width:100%}img,video{height:auto}button{font:inherit;color:inherit}a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#ffffff59}a:hover{text-decoration-color:var(--ink)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px}::selection{background:#fff;color:#141414}figure{margin:0}p{margin:0 0 16px;color:var(--name)}strong,b{color:var(--ink);font-weight:600}.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--on-accent);padding:10px 16px;border-radius:999px;z-index:100;font-weight:600;text-decoration:none}.skip:focus{left:var(--edge)}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.wrap{width:100%;max-width:var(--measure);margin:0 auto;padding:0 var(--edge)}h1,h2,h3{margin:0;color:var(--ink);text-wrap:balance;font-weight:300}.display,h1{font-family:var(--font-display);font-weight:300;font-size:clamp(60px,10.6vw,184px);line-height:.9;letter-spacing:-.045em}h2,.h2{font-family:var(--font-display);font-weight:300;font-size:clamp(44px,6.6vw,112px);line-height:.94;letter-spacing:-.04em;margin-bottom:28px}h3,.h3{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,2.5vw,36px);line-height:1.08;letter-spacing:-.02em;margin-bottom:10px}.wordmark{font-family:var(--font-display);font-weight:300;letter-spacing:.38em;padding-left:.38em;text-transform:lowercase;color:var(--intro-word)}.label{font:600 11px/16px var(--font-system);letter-spacing:.14em;text-transform:uppercase;color:var(--label);margin:0 0 20px;display:flex;align-items:center;gap:10px}.label b{color:var(--ink);font-weight:600}.label .live{width:6px;height:6px;border-radius:50%;background:var(--ink);box-shadow:0 0 10px 1px #fff9;flex:none}.lede{font-size:clamp(18px,1.55vw,22px);line-height:1.5;max-width:38ch;color:var(--name);margin-top:28px}.lede em{font-style:normal;color:var(--ink)}.fine{font-size:13px;line-height:1.6;color:var(--label);margin-top:16px}.num{font-variant-numeric:tabular-nums}.cmds{display:flex;flex-wrap:wrap;gap:var(--gap);margin-top:36px}.cmd{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--ground-chip);color:var(--ink);font:600 15px/1 var(--font-system);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease-out),transform .2s var(--ease-out);-webkit-tap-highlight-color:transparent}.cmd:hover{background:#363636}.cmd:active{opacity:.7}.cmd.prominent{background:var(--accent);color:var(--on-accent)}.cmd.prominent:hover{background:#e6e6e6}.cmd.small{min-height:36px;padding:0 16px;font-size:14px}.cmd svg{width:16px;height:16px;flex:none}@media(max-width:460px){.cmds .cmd{flex:1 1 100%}}.top{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top);transition:transform .5s var(--ease-out),background-color .4s}.top:before{content:"";position:absolute;inset:0 0 -40px;background:linear-gradient(#0e0e0eb3,#0e0e0e00);pointer-events:none;transition:opacity .4s}.top.solid{background:#0e0e0eb8;-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px)}.top.solid:before{opacity:0}.top.hidden{transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .5s var(--ease-out),opacity .3s var(--ease-out),background-color .4s}.bar{position:relative;max-width:var(--measure);margin:0 auto;padding:0 var(--edge);height:64px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;text-decoration:none;color:var(--ink)}.brand img{width:40px;height:auto}.brand span{font-family:var(--font-display);font-weight:300;font-size:19px;letter-spacing:.32em;text-transform:lowercase;color:var(--intro-word)}.top nav{display:flex;align-items:center;gap:26px}.top nav a:not(.cmd){color:var(--name);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.top nav a:not(.cmd):hover,.top nav a[aria-current]{color:var(--ink)}@media(max-width:860px){.top nav .wide{display:none}}@media(max-width:520px){.top nav .cmd{display:none}.bar{gap:18px}}main{position:relative;z-index:1;display:block}.section{position:relative;padding:clamp(120px,16vw,240px) 0}.section.tight{padding:clamp(80px,10vw,150px) 0}.head{max-width:1000px}.head .lede{margin-top:0}.pin{position:relative}.motion .pin{height:var(--pin, 400vh)}.motion .pin>.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out);transition-delay:var(--delay, 0s)}.motion .reveal.in{opacity:1;transform:none}html.locked.touch,html.locked.touch body{overflow:hidden}#gl{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100lvh;z-index:0;pointer-events:none}.ph{background:var(--ground-page)}.ds-slider{position:relative;min-height:var(--slider-row);display:flex;flex-direction:column;justify-content:center;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.ds-slider .top-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.ds-slider .nm{font-size:13px;color:var(--name);transition:color .12s ease-out}.ds-slider .val{font-size:12.5px;color:var(--label);font-variant-numeric:tabular-nums;transition:color .12s ease-out}.ds-slider.lead .nm{font-weight:600}.ds-slider .tr{position:relative;height:14px;margin-top:6px}.ds-slider .hair{position:absolute;left:0;right:0;top:6px;height:2px;border-radius:var(--radius-track);background:var(--track);transition:background-color .12s}.ds-slider .fill{position:absolute;top:6px;height:2px;border-radius:var(--radius-track);background:var(--accent)}.ds-slider .tick{position:absolute;top:3px;width:1px;height:8px;background:var(--rest-tick);transform:translate(-.5px);opacity:0}.ds-slider .dot{position:absolute;top:2px;width:var(--dot-panel);height:var(--dot-panel);border-radius:50%;background:var(--thumb-rest);transform:translate(-50%);transition:background-color .12s ease-out}.ds-slider.phone .dot{width:var(--dot-phone);height:var(--dot-phone);top:0}.ds-slider.touched .nm,.ds-slider.touched .val{color:var(--ink)}.ds-slider.touched .dot{background:var(--accent)}.ds-slider.touched .tick{opacity:1}@media(hover:hover){.ds-slider:hover .hair{background:var(--track-hover)}.ds-slider:not(.touched):hover .dot{background:#bdbdbdb3}}.ds-slider:focus-visible{box-shadow:none}.ds-slider:focus-visible .dot{box-shadow:var(--focus-ring)}.ds-slider.off{opacity:.35;pointer-events:none}.ds-slider.big .nm{font-size:15px}.ds-slider.big .val{font-size:14px}.ds-slider.hue .hair{height:4px;top:5px;opacity:.9}.ds-chips{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ds-chips::-webkit-scrollbar{display:none}.ds-chip{height:var(--chip-height);padding:0 14px;border:0;border-radius:var(--radius-chip);background:var(--ground-chip);color:#fff;font:600 13px/1 var(--font-system);white-space:nowrap;cursor:pointer;flex:none;transition:background-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.ds-chip:active{opacity:.7}.ds-chip[aria-pressed=true],.ds-chip[aria-selected=true],.ds-chip.on{background:var(--accent);color:var(--on-accent)}@media(hover:hover){.ds-chip:not([aria-pressed=true]):not(.on):hover{background:#353535}}.ds-round{width:44px;height:44px;border-radius:50%;border:0;background:var(--ground-chip);color:#fff;display:inline-grid;place-items:center;cursor:pointer;flex:none}.ds-round.on{background:var(--accent);color:var(--on-accent)}.ds-round svg{width:18px;height:18px}.ds-before{height:var(--chip-height);padding:0 14px;border:0;border-radius:var(--radius-chip);background:transparent;color:#fff;font:600 15px/1 var(--font-system);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ds-before.held{background:var(--accent);color:var(--on-accent)}.ds-before.pill{background:#242424d9}.ds-before.pill.held{background:var(--accent)}.ds-hud{position:absolute;top:18px;left:50%;transform:translate(-50%,-6px);padding:10px 20px;border-radius:var(--radius-hud);background:var(--ground-hud);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;gap:14px;align-items:baseline;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s ease-out,transform .25s ease-out;z-index:3}.ds-hud.on{opacity:1;transform:translate(-50%);transition-duration:0s}.ds-hud .hn{font-size:12px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:var(--label)}.ds-hud .hv{font-size:26px;font-weight:300;font-variant-numeric:tabular-nums;color:#fff}.ds-label{font-size:10px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:var(--label);padding:14px 0 4px;margin:0}.ds-stack{display:flex;flex-direction:column;align-items:center;text-decoration:none}.ds-stack .box{position:relative;width:140px;height:124px;margin-bottom:12px}.ds-stack .p{position:absolute;width:118px;height:104px;border-radius:var(--radius-print);object-fit:cover;background:var(--ground-raised)}.ds-stack .p:nth-child(1){left:8px;top:10px;transform:rotate(-8deg);filter:brightness(.8);box-shadow:var(--shadow-print-back)}.ds-stack .p:nth-child(2){left:16px;top:8px;transform:rotate(6deg);filter:brightness(.9);box-shadow:var(--shadow-print-back)}.ds-stack .p:nth-child(3){left:11px;top:10px;box-shadow:var(--shadow-print-front)}.ds-stack .nm{font-size:15px;font-weight:600;line-height:20px;color:var(--ink)}.ds-stack .cp{font-size:12px;line-height:16px;color:var(--label);font-variant-numeric:tabular-nums;margin-top:2px}.qa{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:0 56px;margin-top:40px;border-top:1px solid var(--rule)}.qa details{border-bottom:1px solid var(--rule)}.qa summary{list-style:none;cursor:pointer;padding:24px 40px 24px 0;position:relative;font:600 17px/1.35 var(--font-system);color:var(--ink)}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"";position:absolute;right:4px;top:50%;width:12px;height:12px;margin-top:-6px;background:linear-gradient(#fff,#fff) center/12px 1.5px no-repeat,linear-gradient(#fff,#fff) center/1.5px 12px no-repeat;transition:transform .35s var(--ease-out);opacity:.7}.qa details[open] summary:after{transform:rotate(45deg)}.qa details p{font-size:15px;padding:0 0 24px;margin:0;max-width:60ch}.foot{position:relative;z-index:1;border-top:1px solid var(--rule)}.foot .bar{height:auto;padding-top:28px;padding-bottom:max(32px,env(safe-area-inset-bottom));gap:14px 24px;flex-wrap:wrap;font-size:13px;color:var(--label)}.foot .brand img{width:32px}.foot .brand span{font-size:16px}.foot a:not(.brand){color:var(--label);text-decoration:none}.foot a:not(.brand):hover{color:var(--ink)}@media(max-width:759px){body{font-size:16px}.label{font-size:12px;letter-spacing:.1em}.fine{font-size:13px;color:var(--name)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.guide .top{position:sticky;top:0}.guide .kind{margin-left:-16px;margin-right:auto;font-size:14px;font-weight:500;color:var(--label)}.guide .brand{margin-right:0}.shell{max-width:var(--measure);margin:0 auto;padding:0 var(--edge);display:grid;grid-template-columns:minmax(0,1fr)}@media(min-width:1000px){.shell{grid-template-columns:250px minmax(0,1fr);column-gap:clamp(40px,5vw,88px)}}.side{display:none}@media(min-width:1000px){.side{display:block;position:sticky;top:64px;align-self:start;max-height:calc(100vh - 64px);overflow-y:auto;padding:40px 8px 48px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.menu{display:none}}.chapters{list-style:none;margin:0;padding:0}.chapters .group{font:600 11px/16px var(--font-system);letter-spacing:.14em;text-transform:uppercase;color:var(--label);margin:26px 0 8px}.chapters .group:first-child{margin-top:0}.chapters a{display:block;padding:5px 0;font-size:15px;line-height:1.35;color:var(--name);text-decoration:none;transition:color .2s}.chapters a:hover,.chapters a[aria-current]{color:var(--ink)}.chapters a[aria-current]{font-weight:600}.chapters ol{list-style:none;margin:2px 0 8px;padding:0 0 0 12px;border-left:1px solid var(--rule)}.chapters ol a{font-size:13.5px;padding:3px 0;color:var(--label)}.chapters ol a:hover{color:var(--ink)}.menu{margin:24px 0 0;border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--ground-page)}.menu summary{cursor:pointer;padding:12px 16px;font-size:15px;font-weight:600;color:var(--name);list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary:after{content:"+";float:right;color:var(--label)}.menu[open] summary:after{content:"\2013"}.menu .chapters{padding:4px 16px 18px}.guide main{min-width:0;padding:0 0 clamp(72px,10vw,140px)}.guide article{padding-top:clamp(40px,6vw,72px)}.guide article>*{max-width:70ch}.guide article>figure,.guide article>.shots,.guide article>table{max-width:980px}.guide h1{font-size:clamp(42px,5.4vw,76px);line-height:.98;letter-spacing:-.035em}.guide .lede{max-width:56ch;margin:22px 0 0;font-size:clamp(18px,1.5vw,21px)}.guide h2{font-size:clamp(28px,2.6vw,38px);line-height:1.08;letter-spacing:-.022em;margin:clamp(56px,7vw,88px) 0 16px;padding-top:28px;border-top:1px solid var(--rule);scroll-margin-top:72px}.guide h3{font:600 18px/1.35 var(--font-system);letter-spacing:0;margin:32px 0 8px;scroll-margin-top:72px}.guide article p,.guide article li{font-size:17px;line-height:1.66;color:var(--name)}.guide article ul,.guide article ol{margin:0 0 18px;padding-left:22px}.guide article li{margin-bottom:6px}.guide article li::marker{color:var(--label)}.guide article a{color:var(--ink)}.guide kbd{display:inline-block;min-width:22px;padding:0 6px;border-radius:5px;background:var(--ground-chip);box-shadow:inset 0 -1px #00000080;color:var(--ink);font:600 12.5px/22px var(--font-system);text-align:center;white-space:nowrap}.guide .ui{color:var(--ink);font-weight:600}.guide code{font:13.5px/1.5 ui-monospace,SF Mono,Cascadia Mono,DejaVu Sans Mono,monospace;color:var(--ink);background:var(--ground-page);padding:2px 6px;border-radius:5px;overflow-wrap:anywhere}.guide .on{margin:0 0 18px;padding:14px 18px;border-radius:var(--radius-card);background:var(--ground-page);font-size:15.5px;line-height:1.6;color:var(--name)}.guide .on b:first-child{display:inline-block;margin-right:6px;font:600 11px/16px var(--font-system);letter-spacing:.12em;text-transform:uppercase;color:var(--label)}.guide .tip{border-left:2px solid var(--ink);padding-left:16px}.guide figure{margin:28px 0 32px}.guide figure img{width:100%;height:auto;border-radius:var(--radius-action);box-shadow:0 0 0 1px var(--rule),0 30px 70px -30px #000;background:var(--ground-page)}.guide figcaption{margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--label)}.guide .shots{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin:28px 0 32px}.guide .shots figure{margin:0;flex:1 1 0;min-width:0}.guide .shots .phone{flex:0 1 220px}.guide .shots .phone img{border-radius:26px}.guide .shots .tablet img{border-radius:16px}@media(max-width:640px){.guide .shots .phone{flex-basis:calc(50% - 10px)}.guide .shots .tablet{flex-basis:100%}}.guide table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:15px;line-height:1.45}.guide th,.guide td{text-align:left;vertical-align:top;padding:11px 14px 11px 0;border-bottom:1px solid var(--rule);color:var(--name)}.guide thead th{font:600 11px/16px var(--font-system);letter-spacing:.14em;text-transform:uppercase;color:var(--label)}.guide tbody th{color:var(--ink);font-weight:600;white-space:nowrap}.guide .toc-grid{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--gap);max-width:none}.guide .toc-grid a{display:block;height:100%;padding:20px 22px;border-radius:var(--radius-card);background:var(--ground-page);text-decoration:none;transition:background-color .2s}.guide .toc-grid a:hover{background:var(--ground-view)}.guide .toc-grid b{display:block;font:400 21px/1.2 var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-bottom:6px}.guide .toc-grid span{display:block;font-size:14.5px;line-height:1.5;color:var(--label)}.pager{display:flex;justify-content:space-between;gap:var(--gap);margin-top:clamp(56px,7vw,88px);padding-top:28px;border-top:1px solid var(--rule);max-width:980px}.pager a{display:grid;gap:2px;text-decoration:none;font:400 20px/1.25 var(--font-display);color:var(--ink);max-width:48%}.pager a span{font:600 11px/16px var(--font-system);letter-spacing:.14em;text-transform:uppercase;color:var(--label)}.pager .next{margin-left:auto;text-align:right}@media(max-width:759px){.guide article p,.guide article li{font-size:16px}.guide .kind{display:none}}