@font-face{font-family:Inter;src:url(assets/inter-regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(assets/inter-black.ttf);font-weight:900;font-display:swap}
:root{--paper:#f6f1e7;--ink:#1b1b18;--orange:#ff610c;--margin:4.4vw}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:7px}::selection{background:var(--orange);color:var(--paper)}.page{height:100svh;min-height:540px;position:relative;overflow:hidden;isolation:isolate}.page:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header,footer{position:absolute;left:var(--margin);right:var(--margin);display:flex;justify-content:space-between;align-items:center;z-index:3}header{top:3.8vh}.brand{font-weight:900;font-size:clamp(25px,2.3vw,38px);letter-spacing:-.06em}.brand span,h1 span{color:var(--orange)}.status{font-size:clamp(13px,1.2vw,19px)}.copy{position:absolute;left:var(--margin);top:15.8vh;z-index:2}h1{font-family:Georgia,'Times New Roman',serif;font-size:min(10.9vw,14.6vh);font-weight:700;letter-spacing:-.078em;line-height:.84;margin:0}p{font-size:clamp(14px,min(1.6vw,2.45vh),25px);line-height:1.48;letter-spacing:-.04em;margin:4.4vh 0 0;max-width:45vw}.coming{margin-top:3.3vh;font-size:clamp(11px,1.05vw,16px);text-transform:uppercase;letter-spacing:.23em;color:var(--orange);font-weight:900}.art{position:absolute;right:1.4vw;top:8.5vh;width:54vw;height:82vh;perspective:1000px}.tilt{width:100%;height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .65s ease-out;will-change:transform}.art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(15px 20px 13px #5b38142b);animation:float 8s ease-in-out infinite;will-change:transform}.chip{position:absolute;width:25px;height:12px;background:var(--orange);border-radius:2px;box-shadow:2px 3px 2px #62330e30;animation:chip 7s ease-in-out infinite}.a{left:4%;bottom:10%;transform:rotate(28deg)}.b{left:11%;bottom:3%;background:#e9c8a2;animation-delay:-2s}.c{left:23%;bottom:-1%;animation-delay:-4s}footer{bottom:4.5vh;font-size:clamp(11px,1vw,16px);letter-spacing:-.025em}footer a{padding:8px 0;transition:color .2s}.arrow{display:inline-block;transition:transform .25s}footer a:hover{color:var(--orange)}footer a:hover .arrow{transform:translate(2px,-2px)}.copy{animation:appear .85s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-13px) rotate(.6deg)}}@keyframes chip{0%,100%{translate:0 0;rotate:-12deg}50%{translate:3px -8px;rotate:8deg}}
@media(max-width:700px){:root{--margin:6vw}.page{min-height:880px;height:auto}header{top:25px}.brand{font-size:27px}.status{font-size:12px}.copy{top:118px}h1{font-size:clamp(64px,15.3vw,96px);line-height:.86;letter-spacing:-.065em}p{font-size:15px;max-width:88vw;margin-top:25px}.coming{margin-top:20px;font-size:11px}.art{top:480px;right:2vw;width:78vw;height:330px}.chip{width:18px;height:9px}footer{bottom:20px;font-size:10px;gap:15px}.art img{filter:drop-shadow(9px 12px 10px #5b381426)}}
@media(min-width:500px) and (max-width:700px){.page{min-height:1020px}.art{top:580px;height:370px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.tilt{transform:none!important}}
