:root{--background:#000;--foreground:#f4f2ed;--muted:#f4f2ed8c;--line:#f4f2ed29;--edge:clamp(1.1rem, 3vw, 2.75rem)}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{background:var(--background);min-height:100dvh;color:var(--foreground);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Arial,Helvetica,sans-serif}main{background:radial-gradient(120% 90% at 50% 35%, #263a4a8c 0%, #0c101ae6 55%, var(--background) 100%), var(--background);width:100%;min-height:100dvh;padding:var(--edge);place-items:center;display:grid;position:relative;overflow:hidden}.hero-canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}main:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(78% 62% at 50% 48%,#00000094 0%,#00000047 45%,#0000000f 100%);position:absolute;inset:0}.grain{z-index:2;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;animation:.6s steps(3,end) infinite grain-shift;position:absolute;inset:-50%}@keyframes grain-shift{0%{transform:translate(0)}33%{transform:translate(-4%,3%)}66%{transform:translate(3%,-2%)}to{transform:translate(-2%,-3%)}}.frame{inset:calc(var(--edge) * .62);z-index:3;pointer-events:none;border:1px solid var(--line);opacity:0;animation:1.4s cubic-bezier(.22,1,.36,1) .15s forwards frame-in;position:absolute}.frame:before,.frame:after{content:"";border:1px solid #f4f2ed80;width:12px;height:12px;position:absolute}.frame:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.frame:after{border-top:none;border-left:none;bottom:-1px;right:-1px}@keyframes frame-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}.chrome{z-index:4;padding:0 calc(var(--edge) * 1.25);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);opacity:0;justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(.62rem,.9vw,.72rem);font-weight:500;animation:1s .5s forwards chrome-in;display:flex;position:absolute;left:0;right:0}.chrome-top{top:calc(var(--edge) * 1.05)}.mark{letter-spacing:-.03em;text-transform:none;color:var(--foreground);font-size:clamp(.85rem,1.1vw,1rem);font-weight:600}.tag{white-space:nowrap;color:#f4f2ed66}@keyframes chrome-in{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}.hero{z-index:4;text-align:center;position:relative}h1{letter-spacing:-.065em;background:linear-gradient(#fff 0%,#f4f2ed 45%,#d6d2c8eb 100%);color:#0000;text-shadow:0 2px 60px #0000008c;opacity:0;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.75rem,12vw,10rem);font-weight:520;line-height:.9;animation:1.2s cubic-bezier(.22,1,.36,1) .5s both hero-rise}@keyframes hero-rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.grain,.frame,.chrome,h1{animation:none}.frame,.chrome,h1{opacity:1;transform:none}}@media (max-width:640px){main{padding:calc(var(--edge) * .85)}.chrome{padding:0 calc(var(--edge) * .85)}h1{letter-spacing:-.05em;font-size:clamp(3rem,16vw,5.5rem)}}