@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Manrope:wght@300;400;500;600&display=swap");

:root { --ivory:#f5eedf; --gold:#c4a96b; --ink:#170e0c; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; background:var(--ink); color:var(--ivory); }
body { font-family:"Manrope",sans-serif; }
button, input { font:inherit; }
.coming-soon { min-height:100svh; display:grid; grid-template-rows:auto 1fr auto; padding:clamp(24px,4vw,58px) clamp(22px,6vw,92px) 30px; background:linear-gradient(90deg,rgba(18,8,7,.93),rgba(22,10,9,.78) 31%,rgba(18,9,7,.18) 66%,rgba(16,8,6,.5)),linear-gradient(0deg,rgba(12,6,5,.84),transparent 38%),url("wineundmore-cellar.png") center/cover no-repeat; }
.masthead, footer { display:flex; align-items:center; justify-content:space-between; }
.brand { color:var(--ivory); display:inline-flex; align-items:center; gap:12px; text-decoration:none; }
.brand-mark { width:37px; aspect-ratio:1; border:1px solid rgba(196,169,107,.72); border-radius:50%; display:grid; place-items:center; color:var(--gold); font:italic 600 25px/1 "Cormorant Garamond",serif; }
.brand-name { font:26px "Cormorant Garamond",serif; }
.edition, footer { color:rgba(245,238,223,.55); font-size:9px; letter-spacing:.24em; text-transform:uppercase; }
.hero { align-self:center; width:min(655px,53vw); padding:clamp(54px,8vh,105px) 0 44px; }
.eyebrow { display:flex; align-items:center; gap:13px; margin-bottom:22px; color:var(--gold); font-size:10px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; }
.eyebrow span { width:42px; height:1px; background:var(--gold); }
h1 { max-width:650px; margin:0; font:500 clamp(52px,6.25vw,94px)/.87 "Cormorant Garamond",serif; letter-spacing:-.045em; }
h1 em { display:block; color:var(--gold); font-weight:400; }
.intro { width:min(565px,100%); margin:31px 0 0; color:rgba(245,238,223,.74); font-size:clamp(13px,1vw,15px); font-weight:300; line-height:1.8; }
.countdown { display:flex; width:min(555px,100%); margin:34px 0 28px; border-block:1px solid rgba(196,169,107,.25); padding-block:17px; }
.time-unit { flex:1; padding:0 clamp(12px,2vw,28px); border-right:1px solid rgba(196,169,107,.22); }
.time-unit:first-child { padding-left:0; } .time-unit:last-child { border:0; }
.time-unit strong { display:block; font:500 clamp(28px,2.8vw,41px)/1 "Cormorant Garamond",serif; font-variant-numeric:tabular-nums; }
.time-unit span { display:block; margin-top:5px; color:rgba(245,238,223,.48); font-size:8px; letter-spacing:.2em; text-transform:uppercase; }
.notify>p:first-child { margin:0 0 11px; color:rgba(245,238,223,.66); font:italic 17px "Cormorant Garamond",serif; }
.subscribe-form { display:flex; width:min(555px,100%); border-bottom:1px solid rgba(245,238,223,.5); }
.subscribe-form:focus-within { border-color:var(--gold); }
.subscribe-form input { flex:1; min-width:0; border:0; outline:0; background:transparent; padding:13px 8px 13px 0; color:var(--ivory); font-size:13px; }
.subscribe-form input::placeholder { color:rgba(245,238,223,.42); }
.subscribe-form button { border:0; background:transparent; color:var(--ivory); cursor:pointer; padding:10px 0 10px 20px; font-size:9px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; }
.subscribe-form button span, .form-status { color:var(--gold); }
.form-status { min-height:18px; margin:10px 0 0; font-size:11px; }
.website-field, .sr-only { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; }
footer p { margin:0; }
@media(max-width:760px){ .coming-soon{padding:22px 20px 24px;background:linear-gradient(0deg,rgba(15,7,6,.98),rgba(17,8,7,.7)),url("wineundmore-cellar.png") 57% center/cover no-repeat}.edition{display:none}.hero{align-self:end;width:100%;padding:100px 0 32px}h1{font-size:clamp(47px,14vw,68px)}h1 em{padding-left:0}.intro{line-height:1.65}.time-unit{padding-inline:10px}.subscribe-form button{padding-left:10px}}