.hf{--paper: #FFFFFF;--ink: #1E1E1E;--ink-2: #555555;--ink-3: #767676;--blue: #2D46A6;--rule: rgba(0, 0, 0, .1);--serif: "Young Serif", Georgia, serif;--sans: "Figtree", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--gutter: clamp(16px, 4vw, 48px);color-scheme:light}.hf,.hf *{box-sizing:border-box}.hf{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.hf .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hf #track{position:relative}.hf #stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.hf #world{position:absolute;inset:0;width:100%;height:100%;display:block}.hf .pen{stroke:#3b3a37;stroke-width:calc(var(--u, 1) * 1.3);stroke-linecap:round;stroke-linejoin:round}.hf .pen.thin{stroke-width:calc(var(--u, 1) * .9);stroke:#6a6863}.hf .pen.dash{stroke-dasharray:calc(var(--u, 1) * 5) calc(var(--u, 1) * 4)}.hf .draw{stroke-dasharray:1 2;stroke-dashoffset:1.001}.hf .part{stroke-width:calc(var(--u, 1) * .8);stroke-linejoin:round}.hf .fine{stroke-width:calc(var(--u, 1) * .8);stroke-linecap:round;stroke-linejoin:round}.hf .hair{stroke-width:calc(var(--u, 1) * .55);stroke-linecap:round;stroke-linejoin:round}.hf .pen:not([fill]),.hf .fine:not([fill]),.hf .hair:not([fill]){fill:none}.hf .lbl{font:500 13px/1 var(--sans);fill:var(--blue);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.hf .lbl.hand{font:600 21px/1 Caveat,Segoe Print,cursive;letter-spacing:.005em}.hf .lbl.small{font-size:11.5px}.hf .lbl.blue{fill:var(--blue)}.hf .lbl.big{font-size:15px}.hf .veil{position:absolute;left:0;right:0;top:0;height:160px;background:linear-gradient(#fff 0 62%,#ffffffd9 80%,#fff0);pointer-events:none;z-index:2}.hf .captions{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + clamp(50px,7.5vh,84px));display:grid;justify-items:center;padding-inline:20px;pointer-events:none;z-index:3}.hf .cap{grid-area:1 / 1;margin:0;text-shadow:0 0 14px #fff,0 0 6px #fff,0 0 2px #fff;max-width:min(100%,27em);text-align:center;font:400 clamp(19px,2.05vw,30px)/1.27 var(--sans);letter-spacing:-.015em;text-wrap:balance;color:var(--ink);opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.hf .cap.on{opacity:1;transform:none}.hf .cap.off{opacity:0;transform:translateY(-12px);transition:opacity .35s ease,transform .5s ease}.hf #prints{position:absolute;inset:0;pointer-events:none;z-index:2}.hf .print{position:absolute;left:0;top:0;margin:0;background:#fff;padding:7px 7px 0;border-radius:3px;box-shadow:0 1px 2px #00000024,0 10px 28px #0000001f;transform-origin:50% 50%;opacity:0;visibility:hidden;will-change:transform,opacity;cursor:zoom-in}.hf .print img{display:block;width:100%;height:auto;background:#eee}.hf .print figcaption{padding:8px 3px 9px;display:grid;gap:3px}.hf .print .pd{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.hf .print .pt{font:500 13.5px/1.3 var(--sans);color:var(--ink)}.hf .print.video{cursor:pointer}.hf .print.video .playb{position:absolute;left:50%;top:36%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#141414b8}.hf .print.video .playb:after{content:"";position:absolute;left:22px;top:18px;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}.hf .req{position:absolute;left:0;top:0;width:380px;background:#fff;border:1px solid #E4E2DC;border-radius:6px;padding:20px 22px 14px;box-shadow:0 12px 30px #00000012;opacity:0;visibility:hidden;z-index:2;transform-origin:50% 0}.hf .req .k{margin:0;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.hf .req h3{margin:10px 0;font:400 21px/1.2 var(--serif)}.hf .req ol{list-style:none;margin:0;padding:0;counter-reset:r}.hf .req li{counter-increment:r;display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:baseline;padding:9px 0;border-top:1px solid var(--rule);font:400 14.5px/1.3 var(--sans);color:var(--ink-3);opacity:.28;transition:opacity .45s ease,color .45s ease}.hf .req li:before{content:counter(r);font:500 11px/1 var(--mono);color:var(--ink-3)}.hf .req li b{font:500 13px/1.3 var(--mono);color:inherit;white-space:nowrap}.hf .req li.seen{opacity:1;color:var(--ink-2)}.hf .req li.now{opacity:1;color:var(--ink)}.hf .req li.now:before{color:var(--blue)}.hf .req li.now b{color:var(--blue)}.hf .opts{position:absolute;left:0;top:0;transform-origin:0 0;opacity:0;visibility:hidden;z-index:2}.hf .opts table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed}.hf .opts th,.hf .opts td{vertical-align:top;text-align:left;padding:0 10px}.hf .opts th{padding-bottom:8px}.hf .opts th svg{display:block;width:100%;height:62px}.hf .opts th .nm{display:block;margin-top:6px;font:600 13px/1.25 var(--sans);color:var(--ink)}.hf .opts td{padding-top:6px;padding-bottom:6px;border-top:1px solid var(--rule);font:400 11.5px/1.3 var(--sans);color:#4a4a4a}.hf .opts td.rl{font:500 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding-left:0}.hf .opts td .c{display:flex;gap:7px;align-items:flex-start;opacity:0;transition:opacity .4s ease}.hf .opts td .c.on{opacity:1}.hf .opts td .c i{flex:none;width:9px;height:9px;margin-top:3px;border-radius:2px}.hf .opts col.hl{background:#2d46a60b}.hf .opts .legend{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0 0;font:400 11.5px/1 var(--sans);color:var(--ink-3)}.hf .opts .legend span{display:inline-flex;align-items:center;gap:6px}.hf .opts .legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.hf .opts .src{margin:8px 0 0;font:400 11px/1.3 var(--mono);color:var(--ink-3)}.hf .opts col.rlc{width:9%}.hf .opts .n,.hf .optm .n{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:7px;border-radius:50%;background:var(--ink);color:#fff;font:600 10.5px/1 var(--sans);vertical-align:1px}.hf .opts th .ds{display:block;margin-top:3px;font:400 11.5px/1.35 var(--sans);color:var(--ink-3)}.hf .sk-l{fill:none;stroke:#2e2e2e;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.hf .sk-c{fill:none;stroke:#9aa6b6;stroke-width:1;stroke-dasharray:3 3}.hf .sk-sp{fill:none;stroke:#555;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.hf .sk-a{fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hf .sk-i{fill:none;stroke:#8a8a8a;stroke-width:1.2;stroke-dasharray:3 3;stroke-linecap:round}.hf .sk-b{fill:#f2b084;stroke:#a9531f;stroke-width:1}.hf .sk-s{fill:none;stroke:#8f4418;stroke-width:.7}.hf .sk-w{fill:#4b4d52;stroke:#222;stroke-width:1}.hf .sk-r{fill:#e4e6e9;stroke:#8a8f96;stroke-width:.8}.hf .sk-h{fill:#8a8f96}.hf .sk-m{fill:#b7c0ca;stroke:#5f6873;stroke-width:1}.hf .sk-tank{fill:#d6dee7;stroke:#5f6873;stroke-width:1}.hf .sk-tube{fill:#eef1f4;stroke:#2e2e2e;stroke-width:1.3}.hf .sk-t{font:500 9.5px/1 var(--sans);fill:#666}.hf .optm{position:absolute;left:0;top:0;transform-origin:50% 0;opacity:0;visibility:hidden;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.hf .optm .cd{display:grid;align-content:start;gap:10px}@media(min-aspect-ratio:1/1)and (max-aspect-ratio:2/1){.hf .optm{grid-template-columns:repeat(6,1fr);gap:26px 30px}.hf .optm .cd{grid-column:span 2}.hf .optm .cd:nth-child(4){grid-column:2 / span 2}}.hf .optm svg{display:block;width:100%;height:auto;aspect-ratio:200 / 130;border:1px solid var(--rule);border-radius:6px;background:#fff}.hf .optm b{display:block;font:600 15px/1.25 var(--sans);color:var(--ink)}.hf .optm span{display:block;margin-top:4px;font:400 14px/1.4 var(--sans);color:var(--ink-2)}.hf .optm .sk-t{font-size:8.5px}@media(max-aspect-ratio:1/1){.hf .optm{grid-template-columns:1fr;gap:0}.hf .optm .cd{grid-template-columns:118px 1fr;gap:12px;align-items:center;padding:7px 0;border-top:1px solid var(--rule)}.hf .optm .cd:first-child{border-top:0}.hf .optm svg{width:118px;height:77px;border:0}.hf .optm b{font-size:14px}.hf .optm span{font-size:13px;margin-top:3px}}@media(max-aspect-ratio:1/1){.hf .opts col.rlc{width:30%}.hf .opts th{padding:0 2px 6px;text-align:center}.hf .opts th svg{height:40px}.hf .opts th .nm{margin-top:4px;text-align:center}.hf .opts th .nm .long,.hf .opts th .ds{display:none}.hf .opts .n{margin:0}.hf .opts td{padding:7px 2px}.hf .opts td.rl{font:400 12px/1.25 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-2);padding-left:0}.hf .opts td:not(.rl) .c{justify-content:center}.hf .opts td:not(.rl) .c span{display:none}.hf .opts td .c i{width:11px;height:11px;margin:0;border-radius:50%}.hf .opts .legend{gap:12px}}.hf .hf-intro{position:absolute;left:clamp(20px,6vw,96px);top:50%;transform:translateY(-50%);width:min(34vw,460px);pointer-events:none;z-index:3}.hf .hf-intro .kicker{margin:0 0 18px;font:400 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.hf .hf-intro h1{margin:0;font:400 clamp(34px,min(11vw,8vh),80px)/1 var(--serif);letter-spacing:-.01em}.hf .hf-intro p.lede{margin:clamp(10px,2.2vh,20px) 0 0;font:400 clamp(15px,min(4.6vw,2.5vh),22px)/1.45 var(--sans);color:var(--ink-2)}@media(max-aspect-ratio:1/1){.hf .hf-intro{left:20px;right:20px;width:auto;top:calc(env(safe-area-inset-top,0px) + 72px);transform:none}}.hf .hint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);transform:translate(-50%);display:grid;justify-items:center;gap:6px;font:400 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);pointer-events:none}.hf .hint svg{animation:hf-bob 1.8s ease-in-out infinite}@keyframes hf-bob{50%{transform:translateY(6px)}}.hf .rail{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);transform:translate(-50%) translateY(8px);opacity:0;pointer-events:none;transition:opacity .6s ease,transform .6s ease;z-index:4}.hf .rail.show{opacity:1;transform:translate(-50%);pointer-events:auto}.hf .rail ol{list-style:none;margin:0;padding:6px 10px;display:flex;align-items:center;background:#ffffffdb;border-radius:8px}.hf .rail li{display:flex;align-items:center}.hf .rail li+li:before{content:"";width:clamp(8px,1.6vw,24px);height:1px;margin-inline:3px;background:var(--ink-3);opacity:.5}.hf .rail button{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 3px;border-radius:6px;font:400 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);transition:color .3s}.hf .rail button:hover{color:var(--ink)}.hf .rail button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hf .rail .lbl{white-space:nowrap}.hf .rail .dot{width:5px;height:5px;border-radius:50%;border:1px solid currentColor;transition:background .3s,transform .3s}.hf .rail li.done button{color:var(--ink-2)}.hf .rail li.done .dot{background:currentColor}.hf .rail li.now button{color:var(--ink)}.hf .rail li.now .dot{background:var(--ink);transform:scale(1.3)}@media(max-width:900px){.hf .rail li:not(.now) .lbl{display:none}.hf .rail button{padding:8px 3px}}.hf .brand{position:absolute;top:calc(env(safe-area-inset-top,0px) + 18px);left:clamp(16px,3vw,32px);padding:6px 0;font:500 15px/1 var(--sans);letter-spacing:-.01em;color:var(--ink);text-decoration:none;z-index:4}.hf .brand:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.hf .where{position:absolute;top:calc(env(safe-area-inset-top,0px) + 22px);right:clamp(16px,3vw,32px);font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);opacity:0;transition:opacity .5s;z-index:4}.hf .where.show{opacity:1}.hf .end{position:absolute;right:clamp(20px,5vw,80px);top:50%;width:min(40vw,520px);transform:translateY(calc(-50% + 16px));opacity:0;pointer-events:none;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1);z-index:3}.hf .end.show{opacity:1;transform:translateY(-50%);pointer-events:auto}.hf .end h2{margin:0;font:400 clamp(32px,3.6vw,48px)/1.05 var(--serif)}.hf .end p{margin:12px 0 0;font:400 16px/1.5 var(--sans);color:var(--ink-2)}.hf .facts{margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.hf .facts div{padding:10px 0;border-top:1px solid var(--rule)}.hf .facts dt{font:400 20px/1.2 var(--serif)}.hf .facts dd{margin:3px 0 0;font:400 12.5px/1.35 var(--sans);color:var(--ink-3)}.hf .end .links{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px}.hf .end .links a{font:400 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--ink)}.hf .end .links a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media(max-aspect-ratio:1/1){.hf .end{left:0;right:0;bottom:0;width:auto;top:calc(env(safe-area-inset-top,0px) + 56px);padding:8px 20px 24px;background:var(--paper);overflow:auto;transform:translateY(14px)}.hf .end.show{transform:none}.hf .end p{font-size:14.5px}.hf .facts dt{font-size:17px}}.hf .yt{position:relative;display:block;width:100%;aspect-ratio:16 / 9;margin:16px 0 0;background:#111;border-radius:6px;overflow:hidden}.hf .yt button{all:unset;cursor:pointer;position:absolute;inset:0;display:block}.hf .yt img{width:100%;height:100%;object-fit:cover;display:block}.hf .yt button:before{content:"";position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;background:#0f0f0fc7}.hf .yt button:after{content:"";position:absolute;left:50%;top:50%;margin:-12px 0 0 -6px;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}.hf .yt button:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.hf .yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hf .after{max-width:1240px;margin:0 auto;padding:clamp(56px,9vw,110px) var(--gutter) 0}.hf .after h2{margin:0;font:400 clamp(30px,4vw,46px)/1.1 var(--serif)}.hf .after>p{margin:14px 0 0;max-width:40em;font:400 17px/1.55 var(--sans);color:var(--ink-2)}.hf .vids{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.hf .vids figure{margin:0}.hf .vids .yt{margin:0}.hf .vids figcaption{margin-top:12px;font:400 15px/1.45 var(--sans);color:var(--ink-2)}.hf .vids figcaption b{display:block;font-weight:600;color:var(--ink)}@media(max-width:760px){.hf .vids{grid-template-columns:1fr}}.hf .month{margin-top:44px}.hf .month h3{margin:0 0 14px;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding-bottom:10px;border-bottom:1px solid var(--rule)}.hf .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.hf .pgrid figure{margin:0}.hf .pgrid button{all:unset;cursor:zoom-in;display:block;width:100%;aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;background:#eee}.hf .pgrid button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.hf .pgrid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.hf .pgrid button:hover img{transform:scale(1.03)}.hf .pgrid figcaption{margin-top:8px;font:400 13.5px/1.4 var(--sans);color:var(--ink-2)}.hf footer.site{max-width:1240px;margin:clamp(56px,9vw,110px) auto 0;padding:26px var(--gutter) calc(env(safe-area-inset-bottom,0px) + 30px);border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font:400 12px/1.4 var(--mono);color:var(--ink-3)}.hf footer.site a{color:var(--ink-2)}.hf .prod{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.hf .prod figure{margin:0}.hf .prod figure.big{grid-column:1 / -1}.hf .prod button{all:unset;cursor:zoom-in;display:block;width:100%;aspect-ratio:4 / 3;border-radius:6px;overflow:hidden;background:#eee}.hf .prod .big button{aspect-ratio:16 / 9}.hf .prod button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.hf .prod img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.hf .prod button:hover img{transform:scale(1.02)}.hf .prod figcaption{margin-top:10px;font:400 15px/1.45 var(--sans);color:var(--ink-2)}@media(max-width:760px){.hf .prod{grid-template-columns:1fr}}.hf .lb{position:fixed;inset:0;z-index:20;background:#0c0c0ceb;display:grid;place-items:center;padding:56px 20px 20px}.hf .lb[hidden]{display:none}.hf .lb .in{max-width:min(1200px,100%);max-height:100%;display:grid;gap:12px;justify-items:center}.hf .lb img{max-width:100%;max-height:calc(100vh - 130px);display:block;border-radius:3px}.hf .lb .frame{width:min(1100px,92vw);aspect-ratio:16 / 9}.hf .lb .frame iframe{width:100%;height:100%;border:0;border-radius:4px}.hf .lb p{margin:0;color:#e8e8e8;font:400 14px/1.4 var(--sans);text-align:center}.hf .lb p span{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a8a8a8;margin-right:10px}.hf .lb .x{all:unset;position:absolute;top:14px;right:16px;cursor:pointer;color:#fff;font:400 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:10px;border-bottom:1px solid #fff}.hf .lb .x:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.hf .hint svg{animation:none}.hf .cap,.hf .cap.on,.hf .cap.off,.hf .end,.hf .req li,.hf .opts td .c{transition:opacity .2s linear;transform:none!important}.hf .end{transform:translateY(-50%)!important}}@media(prefers-reduced-motion:reduce)and (max-aspect-ratio:1/1){.hf .end{transform:none!important}}.hf #stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(#fff0,#fff);pointer-events:none;z-index:1}body:has(#hf) .site-header{position:absolute;top:0;left:0;right:0;z-index:6}.hf .brand{font:400 18px/1 var(--serif);opacity:0;transition:opacity .5s}.hf .brand.show{opacity:1}@media(max-aspect-ratio:1/1){.hf .hf-intro{top:calc(var(--hf-head, 72px) + 16px)}}.sky .hf{background:transparent;color:inherit;--ink: currentColor;--ink-2: color-mix(in srgb, currentColor 78%, transparent);--ink-3: color-mix(in srgb, currentColor 62%, transparent);--rule: rgba(128, 128, 128, .25)}.hf .after .site-link{margin-top:14px;font:400 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.hf .after .site-link a{color:inherit}.hf nav.next{max-width:1240px;margin:clamp(56px,9vw,110px) auto 0;padding:28px var(--gutter) 0;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px;font:400 14px/1.4 var(--mono)}.hf nav.next a{color:inherit;text-decoration:none}.hf nav.next a:hover{text-decoration:underline}@media(max-width:560px){.hf .pgrid{grid-template-columns:1fr 1fr;gap:14px 12px}.hf .pgrid figcaption{font-size:12.5px}}