*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{color:#ede7cc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#3b1c1e;min-height:100dvh;font-family:Cormorant Garamond,Georgia,serif}img{max-width:100%;height:auto;display:block}#root{min-height:100dvh}:root{--cream:#ede7cc;--dark:#3b1c1e;--f-head:"Cinzel", serif;--f-body:"Cormorant Garamond", Georgia, serif;--ease:cubic-bezier(.16, 1, .3, 1)}#hero{justify-content:center;align-items:center;width:100%;height:100dvh;min-height:500px;display:flex;position:relative;overflow:hidden}.hero-img-wrap{z-index:0;position:absolute;inset:0}.hero-img-wrap img{object-fit:cover;object-position:center 55%;width:100%;height:100%}.hero-overlay{z-index:1;background:linear-gradient(160deg,#3b1c1ec7 0%,#140a0b94 50%,#3b1c1ed1 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;opacity:0;max-width:100%;transition:opacity 1s ease .3s, transform 1s var(--ease) .3s;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem 1.5rem;display:flex;position:relative;transform:translateY(18px)}.hero-content.vis{opacity:1;transform:translateY(0)}.hero-eyebrow{font-family:var(--f-head);letter-spacing:.35em;text-transform:uppercase;color:#ede7cc8c;opacity:0;font-size:clamp(.65rem,1.5vw,.85rem);transition:opacity .8s .9s}.hero-content.vis .hero-eyebrow{opacity:1}.hero-logo-wrap{opacity:0;transition:opacity .9s .5s, transform .9s var(--ease) .5s;transform:scale(.97)}.hero-content.vis .hero-logo-wrap{opacity:1;transform:scale(1)}.hero-logo-svg{flex-direction:column;align-items:center;gap:clamp(.8rem,2vw,1.5rem);display:flex}.hero-mo-mark{filter:brightness(0)invert(.92)sepia(.1)saturate(.5)hue-rotate(10deg)drop-shadow(0 0 7px #ffe49b80)drop-shadow(0 0 20px #ffd0732e);width:clamp(65px,12vw,130px);height:auto;animation:4s ease-in-out infinite logo-glow}@keyframes logo-glow{0%,to{filter:brightness(0)invert(.92)sepia(.1)saturate(.5)hue-rotate(10deg)drop-shadow(0 0 5px #ffe49b61)drop-shadow(0 0 16px #ffd07324)}50%{filter:brightness(0)invert(.92)sepia(.1)saturate(.5)hue-rotate(10deg)drop-shadow(0 0 11px #ffe8a8a6)drop-shadow(0 0 30px #ffd78042)}}.hero-wordmark{font-family:var(--f-head);letter-spacing:.35em;color:#ede7ccf2;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 14px #ffe49b6b,0 0 40px #ffd07324;font-size:clamp(1.8rem,6vw,5.5rem);font-weight:400;animation:4s ease-in-out infinite word-glow}@keyframes word-glow{0%,to{text-shadow:0 0 10px #ffe49b4d,0 0 32px #ffd0731a}50%{text-shadow:0 0 20px #ffe8a894,0 0 55px #ffd78033}}.coming-soon-wrap{opacity:0;transition:opacity 1s 1.1s, transform 1s var(--ease) 1.1s;flex-direction:column;align-items:center;gap:1.2rem;margin-top:clamp(.5rem,2vw,1.5rem);display:flex;transform:translateY(14px)}.hero-content.vis .coming-soon-wrap{opacity:1;transform:translateY(0)}.coming-soon-ornament{align-items:center;gap:1.2rem;display:flex}.coming-soon-ornament .line{background:linear-gradient(90deg,#0000,#ede7cc66);width:clamp(35px,10vw,80px);height:1px}.coming-soon-ornament .line.r{background:linear-gradient(270deg,#0000,#ede7cc66)}.coming-soon-ornament .dot{background:#ede7cc80;flex-shrink:0;width:5px;height:5px;transform:rotate(45deg)}.coming-soon{font-family:var(--f-body);color:#ede7ccd9;letter-spacing:.05em;font-size:clamp(1.4rem,3.5vw,2.6rem);font-style:italic;font-weight:300}.hero-tagline{font-family:var(--f-body);color:#ede7cc8c;letter-spacing:.04em;opacity:0;max-width:480px;padding:0 1rem;font-size:clamp(.85rem,1.6vw,1.15rem);font-style:italic;font-weight:300;transition:opacity .8s 1.4s,transform .8s 1.4s;transform:translateY(8px)}.hero-content.vis .hero-tagline{opacity:1;transform:translateY(0)}.hero-edition{z-index:2;opacity:0;transition:opacity .8s 1.8s;position:absolute;bottom:2.5rem;right:3rem}.hero-content.vis~.hero-edition{opacity:1}.hero-edition span{font-family:var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:#ede7cc66;writing-mode:vertical-rl;font-size:.72rem;transform:rotate(180deg)}@media (width<=768px){#hero{min-height:100dvh;min-height:-webkit-fill-available}.hero-content{gap:1rem;padding:1.5rem 1rem}.hero-img-wrap img{object-position:center 55%}.hero-edition{bottom:1.5rem;right:1.5rem}}@media (width<=360px){.hero-wordmark{letter-spacing:.2em}.hero-content{gap:.8rem}}@media (height<=500px) and (orientation:landscape){#hero{min-height:500px}.hero-content{gap:.6rem;padding:1rem}.hero-mo-mark{width:clamp(30px,6vh,50px)}.coming-soon-wrap{gap:.6rem;margin-top:.3rem}}
