@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;1,400&family=Work+Sans:wght@400;500;600&display=swap');

.wine-down {
  --wd-plum: #280d1d;
  --wd-burgundy: #641d36;
  --wd-cream: #fcf6ee;
  --wd-paper: #fffaf4;
  --wd-gold: #d9b676;
  --wd-ink: #351f29;
  --wd-muted: #6f555d;
  --wd-line: #dbc5bf;
  --wd-title: clamp(3.6rem, 7.2vw, 7.7rem);
  --wd-heading: clamp(2rem, 3.2vw, 3.3rem);
  --wd-card-heading: clamp(1.5rem, 2vw, 2.2rem);
  background: var(--wd-cream);
  color: var(--wd-ink);
}
.wine-down .header { background: var(--wd-plum); border-color: rgba(217,182,118,.15); }
.wine-down .brand { color: var(--wd-cream); }
.wine-down .brand svg { color: var(--wd-gold); }
.wine-down .nav a { color: #f5e4da; font-size: .75rem; }
.wine-down .nav a:hover { color: var(--wd-gold); }
.wine-down .header__cta { color: var(--wd-cream); border-color: var(--wd-gold); }
.wine-down .menu-toggle { color: var(--wd-cream); }
.wine-down .tag-soon { font-size:.75rem!important; color:#f5d5ab!important; background:rgba(217,182,118,.16)!important; }
@media (min-width:900px) and (max-width:1199px) {
  .wine-down .nav { display:none; }
  .wine-down .menu-toggle { display:inline-flex; }
}
.wine-down .footer { background: var(--wd-plum); }
.wine-down .footer, .wine-down .footer p, .wine-down .footer a, .wine-down .footer h4 { color: #ecdbd1; }
.wine-down .footer__brand { color: var(--wd-cream); }
.wine-down .mobile-menu { background: var(--wd-plum); }
.wd-skip { position:absolute; top:1rem; left:1rem; z-index:300; transform:translateY(-200%); background:var(--wd-cream); color:var(--wd-plum); padding:.75rem 1rem; }
.wd-skip:focus { transform:none; }
.wd-wrap { width:min(1180px, calc(100% - 5rem)); margin-inline:auto; }
.wd-label { font:600 .75rem/1.5 var(--font-body); letter-spacing:.19em; text-transform:uppercase; }
.wd-btn { display:inline-flex; gap:1rem; align-items:center; justify-content:center; min-height:48px; padding:.8rem 1.6rem; border-radius:999px; background:var(--wd-burgundy); color:var(--wd-cream); font:500 .875rem/1.5 var(--font-body); border:1px solid var(--wd-burgundy); text-decoration:none; }
.wd-btn:hover { background:#4b1027; color:var(--wd-cream); }
.wd-btn--cream { background:#f5d6b8; color:var(--wd-plum); border-color:#f5d6b8; }
.wd-btn--cream:hover { background:var(--wd-cream); color:var(--wd-plum); }
.wd-link { display:inline-flex; align-items:center; gap:.75rem; color:var(--wd-burgundy); text-decoration:underline; text-underline-offset:.35em; font-size:.875rem; }
.wine-down :focus-visible { outline:2px solid var(--wd-gold); outline-offset:5px; }
.wd-hero { position:relative; padding:0; min-height:570px; overflow:hidden; isolation:isolate; color:var(--wd-cream); background:var(--wd-plum); }
.wd-hero__image { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% center; }
.wd-hero::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(34,6,19,.97) 0%,rgba(34,6,19,.88) 30%,rgba(34,6,19,.55) 49%,rgba(34,6,19,.02) 75%); }
.wd-hero__copy { padding:6rem 0 5rem; max-width:680px; }
.wd-hero .wd-label { color:#f4d6b3; margin-bottom:1rem; }
.wd-hero h1 { font-size:var(--wd-title); font-weight:400; color:var(--wd-cream); line-height:1.04; letter-spacing:-.04em; margin:0 0 .75rem; }
.wd-tagline { font:italic 400 clamp(1.5rem,2.55vw,2.65rem)/1.25 var(--font-display); color:var(--wd-gold); margin:0 0 1.8rem; max-width:30ch; }
.wd-hero__intro { max-width:48ch; font-size:1rem; line-height:1.75; color:#f4e6dc; margin-bottom:1.7rem; }
.wd-pillars { display:flex; gap:.65rem; flex-wrap:wrap; list-style:none; padding:0; margin:0; }
.wd-pillars li { border:1px solid #caa078; border-radius:999px; padding:.45rem 1.15rem; color:var(--wd-cream); font-size:.8rem; }
.wd-section { padding-block:3.3rem; }
.wd-section-title { display:flex; align-items:center; gap:1rem; margin-bottom:1.8rem; color:var(--wd-burgundy); }
.wd-section-title::after { content:""; height:1px; width:100px; background:var(--wd-line); }
.wd-feature { display:grid; grid-template-columns:1.03fr 1fr; gap:2.8rem; align-items:center; }
.wd-feature__media { display:grid; gap:.9rem; }
.wd-feature__image { display:block; aspect-ratio:16/9; border-radius:.65rem; overflow:hidden; }
.wd-feature__image img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.wd-feature__image:hover img { transform:scale(1.025); }
.wd-feature .wd-label { color:var(--wd-burgundy); margin-bottom:.75rem; }
.wd-feature h2 { font-size:var(--wd-heading); line-height:1.12; font-weight:400; margin-bottom:.65rem; color:var(--wd-ink); }
.wd-feature__subtitle { font:400 1.2rem/1.5 var(--font-display); margin-bottom:1rem; color:var(--wd-muted); }
.wd-feature__summary { color:var(--wd-muted); font-size:.95rem; line-height:1.75; max-width:48ch; margin-bottom:1.6rem; }
.wd-actions { display:flex; align-items:center; gap:1.6rem; flex-wrap:wrap; }
.wd-coming { padding-top:0; }
.wd-cards { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.wd-card { background:var(--wd-paper); border:1px solid var(--wd-line); border-radius:.6rem; overflow:hidden; }
.wd-card__image { width:100%; aspect-ratio:2.4/1; object-fit:cover; }
.wd-card__copy { padding:1.3rem 1.5rem; }
.wd-card .wd-label { color:var(--wd-burgundy); margin-bottom:.65rem; }
.wd-card h3 { font-size:var(--wd-card-heading); line-height:1.17; font-weight:400; margin:0 0 .65rem; color:var(--wd-ink); max-width:26ch; }
.wd-card__copy>p:last-child { color:var(--wd-muted); font-size:.95rem; line-height:1.65; margin:0; }
.wd-journal { position:relative; overflow:hidden; isolation:isolate; background:var(--wd-burgundy); color:var(--wd-cream); padding:2.4rem; border-radius:.85rem; margin:0 auto 3.5rem; display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:center; }
.wd-journal::before { content:""; position:absolute; z-index:-2; inset:0; background:url('../images/wine-down/episode-03.webp') center 65%/cover; }
.wd-journal::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(68,18,36,.96),rgba(68,18,36,.83)); }
.wd-journal .wd-label { color:#f3d3ad; margin-bottom:.45rem; }
.wd-journal h2 { font-size:var(--wd-heading); font-weight:400; color:var(--wd-cream); margin:0 0 .25rem; }
.wd-journal__sub { font:italic 400 1.35rem/1.5 var(--font-display); color:var(--wd-gold); margin-bottom:.75rem; }
.wd-journal__desc { color:#f5e4dc; font-size:.95rem; line-height:1.65; max-width:60ch; margin:0; }
.wd-page-head { background:var(--wd-plum); color:var(--wd-cream); padding:3.5rem 0 2.8rem; }
.wd-breadcrumb { color:#eed2bb; font-size:.85rem; display:inline-flex; gap:.6rem; text-decoration:none; margin-bottom:2rem; }
.wd-page-head .wd-label { color:var(--wd-gold); margin-bottom:1rem; }
.wd-page-head h1 { font-size:clamp(2.8rem,5.2vw,5rem); font-weight:400; color:var(--wd-cream); line-height:1.12; max-width:19ch; margin-bottom:1rem; }
.wd-page-head__sub { font:400 1.2rem/1.6 var(--font-display); color:#f0d6c5; margin-bottom:1.3rem; }
.wd-jump { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; }
.wd-jump a { color:#f3dfd0; text-underline-offset:.3rem; font-size:.85rem; padding:.35rem 0; }
.wd-video-wrap { margin-top:2.8rem; margin-bottom:3rem; }
.wd-video { position:relative; isolation:isolate; width:100%; aspect-ratio:16/9; display:grid; place-items:center; overflow:hidden; border-radius:.75rem; background:var(--wd-plum); color:var(--wd-cream); }
.wd-video img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; }
.wd-video::after { content:""; position:absolute; inset:0; background:rgba(30,8,17,.64); z-index:-1; }
.wd-video__copy { text-align:center; padding:2rem; background:rgba(35,9,23,.88); border:1px solid rgba(217,182,118,.3); border-radius:.6rem; margin:1.5rem; }
.wd-video__symbol { display:block; width:60px; height:60px; border:1px solid #e4c7ad; border-radius:50%; margin:0 auto 1rem; position:relative; }
.wd-video__symbol::after { content:""; border-left:15px solid var(--wd-cream); border-top:10px solid transparent; border-bottom:10px solid transparent; position:absolute; left:24px; top:19px; }
.wd-video h2 { font-size:clamp(1.5rem,2.6vw,2.25rem); color:var(--wd-cream); margin-bottom:.65rem; }
.wd-video p { color:#f2dfd1; font-size:.9rem; max-width:52ch; margin:0 auto; }
.wd-video figcaption { position:absolute; left:1rem; bottom:.8rem; font-size:.75rem; color:#f2dfd1; background:rgba(35,9,23,.9); padding:.25rem .5rem; border-radius:.25rem; }
/* Episode video player (YouTube embed) */
.wd-video--embed { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:.75rem; background:#000; box-shadow:0 24px 60px -30px rgba(40,13,29,.55); }
.wd-video--embed .wd-video__player { position:absolute; inset:0; }
.wd-video--embed iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.wd-video-meta { margin-top:1.9rem; max-width:70ch; }
.wd-video-meta .wd-label { color:var(--wd-burgundy); margin-bottom:.8rem; }
.wd-video-meta h2 { font-family:var(--font-display); font-weight:400; font-size:var(--wd-card-heading); color:var(--wd-ink); margin:0 0 .55rem; letter-spacing:-.01em; }
.wd-video-meta__sub { font:italic 400 clamp(1.05rem,1.8vw,1.3rem)/1.4 var(--font-display); color:var(--wd-burgundy); margin:0 0 1rem; }
.wd-video-meta__desc { color:var(--wd-muted); line-height:1.75; margin:0 0 1.5rem; }
.wd-reflect { margin-top:1.9rem; background:#f6ebdf; border:1px solid var(--wd-line); border-left:3px solid var(--wd-gold); border-radius:.65rem; padding:1.6rem 1.8rem; }
.wd-reflect__label { font:600 .75rem/1.5 var(--font-body); letter-spacing:.19em; text-transform:uppercase; color:var(--wd-burgundy); margin:0 0 .6rem; }
.wd-reflect__question { font:italic 400 clamp(1.15rem,2vw,1.45rem)/1.5 var(--font-display); color:var(--wd-ink); margin:0; }
.wd-article-layout { display:grid; grid-template-columns: minmax(0,760px) 220px; gap:4rem; align-items:start; padding-bottom:3.5rem; }
.wd-article { min-width:0; }
.wd-article p { font-size:1.06rem; line-height:1.9; margin:0 0 1.25rem; max-width:65ch; }
.wd-article h2 { font-size:clamp(1.8rem,2.6vw,2.6rem); line-height:1.2; margin:2.75rem 0 1.25rem; font-weight:400; color:var(--wd-ink); }
.wd-article blockquote { border-left:2px solid var(--wd-gold); padding:.1rem 0 .1rem 1.35rem; margin:1.6rem 0; }
.wd-article blockquote p { font-family:var(--font-display); font-size:1.5rem; line-height:1.55; color:var(--wd-burgundy); }
.wd-article hr { border:0; border-top:1px solid var(--wd-line); margin:2.5rem 0; }
.wd-aside { position:sticky; top:110px; border-top:2px solid var(--wd-gold); padding-top:1.3rem; }
.wd-aside .wd-label { color:var(--wd-burgundy); margin-bottom:1rem; }
.wd-aside a { display:block; color:var(--wd-muted); padding:.55rem 0; font-size:.85rem; text-decoration:none; }
.wd-aside a:hover { color:var(--wd-burgundy); text-decoration:underline; }
.wd-heart { background:#f6ebdf; border:1px solid var(--wd-line); padding:2rem; border-radius:.65rem; margin-top:2.5rem; }
.wd-heart h2 { margin-top:0; }
.wd-heart__note { color:var(--wd-muted); font-size:.85rem!important; line-height:1.7!important; }
.wd-heart ol { margin:1.75rem 0 0; padding-left:1.4rem; }
.wd-heart li { padding-left:.3rem; margin-bottom:1.6rem; }
.wd-heart li::marker { color:var(--wd-burgundy); font-family:var(--font-display); font-size:1.25rem; }
.wd-heart li p { font-size:1rem; margin-bottom:.5rem; line-height:1.7; }
.wd-heart textarea { width:100%; min-height:92px; resize:vertical; border:0; border-radius:0; background:repeating-linear-gradient(transparent 0,transparent 30px,#d7beb4 31px,transparent 32px); color:var(--wd-ink); font-size:1rem; line-height:32px; padding:0; }
.wd-prayer { margin:2.5rem 0; border-left:2px solid var(--wd-gold); padding:0 0 0 1.6rem; }
.wd-action { background:var(--wd-burgundy); color:var(--wd-cream); padding:2rem; border-radius:.65rem; margin:2.5rem 0; }
.wd-action h2 { color:var(--wd-cream); margin-top:0; }
.wd-action p { color:var(--wd-cream); }
.wd-closing { text-align:center; padding:1rem 0 1.5rem; }
.wd-closing h2 { margin-top:1rem; }
.wd-closing p:last-child { font:italic 400 1.6rem/1.5 var(--font-display); color:var(--wd-burgundy); margin-top:1rem; }
@media(max-width:1000px) {
  .wd-feature { gap:2rem; }
  .wd-article-layout { grid-template-columns:minmax(0,1fr); gap:0; }
  .wd-aside { display:none; }
}
@media(max-width:700px) {
  .wd-wrap { width:calc(100% - 2.5rem); }
  .wd-hero { min-height:0; }
  .wd-hero__image { position:relative; height:260px; object-position:70% center; width:100%; }
  .wd-hero::after { background:linear-gradient(0deg,var(--wd-plum) 0%,rgba(40,13,29,.05) 72%); inset:0 0 auto; height:275px; }
  .wd-hero__copy { padding:0 0 2.6rem; margin-top:-1.1rem; position:relative; }
  .wd-hero h1 { font-size:clamp(3.6rem,12vw,5.2rem); margin-bottom:.75rem; }
  .wd-tagline { font-size:1.75rem; line-height:1.28; max-width:22ch; margin-bottom:1.3rem; }
  .wd-hero__intro { font-size:.94rem; margin-bottom:1.2rem; }
  .wd-pillars { gap:.45rem; }
  .wd-pillars li { padding:.4rem .65rem; font-size:.75rem; }
  .wd-section { padding-block:2.1rem; }
  .wd-feature { grid-template-columns:1fr; gap:1.2rem; }
  .wd-feature h2 { font-size:2rem; }
  .wd-feature__subtitle { font-size:1.15rem; }
  .wd-actions { gap:1rem; }
  .wd-coming { padding-top:.5rem; }
  .wd-cards { grid-template-columns:1fr; gap:1rem; }
  .wd-card { display:grid; grid-template-columns:110px minmax(0,1fr); gap:0; }
  .wd-card__image { aspect-ratio:auto; height:100%; object-position:center; min-height:156px; }
  .wd-card__copy { padding:1rem; }
  .wd-card h3 { font-size:1.25rem; }
  .wd-card .wd-label { font-size:.75rem; letter-spacing:.06em; }
  .wd-card__copy>p:last-child { font-size:.8rem; line-height:1.55; }
  .wd-journal { padding:1.6rem; grid-template-columns:1fr; gap:1.3rem; margin-bottom:2rem; }
  .wd-journal h2 { font-size:2rem; }
  .wd-journal .wd-btn { justify-self:start; }
  .wd-page-head { padding:2rem 0 2.2rem; }
  .wd-breadcrumb { margin-bottom:1.5rem; }
  .wd-page-head h1 { font-size:2.75rem; }
  .wd-page-head__sub { font-size:1.15rem; }
  .wd-video-wrap { margin-block:1.6rem 2rem; }
  .wd-video { aspect-ratio:4/3; min-height:280px; }
  .wd-video__symbol { width:46px; height:46px; margin-bottom:.65rem; }
  .wd-video__symbol::after { left:18px; top:12px; }
  .wd-video__copy { padding:1rem; margin:.8rem; }
  .wd-video h2 { font-size:1.45rem; }
  .wd-video p { font-size:.8rem; }
  .wd-video figcaption { display:none; }
  .wd-article p { font-size:1rem; line-height:1.85; }
  .wd-heart, .wd-action { padding:1.4rem; }
  .wd-heart h2, .wd-action h2 { font-size:1.8rem; }
  .wd-article blockquote p { font-size:1.3rem; }
}
@media(prefers-reduced-motion:reduce) {
  .wine-down *, .wine-down *::before, .wine-down *::after { transition:none!important; scroll-behavior:auto!important; }
}