:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0b;--sf:#151515;--ink:#edebe4;--mu:#9a968c;--ln:#2a2a2a;--ac:#c6ff3d;--at:#c6ff3d;--btn:#edebe4;--btni:#0b0b0b;--r:16px;--hh:64px;--s:"Fraunces",Georgia,"Times New Roman",serif;--f:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--m:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 8px)}body{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--f);margin:0;overflow-x:clip}:focus-visible{outline:2px solid var(--at);outline-offset:3px}a{color:var(--mu);text-decoration:none}a:hover{color:var(--ink)}button{font:inherit;color:inherit}h1,h2,h3{font-family:var(--s);letter-spacing:-.03em;margin:0;font-weight:400}h2{font-size:clamp(2rem,5vw,3.3rem);line-height:1.05}em{color:var(--ac);font-style:italic}.mono{font:400 .75rem var(--m);letter-spacing:.06em;color:var(--mu);margin:0}.w{max-width:1000px;margin:0 auto;padding:0 20px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--sf);color:var(--ink);z-index:30;border-radius:99px;padding:8px 16px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}header{z-index:10;height:var(--hh);background:var(--bg);border-bottom:1px solid var(--ln);position:sticky;top:0}header .w{align-items:center;gap:20px;height:100%;display:flex}.logo{min-height:44px;font:600 1.5rem var(--s);letter-spacing:-.03em;color:var(--ink);align-items:center;margin-right:auto;display:inline-flex}.logo i{color:var(--ac);font-style:normal}nav{gap:22px;min-width:0;display:flex}nav a{align-items:center;min-height:44px;display:inline-flex}.btn{background:var(--btn);cursor:pointer;border:0;border-radius:99px;padding:12px 24px;font-weight:500;transition:transform .2s;display:inline-block;color:var(--btni)!important}.btn:hover{transform:translateY(-2px)}.btn.o{border:1px solid var(--ln);background:0 0;color:var(--ink)!important}.btn.s{padding:8px 16px;font-size:.92rem}@media (pointer:coarse){.btn,button{min-height:44px}}.fr{aspect-ratio:1;border-radius:calc(var(--r)*.75);background:#ece7db;position:relative;overflow:hidden}.fr img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.broken:after{content:attr(data-n);text-align:center;font:400 .8rem var(--m);color:#6f675c;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.broken img{visibility:hidden}.pin{position:relative}.stick{top:var(--hh);height:calc(100vh - var(--hh));height:calc(100svh - var(--hh));position:sticky;overflow:hidden}.layer{text-align:center;will-change:transform,opacity;align-content:center;place-items:center;display:grid;position:absolute;inset:0}.hero{--p:0;height:260vh}.la{transform:scale(calc(1 + var(--p)*2.4));opacity:calc(1 - var(--p)*2.6);pointer-events:none}.la h1{letter-spacing:-.05em;font-size:clamp(64px,19vw,300px);line-height:.9}.la p{max-width:34ch;color:var(--mu);margin:24px auto 0;font-size:clamp(1rem,2.3vw,1.35rem)}.lb{opacity:calc((var(--p) - .3)*3);transform:translateY(calc((1 - var(--p))*40px))}.lbg{text-align:left;grid-template-columns:1.05fr 1fr;align-items:center;gap:5vw;width:min(1000px,100% - 40px);display:grid}.lb h2{font-size:clamp(2rem,4.6vw,3.6rem)}.stats{border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);grid-template-columns:repeat(3,1fr);margin-top:36px;display:grid}.stats div{padding:18px 0}.stats b{font:400 clamp(2rem,4vw,3rem)/1 var(--s);letter-spacing:-.04em;display:block}.stats span{font:400 .7rem var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}.cl{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ci{transform:translateY(calc((1 - var(--p))*var(--o)))}.ci:first-child{grid-column:1/-1}.ci:first-child .fr{aspect-ratio:16/10}.mq{color:#f4f1ea;white-space:nowrap;background:#111;border-block:1px solid #2a2a2a;margin:6vh 0;padding:20px 0;overflow:hidden}.mq div{transform:translateX(var(--x,0));will-change:transform;display:inline-block}.mq span{font:400 clamp(2.2rem,6vw,5rem)/1 var(--s);letter-spacing:-.03em;padding-right:.4em}.mq em{color:#c6ff3d}.how{height:calc(var(--np,3)*100vh);--p:0}.track{width:calc(var(--np,3)*100vw);height:100%;transform:translateX(calc(var(--p)*(1 - var(--np,3))*100vw));will-change:transform;display:flex}.panel{flex:none;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;width:100vw;padding:0 max(20px,50vw - 500px);display:grid}.panel h3{margin-bottom:16px;font-size:clamp(3rem,8vw,7rem);line-height:.95}.panel p{max-width:34ch;color:var(--mu);margin:0 0 12px}.pics{grid-template-columns:1fr 1fr;justify-self:end;gap:12px;width:min(440px,100%);display:grid}.pics .fr:only-child{grid-column:1/-1}.lab{font:400 clamp(1.2rem,2.6vw,1.8rem) var(--s);letter-spacing:-.02em;margin:0;position:absolute;top:6vh;left:max(20px,50vw - 500px)}.pg{border-top:1px solid var(--ln);position:absolute;bottom:7vh;left:max(20px,50vw - 500px);right:max(20px,50vw - 500px)}.pg i{height:3px;width:calc(var(--p)*100%);background:var(--ac);position:absolute;top:-1px;left:0}.exp{--p:0;padding:10vh 20px 6vh}.xc{--k:min(var(--p)*2.4,1);color:#f4f1ea;border-radius:calc(56px - var(--k)*32px);max-width:1000px;min-height:80vh;transform:scale(calc(.6 + var(--k)*.4));will-change:transform;background:#111;border:1px solid #2a2a2a;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;margin:0 auto;padding:clamp(28px,6vw,72px);display:grid}.xc h2{margin-bottom:28px}.xc em{color:#c6ff3d}.rw{font:400 clamp(1.2rem,2.5vw,1.8rem)/1.2 var(--s);letter-spacing:-.02em;border-top:1px solid #2a2a2a;padding:16px 0}.xc .btn{background:#c6ff3d;margin-top:24px;color:#0b0b0b!important}.big{font:400 clamp(4rem,10vw,7rem)/1 var(--s);letter-spacing:-.04em;margin:0}.big span{font:400 1rem var(--f);letter-spacing:0;color:#a9a59b}.bar{background:#2a2a2a;border-radius:3px;height:6px;margin:14px 0 18px}.bar i{background:#c6ff3d;border-radius:3px;width:0;height:100%;transition:width .4s;display:block}.xn{color:#a9a59b;max-width:32ch;margin:0}.rw{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.rw span+span{font:400 .85rem var(--m);color:#a9a59b}.gal{max-width:1000px;margin:0 auto;padding:12vh 20px 0}.sub{color:var(--mu);max-width:52ch;margin:12px 0 5vh}.ptrack{height:calc(100vh + var(--n,7)*75vh);--p:0}.phd{z-index:2;position:absolute;top:3vh;left:max(20px,50vw - 500px);right:max(20px,50vw - 500px)}.phd h2{font-size:clamp(1.6rem,3.6vw,2.6rem)}.phd .sub{margin:6px 0 0}.rail{align-items:center;padding-top:14vh;display:flex;position:absolute;inset:0}.ct{--cw:min(860px,84vw);--gap:5vw;gap:var(--gap);width:max-content;padding:0 calc((100vw - var(--cw))/2);transform:translateX(calc(var(--p) * (var(--n,7) - 1) * -1 * (var(--cw) + var(--gap))));will-change:transform;display:flex}.fc{width:var(--cw);background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);transform:scale(calc(.62 + var(--z,1)*.38));opacity:calc(.25 + var(--z,1)*.75);will-change:transform,opacity;flex:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;padding:24px;display:grid;box-shadow:0 2px 14px #00000014}.fc .fr{aspect-ratio:4/3}.cat{font:400 .75rem var(--m);color:var(--at);margin:0 0 8px}.fc h3{font:600 1.5rem/1.2 var(--s);margin-bottom:12px}.tg{flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.tg li{border:1px solid var(--ln);font:400 .75rem var(--m);color:var(--mu);border-radius:99px;padding:2px 12px}.steps{border-top:1px solid var(--ln);margin:0 0 16px}.steps .cat{color:var(--mu);margin:10px 0 0}.step{cursor:pointer;border-bottom:1px solid var(--ln);align-items:center;gap:10px;min-height:44px;font-size:.95rem;display:flex}.step input{width:18px;height:18px;accent-color:var(--ac);flex:none}.step:has(input:checked){color:var(--mu);text-decoration:line-through}#grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;padding-bottom:180px;display:grid}.gt{--p:.5;text-align:left;cursor:pointer;background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);transform:translateY(calc((.5 - var(--p))*var(--dy)));padding:12px;box-shadow:0 2px 14px #00000014}.gt:nth-child(3n+1){--dy:140px}.gt:nth-child(3n+2){--dy:40px}.gt:nth-child(3n){--dy:240px}.gt:hover{border-color:var(--ac)}.gt b{font:600 1.05rem/1.3 var(--s);margin-top:12px;display:block}.gt span{font:400 .72rem var(--m);color:var(--mu)}.end{--p:0;--k:min(var(--p)*2.2,1);height:220vh}.end .stick{text-align:center;align-content:center;place-items:center;gap:20px;display:grid}.end h2{letter-spacing:-.05em;transform:scale(calc(2.6 - min(var(--p)*2,1)*1.6));opacity:calc(var(--p)*4);font-size:clamp(4.5rem,20vw,18rem);line-height:.9}.more{opacity:calc((var(--p) - .45)*4)}.more p{color:var(--mu);margin:0 0 14px}.fl{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);width:clamp(70px,11vw,140px);transform:translate(calc((1 - var(--k))*var(--dx)),calc((1 - var(--k))*var(--dy))) rotate(calc((1 - var(--k))*140deg));padding:6px;position:absolute}footer{border-top:1px solid var(--ln);font:400 .75rem var(--m);color:var(--mu);letter-spacing:.06em;padding:28px 0 44px}dialog{border:1px solid var(--ln);border-radius:var(--r);background:var(--sf);color:var(--ink);width:min(560px,100vw - 32px);padding:20px}dialog::backdrop{background:#0009}dialog .fr{aspect-ratio:4/3}dialog h3{font:600 1.4rem var(--s);margin:0 0 14px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#close{margin-left:auto}#toast{left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:20;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;border-radius:99px;padding:12px 22px;transition:all .3s;position:fixed;transform:translate(-50%,20px)}#toast.on{opacity:1;transform:translate(-50%)}@media (width<=760px){nav{scrollbar-width:none;gap:4px;padding:8px 4px;overflow-x:auto}nav::-webkit-scrollbar{display:none}nav a{padding:0 10px}header .w{gap:8px}.logo{font-size:1.25rem}#hp{display:none}.lbg,.panel,.xc,.fc{grid-template-columns:1fr}.cl{display:none}.pics{justify-self:start;width:min(320px,100%)}.fc{gap:14px;padding:16px}.fc .fr{aspect-ratio:16/8}.fc .mono{display:none}.panel{align-content:center;gap:12px}.step{min-height:44px}}@media (width<=400px){header .w{padding:0 14px}nav{gap:0}nav a{padding:0 7px;font-size:.92rem}.logo{font-size:1.15rem}}@media (width<=340px){nav a{padding:0 5px;font-size:.85rem}.logo{font-size:1.05rem}}.still .pin{height:auto}.still .stick{height:auto;padding:8vh 0;position:relative;top:auto}.still .layer{padding:4vh 0;position:relative;inset:auto;opacity:1!important;transform:none!important}.still .track{flex-direction:column;gap:8vh;width:100%;transform:none}.still .panel{width:100%}.still .pg,.still .fl{display:none}.still .xc,.still .gt,.still .ci,.still .end h2,.still .more{opacity:1!important;transform:none!important}.still .rail{padding:0;position:relative;inset:auto}.still .phd{padding:0 20px;position:relative;inset:auto}.still .ct{flex-direction:column;width:auto;padding:0 20px;transform:none}.still .fc{width:auto;opacity:1!important;transform:none!important}@media (width<=760px){.hero{height:230vh}.end{height:170vh}.lab{color:var(--mu);font-size:1.05rem;top:3vh}.panel{align-content:center;align-items:center;gap:14px;padding:calc(3vh + 2.6rem) 20px 12vh}.panel h3{margin-bottom:8px;font-size:clamp(2.2rem,11vw,3rem)}.panel p{margin-bottom:8px;font-size:.92rem}.pics{gap:10px;width:min(300px,100%)}.pics .fr{aspect-ratio:4/3}.pg{bottom:4vh}.phd{top:2vh}.phd h2{font-size:1.3rem;line-height:1.15}.phd .sub{display:none}.rail{align-items:center;padding:calc(2vh + 3.4rem) 0 8vh}.ct{--cw:88vw;--gap:4vw}.fc{opacity:var(--z,1);align-content:start;gap:8px;padding:14px}.fc>div:last-child{flex-direction:column;align-items:stretch;min-width:0;display:flex}.fc .fr{aspect-ratio:auto;height:min(13svh,100px)}.fc h3{margin-bottom:6px;font-size:1.2rem}.fc .cat{margin-bottom:4px}.tg{flex-wrap:nowrap;gap:6px;margin-bottom:8px;overflow:hidden}.tg li{flex:none;padding:1px 9px;font-size:.7rem}.steps{margin:0 0 10px}.steps .cat{margin:8px 0 0}.step{gap:12px;min-height:34px;padding:0;font-size:.88rem}.step input{margin:0}.fc .btn.s{text-align:center;align-self:stretch;padding:10px 14px;font-size:.92rem;display:block}.rail{padding-bottom:5vh}.fc.noimg>div:first-child{display:none}.fc.tiny h3{font-size:1.05rem}.fc.tiny .step{min-height:28px;font-size:.8rem}.fc.tiny .tg{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
