@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Lora:wght@400;500;600;700&display=swap');

:root { --navy:#022873; --navy-deep:#10224a; --paper:#f5eedc; --paper-light:#fffdf7; --gold:#d9b96a; --gold-soft:#eed695; --muted:#cbd5d6; --line:#ffffff3b; --display:'Cormorant Garamond',serif; --body:'Lora',Georgia,serif; --sans:'DM Sans',Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--navy-deep); font-family:var(--body); }
.coming-soon { min-height:100vh; overflow:hidden; background:var(--navy); }
.topbar { position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; max-width:1420px; margin:auto; padding:24px clamp(24px,6vw,84px); color:var(--paper); }
.wordmark { display:flex; align-items:center; width:210px; height:72px; }
.wordmark img { display:block; width:100%; height:100%; object-fit:contain; object-position:left center; }
.topbar .wordmark img { filter:brightness(0) invert(1); }
.wordmark-ornament { color:var(--gold); font:400 18px/1 var(--display); }
.season-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid #d9b96a88; border-radius:999px; color:var(--gold-soft); font:600 10px var(--sans); letter-spacing:.08em; text-transform:uppercase; }
.season-pill i { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 4px #d9b96a20; }
.hero { position:relative; display:grid; grid-template-columns:1fr; align-items:center; max-width:1420px; min-height:calc(100vh - 87px); margin:auto; padding:70px clamp(24px,8vw,120px) 100px; color:var(--paper); }
.hero-copy { position:relative; z-index:1; max-width:680px; animation:rise .7s cubic-bezier(.2,.7,.25,1) both; }
.eyebrow { margin:0 0 18px; color:var(--gold); font:700 10px/1.4 var(--sans); letter-spacing:.18em; }
h1 { margin:0; color:var(--paper-light); font:500 clamp(64px,9vw,124px)/.84 var(--display); letter-spacing:-.055em; }
h1 em { color:var(--gold-soft); font-weight:500; }
.lead { margin:30px 0 0; color:var(--paper-light); font:400 clamp(23px,2.5vw,34px)/1.1 var(--display); }
.body-copy { max-width:530px; margin:24px 0 0; color:#d5ddda; font-size:14px; line-height:1.9; }
.body-copy-final { margin-top:18px; }
.body-copy-final strong { color:var(--paper-light); font-weight:600; }
.actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:34px; }
.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:12px; padding:0 21px; border:1px solid transparent; text-decoration:none; font:600 11px var(--sans); transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease; }
.button-gold { color:var(--navy); background:var(--gold); border-color:var(--gold); }
.button-gold:hover,.button-gold:focus-visible { color:var(--paper-light); background:var(--navy-deep); border-color:var(--gold-soft); transform:translateY(-2px); }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--paper-light); text-decoration:none; font:600 11px var(--sans); }
.text-link:hover,.text-link:focus-visible { color:var(--gold-soft); }
.hero-art { position:relative; justify-self:end; width:min(100%,500px); aspect-ratio:1; border:1px solid #d9b96a9a; animation:rise .8s .1s cubic-bezier(.2,.7,.25,1) both; }
.hero-art:before { content:''; position:absolute; inset:17px; border:1px solid #d9b96a66; }
.ring { position:absolute; border:1px solid #d9b96a54; border-radius:50%; }
.ring-one { width:82%; height:82%; top:9%; left:9%; }
.ring-two { width:54%; height:54%; top:23%; left:23%; border-color:#d9b96a85; }
.mandala { position:absolute; inset:0; display:grid; place-items:center; color:var(--gold-soft); font:400 clamp(110px,18vw,220px)/1 var(--display); transform:rotate(45deg); }
.art-label { position:absolute; left:26px; bottom:25px; color:#d6ded9; font:700 9px/1.6 var(--sans); letter-spacing:.14em; }
.art-label b { color:var(--gold); font-weight:700; }
.note { display:flex; align-items:baseline; justify-content:space-between; gap:30px; padding:29px clamp(24px,8vw,120px); color:var(--navy-deep); background:var(--paper); }
.note .eyebrow { margin:0; color:var(--navy); }
.note p:last-child { margin:0; color:#526783; font-size:13px; line-height:1.7; }
.footer { display:flex; justify-content:space-between; align-items:end; gap:24px; padding:38px clamp(24px,8vw,120px); color:#d5ddd8; background:var(--navy-deep); }
.footer .wordmark { width:180px; height:62px; }
.footer .wordmark img { filter:brightness(0) invert(1); }
.footer-mark p { margin:12px 0 0; color:#aebbc0; font-size:11px; }
.copyright { margin:0; color:#aebbc0; font:10px var(--sans); }
@keyframes rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:760px) { .topbar { padding:20px 22px; } .season-pill { font-size:9px; } .hero { grid-template-columns:1fr; min-height:auto; gap:52px; padding:65px 24px 74px; } h1 { font-size:clamp(59px,17vw,92px); } .hero-art { width:100%; max-width:430px; justify-self:stretch; } .note { display:block; padding:28px 24px; } .note .eyebrow { margin-bottom:9px; } .footer { display:block; padding:31px 24px; } .copyright { margin-top:26px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }