@font-face{
font-family:"Anton SC";
src:url("anton-sc-latin-400-normal.woff") format("woff");
font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#f7f5ef;--ink:#090909;--x:50vw;--y:50vh}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;min-height:100%;background:var(--bg);color:var(--ink)}
body{overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.page{width:100vw;height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at var(--x) var(--y),rgba(255,255,255,.9),rgba(247,245,239,0) 28rem),linear-gradient(180deg,#faf8f2 0%,#f2efe7 100%);opacity:0;animation:pageIn .9s cubic-bezier(.18,.82,.22,1) forwards}
.texture{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:radial-gradient(rgba(0,0,0,.22) .5px,transparent .5px);background-size:5px 5px;mix-blend-mode:multiply}
.light{position:fixed;left:var(--x);top:var(--y);width:44rem;height:44rem;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.65),rgba(255,255,255,0) 62%);opacity:.4}
.nav{position:absolute;top:clamp(32px,5.8vh,64px);left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:clamp(44px,9vw,150px);font:400 clamp(10px,.92vw,13px)/1 Arial,sans-serif;letter-spacing:.44em;text-transform:uppercase;white-space:nowrap;animation:navIn .8s cubic-bezier(.18,.82,.22,1) .14s both}
.nav a{color:var(--ink);text-decoration:none;position:relative;opacity:.86}
.nav a:after{content:"";position:absolute;left:0;right:.44em;bottom:-8px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .22s ease}
.nav a:hover:after{transform:scaleX(1)}
.hero{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:94vw;text-align:center}
.wordmark{font-family:"Anton SC",Impact,sans-serif;font-size:clamp(92px,18vw,275px);font-weight:400;line-height:.77;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;animation:wordIn 1s cubic-bezier(.18,.82,.22,1) .24s both}
.wordmark span{display:block}.wordmark span+span{margin-top:.08em}
@keyframes pageIn{to{opacity:1}}
@keyframes navIn{from{opacity:0;transform:translateX(-50%) translateY(-10px);filter:blur(4px)}to{opacity:1;transform:translateX(-50%) translateY(0);filter:blur(0)}}
@keyframes wordIn{from{opacity:0;transform:translateY(18px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:760px){.nav{top:34px;gap:34px;font-size:10px;letter-spacing:.28em}.hero{top:51%}.wordmark{font-size:clamp(78px,27vw,145px);line-height:.8;letter-spacing:.015em}}
@media(prefers-reduced-motion:reduce){.page,.nav,.wordmark{animation:none;opacity:1;filter:none}.light{display:none}}