/* Approved wine palette from variant-4-wine.html, 16 October 2026. */
.theme-wine{
  --variant-canvas:#542835;
  --variant-ink:#f3efe7;
  --variant-muted:rgba(243,239,231,.72);
  --variant-line:rgba(243,239,231,.18);
  --variant-panel:#642f40;
  --variant-panel-alt:#0c342b;
  --variant-accent:#eacb9a;
  --variant-header:#542835;
}

/* Keep the approved green hero gradient and photo treatment from the base page. */

body.theme-wine{
  background:var(--variant-canvas);
  color:var(--variant-ink);
}

body.theme-wine .site-header{
  background:var(--variant-header);
  border-bottom-color:var(--variant-line);
  color:var(--variant-ink);
}

body.theme-wine .site-header .brand,
body.theme-wine .site-header nav a,
body.theme-wine .menu-toggle{
  color:var(--variant-ink);
}

body.theme-wine .menu-toggle,
body.theme-wine #site-navigation{
  border-color:var(--variant-line);
}

body.theme-wine .site-header nav a:hover,
body.theme-wine .header-cta,
body.theme-wine #site-navigation a[aria-current="location"],
body.theme-wine #site-navigation .menu-telegram{
  color:var(--variant-accent);
}

body.theme-wine #site-navigation{
  background:transparent;
}
@media(max-width:1280px){
  body.theme-wine #site-navigation{background:var(--variant-canvas)}
}

body.theme-wine #about,
body.theme-wine #needs,
body.theme-wine #events,
body.theme-wine #benefits,
body.theme-wine #formats,
body.theme-wine #founders,
body.theme-wine #reviews,
body.theme-wine #join,
body.theme-wine footer{
  background:var(--variant-canvas);
  color:var(--variant-ink);
}

body.theme-wine #about h2,
body.theme-wine #about .statement,
body.theme-wine #needs h2,
body.theme-wine #needs h3,
body.theme-wine #events .section-head h2,
body.theme-wine #benefits .section-head h2,
body.theme-wine #benefits .benefit-item h3,
body.theme-wine #formats .section-head h2,
body.theme-wine #formats .format-row,
body.theme-wine #founders h2,
body.theme-wine #founders .founder h3{
  color:var(--variant-ink);
}

body.theme-wine #about .secondary,
body.theme-wine #needs p,
body.theme-wine #benefits .benefit-item p,
body.theme-wine #formats .format-description,
body.theme-wine #founders .founder-role,
body.theme-wine #reviews .review-card blockquote,
body.theme-wine #reviews .review-person span,
body.theme-wine footer{
  color:var(--variant-muted);
}

body.theme-wine #about .about-mark,
body.theme-wine #needs .need-number,
body.theme-wine #events .year,
body.theme-wine #benefits .benefit-item::before,
body.theme-wine #formats .format-number,
body.theme-wine #formats .format-row:hover .format-title,
body.theme-wine #founders .founder>p,
body.theme-wine .section-controls,
body.theme-wine #reviews .review-card::before{
  color:var(--variant-accent);
}

body.theme-wine #needs .needs-editorial-list article+article,
body.theme-wine #events .event-grid article,
body.theme-wine #benefits .benefit-item+.benefit-item,
body.theme-wine #benefits .benefit-item::before,
body.theme-wine #formats .formats-index,
body.theme-wine #formats .format-row,
body.theme-wine footer{
  border-color:var(--variant-line);
}

body.theme-wine #formats .format-row:focus-visible{
  outline-color:var(--variant-accent);
}

body.theme-wine #founders .founder-photo{
  background:var(--variant-panel);
}

body.theme-wine #join .join-copy{
  background:var(--variant-panel);
  color:var(--variant-ink);
}

body.theme-wine #join .join-copy h2,
body.theme-wine #join .join-copy p{
  color:var(--variant-ink);
}

body.theme-wine #join .join-form{
  background:var(--variant-panel-alt);
}

body.theme-wine footer .brand{
  color:var(--variant-ink);
}

/* Equal desktop screens; content remains free to grow on narrow devices. */
body.theme-wine main>.section.reviews{
  min-height:var(--screen-height);
  padding:clamp(20px,3.5svh,38px) 0 78px;
  display:flex;
  align-items:center;
}
@media(min-width:1101px){
  body.theme-wine{--screen-height:max(620px,calc(100svh - var(--header-height)))}
  @supports(height:100dvh){body.theme-wine{--screen-height:max(620px,calc(100dvh - var(--header-height)))}}
  body.theme-wine #benefits{padding:clamp(20px,3.5svh,38px) 0 78px}
  body.theme-wine #benefits .section-head{margin-bottom:clamp(24px,4svh,44px)}
  body.theme-wine #benefits .benefit-item{padding-block:clamp(16px,2.6svh,24px)}
}
@media(max-width:760px){
  body.theme-wine main>.section.reviews{padding-top:clamp(34px,6svh,60px);padding-bottom:76px}
}
@media(min-width:1101px) and (max-height:800px){
  body.theme-wine #needs .needs-editorial-list article{padding-block:clamp(10px,2svh,16px)}
  body.theme-wine #needs .needs-editorial-list article:first-child{padding-top:0}
  body.theme-wine #needs .needs-editorial-list article:last-child{padding-bottom:0}
}

/* November 12 registration: actions sit below each photograph. */
body.theme-wine #events .event-grid{gap:22px;border:0;align-items:stretch}
body.theme-wine #events .event-item{display:flex;flex-direction:column;gap:16px;min-width:0}
body.theme-wine #events .event-item article{width:100%;height:auto;min-height:clamp(380px,58svh,560px);flex:1}
body.theme-wine #events .event-meta{margin-top:auto;padding-top:26px;color:var(--variant-ink);font-size:13px;line-height:1.55;font-weight:400}
body.theme-wine #events .event-meta time{display:block}
body.theme-wine #events .event-meta p{margin:4px 0 0;color:inherit;font-size:inherit;line-height:inherit;font-weight:inherit}
body.theme-wine #events .event-register{
 display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;
 padding:14px 16px;border:1px solid var(--variant-accent);border-radius:999px;
 background:var(--variant-accent);color:#031a16;font:inherit;font-size:16px;
 font-weight:500;line-height:1.35;text-align:center;text-decoration:none;cursor:pointer;
}
body.theme-wine #events a.event-register:hover{background:var(--variant-ink);border-color:var(--variant-ink)}
body.theme-wine #events a.event-register:focus-visible{outline:2px solid var(--variant-ink);outline-offset:5px}
body.theme-wine #events .event-register:disabled{
 background:transparent;border-color:rgba(243,239,231,.28);color:rgba(243,239,231,.62);cursor:default;
}
@media(max-width:760px){
 body.theme-wine #events .event-grid{gap:32px}
 body.theme-wine #events .event-item{gap:14px}
 body.theme-wine #events .event-item article{min-height:clamp(380px,68svh,460px)}
}