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