*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#f4f1ea;-webkit-font-smoothing:antialiased;background:#0f1a14;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif}.hero{text-align:center;isolation:isolate;background:radial-gradient(#1c2e23 0%,#0f1a14 70%);flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero:after{content:"";z-index:-2;pointer-events:none;filter:blur(40px);background:radial-gradient(45% 30% at 25% 30%,#4a705673,#0000 70%),radial-gradient(40% 35% at 75% 70%,#3a5c4666,#0000 70%),radial-gradient(35% 25% at 60% 20%,#00000059,#0000 70%),radial-gradient(50% 30% at 30% 80%,#0006,#0000 70%);animation:18s ease-in-out infinite alternate velvet;position:absolute;inset:-25%}@keyframes velvet{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(4%,-3%)rotate(4deg)scale(1.05)}to{transform:translate(-4%,3%)rotate(-3deg)scale(1)}}.title{font-size:clamp(1.25rem,3.5vw,2.5rem);font-weight:600;line-height:1.3}.title-main{letter-spacing:.12em;padding-left:.12em;display:block}.title-sub{letter-spacing:.3em;margin-top:.5rem;padding-left:.3em;font-size:.5em;font-weight:300;display:block}.menu{margin-top:2.5rem;padding:.9rem 1.5rem;position:relative}.menu:before,.menu:after{content:"";background:linear-gradient(90deg,#0000,#c8a96a80 20% 80%,#0000);height:1px;position:absolute;left:0;right:0}.menu:before{top:0}.menu:after{bottom:0}.menu ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 0;list-style:none;display:flex}.menu li+li:before{content:"";vertical-align:middle;background:#c8a96ab3;border-radius:50%;width:3px;height:3px;margin:0 1.1rem;display:inline-block}.menu a{letter-spacing:.2em;text-transform:uppercase;color:#ddd8cc;padding:.35rem 0 .35rem .2em;font-size:.78rem;font-weight:400;text-decoration:none;transition:color .3s;display:inline-block;position:relative}.menu a:after{content:"";background:#c8a96a;width:0;height:1px;transition:width .3s,left .3s;position:absolute;bottom:0;left:50%}.menu a:hover,.menu a:focus-visible{color:#c8a96a;outline:none}.menu a:hover:after,.menu a:focus-visible:after{width:calc(100% - .2em);left:.2em}@media (max-width:900px){.menu ul{gap:.4rem 1.5rem}.menu li+li:before{display:none}}.subtitle{letter-spacing:.2em;text-transform:uppercase;color:#c9c4b8;padding-left:.2em;font-size:clamp(.7rem,1.1vw,.8rem);font-weight:300;animation:2s ease-in-out infinite blink;position:absolute;top:2rem;left:0;right:0}.footer{letter-spacing:.05em;color:#c9c4b899;padding:0 1.5rem;font-size:.75rem;font-weight:300;position:absolute;bottom:1.5rem;left:0;right:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.subtitle,.hero:after{animation:none}}@media (max-width:480px){.title{font-size:clamp(1.125rem,6vw,1.5rem)}.title-sub{letter-spacing:.2em;padding-left:.2em;font-size:.55em}.menu{max-width:340px;margin-top:1.75rem;padding:.75rem .5rem}.menu ul{gap:.25rem 1.1rem}.menu a{letter-spacing:.14em;padding-left:.14em;font-size:.68rem}.footer{font-size:.65rem;bottom:1rem}.subtitle{letter-spacing:.15em;padding-left:.15em;font-size:.75rem;top:1.25rem}}@media (max-height:500px){.menu{margin-top:1rem;padding:.4rem 1rem}.subtitle{top:.75rem}.footer{bottom:.6rem}}