:root{--co:#1749FF;--db:#2868FF;--bk:#17191B;--wh:#E8E8E3;--ch:#BFC5CC;--te:#1749FF;--pe:#34383D;--gr:#34383D;--bg:#E8E8E3;--fg:#17191B;--pn:#f1f1ec;--ln:#17191B;--mt:#34383D;
--noise: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='.75' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.1 -.42'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
--metal:linear-gradient(135deg,#f6f8fa,#8d949b 28%,#e9edf0 50%,#6f777f 76%,#d8dce0);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#17191B;--fg:#E8E8E3;--pn:#20242a;--ln:#BFC5CC;--mt:#BFC5CC}}
:root[data-theme="dark"]{--bg:#17191B;--fg:#E8E8E3;--pn:#20242a;--ln:#BFC5CC;--mt:#BFC5CC}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.55 'IBM Plex Mono',ui-monospace,Menlo,monospace;overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px)}
h1,h2,h3,.disp{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;line-height:.88;margin:0}
a{color:inherit}button{font:inherit;cursor:pointer;color:inherit}
.dist{position:relative;isolation:isolate}.dist:after{content:"";position:absolute;inset:0;background:var(--noise);opacity:.5;pointer-events:none;z-index:5;mix-blend-mode:multiply}
.cb{background:var(--co);color:var(--wh)}.cb .meta{color:var(--ch)}
.chrome{height:8px;background:var(--metal);border-block:1px solid #444}
.ring{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--bg) 0 38%,transparent 39%),conic-gradient(#f4f6f8,#7b838b,#f4f6f8,#7b838b,#f4f6f8);border:1px solid #333;flex:none}
.div{display:flex;align-items:center;gap:8px;margin:16px 0}.div i{flex:1;height:5px;background:var(--metal);border-block:1px solid #444}.div span{font-size:10px;letter-spacing:.2em}
.cf{padding:5px;background:var(--metal);box-shadow:0 0 0 1px #222,4px 6px 0 var(--co);position:relative}
.cf:before,.cf:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#6b737b);border:1px solid #222;z-index:6}.cf:before{top:-4px;left:-4px}.cf:after{bottom:-4px;right:-4px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--bg);border-bottom:2px solid var(--ln)}
.bar{display:flex;align-items:center;gap:12px;padding:6px 24px;flex-wrap:wrap}
.logo{font-family:Anton,Impact,sans-serif;font-size:26px;color:var(--co);letter-spacing:.05em;cursor:pointer;background:none;border:0;padding:0;text-shadow:2px 2px 0 var(--ch)}.logo sup{font-size:10px;color:var(--fg);text-shadow:none}
nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}nav button{background:none;border:0;border-bottom:2px solid transparent;padding:3px 2px;margin-left:8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}nav button.on{border-bottom-color:var(--co);font-weight:600}nav button.on:before{content:"▸ "}nav button:hover{color:var(--co)}nav button.cta{background:var(--co);color:#fff;padding:3px 10px}nav button.cta:hover{color:#fff}
.stat{display:flex;justify-content:space-between;gap:10px;padding:3px 24px;font-size:11px;background:var(--bk);color:var(--ch);flex-wrap:wrap}
main{max-width:1120px;margin:0 auto;padding:16px 24px 32px}
.win{border:2px solid var(--ln);background:var(--pn);box-shadow:4px 4px 0 var(--co);margin-bottom:18px;position:relative}
.tb{display:flex;justify-content:space-between;gap:8px;background:var(--co);color:#fff;padding:3px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.tb.ch{background:var(--metal);color:var(--bk)}.bd{padding:12px}.bd p{max-width:64ch}
.meta{font-size:11px;color:var(--mt)}
.btn{display:inline-block;background:var(--wh);color:var(--bk);border:2px solid var(--bk);padding:8px 16px;text-transform:uppercase;font-weight:600;text-decoration:none;box-shadow:3px 3px 0 var(--bk);cursor:pointer}.btn:hover{background:var(--bk);color:var(--wh);box-shadow:3px 3px 0 var(--ch)}.btn.b{background:var(--co);color:#fff}
.tag{display:inline-block;border:1px solid currentColor;padding:1px 7px;font-size:11px;margin:2px 4px 2px 0;text-transform:uppercase}
.tape{position:absolute;background:var(--wh);color:var(--bk);padding:2px 10px;font-size:11px;font-weight:600;text-transform:uppercase;transform:rotate(-4deg);border:1px solid var(--bk);z-index:7;letter-spacing:.1em}
.vt{position:absolute;writing-mode:vertical-rl;font-size:11px;letter-spacing:.3em;text-transform:uppercase;z-index:7}
.dot{display:inline-block;width:9px;height:9px;background:var(--te);border-radius:50%;margin-right:6px;animation:b 1.4s steps(2) infinite}@keyframes b{50%{opacity:.2}}
.art{display:block;width:100%;height:auto;background:var(--bk)}
.mq{overflow:hidden;white-space:nowrap;background:var(--bk);color:var(--wh);border-block:3px solid var(--co);font-family:Anton,Impact,sans-serif;font-size:20px;text-transform:uppercase;padding:3px 0}.mq div{display:inline-block;animation:mq 90s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:0;padding:28px 28px 52px;min-height:420px;overflow:hidden}
.hero h1{font-size:clamp(56px,9vw,124px);letter-spacing:.005em}.hero h1 u{text-decoration:none;color:var(--bk);background:var(--wh);padding:0 10px;display:inline-block;transform:rotate(-3deg)}.hero h1 s{text-decoration:none;color:transparent;-webkit-text-stroke:2px var(--wh)}
.hero .art-s{position:relative;min-height:340px}.hero .a1{position:absolute;right:6%;top:0;width:68%;transform:rotate(3deg);z-index:2}.hero .a2{position:absolute;left:0;bottom:-20px;width:46%;transform:rotate(-5deg);z-index:3}
.hero .st{position:absolute;right:0;bottom:-34px;width:min(300px,70%);z-index:8;color:var(--fg)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.big{font-size:clamp(38px,5.6vw,80px)}
.flt{display:flex;gap:2px 18px;flex-wrap:wrap;margin:6px 0 20px}.flt button{background:none;border:0;border-bottom:2px solid transparent;padding:6px 0;font-size:12px;letter-spacing:.04em}.flt button:hover{color:var(--co)}.flt button.on{border-bottom-color:var(--co);font-weight:600}.flt button.on:before{content:"▸ "}
.gal{display:grid;grid-template-columns:repeat(12,1fr);gap:20px 12px;align-items:start}
.it{position:relative;background:none;border:0;padding:0;text-align:left;display:block;width:100%;cursor:pointer}.it .fr{position:relative;border:2px solid var(--ln);background:var(--pn);padding:5px}
.it .no{position:absolute;font-family:Anton,Impact,sans-serif;font-size:clamp(44px,6vw,84px);line-height:.8;color:var(--co);opacity:.9;z-index:0;top:-18px;left:-8px}
.it .fr,.it .cap{position:relative;z-index:1}.it:hover .fr{outline:4px solid var(--co)}
.k0{grid-column:1/span 4}.k1{grid-column:6/span 3;margin-top:44px}.k2{grid-column:2/span 5;margin-top:-10px}.k3{grid-column:8/span 4;margin-top:28px}.k0 .fr{box-shadow:6px 6px 0 var(--co)}.k1 .fr{background:var(--co);border-color:var(--bk)}.k2 .fr{background:var(--metal)}.k3 .fr{transform:rotate(1.5deg)}.k1 .fr{transform:rotate(-1.5deg)}
.cap{font-size:11px;padding:8px 2px;max-width:92%}.cap b{font-family:Anton,Impact,sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;display:block;line-height:1}.cap em{font-style:normal;background:var(--co);color:#fff;padding:0 5px}
.row{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid currentColor}.row b.disp{font-size:clamp(24px,3.6vw,44px)}.price{font-family:Anton,Impact,sans-serif;font-size:clamp(20px,3vw,34px);white-space:nowrap}
.plate{background:var(--metal);color:var(--bk);border:2px solid #222;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;box-shadow:2px 2px 0 var(--bk)}.plate b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:22px;text-transform:uppercase}.plate span{font-family:Anton,Impact,sans-serif;font-size:24px;color:var(--co)}
.ph{aspect-ratio:3/4;border:2px dashed var(--ln);display:grid;place-items:center;text-align:center;font-size:10px;background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(23,73,255,.18) 8px 9px)}
.ex{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ex>div:nth-child(even){margin-top:34px}.ex>div:nth-child(3){transform:rotate(-2deg)}
.tabs{display:flex;flex-wrap:wrap;gap:2px 18px;margin-bottom:12px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:6px 0;font-size:12px;letter-spacing:.04em}.tabs button:hover{color:var(--co)}.tabs button[aria-selected=true]{border-bottom-color:var(--co);font-weight:600}.tabs button[aria-selected=true]:before{content:"▸ "}
ul.tos{list-style:none;padding:0;margin:0;max-width:68ch}ul.tos li{padding:8px 0;border-bottom:1px dashed var(--ln)}
.mod{position:fixed;inset:0;background:rgba(23,25,27,.88);z-index:100;display:none;place-items:center;padding:14px;overflow:auto}.mod.on{display:grid}.mod .win{max-width:560px;width:100%;margin:auto}
footer{background:var(--co);color:var(--wh);padding:18px 24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11px;border-top:4px solid var(--bk)}footer b{font-family:Anton,Impact,sans-serif;font-size:clamp(30px,4vw,48px);font-weight:400;line-height:.9;display:block;color:var(--wh)}
.note{background:var(--bk);color:var(--wh);padding:12px 16px;border:0;border-left:6px solid var(--co);margin-bottom:20px}
@media(max-width:760px){main{padding:14px 16px 28px}.bar,.stat{padding-left:16px;padding-right:16px}.hero{grid-template-columns:1fr;padding:24px 16px 70px}.hero .art-s{min-height:380px;margin-top:20px}.gal{display:block}.it{margin-bottom:34px;width:88%}.it:nth-child(even){margin-left:12%}.ex{grid-template-columns:repeat(2,1fr)}nav{margin-left:0}.vt{display:none}}
/* ---- ARCHIVE EXPLORER / WINDOWS / ESTIMATOR (stage 3) ---- */

:focus-visible{outline:3px solid var(--wh);outline-offset:2px;box-shadow:0 0 0 2px var(--bk)}
.vw{display:inline-flex;border:1px solid var(--ln);margin:0 0 10px}.vw button{background:none;border:0;border-right:1px solid var(--ln);padding:4px 12px;min-height:32px;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.vw button:last-child{border-right:0}.vw button:hover{color:var(--co)}.vw button[aria-pressed=true]{background:var(--fg);color:var(--bg);font-weight:600}
.gal.file,.gal.specimen{display:block}
.fl{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:10px 12px;margin:0;background:var(--pn);border:0;border-bottom:2px solid var(--ln);text-align:left}.fl:first-child{border-top:2px solid var(--ln)}.fl:hover{background:var(--co);color:#fff}.fl:hover .meta{color:var(--ch)}
.fth{display:grid;place-items:center;height:80px}.fth .art{max-height:80px;width:auto;max-width:64px;border:1px solid var(--ln)}.fid{display:block;font-weight:600;letter-spacing:.1em;font-size:12px}.fnm{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:18px;line-height:1.05;display:block}.fx{text-align:right}
.sp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;margin-bottom:32px;align-items:start}.sp:nth-child(even){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.sp:nth-child(even) .spa{order:2}
.spa{display:block;background:none;border:0;padding:0;cursor:pointer;width:100%}.spa .cf{max-width:440px;margin:0 auto}.spm h3{font-size:clamp(26px,3vw,40px);margin:6px 0 10px}.spm dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 14px;font-size:12px}.spm dt{color:var(--mt)}.spm dd{margin:0}
.mod .win{transform:translate(var(--dx,0px),var(--dy,0px));max-height:calc(100vh - 28px);overflow:auto}.mod .tb{position:sticky;top:0;z-index:5;cursor:grab;user-select:none;align-items:center}.mod .tb.drag{cursor:grabbing}.mod .tb button{min-height:32px;cursor:pointer;font-size:11px}
.rx{background:none;border:0;padding:0;color:inherit;cursor:pointer;display:inline-block}
@media(hover:hover){.rx:hover .brl{animation:gl .3s steps(3) 1}}
.cfg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px}.cfg fieldset{border:0;border-top:1px solid var(--ln);margin:0 0 10px;padding:8px 0 0;min-width:0}.cfg legend{font-weight:600;letter-spacing:.14em;font-size:11px;text-transform:uppercase;padding:0 6px}
.op{position:relative;display:block;margin:4px 0}.op input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.op span{display:flex;gap:10px;border:1px solid var(--ln);padding:6px 10px;min-height:38px;align-items:center;background:var(--pn)}.op span:before{content:"□"}.op span b{margin-right:auto;font-weight:600}.op span em{font-style:normal}.op input:checked+span{background:var(--co);color:#fff;border-color:var(--bk)}.op input:checked+span:before{content:"■"}.op input:focus-visible+span{outline:3px solid var(--wh);outline-offset:2px}
.qty{display:flex}.qty button,.qty input{min-height:44px;width:48px;border:2px solid var(--ln);background:var(--pn);color:var(--fg);font:inherit;font-size:18px;text-align:center;border-radius:0}.qty input{width:76px;margin:0 -2px}
.est{background:var(--bk);color:var(--wh);padding:14px;border-left:6px solid var(--co)}.est h3{font-size:clamp(20px,2.4vw,26px);color:var(--wh);margin-bottom:10px}.est dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.est dt{color:var(--ch)}.est dd{margin:0;text-align:right}.est .tot{font-family:Anton,Impact,sans-serif;font-size:clamp(24px,3vw,34px);text-transform:uppercase;border-top:2px solid var(--ch);margin-top:10px;padding-top:8px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;line-height:1}.est .dc{margin:12px 0 0;padding:10px;border:1px dashed var(--ch)}
#sumta{width:100%;margin-top:8px;background:var(--pn);color:var(--fg);border:2px solid var(--ln);font:12px/1.4 'IBM Plex Mono',monospace}#sumta[hidden]{display:none}
@media(max-width:760px){.cfg,.sp,.sp:nth-child(even){grid-template-columns:1fr}.sp:nth-child(even) .spa{order:0}.fl{grid-template-columns:56px minmax(0,1fr)}.fx{grid-column:2;text-align:left}.mod{place-items:end stretch;padding:0}.mod .win{max-width:none;max-height:90vh;margin:0;box-shadow:none;transform:none;border-width:3px 0 0}.mod .tb{cursor:default}.mod .tb button{min-height:44px;padding:0 12px}}
/* ---- RELICS + AMBIENT (stage 2) ---- */
.brl{margin:0;font:clamp(9px,1.3vw,13px)/1 'IBM Plex Mono',ui-monospace,monospace;white-space:pre;overflow:hidden;max-width:100%;user-select:none;pointer-events:none}
.brl.bg{position:absolute;left:-1%;bottom:-6px;z-index:1;color:rgba(232,232,227,.1);animation:dr 46s ease-in-out infinite alternate,rf 12s steps(1) infinite}
.brl.sg{color:var(--ch);font-size:12px;display:inline-block;margin-bottom:8px}.brl.sg.abs{position:absolute;right:16px;bottom:12px;color:rgba(232,232,227,.55)}
.rl{position:relative;overflow:hidden;background:var(--bk);padding:12px}.brl.rel{color:var(--wh);font-size:12px;animation:rev 2.4s steps(11) both,rflk 9s 4s steps(1) infinite}
.rl:after{content:"";position:absolute;left:0;right:0;top:0;height:18%;background:linear-gradient(transparent,rgba(232,232,227,.08),transparent);animation:sc 6s linear infinite}
.gl{color:var(--co);margin-right:5px}.stat .gl{color:var(--db)}
.cur{margin-left:1px;animation:cb 1.7s steps(2) infinite}.stat .dot{animation-duration:3.2s}.st .dot{animation-duration:2.1s}
.tape{animation:sway 8s ease-in-out infinite alternate}
.chrome,.div i{position:relative;overflow:hidden}.chrome:after,.div i:after{content:"";position:absolute;top:0;bottom:0;left:0;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);translate:-130% 0;animation:sw 10s ease-in-out infinite}
.div i:last-child:after{animation-delay:-5s}.chrome:after{animation-duration:14s;animation-delay:2s}
html:before{content:"";position:fixed;left:0;right:0;top:-140px;height:120px;pointer-events:none;z-index:97;background:linear-gradient(transparent,rgba(232,232,227,.045),transparent);animation:sl 16s linear infinite}
.gx{animation:lg .4s steps(1)}
@keyframes dr{to{translate:-26px 8px}}@keyframes rf{0%,72%,100%{opacity:1}73%{opacity:.35}75%{opacity:1}}
@keyframes rev{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes rflk{0%,88%,100%{opacity:1}89%{opacity:.3}90%{opacity:1}93%{opacity:.5}94%{opacity:1}}
@keyframes sc{from{translate:0 -100%}to{translate:0 560%}}@keyframes cb{50%{opacity:0}}@keyframes sway{to{rotate:1.5deg}}
@keyframes sw{0%,62%{translate:-130% 0}100%{translate:480% 0}}@keyframes sl{to{translate:0 calc(100vh + 160px)}}
@keyframes lg{0%,100%{translate:0 0}20%{translate:-2px 0;text-shadow:2px 0 0 var(--ch),-2px 0 0 var(--db)}45%{translate:2px 1px;text-shadow:-2px 0 0 var(--ch),2px 0 0 var(--db)}70%{translate:-1px 0}}
@media(max-width:760px){.brl.bg{animation:none;font-size:9px}.chrome:after,.div i:after{display:none}}
/* ---- MOTION PASS (stage 1) ---- */
.boot{display:none;position:fixed;inset:0;z-index:200;background:repeating-linear-gradient(0deg,rgba(232,232,227,.04) 0 1px,transparent 1px 3px),var(--bk);color:var(--ch);padding:24px 18px calc(24px + env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:flex-end;font-size:12px;transition:opacity .35s}
.boot.on{display:flex}.boot.off{opacity:0}.boot pre{margin:0 0 14px;font:inherit;white-space:pre-wrap;color:var(--wh);min-height:9em}
.bb{height:10px;border:1px solid var(--ch);max-width:360px;margin-bottom:10px}.bb i{display:block;height:100%;width:0;background:var(--co);transition:width .25s steps(4)}
.bs{display:flex;gap:16px;align-items:center;justify-content:space-between;max-width:360px}.bs button{background:none;border:1px solid var(--ch);color:var(--ch);padding:2px 8px;font-size:11px}.bs .dot{background:var(--co)}
.ln{display:inline-block}
@keyframes lin{0%{opacity:0;translate:-30px 30px}100%{opacity:1;translate:0 0}}
@keyframes snap{0%{opacity:0;translate:70px -50px;rotate:7deg}65%{opacity:1;translate:-5px 4px;rotate:-1.5deg}100%{translate:0 0;rotate:0deg}}
.js .hero:not(.go) :is(.ln,.tag,p,.btn,.a1,.a2,.st,.vt){opacity:0}
.hero.go .ln{animation:lin .7s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(var(--i,0)*.11s + .1s)}
.hero.go .tag{animation:lin .5s both}.hero.go .tag+.tag{animation-delay:.08s}
.hero.go p{animation:lin .6s .45s both}.hero.go .btn{animation:lin .6s .6s both}.hero.go .vt{animation:lin .6s .9s both}
.hero.go .a1{animation:snap .8s cubic-bezier(.2,.9,.25,1) .25s both}.hero.go .a2{animation:snap .8s cubic-bezier(.2,.9,.25,1) .45s both}.hero.go .st{animation:lin .6s .85s both}
.js .rv{opacity:0;translate:0 26px}.rv.in{opacity:1;translate:0 0;transition:opacity .6s var(--dl,0s),translate .6s cubic-bezier(.2,.8,.2,1) var(--dl,0s)}
@keyframes wo{0%{clip-path:inset(42% 0 56% 0);opacity:.6}100%{clip-path:inset(0)}}.wo{animation:wo .34s steps(5,end)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:98;background:rgba(191,197,204,.04);animation:flk 7s steps(1) infinite}
@keyframes flk{0%,90%,100%{opacity:0}91%{opacity:1}92%{opacity:.2}93%{opacity:.8}94%{opacity:0}}
@keyframes gl{0%{translate:0 0}25%{translate:-2px 1px;filter:drop-shadow(2px 0 0 rgba(23,73,255,.9))}55%{translate:2px -1px;filter:drop-shadow(-2px 0 0 rgba(191,197,204,.9))}100%{translate:0 0}}
@media(hover:hover){.logo:hover,.it:hover .fr{animation:gl .3s steps(3) 1}}
.btn{transition:transform .08s,box-shadow .08s,background .12s}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bk)}
nav button,.flt button,.tabs button{transition:transform .08s,background .12s}nav button:active,.flt button:active,.tabs button:active{transform:translate(1px,2px)}
.mod.on{animation:mf .2s}.mod.on .win{animation:mw .34s steps(5,end)}.mod.out{animation:mo .18s forwards}.mod.out .win{animation:mx .18s forwards}
@keyframes mf{from{opacity:0}}@keyframes mw{from{clip-path:inset(46% 0 46% 0);translate:0 16px}}@keyframes mo{to{opacity:0}}@keyframes mx{to{clip-path:inset(48% 0 48% 0);translate:0 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv{opacity:1!important;translate:none!important}.hero :is(.ln,.tag,p,.btn,.a1,.a2,.st,.vt){opacity:1!important}.boot{display:none!important}}
/* phone fix: stack the Contact layout (it overflowed sideways on narrow screens) */
@media(max-width:760px){.cc{grid-template-columns:minmax(0,1fr)!important}}