*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;background-color:#0c0b09;overflow:hidden}.page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 75% 55% at 50% 42%,#1c1810,#0c0b09);pointer-events:none;z-index:0}.grain{position:fixed;inset:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.042;pointer-events:none;z-index:10;animation:grain 10s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-1%)}50%{transform:translate(-3%,3%)}60%{transform:translate(2%,-4%)}70%{transform:translate(-4%,2%)}80%{transform:translate(3%,-2%)}90%{transform:translate(-2%,4%)}}.hero{position:relative;z-index:1;text-align:center;padding:4rem 2rem;max-width:700px;width:100%;display:flex;flex-direction:column;align-items:center}.badge{display:inline-block;font-family:Raleway,sans-serif;font-weight:400;font-size:.65rem;letter-spacing:.38em;text-transform:uppercase;color:#c4a96a;border:1px solid rgba(196,169,106,.35);padding:.5em 1.4em .45em;margin-bottom:3rem;opacity:0;animation:fadeUp .8s ease forwards;animation-delay:.15s}.title{display:flex;flex-direction:column;align-items:center;line-height:.88;margin:0 0 2.6rem;color:#ede6d6}.title-story{font-family:Cormorant Garamond,serif;font-size:clamp(4.5rem,14vw,8.5rem);font-weight:300;font-style:italic;letter-spacing:.01em;opacity:0;animation:fadeUp .9s ease forwards;animation-delay:.45s}.title-metro{font-family:Cormorant Garamond,serif;font-size:clamp(4.5rem,14vw,8.5rem);font-weight:600;font-style:normal;letter-spacing:.1em;text-transform:uppercase;opacity:0;animation:fadeUp .9s ease forwards;animation-delay:.65s}.ornament{display:flex;align-items:center;gap:.9rem;width:100%;max-width:320px;margin-bottom:2.6rem;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:1s}.ornament-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(196,169,106,.38))}.ornament-line--right{background:linear-gradient(to left,transparent,rgba(196,169,106,.38))}.ornament-diamond{color:#c4a96a;font-size:.42rem;opacity:.75;flex-shrink:0}.taglines{margin-bottom:2.2rem;opacity:0;animation:fadeUp .8s ease forwards;animation-delay:1.2s}.taglines p{font-family:Cormorant Garamond,serif;font-style:italic;font-weight:400;font-size:clamp(1.1rem,2.6vw,1.45rem);color:#cfc3a5;letter-spacing:.025em;line-height:1.65}.description{font-family:Raleway,sans-serif;font-weight:300;font-size:clamp(.78rem,1.4vw,.88rem);color:#6e6354;line-height:2;letter-spacing:.055em;max-width:500px;opacity:0;animation:fadeUp .8s ease forwards;animation-delay:1.5s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.grain{animation:none}.badge,.title-story,.title-metro,.ornament,.taglines,.description{animation:none;opacity:1;transform:none}}
