@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}}.page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.page main{flex:1 0 auto;padding:calc(clamp(104px,14vh,152px) + env(safe-area-inset-top)) 0 clamp(96px,12vw,168px)}.page .top{position:absolute}.page .crumbs{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 clamp(44px,8vh,88px);font-size:13px;line-height:20px;color:var(--label)}.page .crumbs a{color:var(--name);text-decoration:none;transition:color .2s}.page .crumbs a:hover{color:var(--ink)}.page h1{font-size:clamp(48px,7.4vw,120px);line-height:.94;letter-spacing:-.042em}.page .lede{margin-top:clamp(22px,3vw,32px);max-width:44ch}.page .lede a{color:var(--ink)}@keyframes pg-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes pg-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.motion .page .rise{animation:pg-rise 1.1s var(--ease-out) both;animation-delay:calc(.06s + var(--i, 0) * 80ms)}@supports (animation-timeline: view()){.motion .page .clause,.motion .page .prints li{animation:pg-in linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}.page .doc-head{max-width:1100px}.page .doc-head .lede{max-width:50ch;text-wrap:pretty}.page .dated{margin:22px 0 0;font-size:13px;line-height:20px;color:var(--label)}.page .dated em{font-style:normal}.page .pull{margin:clamp(40px,6vw,72px) 0 0;max-width:36ch;font:300 clamp(26px,2.8vw,40px)/1.18 var(--font-display);letter-spacing:-.018em;color:var(--ink);text-wrap:balance}.page .pull strong{font-weight:inherit}.page .doc-body{margin-top:clamp(64px,9vw,120px);border-bottom:1px solid var(--rule)}.page .clause{display:grid;grid-template-columns:minmax(0,1fr);padding:28px 0 14px;border-top:1px solid var(--rule)}.page .clause h2{font:600 11px/16px var(--font-system);letter-spacing:.14em;text-transform:uppercase;color:var(--label);margin:0 0 18px;max-width:26ch}.page .clause .txt{max-width:68ch;min-width:0}.page .clause p,.page .clause li{color:var(--name);font-size:17px;line-height:1.68}.page .clause p{margin:0 0 18px}.page .clause strong{color:var(--ink);font-weight:600}@media(min-width:900px){.page .clause{grid-template-columns:minmax(220px,4fr) minmax(0,8fr);column-gap:48px;padding:40px 0 22px}.page .clause h2{margin-top:6px;position:sticky;top:32px;align-self:start}}.page .dashes{list-style:none;margin:0 0 18px;padding:0}.page .dashes li{position:relative;padding-left:26px;margin-bottom:6px}.page .dashes li:before{content:"";position:absolute;left:0;top:.84em;width:12px;height:1px;background:var(--label)}.page .reach{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:28px}.page .reach li{display:grid;gap:4px}.page .reach strong{font-size:13px;line-height:20px;font-weight:600;color:var(--label)}.page .reach .big{justify-self:start;font:300 clamp(26px,2.6vw,36px)/1.15 var(--font-display);letter-spacing:-.015em;color:var(--ink);text-decoration:none;overflow-wrap:break-word;background:linear-gradient(var(--ink),var(--ink)) 0 100% / 0 1px no-repeat;transition:background-size .5s var(--ease-out);padding-bottom:3px}.page .reach .big:hover{background-size:100% 1px}.page .reach span{color:var(--name);font-size:15px;line-height:1.55;margin-top:4px}.page .qa-list .q{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--rule)}.page .qa-list .q:last-child{border-bottom:0;margin-bottom:0}.page .qa-list h3{font:600 17px/1.4 var(--font-system);letter-spacing:0;color:var(--ink);margin:0 0 8px}.page .qa-list p{margin:0}.page.beta .wrap{display:flex;flex-direction:column}.page .beta-head{display:flex;flex-direction:column;align-items:center;text-align:center}.page .beta-head .label{justify-content:center}.page.beta h1{font-size:clamp(42px,6.8vw,108px);max-width:15ch}.page .beta-head .lede{max-width:50ch;margin-left:auto;margin-right:auto;text-wrap:pretty}.page .beta-mark{--d: clamp(78px, 7.6vw, 108px);position:relative;width:calc(var(--d) * 1.52);margin:0 0 clamp(36px,5vh,52px)}.page .beta-mark img{position:relative;width:100%;height:auto}.page .beta-mark:before{content:"";position:absolute;left:.5%;top:1.4%;width:65.8%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 calc(var(--d) * .162) 0 #ffffff1f}@keyframes pg-glow{0%{box-shadow:0 0 #fff0}35%{box-shadow:0 0 calc(var(--d) * .338) calc(var(--d) * .044) #ffffff6b}to{box-shadow:0 0 calc(var(--d) * .162) 0 #ffffff1f}}.motion .page .beta-mark:before{animation:pg-glow 2.6s var(--ease-out) .5s both}.page .ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--gap);width:100%;max-width:960px;margin:clamp(56px,8vh,88px) auto 0}.page .way{display:flex;flex-direction:column;padding:clamp(26px,3vw,40px);border-radius:var(--radius-sheet);background:var(--ground-page)}.page .way h2{font:600 11px/16px var(--font-system);letter-spacing:.14em;text-transform:uppercase;color:var(--label);margin:0 0 12px}.page .way-title{margin:0 0 22px;font:300 clamp(30px,2.8vw,40px)/1.05 var(--font-display);letter-spacing:-.025em;color:var(--ink)}.page .way-note{font-size:15px;line-height:1.55;margin:-8px 0 20px}.page .steps{list-style:none;margin:0;padding:0;counter-reset:step}.page .steps li{counter-increment:step;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:6px;padding:14px 0;border-top:1px solid var(--rule-sheet);font-size:15px;line-height:1.5}.page .steps li:before{content:counter(step);grid-row:span 2;font-size:13px;line-height:22px;color:var(--label);font-variant-numeric:tabular-nums}.page .steps b{color:var(--ink);font-weight:600}.page .steps span{color:var(--name)}.page .steps code{display:block;width:fit-content;max-width:100%;margin:6px 0 8px;padding:7px 10px;border-radius:var(--radius-action);background:var(--ground-photo);color:var(--ink);font:12.5px/1.5 ui-monospace,SF Mono,Cascadia Mono,DejaVu Sans Mono,monospace}.page .way .cmds{margin-top:auto;padding-top:26px}@media(max-width:460px){.page .way .cmds .cmd{flex:1 1 100%}}.page.credits .doc-head .label{margin-bottom:22px}.page .prints{--row: 250px;list-style:none;margin:clamp(56px,8vw,104px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:40px 16px}.page .prints li{flex:var(--r) 1 calc(var(--r) * var(--row));min-width:0}.page .prints:after{content:"";flex:100000 1 0}.page .print{display:block;border-radius:var(--radius-print)}.page .print img{width:100%;height:auto;aspect-ratio:var(--r);border-radius:var(--radius-print);background:var(--ground-page);box-shadow:0 0 #0000;transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out),filter .6s var(--ease-out)}@media(hover:hover){.page .print:hover img{transform:translateY(-4px);box-shadow:var(--shadow-print-front)}.page .prints:has(.print:hover) .print:not(:hover) img{filter:brightness(.72)}}.page .cap{margin:12px 0 0;font-size:13px;line-height:18px;overflow-wrap:break-word}.page .cap .t{display:block;color:var(--name)}.page .cap .by{display:block;margin-top:3px;font-size:12px;line-height:16px;color:var(--label)}@media(max-width:1100px){.page .prints{--row: 200px}}@media(max-width:759px){.page .prints{--row: calc((100vw - 44px)/3.2) ;gap:28px 12px}.page .prints li{--q: max(var(--r), 1);flex:var(--q) 1 calc(var(--q) * var(--row))}.page .print img{aspect-ratio:var(--q);object-fit:cover}.page .cap{font-size:12px;line-height:16px}.page .cap .by{font-size:11px}}.page .lost-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(16px,6vh,64px)}.page .lost-body .label{justify-content:center}.page.lost h1{font-size:clamp(56px,9vw,148px)}.page .lost-body .lede{margin-left:auto;margin-right:auto;max-width:40ch;text-wrap:balance}.page .lost-body .cmds{justify-content:center}.page .lost-body .fine a{color:var(--name)}.page .lost-eclipse{--d: clamp(92px, 10vw, 136px);position:relative;width:calc(var(--d) * 1.505);height:var(--d);margin:0 0 clamp(40px,6vh,64px)}.page .lost-eclipse i{position:absolute;top:0;left:calc(var(--d) * .2525);width:var(--d);height:var(--d);border-radius:50%;overflow:hidden}.page .lost-eclipse .dk{background:linear-gradient(124deg,#444 14%,#080808 86%)}.page .lost-eclipse .lt{background:radial-gradient(circle closest-side,#80808038,#8a8a8a3d,#bebebe45,#cdcdcd59,#d8d8d870,#e0e0e08a,#e8e8e8a1,#efefefba,#f7f7f7d1,#ffffffe8,#fffffff7);box-shadow:0 0 calc(var(--d) * .06) calc(var(--d) * .006) #fff3,0 0 calc(var(--d) * .4) 0 #ffffff12}.page .lost-eclipse i:after{content:"";position:absolute;inset:0;background:var(--grain);background-size:160px;opacity:.06}@keyframes pg-light-in{0%{transform:translate(calc(var(--d) * -.2525));box-shadow:0 0 calc(var(--d) * .162) 0 #ffffff1f,0 0 #fff0}}@keyframes pg-dark-in{0%{transform:translate(calc(var(--d) * .2525))}}.motion .page .lost-eclipse .lt{animation:pg-light-in 3.2s var(--ease-out) .4s both}.motion .page .lost-eclipse .dk{animation:pg-dark-in 3.2s var(--ease-out) .4s both}@media(max-width:759px){.page main{padding-top:calc(96px + env(safe-area-inset-top))}.page .clause p,.page .clause li{font-size:16px}.page .clause h2,.page .way h2{font-size:12px;letter-spacing:.1em}.page .beta-head .label{margin-bottom:16px}}.page.seo .doc-head .cmds{margin-top:32px}.page.seo .clause .txt:has(.shot,.compare,.shots-pair){max-width:none}.page .compare{width:100%;max-width:860px;border-collapse:collapse;font-size:15px;line-height:1.45}.page .compare th,.page .compare td{text-align:left;vertical-align:top;padding:14px 16px 14px 0;border-bottom:1px solid var(--rule)}.page .compare thead th{font:600 11px/16px var(--font-system);letter-spacing:.14em;text-transform:uppercase;color:var(--label);padding-top:0}.page .compare tbody th{font-weight:600;color:var(--ink);width:22%}.page .compare td{color:var(--name);width:39%}.page .compare td:first-of-type{color:var(--ink)}.page .note,.page .clause p.note{font-size:13px;color:var(--label);margin-top:16px}.page .note a{color:inherit}.page .clause code{font:13px/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}.page .shot{margin:0 0 24px;max-width:980px}.page .shot 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)}.page .shot figcaption{font-size:13px;color:var(--label);margin-top:12px}.page .shots-pair{display:flex;gap:clamp(16px,3vw,32px);align-items:flex-end;max-width:980px}.page .shots-pair .shot{flex:1 1 auto;margin:0}.page .shots-pair .shot.phone{flex:0 0 24%}.page .shots-pair .shot.phone img{border-radius:clamp(14px,2.4vw,30px)}.page .shot.phone.solo{max-width:240px}.page .shot.phone.solo img{border-radius:28px}.page .seo-links a{color:var(--ink)}@media(max-width:640px){.page .compare{font-size:14px}.page .compare tbody th{width:28%}.page .compare th,.page .compare td{padding-right:10px}}.page .compare.many{max-width:1040px}.page .compare.many tbody th{width:13%}.page .compare.many td,.page .compare.many td:first-of-type{width:auto;color:var(--name)}@media(max-width:760px){.page .compare.many thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.page .compare.many,.page .compare.many tbody,.page .compare.many tr,.page .compare.many th,.page .compare.many td{display:block;width:auto}.page .compare.many tr{padding:18px 0 10px;border-bottom:1px solid var(--rule)}.page .compare.many tbody th{width:auto;padding:0 0 6px;border:0;font-size:17px}.page .compare.many td{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);gap:12px;padding:5px 0;border:0}.page .compare.many td:before{content:attr(data-label);color:var(--label);font-size:13px}}.page.seo .clause .txt>h3{font:600 17px/1.4 var(--font-system);letter-spacing:0;color:var(--ink);margin:28px 0 8px}.page pre{margin:12px 0 18px;padding:14px 16px;max-width:100%;overflow-x:auto;background:var(--ground-page);border-radius:10px}.page pre code,.page.seo .clause pre code{display:block;padding:0;background:none;border-radius:0;font-size:13px;line-height:1.7;white-space:pre;overflow-wrap:normal}.page kbd{font:12px/1 ui-monospace,SF Mono,Cascadia Mono,DejaVu Sans Mono,monospace;color:var(--ink);background:var(--ground-page);border:1px solid var(--rule);border-radius:5px;padding:3px 6px}.page .compare.keys{max-width:640px;margin-top:8px}.page .compare.keys tbody th{width:34%;font-weight:400;white-space:nowrap}.page .compare.keys td,.page .compare.keys td:first-of-type{width:auto;color:var(--name)}.eclipse-css{position:relative;width:calc(var(--d) * 1.505);height:var(--d)}.eclipse-css.total{width:var(--d)}.eclipse-css i{position:absolute;top:0;width:var(--d);height:var(--d);border-radius:50%;overflow:hidden}.eclipse-css .ec-dark{right:0;background:linear-gradient(124deg,#444 14%,#080808 86%)}.eclipse-css .ec-light{left:0;background:radial-gradient(circle closest-side,#80808038,#8a8a8a3d,#bebebe45,#cdcdcd59,#d8d8d870,#e0e0e08a,#e8e8e8a1,#efefefba,#f7f7f7d1,#ffffffe8,#fffffff7);box-shadow:0 0 calc(var(--d) * .162) 0 #ffffff1f}.eclipse-css i:after{content:"";position:absolute;inset:0;background:var(--grain);background-size:160px;opacity:.06}.eclipse-css.total .ec-dark{right:auto;left:0}.eclipse-css.total .ec-light{box-shadow:0 0 calc(var(--d) * .06) calc(var(--d) * .006) #fff3,0 0 calc(var(--d) * .4) 0 #ffffff12}.product main{padding-top:0}.p-hero{position:relative;overflow-x:clip;padding-top:calc(clamp(104px,14vh,152px) + env(safe-area-inset-top))}.p-hero .wrap{position:relative;z-index:1}.p-eclipse{--d: clamp(112px, 26vw, 460px);margin:0 0 clamp(28px,4vw,40px)}@media(min-width:900px){.p-eclipse{position:absolute;z-index:0;top:calc(clamp(64px,10vh,120px) + env(safe-area-inset-top));right:calc(var(--edge) - 4vw);margin:0}}.p-hero h1{font-size:clamp(52px,8.6vw,156px);line-height:.9;letter-spacing:-.045em;max-width:9.5ch}.p-hero h1 .kicker{display:flex;gap:10px;font:600 12px/16px var(--font-system);letter-spacing:.14em;text-transform:uppercase;color:var(--label);margin:0 0 clamp(20px,2.4vw,28px)}.p-hero h1 .kicker b{color:var(--ink);font-weight:600}.p-hero .lede{max-width:42ch;text-wrap:pretty}.p-hero .fine{max-width:60ch}.p-window{position:relative;z-index:1;max-width:var(--measure);margin:clamp(48px,4.4vw,72px) auto 0;padding:0 var(--edge);perspective:2200px}.p-window img{width:100%;border-radius:12px;background:var(--ground-page);transform-origin:50% 0;box-shadow:0 0 0 1px var(--rule),0 60px 140px -50px #000,0 0 220px -80px #ffffff29}.p-window figcaption{font-size:13px;color:var(--label);margin-top:16px}.p-window.duo{display:grid;grid-template-columns:minmax(0,1fr)}.p-window.duo .tab{width:84%}.p-window.duo .ph{position:absolute;right:var(--edge);bottom:-6%;width:22%;background:none}.p-window.duo .ph img{border-radius:clamp(16px,3vw,40px)}@keyframes p-tilt{0%{transform:rotateX(16deg) scale(.94);opacity:.8}to{transform:none;opacity:1}}@keyframes p-up{0%{transform:translateY(18%)}to{transform:none}}@supports (animation-timeline: view()){.motion .p-window .tilt{animation:p-tilt linear both;animation-timeline:view();animation-range:entry 0% cover 34%}.motion .p-window.duo .ph{animation:p-up linear both;animation-timeline:view();animation-range:entry 0% cover 50%}}.p-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:44px clamp(24px,3vw,48px);margin:clamp(120px,14vw,200px) 0 0;padding:0}.p-facts div{border-top:1px solid var(--rule);padding-top:24px}.p-facts dt{font:300 clamp(60px,7.4vw,124px)/.9 var(--font-display);letter-spacing:-.045em;color:var(--ink)}.p-facts dd{margin:18px 0 0;color:var(--name);max-width:28ch}.p-row{display:grid;gap:40px;align-items:center;margin-top:clamp(120px,14vw,200px)}.p-row h2{font-size:clamp(42px,5vw,84px);margin-bottom:24px}.p-row p{max-width:44ch}.p-row .label{margin-bottom:18px}@media(min-width:900px){.p-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,96px)}.p-row.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.p-row.flip>.p-copy{order:2}.p-row.wide{grid-template-columns:minmax(0,1fr)}.p-row.wide .p-copy{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,96px);align-items:end}}.p-shot img{width:100%;border-radius:10px;background:var(--ground-page);box-shadow:0 0 0 1px var(--rule),0 40px 90px -40px #000}.p-shot figcaption{font-size:13px;color:var(--label);margin-top:14px}.p-shot.phones{display:flex;gap:clamp(14px,2.4vw,32px);justify-content:center;align-items:flex-start}.p-shot.phones img{flex:0 1 300px;min-width:0;width:100%;border-radius:clamp(22px,3vw,40px)}.p-shot.phones img:nth-child(2){margin-top:12%}.p-keys{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0 0;padding:0;list-style:none;font-size:14px;color:var(--name)}.p-keys kbd{display:inline-block;min-width:26px;padding:3px 7px;margin-right:6px;border-radius:6px;background:var(--ground-chip);color:var(--ink);font:600 12px/18px var(--font-system);text-align:center}.p-details{margin-top:clamp(140px,16vw,240px)}.p-details .doc-body{margin-top:clamp(40px,5vw,64px)}.p-end{display:grid;justify-items:center;text-align:center;margin-top:clamp(140px,16vw,240px)}.p-end .eclipse-css{--d: clamp(120px, 15vw, 220px);margin-bottom:clamp(40px,5vw,64px)}.p-end h2{margin-bottom:0}.p-end .lede{margin-inline:auto;text-wrap:balance}.p-end .cmds{justify-content:center}@supports (animation-timeline: view()){.motion .product .p-row,.motion .product .p-facts>div,.motion .product .p-end{animation:pg-in linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}