*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Public Sans,sans-serif;background:#1d2021;color:#ebdbb2;display:flex;align-items:center;justify-content:center}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.035}main{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:clamp(1.5rem,5vw,3rem);text-align:center}.hero{display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,2.5vw,1.75rem)}h1{font-family:Playfair Display,serif;font-style:italic;font-weight:300;font-size:clamp(2.5rem,8vw,5.5rem);letter-spacing:-.03em;color:#ebdbb2;line-height:1.05}.subtitle{font-family:JetBrains Mono,monospace;font-size:clamp(.6rem,1.4vw,.8rem);letter-spacing:.4em;text-transform:uppercase;color:#8ec07c}.corner-nav{position:fixed;z-index:20;font-family:JetBrains Mono,monospace;font-size:clamp(.55rem,1vw,.7rem);letter-spacing:.25em;text-transform:uppercase}.corner-nav a{color:#ebdbb2;text-decoration:none;transition:color .3s ease}.corner-nav a:hover{color:#8ec07c}.nav-top-left{top:clamp(1.5rem,4vw,2.5rem);left:clamp(1.5rem,4vw,2.5rem)}.nav-top-right{top:clamp(1.5rem,4vw,2.5rem);right:clamp(1.5rem,4vw,2.5rem)}.nav-bottom-left{bottom:clamp(1.5rem,4vw,2.5rem);left:clamp(1.5rem,4vw,2.5rem);color:#ebdbb2;opacity:.3;font-size:clamp(.5rem,.9vw,.6rem);letter-spacing:.15em}.nav-bottom-right{bottom:clamp(1.5rem,4vw,2.5rem);right:clamp(1.5rem,4vw,2.5rem)}.socials{display:flex;gap:clamp(1.5rem,4vw,2.5rem);margin-top:clamp(1.5rem,4vw,2.5rem)}.socials a{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#ebdbb2;text-decoration:none;transition:color .3s ease}.socials a:hover{color:#8ec07c}.socials svg{width:1.65rem;height:1.65rem}.socials span{font-family:JetBrains Mono,monospace;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;opacity:.45}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero>*{animation:fade-in .7s cubic-bezier(.16,1,.3,1) both}.hero>*:nth-child(1){animation-delay:.1s}.hero>*:nth-child(2){animation-delay:.25s}.hero>*:nth-child(3){animation-delay:.4s}