.onepage{--ink:#0d0f12;--paper:#f4f2ec;--mute:#f4f2ecc2;--accent:#ff5a1f;--scrim:#0d0f12cc;--f-display:var(--font-archivo),"Helvetica Neue",Arial,sans-serif;--f-mono:var(--font-dm-mono),ui-monospace,"SF Mono",Menlo,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html:has(.onepage){scroll-snap-type:y proximity;scroll-behavior:smooth}html:has(.onepage) body{background:#0d0f12}.onepage{background:var(--ink);color:var(--paper);font-family:var(--f-display);-webkit-font-smoothing:antialiased;margin:0}@media (prefers-reduced-motion:reduce){html:has(.onepage){scroll-behavior:auto;scroll-snap-type:none}}.onepage .bar{z-index:5;padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:28px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font:500 12px/1.2 var(--f-mono);letter-spacing:.04em;pointer-events:none;background:linear-gradient(#0d0f128c,#0d0f1200);justify-content:space-between;align-items:baseline;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.onepage .bar a{color:var(--paper);pointer-events:auto;text-decoration:none}.onepage .bar a:hover{color:var(--accent)}.onepage .bar-r{align-items:center;gap:10px;display:flex}.onepage .bar .li{margin:-8px 0;padding:8px 4px;display:inline-flex}.onepage .bar .li svg{fill:currentColor;width:14px;height:14px;display:block}.onepage .screen{scroll-snap-align:start;background:var(--ink);align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.onepage .screen picture,.onepage .screen img{width:100%;height:100%;display:block;position:absolute;inset:0}.onepage .screen img{object-fit:cover;max-width:none}.onepage #slide-2 img{object-position:50% 100%}.onepage .screen:after{content:"";background:linear-gradient(to top,var(--scrim)0%,#0d0f1266 42%,#0d0f1200 72%);position:absolute;inset:0}.onepage .copy{z-index:1;box-sizing:border-box;width:100%;padding-top:120px;padding-bottom:calc(36px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(44px,env(safe-area-inset-right,0px));position:relative}.onepage .label{font:500 12px/1.2 var(--f-mono);letter-spacing:.06em;text-transform:lowercase;align-items:center;gap:10px;margin:0;display:flex}.onepage .label:before{content:"";background:var(--accent);flex:none;width:9px;height:9px}.onepage .term-wrap{display:inline-block;position:relative}.onepage .term{color:inherit;cursor:help;text-align:left;background:0 0;border:0;padding:0}.onepage .term span{border-bottom:1px dotted var(--mute);padding-bottom:2px}.onepage .term:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.onepage .defn{z-index:5;box-sizing:border-box;width:min(300px,100vw - 60px);font:400 12px/1.5 var(--f-mono);letter-spacing:.02em;color:var(--paper);text-transform:none;opacity:0;visibility:hidden;background:#0d0f12f0;border:1px solid #f4f2ec47;padding:14px 16px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;bottom:calc(100% + 12px);left:0;transform:translateY(4px)}.onepage #slide-8 .sub{text-wrap:balance;max-width:none}.onepage .defn p{margin:0}.onepage .defn p+p{margin-top:8px}.onepage .defn .w{color:var(--accent);font-weight:500}.onepage .defn .w i{color:var(--mute);margin:0 6px;font-style:normal}.onepage .defn .e{color:var(--mute);font-size:11px}.onepage .term-wrap:hover .defn,.onepage .term-wrap.open .defn,.onepage .term-wrap:focus-within .defn{opacity:1;visibility:visible;transform:none}@media (prefers-reduced-motion:reduce){.onepage .defn{transition:none}}.onepage h2{letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 24px #00000040;margin:14px 0 12px;font-size:clamp(3.4rem,18vw,9rem);font-weight:800;line-height:.92}.onepage .long h2{font-size:clamp(2.6rem,13vw,6.4rem)}.onepage .num h2{white-space:nowrap;font-size:clamp(2.6rem,13.4vw,6rem)}.onepage .hero h2{letter-spacing:-.03em;font-size:clamp(2.1rem,9.8vw,4.6rem);line-height:.98}.onepage .spec{letter-spacing:-.03em;white-space:nowrap;margin:22px 0 0;font-size:clamp(2.6rem,13vw,5rem);font-weight:800;line-height:1}.onepage .spec b{color:var(--accent);font-weight:800}.onepage h2 b{color:var(--accent);font-weight:inherit}.onepage .fig{letter-spacing:-.035em;color:var(--accent);margin:14px 0 0;font-size:clamp(3.4rem,18vw,8rem);font-weight:800;line-height:.92}.onepage .fig span{font:500 12px/1 var(--f-mono);letter-spacing:.06em;color:var(--paper);margin-left:12px}.onepage .fig+h2{margin-top:10px}.onepage h2 .unit{font:500 12px/1 var(--f-mono);letter-spacing:.06em;text-shadow:none;margin-left:12px}.onepage .arr{vertical-align:.14em;margin:0 .1em;line-height:0;display:inline-block}.onepage .arr svg{fill:none;stroke:currentColor;stroke-width:9px;stroke-linejoin:miter;width:.7em;height:.42em;display:block}.onepage .intro{z-index:2;top:calc(60px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));color:var(--paper);text-shadow:0 1px 14px #00000059;justify-content:start;margin:0;font-size:clamp(.62rem,2.8vw,.94rem);font-weight:700;line-height:1.3;display:grid;position:absolute}.onepage .intro .t{margin:0}.onepage .intro .t span{display:block}.onepage .intro .t span+span{font-weight:500}.onepage .intro .id{flex-direction:column;align-items:flex-start;margin:12px 0 0;display:flex}.onepage .intro .id span:first-child{border-top:1px solid var(--paper);padding-top:10px;font-weight:700}.onepage .intro .id span+span{font-weight:500}.onepage #slide-1:before{content:"";z-index:1;background:linear-gradient(#0d0f129e,#0d0f1200);height:280px;position:absolute;inset:0 0 auto}.onepage .sub{max-width:28ch;color:var(--mute);margin:0;font-size:clamp(1.05rem,4.7vw,1.45rem);font-weight:500;line-height:1.28}.onepage .mail{flex-wrap:wrap;align-items:center;gap:12px 16px;margin:18px 0 0;display:flex}.onepage .mail a{font:500 clamp(1.15rem,6vw,1.6rem)/1.2 var(--f-mono);color:var(--paper);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:6px;-webkit-user-select:all;user-select:all;text-decoration-thickness:3px}.onepage .mail button{font:500 12px/1 var(--f-mono);letter-spacing:.06em;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #f4f2ec8c;padding:10px 14px}.onepage .mail button:hover,.onepage .mail button:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.onepage .foot{font:400 11px/1.5 var(--f-mono);letter-spacing:.04em;color:var(--mute);margin:36px 0 0}.onepage .ticks{z-index:5;top:50%;right:max(10px,env(safe-area-inset-right,0px));flex-direction:column;gap:4px;display:flex;position:fixed;transform:translateY(-50%)}.onepage .ticks button{cursor:pointer;background:0 0;border:0;width:22px;height:18px;padding:0;position:relative}.onepage .ticks button:before{content:"";background:#f4f2ec80;width:14px;height:2px;transition:width .45s cubic-bezier(.22,1,.36,1),background-color .35s;position:absolute;top:8px;right:2px}.onepage .ticks button[aria-current=true]:before{background:var(--accent);width:20px}.onepage .ticks button:focus-visible{outline:2px solid var(--accent)}.onepage .ticks button:hover:before,.onepage .ticks button:focus-visible:before{background:var(--paper);width:20px}.onepage .ticks button[aria-current=true]:hover:before,.onepage .ticks button[aria-current=true]:focus-visible:before{background:var(--accent)}.onepage .ticks button:after{content:attr(data-n);font:500 12px/1 var(--f-mono);letter-spacing:.04em;color:var(--paper);text-shadow:0 1px 6px #0d0f1299;opacity:0;pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1);position:absolute;top:9px;right:28px;transform:translate(6px,-50%)}.onepage .ticks button:hover:after,.onepage .ticks button:focus-visible:after{opacity:1;transform:translateY(-50%)}.onepage .ticks button[aria-current=true]:after{color:var(--accent)}@media (min-width:800px){.onepage .copy{padding-left:max(56px,6vw,env(safe-area-inset-left,0px));padding-right:max(72px,6vw,env(safe-area-inset-right,0px));padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.onepage .bar{font-size:13px}.onepage h2{font-size:clamp(5rem,11vw,10.5rem)}.onepage .long h2{max-width:14ch;font-size:clamp(3.6rem,7.5vw,7.2rem)}.onepage .num h2{font-size:clamp(5rem,11vw,10.5rem)}.onepage .hero h2{max-width:17ch;font-size:clamp(3.2rem,5.6vw,6.2rem)}.onepage .spec{margin-top:28px;font-size:clamp(4rem,8vw,7.5rem)}.onepage .fig{font-size:clamp(5rem,11vw,10.5rem)}.onepage .fig span,.onepage h2 .unit{font-size:13px}.onepage .sub{max-width:34ch;font-size:1.6rem}.onepage #slide-8 .sub{max-width:48ch}.onepage .intro{top:calc(72px + env(safe-area-inset-top,0px));left:max(56px,6vw,env(safe-area-inset-left,0px));right:max(72px,6vw,env(safe-area-inset-right,0px));font-size:1.04rem}.onepage .screen:after{background:linear-gradient(to top,var(--scrim)0%,#0d0f1259 38%,#0d0f1200 66%)}}
