@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-400.ac6d71b4d5.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/poppins-600.179f97ec02.woff2) format('woff2')}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/quicksand-500-700.0c24c62137.woff2) format('woff2')}

:root{
  --cream:#F5F1E8; --ground:#F5F1E8; --band:#EDE7D6; --card:#FBF9F3;
  --sage:#8A9A7E; --sage-soft:#DCE3D0;
  --burgundy:#722F37; --terracotta:#C97C5D; --gold:#B98A3E;
  --ink:#2A211F; --ink-soft:#6A5C52; --line:#E4DDCB;
  --shadow:0 1px 2px rgba(42,33,31,.05), 0 12px 30px -18px rgba(114,47,55,.30);
  --maxw:1160px;
}
@media (prefers-color-scheme:dark){:root{
  --ground:#201618; --band:#281C1F; --card:#2C2023; --sage:#9DAE90; --sage-soft:#39322F;
  --burgundy:#DE9AA3; --terracotta:#E2997B; --gold:#D8B36A; --ink:#F2ECE1; --ink-soft:#B9AB9D; --line:#3C2D30;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 16px 34px -18px rgba(0,0,0,.65);
}}
:root[data-theme="light"]{--ground:#F5F1E8;--band:#EDE7D6;--card:#FBF9F3;--sage:#8A9A7E;--sage-soft:#DCE3D0;--burgundy:#722F37;--terracotta:#C97C5D;--gold:#B98A3E;--ink:#2A211F;--ink-soft:#6A5C52;--line:#E4DDCB;--shadow:0 1px 2px rgba(42,33,31,.05),0 12px 30px -18px rgba(114,47,55,.30)}
:root[data-theme="dark"]{--ground:#201618;--band:#281C1F;--card:#2C2023;--sage:#9DAE90;--sage-soft:#39322F;--burgundy:#DE9AA3;--terracotta:#E2997B;--gold:#D8B36A;--ink:#F2ECE1;--ink-soft:#B9AB9D;--line:#3C2D30;--shadow:0 1px 2px rgba(0,0,0,.3),0 16px 34px -18px rgba(0,0,0,.65)}

*{box-sizing:border-box}
html,body{margin:0}
body{overflow-x:clip}
.page{background:var(--ground);color:var(--ink);font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4{font-family:'Quicksand','Poppins',system-ui,sans-serif;font-weight:700;text-wrap:balance;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.narrow{max-width:720px}
.eyebrow{font-family:'Quicksand',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--terracotta);margin:0}
.svgsprite{position:absolute;width:0;height:0;overflow:hidden}

/* ---- pure-CSS routing: each .article is a page shown only when :target ---- */
.article{display:none}
.article:target{display:block}
#home{display:block}
body:has(.article:target) #home{display:none}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--ground) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:22px;height:66px}
.brand{display:flex;align-items:center;gap:10px;font-family:'Quicksand',sans-serif;font-weight:700;font-size:1.22rem;color:var(--ink);letter-spacing:-.02em}
.brand .mk{width:30px;height:30px;color:var(--burgundy);flex:none}
.nav ul{display:flex;gap:24px;margin:0 0 0 auto;padding:0;list-style:none}
.nav ul a{font-size:.95rem;color:var(--ink-soft);font-weight:500;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.nav ul a:hover{color:var(--burgundy);border-color:var(--terracotta)}
@media(max-width:760px){.nav ul{gap:16px}.nav ul li.hide-sm{display:none}}

/* hero */
.hero{padding:clamp(40px,6vw,72px) 0 clamp(34px,5vw,52px);background:radial-gradient(120% 90% at 92% 0%,color-mix(in srgb,var(--sage) 30%,transparent),transparent 55%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:28px}}
.hero .kick{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.hero .kick .eyebrow{color:var(--burgundy)}
.hero .kick .dot{width:6px;height:6px;border-radius:50%;background:var(--terracotta)}
.hero h1{font-size:clamp(2.05rem,4.7vw,3.35rem);line-height:1.03;margin:0 0 .35em;color:var(--ink);max-width:16ch}
.hero .dek{font-size:clamp(1.02rem,1.6vw,1.18rem);color:var(--ink-soft);max-width:52ch;margin:0 0 1.3em}
.byline{display:flex;align-items:center;gap:11px;margin-bottom:1.5em}
.av{width:42px;height:42px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-family:'Quicksand',sans-serif;font-weight:700;font-size:.95rem;color:#F7EDE3;background:linear-gradient(150deg,var(--burgundy),var(--terracotta))}
.byline .meta{display:flex;flex-direction:column;line-height:1.25}
.byline .nm{font-family:'Quicksand',sans-serif;font-weight:700;font-size:.98rem;color:var(--ink)}
.byline .sub{font-size:.8rem;color:var(--ink-soft)}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:'Quicksand',sans-serif;font-weight:600;font-size:.98rem;background:var(--burgundy);color:#F7EDE3;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;transition:transform .18s,box-shadow .18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px var(--burgundy)}
.btn.ghost{background:transparent;color:var(--burgundy);border:1.5px solid color-mix(in srgb,var(--burgundy) 40%,transparent)}
.btn.ghost:hover{box-shadow:none;background:color-mix(in srgb,var(--burgundy) 8%,transparent)}
.hero-art{position:relative;display:flex;justify-content:center}
.bottlecard{position:relative;width:min(330px,80vw);aspect-ratio:4/5;border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--sage) 42%,var(--card)),var(--card));border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;overflow:clip}
.bottlecard .grapes{position:absolute;bottom:-24px;left:-20px;width:130px;color:var(--terracotta);opacity:.5;transform:rotate(-12deg)}
.bottlecard .verdict{position:absolute;top:16px;right:16px;background:var(--burgundy);color:#F7EDE3;font-family:'Quicksand',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.bottlecard .bottle{width:92px;color:var(--burgundy);filter:drop-shadow(0 12px 16px rgba(114,47,55,.28))}

/* sections */
.section{padding:clamp(44px,6vw,76px) 0}
.section.band{background:var(--band);border-block:1px solid var(--line)}
.sec-head{margin-bottom:clamp(22px,3vw,34px)}
.sec-head .l{display:flex;flex-direction:column;gap:.3em;max-width:60ch}
.sec-head h2{font-size:clamp(1.5rem,3.1vw,2.15rem);margin:0;color:var(--ink)}
.sec-head p{margin:0;color:var(--ink-soft);font-size:1rem}

/* article cards */
.grid3{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.art-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.65em;transition:transform .2s,box-shadow .2s,border-color .2s}
.art-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(42,33,31,.06),0 24px 44px -22px rgba(114,47,55,.4);border-color:color-mix(in srgb,var(--terracotta) 45%,var(--line))}
.chip{align-self:flex-start;font-family:'Quicksand',sans-serif;font-weight:600;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:var(--burgundy);background:color-mix(in srgb,var(--burgundy) 11%,var(--card));border:1px solid color-mix(in srgb,var(--burgundy) 24%,transparent)}
.art-card h3{margin:.05em 0 0;font-size:1.3rem;line-height:1.15;color:var(--ink)}
.art-card .cdek{margin:0;color:var(--ink-soft);font-size:.96rem;line-height:1.5;flex:1}
.art-card .cfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:.3em;padding-top:.85em;border-top:1px dashed var(--line);font-size:.82rem;color:var(--ink-soft)}
.art-card .cfoot .read{font-family:'Quicksand',sans-serif;font-weight:600;color:var(--burgundy);display:inline-flex;gap:5px;align-items:center}

/* article page */
.article{padding:clamp(30px,5vw,56px) 0 clamp(40px,6vw,72px)}
.backlink{display:inline-flex;align-items:center;gap:7px;font-family:'Quicksand',sans-serif;font-weight:600;font-size:.9rem;color:var(--ink-soft);margin-bottom:26px}
.backlink:hover{color:var(--burgundy)}
.art-head .eyebrow{color:var(--burgundy)}
.art-head h1{font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.05;margin:.35em 0 .3em;color:var(--ink);max-width:24ch}
.art-head .lead{font-size:clamp(1.1rem,1.8vw,1.32rem);line-height:1.45;color:var(--ink-soft);margin:0 0 1.4em;max-width:60ch}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:16px 0;border-block:1px solid var(--line);margin-bottom:clamp(26px,4vw,42px)}
.art-meta .lk{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:'Quicksand',sans-serif;font-weight:600;font-size:.85rem;color:var(--burgundy)}
.art-meta .lk:hover{text-decoration:underline}
.art-meta .lk .in{width:16px;height:16px}
.art-meta .facts{font-size:.85rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}

.prose{font-size:1.14rem;line-height:1.75;color:var(--ink)}
.prose p{margin:0 0 1.15em;max-width:66ch}
.prose strong{font-weight:600;color:var(--ink)}
.prose p.lede1::first-letter{font-family:'Quicksand',sans-serif;font-weight:700;float:left;font-size:3.4rem;line-height:.82;padding:.05em .12em 0 0;color:var(--burgundy)}
.prose ul{list-style:none;margin:0 0 1.3em;padding:0;max-width:66ch;display:flex;flex-direction:column;gap:.6em}
.prose ul li{position:relative;padding-left:1.5em;color:var(--ink)}
.prose ul li::before{content:"";position:absolute;left:.15em;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--terracotta)}
.prose ul li b{font-family:'Quicksand',sans-serif;font-weight:700;color:var(--burgundy)}
.prose .aside{font-size:.98rem;color:var(--ink-soft);font-style:italic;border-left:2px solid var(--sage);padding-left:1em;margin:0 0 1.3em;max-width:64ch}
.pullbig{margin:1.6em 0;padding:0;border:0;font-family:'Quicksand',sans-serif;font-weight:700;font-size:clamp(1.5rem,3.2vw,2.05rem);line-height:1.18;color:var(--burgundy);max-width:20ch;text-wrap:balance}
.pullbig::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--terracotta);margin-bottom:.5em}
.arttags{display:flex;flex-wrap:wrap;gap:8px;margin:2em 0 0;padding:0;list-style:none}
.arttags li{font-family:'Quicksand',sans-serif;font-weight:600;font-size:.78rem;color:var(--burgundy);background:color-mix(in srgb,var(--burgundy) 10%,var(--card));border:1px solid color-mix(in srgb,var(--burgundy) 22%,transparent);padding:4px 12px;border-radius:999px}
.source{margin-top:26px;background:var(--band);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.source .txt{font-size:.92rem;color:var(--ink-soft)}
.source .txt b{font-family:'Quicksand',sans-serif;color:var(--ink);font-weight:600}
.source .btn{margin-left:auto;padding:9px 16px;font-size:.88rem}
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:clamp(34px,5vw,52px)}
@media(max-width:620px){.prevnext{grid-template-columns:1fr}}
.pn{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;transition:border-color .2s,transform .2s}
.pn:hover{border-color:var(--terracotta);transform:translateY(-2px)}
.pn.next{text-align:right}
.pn span{display:block;font-family:'Quicksand',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terracotta);margin-bottom:.3em}
.pn strong{font-family:'Quicksand',sans-serif;font-weight:700;font-size:1.02rem;color:var(--ink);line-height:1.2}

/* friday + newsletter */
.friday{background:linear-gradient(150deg,var(--burgundy),color-mix(in srgb,var(--burgundy) 70%,#3a1418));color:#F7EDE3;border-radius:22px;padding:clamp(28px,5vw,52px);display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;position:relative;overflow:clip}
@media(max-width:760px){.friday{grid-template-columns:1fr}}
.friday .vine{position:absolute;right:-30px;top:-30px;width:220px;color:#F7EDE3;opacity:.14}
.friday .eyebrow{color:color-mix(in srgb,#fff 62%,var(--terracotta))}
.friday h2{color:#fff;font-size:clamp(1.6rem,3.4vw,2.3rem);margin:.25em 0 .35em;max-width:18ch}
.friday p{color:#F1E2D6;max-width:46ch;margin:0 0 1.2em}
.friday .pick{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:20px}
.friday .pick .k{font-family:'Quicksand',sans-serif;font-weight:600;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#E7CFC2}
.friday .pick .t{font-family:'Quicksand',sans-serif;font-weight:700;font-size:1.15rem;color:#fff;margin:.35em 0 .2em;line-height:1.15}
.friday .pick .n{font-size:.9rem;color:#F1E2D6;line-height:1.5}
.news{background:var(--sage-soft);border:1px solid color-mix(in srgb,var(--sage) 40%,transparent);border-radius:22px;padding:clamp(28px,5vw,48px);text-align:center}
:root[data-theme="dark"] .news{background:var(--band)}
.news h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:.2em 0;color:var(--ink)}
.news p{color:var(--ink-soft);max-width:44ch;margin:.2em auto 1.4em}
.nlform{display:flex;gap:10px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.nlform input{flex:1 1 220px;min-width:0;padding:13px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-family:'Poppins',sans-serif;font-size:1rem}
.nlform input::placeholder{color:var(--ink-soft)}
.news .fine{font-size:.78rem;color:var(--ink-soft);margin-top:1em}

/* footer */
.foot{background:var(--band);border-top:1px solid var(--line);padding:clamp(40px,5vw,64px) 0 40px;margin-top:clamp(46px,6vw,80px)}
.foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px}
.foot .brand{font-size:1.35rem}
.foot .tag{color:var(--ink-soft);font-size:.9rem;max-width:34ch;margin:.7em 0 0;font-family:'Quicksand',sans-serif;font-weight:500}
.fnav{display:flex;flex-wrap:wrap;gap:40px}
.fnav .col h4{font-family:'Quicksand',sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--terracotta);margin:0 0 .8em}
.fnav .col a{display:block;color:var(--ink-soft);font-size:.92rem;padding:3px 0}
.fnav .col a:hover{color:var(--burgundy)}
.foot .base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-soft)}
.foot .base .resp{font-family:'Quicksand',sans-serif;font-weight:600;color:var(--ink)}

:focus-visible{outline:2.5px solid var(--terracotta);outline-offset:3px;border-radius:6px}

/* reviews */
.rgrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.review{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.7em;transition:transform .2s,box-shadow .2s,border-color .2s}
.review:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(42,33,31,.06),0 24px 44px -22px rgba(114,47,55,.4);border-color:color-mix(in srgb,var(--terracotta) 45%,var(--line))}
.review .top{display:flex;align-items:flex-start;gap:14px}
.review .btl{width:26px;flex:none;margin-top:2px}
.review .btl.tinto{color:var(--burgundy)}.review .btl.blanco{color:var(--gold)}.review .btl.naranjo{color:var(--terracotta)}.review .btl.espumante{color:var(--sage)}.review .btl.pais{color:#8E3B3B}
.review .cepa{font-family:'Quicksand',sans-serif;font-weight:700;font-size:1.18rem;line-height:1.12;color:var(--ink);margin:0}
.review .valle{font-size:.82rem;color:var(--ink-soft);margin:.2em 0 0}
.review .hook{margin:.1em 0 0;color:var(--ink-soft);font-size:.96rem;line-height:1.5}
.review .rfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:.4em;padding-top:.85em;border-top:1px dashed var(--line)}
.review .rfoot .price{font-family:'Quicksand',sans-serif;font-weight:700;font-size:1.15rem;color:var(--burgundy);font-variant-numeric:tabular-nums}
.review .ideal-s{font-size:.82rem;color:var(--ink-soft)}
.review .ideal-s b{font-family:'Quicksand',sans-serif;color:var(--ink);font-weight:600}
.meter{display:inline-flex;align-items:center;gap:9px}
.meter .segs{display:flex;gap:4px}
.meter .seg{width:20px;height:8px;border-radius:3px;background:color-mix(in srgb,var(--ink) 12%,transparent)}
.meter .seg.on{background:var(--burgundy)}
.meter .lbl{font-family:'Quicksand',sans-serif;font-weight:600;font-size:.76rem;color:var(--ink-soft)}
.pubdate{font-family:'Quicksand',sans-serif;font-weight:500;font-size:.88rem;color:var(--ink-soft);margin:0 0 1.5em}
.art-banner{height:clamp(160px,25vw,300px);border-radius:18px;position:relative;overflow:clip;margin-bottom:clamp(24px,4vw,42px);box-shadow:var(--shadow)}
.art-banner .motif{position:absolute;right:4%;top:50%;transform:translateY(-50%) rotate(-8deg);width:min(230px,44%);opacity:.3;color:#fff}
.art-banner::after{content:"";position:absolute;left:-14%;bottom:-40%;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.12)}
.theme-denom{background:linear-gradient(135deg,var(--sage),color-mix(in srgb,var(--burgundy) 55%,var(--sage)))}
.theme-decant{background:linear-gradient(135deg,var(--burgundy),var(--terracotta))}
.theme-navegado{background:linear-gradient(135deg,var(--terracotta),color-mix(in srgb,var(--burgundy) 80%,var(--terracotta)))}
.mast{padding:clamp(46px,9vw,104px) 0 clamp(28px,5vw,52px)}
.mast-ey{font-family:'Quicksand',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--terracotta);margin:0 0 .8em}
.mast-h{font-family:'Quicksand',sans-serif;font-weight:700;font-size:clamp(2.4rem,7.2vw,5.2rem);line-height:.96;letter-spacing:-.025em;color:var(--ink);margin:0 0 .32em;max-width:15ch;text-wrap:balance}
.mast-sub{font-size:clamp(1.05rem,1.9vw,1.4rem);color:var(--ink-soft);max-width:50ch;margin:0}
.gal-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:clamp(18px,2.5vw,28px)}
.gal-head h2{font-size:clamp(1.5rem,3.2vw,2.2rem);margin:0;color:var(--ink)}
.gal-head .more{font-family:'Quicksand',sans-serif;font-weight:600;font-size:.92rem;color:var(--burgundy);white-space:nowrap}
.gal-head .more:hover{text-decoration:underline}
.gallery{display:grid;gap:16px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.gallery{grid-template-columns:repeat(3,1fr)}.cover.feat{grid-column:1 / -1;min-height:400px}}
@media(max-width:600px){.gallery{grid-template-columns:1fr}}
.cover{position:relative;isolation:isolate;background:var(--sage-soft);min-height:340px;border-radius:20px;overflow:clip;display:flex;align-items:flex-end;padding:26px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}
.cover:hover{transform:translateY(-5px);box-shadow:0 1px 2px rgba(42,33,31,.06),0 30px 50px -24px rgba(114,47,55,.5)}
.cover .motif{position:absolute;right:-4%;top:44%;transform:translateY(-50%) rotate(-8deg);width:min(240px,54%);opacity:.32;color:#fff;z-index:0}
.cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,10,.05) 20%,rgba(20,8,10,.55));z-index:0}
.cover-in{position:relative;z-index:1}
.cover .k{display:block;font-family:'Quicksand',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#F7EDE3;opacity:.92}
.cover h3{font-family:'Quicksand',sans-serif;font-weight:700;color:#fff;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.06;margin:.35em 0 .35em;text-wrap:balance;max-width:20ch}
.cover.feat h3{font-size:clamp(1.9rem,4.2vw,3.1rem);max-width:16ch}
.cover .d{font-size:.82rem;color:#F1E2D6;opacity:.9;font-variant-numeric:tabular-nums}
.art-banner{height:clamp(200px,32vw,400px)}
/* --- more joia: huge uppercase type, marquee ticker, bold nav --- */
.nav ul a{font-family:'Quicksand',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}
.mast{padding-top:clamp(40px,7vw,84px)}
.mast-h{text-transform:uppercase;font-size:clamp(2.7rem,9vw,6.2rem);line-height:.9;letter-spacing:-.02em;max-width:16ch}
.mast-ey{font-size:.8rem}
.sec-head h2,.gal-head h2{text-transform:uppercase;letter-spacing:-.005em}
.gal-head h2,.sec-head h2{font-size:clamp(1.7rem,4vw,2.6rem)}
.cover .k{font-size:.72rem;letter-spacing:.15em}
.marquee{background:var(--burgundy);overflow:hidden;white-space:nowrap;padding:15px 0;margin:clamp(14px,3vw,32px) 0 0;border-block:1.5px solid color-mix(in srgb,var(--burgundy) 60%,#000)}
.marquee__track{display:inline-block;white-space:nowrap;animation:vv-marq 28s linear infinite;will-change:transform}
.marquee__track span{font-family:'Quicksand',sans-serif;font-weight:700;font-size:clamp(1.4rem,3.3vw,2.5rem);text-transform:uppercase;letter-spacing:.005em;color:#F5F1E8;padding:0 .45em}
.marquee .sep{color:#F5F1E8;opacity:.55}
@keyframes vv-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}
.art-banner::after{display:none}
/* joia article layout */
.art-hero{width:100%;height:clamp(240px,42vw,540px);background-size:cover;background-position:center;margin-bottom:clamp(26px,4vw,44px)}
.article-body{max-width:940px}
.prose{font-size:1.02rem;line-height:1.72}
.prose p{max-width:none}
.prose p.lede1{font-size:1.12rem}
.prose p.lede1::first-letter{font-size:3rem}
.prose ul{max-width:none}
.art-figure,.art-figure--left{float:none;clear:both;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;border-radius:12px;margin:1.6em 0;box-shadow:var(--shadow)}
.prose::after{content:"";display:block;clear:both}
@media(max-width:720px){.art-figure,.art-figure--left{margin:1.2em 0}}
.pullbig{clear:both}
.ph-denominacion{background-image:url(/assets/img/denominacion.5c6aa9c0be.jpg)}
.ph-decantador{background-image:url(/assets/img/decantador.0eb7aef80a.jpg)}
.ph-navegado{background-image:url(/assets/img/navegado.93342e2cbf.jpg)}
.ph-cual-es-bueno{background-image:url(/assets/img/cual-es-bueno.f1ce364cad.jpg)}
.ph-terroir{background-image:url(/assets/img/terroir.ed01f9ff2a.jpg)}
.ph-temperatura{background-image:url(/assets/img/temperatura.651d1fcfd4.jpg)}
.ph-maridaje-honesto{background-image:url(/assets/img/maridaje-honesto.c2ca85ed82.jpg)}
.ph-guardar-vino{background-image:url(/assets/img/guardar-vino.4100f26f84.jpg)}
.ph-maridaje-pop{background-image:url(/assets/img/maridaje-pop.4d246f2307.jpg)}
.ph-tapa-rosca{background-image:url(/assets/img/tapa-rosca.0eab4e0b43.jpg)}
.ph-tres-mitos{background-image:url(/assets/img/temperatura.651d1fcfd4.jpg)}
.ph-perdiendo-encanto{background-image:url(/assets/img/perdiendo-encanto.a6fafc4dd2.jpg)}
.ph-consumo-o-comunicacion{background-image:url(/assets/img/cual-es-bueno.f1ce364cad.jpg)}
.ph-congelada{background-image:url(/assets/img/congelada.2df450d13e.jpg)}
.ph-manifiesto{background-image:url(/assets/img/manifiesto.79f94fc878.jpg)}
.ph-amb0{background-image:url(/assets/img/amb0.b200afc39f.jpg)}
.ph-amb1{background-image:url(/assets/img/amb1.cdd1018480.jpg)}
.ph-amb2{background-image:url(/assets/img/amb2.ea07a24966.jpg)}
.ph-amb3{background-image:url(/assets/img/amb3.91b1860f2f.jpg)}
.ph-amb4{background-image:url(/assets/img/amb4.0b9b7a9445.jpg)}
.ph-amb5{background-image:url(/assets/img/amb5.f21c5f90e8.jpg)}
.ph-amb6{background-image:url(/assets/img/amb6.b70cc1a686.jpg)}
.ph-amb7{background-image:url(/assets/img/amb7.1b34b6d832.jpg)}

/* card art as real <img> so it lazy-loads; sits under the ::before gradient */
.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;display:block}

.btn-cream{background:#F7EDE3;color:var(--burgundy)}