:root{--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display:clamp(2.25rem, 5.4vw, 5.25rem);--text-section:clamp(2.25rem, 4vw, 4rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1480px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#0f1b2e;--color-paper-2:#1c2f50;--color-paper-3:#235281;--color-steel:oklch(93% .008 262);--color-steel-2:oklch(87% .012 262);--color-on-steel:#0f1b2e;--color-on-steel-2:oklch(40% .03 262);--color-ink:oklch(96% .008 262);--color-ink-2:oklch(84% .02 262);--color-muted:oklch(78% .03 262);--color-rule:oklch(42% .05 262);--color-accent:oklch(69% .185 46);--color-accent-ink:#0f1b2e;--color-focus:oklch(72% .19 46);--font-display:var(--font-clash), ui-sans-serif, sans-serif;--font-body:var(--font-geist), ui-sans-serif, sans-serif;--font-outlier:var(--font-body);--radius-card:2px;--radius-pill:999px;--rule-hair:1px;--shadow-card:none;--tracking-display:0}*,:before,:after{box-sizing:border-box}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-synthesis:none;overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{scroll-behavior:smooth}.skip{top:var(--space-xs);left:var(--space-xs);z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);position:fixed;transform:translateY(-200%)}.skip:focus-visible{transform:none}h1{font-size:var(--text-display);letter-spacing:var(--tracking-display);font-weight:500;line-height:1.02}h2{font-size:var(--text-section);letter-spacing:var(--tracking-display);max-width:18ch;font-weight:500;line-height:1.04}strong{font-weight:600}.lede{font-size:var(--text-lead);color:var(--color-ink-2);max-width:44ch}.btn{min-height:52px;padding-inline:var(--space-lg);border-radius:var(--radius-card);white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn--main{background:var(--color-accent);color:var(--color-accent-ink)}.btn--main:hover{background:var(--color-ink)}.btn--main:active{background:var(--color-ink-2)}.btn--quiet{border-color:var(--color-muted);color:var(--color-ink)}.btn--quiet:hover{border-color:var(--color-ink);background:var(--color-paper-2)}.btn--quiet:active{background:var(--color-paper-3)}.btn--ink{background:var(--color-on-steel);color:var(--color-steel)}.btn--ink:hover{background:var(--color-on-steel-2)}.btn--ink:active{background:var(--color-on-steel)}.btn--navy{background:var(--color-accent-ink);color:var(--color-ink)}.btn--navy:hover{background:var(--color-paper-3)}.btn--navy:active{background:var(--color-paper-2)}.nav{z-index:var(--z-sticky-nav);align-items:center;gap:var(--space-lg);max-width:var(--container);padding:var(--space-md) var(--gutter);margin-inline:auto;display:flex;position:absolute;inset:0 0 auto}.nav__brand{align-items:center;min-height:44px;display:inline-flex}.nav__brand img{width:auto;height:34px}.nav__partner{padding-left:var(--space-lg);border-left:1px solid var(--color-rule)}.nav__partner img{width:auto;height:20px}.nav__links{gap:var(--space-lg);margin-left:var(--space-lg);display:flex}.nav a{color:var(--color-ink);text-decoration:none}.nav__links a:hover,.nav__signin:hover{color:var(--color-accent)}.nav__new{margin-left:var(--space-2xs);padding-inline:var(--space-2xs);border-radius:var(--radius-card);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-xs);font-weight:600;line-height:1.5;display:inline-block}.nav__tools{align-items:center;gap:var(--space-lg);--lang-ground:var(--color-paper);--lang-ink:var(--color-ink);--lang-line:var(--color-muted);--lang-hover:var(--color-paper-2);--lang-accent:var(--color-accent);--lang-height:44px;margin-left:auto;display:flex}.nav__action{min-height:44px;padding-inline:var(--space-md);border:1px solid var(--color-muted);border-radius:var(--radius-card);white-space:nowrap;align-items:center;display:inline-flex}.nav__action:hover{border-color:var(--color-ink)}.nav__menu,.nav__sheet{display:none}.stage{position:relative;overflow:clip}.stage__track{pointer-events:none;position:absolute;inset:0}.stage__view{contain:paint;background:var(--color-paper);pointer-events:auto;height:100lvh;position:sticky;top:0;overflow:hidden}.stage__poster,.stage__canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage__canvas{opacity:0;will-change:opacity;touch-action:pan-y;transition:opacity var(--dur-long) var(--ease-out)}.is-live .stage__canvas{opacity:1}.stage__poster{transition:opacity var(--dur-long) var(--ease-out)}.is-live .stage__poster{opacity:0}.hero{z-index:var(--z-base);pointer-events:none;flex-direction:column;justify-content:flex-end;min-height:100svh;display:flex;position:relative}.hero__in{gap:var(--space-lg);padding-block:var(--space-3xl) var(--space-lg);display:grid}.hero__lead{font-size:var(--text-lead);text-wrap:balance;max-width:40ch;color:var(--color-ink)}.hero__acts{gap:var(--space-sm);pointer-events:auto;flex-wrap:wrap;display:flex}.hero__cap{justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-ink-2);align-items:center;display:flex}.hero__pause{white-space:nowrap;min-height:44px;color:var(--color-ink-2);text-underline-offset:.2em;cursor:pointer;pointer-events:auto;background:0 0;border:0;flex:none;padding:0;text-decoration:underline}.hero__pause:hover{color:var(--color-ink)}.step{z-index:var(--z-base);pointer-events:none;align-items:center;min-height:130svh;display:flex;position:relative}.step__in{gap:var(--space-md);display:grid}.step p{font-size:var(--text-lead);color:var(--color-ink);max-width:34ch}.step h2{max-width:12ch}.viewer{z-index:var(--z-base);min-height:120svh;padding-block:var(--space-3xl);touch-action:pan-y;cursor:grab;align-items:center;display:flex;position:relative}.viewer:active{cursor:grabbing}.viewer__in{position:relative}.viewer__panel{gap:var(--space-lg);cursor:auto;max-width:520px;display:grid}.viewer__panel h2{font-size:clamp(2.25rem,3.2vw,3.25rem)}.pick{gap:var(--space-xs);border:0;min-width:0;margin:0;padding:0;display:grid}.pick legend{padding:0 0 var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-2)}.pick input{opacity:0;width:1px;height:1px;position:absolute}.pick__row{gap:var(--space-xs);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.pick__row--text{flex-wrap:wrap;display:flex}.prof{gap:var(--space-2xs);font-size:var(--text-xs);color:var(--color-ink-2);cursor:pointer;line-height:1.2;display:grid}.prof__img{aspect-ratio:173/169;border-radius:var(--radius-card);display:grid}.prof__img>*{grid-area:1/1;width:100%;height:100%}.prof__tint{background:var(--tint);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.prof__shade{mix-blend-mode:hard-light}.prof:hover span:last-child{color:var(--color-ink)}.prof input:checked~.prof__img{outline:2px solid var(--color-accent);outline-offset:1px}.prof input:checked~span:last-child{color:var(--color-ink)}.prof:focus-visible,.sw:focus-visible,.seg:focus-visible,.prof:has(:focus-visible),.sw:has(:focus-visible),.seg:has(:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.pick__swatches{gap:var(--space-xs);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.sw{cursor:pointer}.sw:has(input:disabled){cursor:not-allowed}.sw input:disabled+span{opacity:.35;cursor:not-allowed;filter:saturate(.5)}.sw span{border-radius:var(--radius-card);background:var(--sw);height:40px;box-shadow:inset 0 0 0 1px var(--color-rule);display:block}.sw:hover span{box-shadow:inset 0 0 0 1px var(--color-ink)}.sw input:checked+span{outline:2px solid var(--color-accent);outline-offset:1px}.seg{cursor:pointer}.seg span{min-height:44px;padding-inline:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-card);font-size:var(--text-sm);align-items:center;display:inline-flex}.seg:hover span{border-color:var(--color-ink-2)}.seg input:checked+span{border-color:var(--color-accent);background:var(--color-paper-2)}.seg input:active+span{background:var(--color-paper-3)}.seg:has(input:disabled){cursor:not-allowed}.seg input:disabled+span{opacity:.55;cursor:not-allowed;background:var(--color-paper);color:var(--color-muted);text-decoration:line-through}.viewer__note{font-size:var(--text-xs);color:var(--color-muted)}.viewer__act{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.viewer__code{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.installs{position:relative}.installs__track{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.installs__track li{scroll-snap-align:start;flex:0 0 100%;min-width:0}.installs figure{margin:0;position:relative}.installs img{object-fit:cover;object-position:50% 62%;width:100%;height:min(86svh,860px)}.installs figure:after{content:"";background:linear-gradient(to top, color-mix(in oklab, var(--color-paper) 85%, transparent), transparent);pointer-events:none;height:30%;position:absolute;inset:auto 0 0}.installs figcaption{z-index:1;inset:auto 0 var(--space-md);gap:var(--space-sm);color:var(--color-ink);text-shadow:0 1px 2px var(--color-paper);margin-inline:auto;display:flex;position:absolute}.installs__nav{inset:auto 0 var(--space-md);justify-content:flex-end;gap:var(--space-xs);pointer-events:none;margin-inline:auto;display:flex;position:absolute}.installs__nav .btn{background:var(--color-paper);pointer-events:auto;min-height:44px}.installs__nav .btn:hover{background:var(--color-paper-2)}.order{padding-block:var(--section-gap)}.order__grid{gap:var(--space-2xl);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;display:grid}.order__text{gap:var(--space-lg);justify-items:start;display:grid}.order__steps{counter-reset:s;gap:var(--space-md);width:100%;margin:0;padding:0;list-style:none;display:grid}.order__steps li{counter-increment:s;grid-template-columns:var(--space-xl) minmax(0, 1fr);padding-top:var(--space-md);border-top:1px solid var(--color-rule);display:grid}.order__steps li:before{content:counter(s);font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent);grid-row:span 2;font-weight:600}.order__steps span{color:var(--color-ink-2)}.order__shot{justify-self:end;max-width:460px;margin:0}.order__shot img{aspect-ratio:1056/1800;background:var(--color-paper-2);border-radius:var(--radius-card);border:1px solid var(--color-rule);width:100%}.order__shot figcaption{padding-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-2)}.ed{background:var(--color-steel);color:var(--color-on-steel);padding-block:var(--section-gap)}.ed .lede{color:var(--color-on-steel-2)}.ed :focus-visible{outline-color:var(--color-on-steel)}.ed__grid{gap:var(--space-2xl) var(--space-3xl);grid-template-columns:minmax(0,8fr) minmax(0,4fr);display:grid}.ed__head{gap:var(--space-lg);justify-items:start;display:grid}.ed__logo{width:180px}.ed__award{gap:var(--space-sm);text-align:right;align-content:start;justify-items:end;display:grid}.ed__award img{width:min(100%,300px)}.ed__award p{max-width:26ch;font-weight:600}.ed__drawing{margin:0}.ed__drawing img{mix-blend-mode:multiply;width:100%}.ed__drawing figcaption{padding-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-on-steel-2)}.ed__facts{gap:var(--space-lg);align-content:end;margin:0;display:grid}.ed__facts div{border-top:1px solid var(--color-on-steel);padding-top:var(--space-sm)}.ed__facts dd{font-family:var(--font-display);font-size:var(--text-section);font-variant-numeric:tabular-nums;margin:0;font-weight:600;line-height:1.1}.ed__facts dt{color:var(--color-on-steel-2)}.close{background:var(--color-accent);color:var(--color-accent-ink);padding-block:var(--section-gap-s)}.close__in{gap:var(--space-2xl);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;display:grid}.close h2{font-size:var(--text-display);line-height:1}.close__acts{gap:var(--space-xs);justify-items:start;display:grid}.close__acts .btn{margin-bottom:var(--space-xs)}.close :focus-visible{outline-color:var(--color-accent-ink)}.foot{padding-block:var(--space-xl)}.foot__row{gap:var(--space-lg);grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;display:grid}.foot__who{gap:var(--space-lg);align-items:center;display:flex}.foot__who img{width:auto;height:44px}.foot__who p{color:var(--color-ink-2);max-width:44ch}.foot__who strong{color:var(--color-ink);font-weight:600}.foot__links{justify-content:flex-end;gap:var(--space-lg);flex-wrap:wrap;display:flex}.foot__links a{white-space:nowrap;text-underline-offset:.2em;align-items:center;min-height:44px;display:inline-flex}.foot__links a:hover{color:var(--color-accent)}.foot__legal{font-size:var(--text-sm);color:var(--color-muted);grid-column:1/-1}@media (width<=60rem){.nav__links,.nav__partner,.nav__signin{display:none}.nav{gap:var(--space-sm);padding-block:var(--space-xs)}.nav__tools{gap:var(--space-xs)}.nav__tools .lang__btn{justify-content:center;width:44px;padding-inline:0}.nav__tools .lang__btn span,.nav__tools .lang__chev{display:none}.nav__menu{border:1px solid var(--color-muted);border-radius:var(--radius-card);width:44px;height:44px;color:var(--color-ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.nav__menu:hover{border-color:var(--color-ink)}.nav__menu:active{background:var(--color-paper-2)}.nav__menu:has(+:popover-open){background:var(--color-paper-2)}.nav__sheet:popover-open{inset:64px var(--gutter) auto var(--gutter);width:auto;padding:var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink);margin:0;display:grid;position:fixed;box-shadow:0 16px 40px #00000073}.nav__sheet a{min-height:52px;padding-inline:var(--space-md);font-size:var(--text-lg);border-radius:var(--radius-card);align-items:center;text-decoration:none;display:flex}.nav__sheet a:hover,.nav__sheet a:active{background:var(--color-paper-3)}.nav__sheet a+a{border-top:1px solid var(--color-rule)}.hero{padding-bottom:var(--space-xl);background:linear-gradient(to bottom, transparent 32%, color-mix(in oklab, var(--color-paper) 55%, transparent) 50%, color-mix(in oklab, var(--color-paper) 88%, transparent) 62%, color-mix(in oklab, var(--color-paper) 88%, transparent) 88%, transparent 100%);justify-content:flex-end}.hero__cap{font-size:var(--text-xs)}.hero h1,.hero__lead,.step h2,.step p{text-shadow:0 1px 14px var(--color-paper), 0 0 2px var(--color-paper)}.stage__poster{object-position:50% 0}.step{min-height:120svh;padding-bottom:var(--space-xl);align-items:flex-end}.step__in{background:linear-gradient(to bottom, color-mix(in oklab, var(--color-paper) 0%, transparent) 0.0%, color-mix(in oklab, var(--color-paper) 4%, transparent) 4.0%, color-mix(in oklab, var(--color-paper) 14%, transparent) 8.0%, color-mix(in oklab, var(--color-paper) 29%, transparent) 12.0%, color-mix(in oklab, var(--color-paper) 46%, transparent) 16.0%, color-mix(in oklab, var(--color-paper) 63%, transparent) 20.0%, color-mix(in oklab, var(--color-paper) 78%, transparent) 24.0%, color-mix(in oklab, var(--color-paper) 88%, transparent) 28.0%, color-mix(in oklab, var(--color-paper) 92%, transparent) 32.0%, color-mix(in oklab, var(--color-paper) 92%, transparent) 68.0%, color-mix(in oklab, var(--color-paper) 88%, transparent) 72.0%, color-mix(in oklab, var(--color-paper) 78%, transparent) 76.0%, color-mix(in oklab, var(--color-paper) 63%, transparent) 80.0%, color-mix(in oklab, var(--color-paper) 46%, transparent) 84.0%, color-mix(in oklab, var(--color-paper) 29%, transparent) 88.0%, color-mix(in oklab, var(--color-paper) 14%, transparent) 92.0%, color-mix(in oklab, var(--color-paper) 4%, transparent) 96.0%, color-mix(in oklab, var(--color-paper) 0%, transparent) 100.0%);padding-block:10rem 9rem}.viewer{align-items:flex-start;padding-top:46svh}.viewer__panel{max-width:none;padding-top:var(--space-xl);background:linear-gradient(to bottom, transparent, var(--color-paper) var(--space-xl))}.order__grid,.ed__grid,.close__in,.foot__row{grid-template-columns:minmax(0,1fr)}.foot__links{justify-content:flex-start}.installs__track{gap:var(--space-xs);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.installs__track li{flex-basis:88%}.installs img{aspect-ratio:3/2;object-position:50% 50%;height:auto}.installs figure:after{display:none}.installs figcaption{padding:var(--space-xs) 0 0;text-shadow:none;color:var(--color-ink-2);font-size:var(--text-sm);margin:0;display:block;position:static}.installs figcaption.container{padding-inline:0}.installs__nav{padding-top:var(--space-xs);position:static}.ed__award{text-align:left;justify-items:start}.ed__award img{width:200px}.ed__facts{grid-template-columns:minmax(0,1fr)}}@media (width<=40rem){.pick__row:not(.pick__row--text){grid-template-columns:repeat(4,minmax(0,1fr))}.pick__swatches{grid-template-columns:repeat(5,minmax(0,1fr))}}.faq{padding-block:var(--section-gap-s)}.faq__in{gap:var(--space-2xl);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.faq__list details{border-top:var(--rule-hair) solid var(--color-rule)}.faq__list details:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.faq__list summary{cursor:pointer;padding-block:var(--space-md);font-size:var(--text-lg)}.faq__list p{padding-bottom:var(--space-lg);max-width:60ch;color:var(--color-ink-2);margin:0}@media (width<=60rem){.faq__in{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}}html,body{overflow-x:clip}
