/* DIANAE 2026 | Minimal & Modern responsive redesign
   Progressive enhancement over assets/style.css. No external fonts or trackers. */
:root{
 --red:#a4483b;
 --wine:#7d403a;
 --ink:#202725;
 --muted:#626b66;
 --paper:#fcfbf8;
 --soft:#f3f1eb;
 --line:#e6e5de;
 --white:#ffffff;
 --width:1240px;
 --accent-soft:#f8eee8;
 --shadow:0 22px 70px rgba(29,35,33,.075);
 font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:var(--paper);color:var(--ink);font-size:1.0625rem;line-height:1.72;-webkit-font-smoothing:antialiased}
body,main{min-width:0}
*,*:before,*:after{box-sizing:border-box}
::selection{background:#e9d4ca;color:#30221f}
h1,h2,h3{font-family:Georgia,"Iowan Old Style","Palatino Linotype",serif;letter-spacing:-.045em;line-height:1.11;font-weight:500;color:var(--ink)}
h1{font-size:clamp(3.25rem,6.6vw,6.75rem)}
h2{font-size:clamp(2.35rem,4.25vw,4.25rem)}
h3{font-size:clamp(1.45rem,2vw,2rem)}
p{max-width:76ch}
strong{font-weight:700}
a{color:var(--wine);text-decoration-thickness:1px}
a:hover{color:#512a25}
button,input,textarea{font-family:inherit}
button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #3f7168;outline-offset:4px}
.wrap{width:min(calc(100% - 92px),var(--width))}
.eyebrow,.label,.status{color:var(--wine);letter-spacing:.17em;font-size:.73rem;font-weight:800;text-transform:uppercase}
.eyebrow{margin-bottom:1.35rem}
.small{font-size:.93rem;color:var(--muted)}
/* Header + mobile navigation */
.site-header{position:sticky;top:0;z-index:100;background:rgba(252,251,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.header-inner{min-height:90px;padding-block:12px;gap:26px;flex-wrap:nowrap}
.brand{position:relative;z-index:2}
.brand img{width:112px;height:auto;max-height:63px;object-fit:contain}
.main-nav{margin-left:auto;gap:4px 20px;flex-wrap:nowrap}
.main-nav a,.languages a{font-size:.80rem;font-weight:700;letter-spacing:.012em;min-height:44px;transition:color .18s ease,background .18s ease}
.main-nav a{position:relative;color:var(--ink)}
.main-nav a:hover{color:var(--wine)}
.main-nav a[aria-current=page]{color:var(--wine);box-shadow:none}
.main-nav a[aria-current=page]:after{content:"";height:2px;background:var(--wine);position:absolute;bottom:5px;left:0;right:0}
.languages{gap:3px;margin-left:0}
.languages a{font-size:.75rem;padding:8px 9px;border-radius:100px;color:var(--muted)}
.languages a[aria-current=true]{background:var(--ink);color:#fff}
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);padding:0;flex-shrink:0}
.menu-toggle span{width:19px;height:1.5px;background:currentColor;display:block;transition:transform .18s ease,opacity .18s ease}
.menu-toggle[aria-expanded=true] span:nth-of-type(2){transform:translateY(3.25px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-of-type(3){transform:translateY(-3.25px) rotate(-45deg)}
.menu-toggle .sr-only{font-size:0}
/* Hero and featured imagery */
.hero{grid-template-columns:minmax(0,0.98fr) minmax(0,1.02fr);gap:clamp(36px,6vw,92px);padding-block:76px 68px;align-items:center}
.hero>div{position:relative}
.hero h1{font-size:clamp(3.7rem,6.4vw,6.5rem);line-height:1.04;margin-bottom:26px;letter-spacing:-.065em;max-width:12ch}
.hero .intro{font-size:clamp(1.12rem,1.55vw,1.28rem);line-height:1.7;color:#4d5752;max-width:47ch}
.hero-image{background:var(--soft);position:relative;border-radius:3px;overflow:hidden}
.hero-image img{aspect-ratio:.83;object-fit:cover;object-position:58% center}
.hero-image:after{content:"";position:absolute;inset:auto 0 0;height:17%;background:linear-gradient(transparent,rgba(15,28,23,.13));pointer-events:none}
.hero-image figcaption{position:relative;z-index:1;color:var(--ink);background:#fff}
.hero .actions{margin-top:31px;gap:17px 26px;align-items:center}
.button{min-height:52px;padding:14px 26px;border-radius:100px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:.91rem;font-weight:750;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease;line-height:1.35}
.button:hover{color:#fff;background:var(--wine);border-color:var(--wine);text-decoration:none;transform:translateY(-2px)}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}
.text-link{color:var(--ink);text-underline-offset:5px;text-decoration:underline;font-size:.94rem;letter-spacing:.005em}
.campaign{color:var(--wine);margin-top:34px;font-size:.79rem;font-weight:800;letter-spacing:.15em}
.pullquote{border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 4px;margin-block:12px 42px}
.pullquote p{max-width:none;margin:0;font-family:Georgia,"Palatino Linotype",serif;font-size:clamp(1.55rem,3.4vw,3.05rem);font-weight:400;line-height:1.3;letter-spacing:-.04em}
.pullquote strong{font-weight:500}
.section{padding-block:82px}
.energy-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(44px,7vw,104px)}
.energy-split h2{font-size:clamp(2.5rem,4.45vw,4.35rem);margin-bottom:25px}
.energy-split>figure>img,.energy-split>img{max-height:780px;min-height:420px;object-fit:cover;border-radius:3px}
.caffeine-note{padding:23px 24px;margin-top:28px;border:1px solid var(--line);background:#fff;border-radius:3px}
.caffeine-note strong{color:var(--wine)}
.preparation-grid{gap:22px;margin-top:40px}
.preparation-card{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:0 9px 36px rgba(34,45,38,.032);transition:transform .25s ease,box-shadow .25s ease}
.preparation-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.preparation-card img{height:320px;width:100%;padding:22px;object-fit:contain;background:#f7f6f2}
.preparation-card:last-child img{padding:0;object-fit:cover}
.preparation-card>div{padding:25px 28px 32px}
.preparation-card .eyebrow{color:var(--wine);font-size:.74rem;margin-bottom:14px}
.preparation-card h3{font-size:1.9rem;margin-bottom:15px}
.preparation-card p{font-size:1rem;color:var(--muted)}
.preparation-card a{color:var(--ink);font-size:.93rem;font-weight:700;text-underline-offset:5px}
.values{background:#ecece5;color:var(--ink)}
.values h2{color:var(--ink);max-width:20ch}
.values .eyebrow,.values .small,.values a{color:var(--wine)}
.values>div>p{color:#45504a}
.value-grid{margin-block:46px;gap:35px}
.value-grid article{border-top:1px solid #c4c5bc;padding-top:30px}
.value-number{font-family:Georgia,serif;font-weight:400;font-size:3.5rem;color:var(--wine);margin-bottom:18px}
.value-grid h3{font-size:2.1rem}
.value-grid p{color:#4f5a54}
.review-grid{gap:22px;margin-top:40px}
.review{border:1px solid var(--line);background:#fff;padding:32px;border-radius:3px;display:flex;flex-direction:column}
.review blockquote{font-family:Georgia,serif;font-size:1.28rem;line-height:1.52;letter-spacing:-.012em;color:var(--ink)}
.review figcaption{margin-top:auto;font-size:.87rem;font-weight:800;letter-spacing:.06em}
.review details{color:var(--muted);font-size:.85rem}
.review summary{color:var(--wine)}
.cta-band{border:1px solid #e2dfd6;border-radius:4px;background:var(--soft);padding:54px 60px;margin-bottom:88px;position:relative;overflow:hidden}
.cta-band:after{content:"";position:absolute;right:-80px;bottom:-120px;width:300px;height:300px;border:1px solid #ddd5c9;border-radius:50%;pointer-events:none}
.cta-band h2{font-size:clamp(2.2rem,4vw,3.6rem)}
.cta-band .button{position:relative;z-index:1;flex-shrink:0}
.page-head{padding-block:78px 54px;max-width:1060px}
.page-head h1{font-size:clamp(3.35rem,6.6vw,6.5rem);line-height:1.06;max-width:16ch}
.page-head .intro{font-size:1.23rem;color:#4f5753;line-height:1.68}
.article-grid,.contact-grid{gap:clamp(32px,5vw,80px)}
.article-grid img{border-radius:3px;aspect-ratio:1.25}
.article-grid h2,.text-sections h2{font-size:clamp(2rem,3vw,3.05rem)}
.principles{background:var(--soft)}
.card{border-top:1px solid var(--line);background:#fff;border-radius:3px;overflow:hidden}
.cards{gap:24px}
.card img{background:#f7f6f2;height:290px}
.card-body{padding:24px}
.card h3{font-size:1.75rem}
.concept-detail{gap:clamp(32px,5vw,68px);padding-block:64px}
.concept-detail h2{font-size:clamp(2.3rem,4vw,3.55rem)}
.concept-detail .picture{border:1px solid var(--line);border-radius:3px;background:#fff}
.concept-detail .picture img{padding:18px}
.intro-band{background:var(--ink)}
.notice{background:#f5f1eb;border-left:3px solid var(--wine);color:#57605a;padding:22px 26px;border-radius:0 4px 4px 0}
.story{max-width:1090px;padding-bottom:92px}
.story .page-head{padding-bottom:28px}
.story .page-head h1{max-width:16ch;font-size:clamp(3.25rem,6vw,6rem)}
.story>.notice{font-size:.91rem;line-height:1.7;max-width:850px;margin-bottom:54px}
.story>h2{font-size:clamp(2.05rem,3.5vw,3.45rem);margin:68px auto 30px;max-width:760px;letter-spacing:-.045em;text-transform:none}
.story>p:not(.notice){font-size:clamp(1.06rem,1.45vw,1.19rem);line-height:1.92;max-width:760px;margin:0 auto 23px;color:#39413d}
.story>p>a{overflow-wrap:anywhere}
.story .story-picture{width:100%;margin:42px auto 52px;max-width:980px}
.story-picture img{background:#f2f0eb;border-radius:4px;width:100%;max-height:680px;object-fit:contain}
.story>h2+figure{margin-top:26px}
.story .pullquote{margin-top:58px}
.story>p:nth-of-type(2){margin-top:10px}
.story-chapters{display:flex;gap:8px;flex-wrap:wrap;max-width:800px;margin:0 auto 48px;padding:0 0 24px;border-bottom:1px solid var(--line)}
.story-chapters a{min-height:44px;display:inline-flex;align-items:center;padding:9px 17px;background:#fff;border:1px solid var(--line);border-radius:100px;text-decoration:none;color:var(--ink);font-size:.86rem;font-weight:700}
.story-chapters a:hover{background:var(--ink);color:#fff}
.history section{max-width:920px}
.history section h2{font-size:clamp(2.1rem,3.5vw,3.25rem)}
.chapter-nav{gap:8px 12px}
.chapter-nav a{border:1px solid var(--line);border-radius:100px;background:#fff;padding:10px 16px;color:var(--ink);text-decoration:none}
.chapter-nav a:hover{background:var(--soft)}
.product-chapter{padding-block:72px}
.product-chapter h2{font-size:clamp(2.5rem,4.6vw,4.2rem)}
.method-grid{gap:16px}
.method-grid li{background:#fff;border:1px solid var(--line);border-top:3px solid var(--wine);border-radius:3px;padding:26px}
.tasting{background:var(--ink);border-radius:4px}
.tasting h3{color:#fff}
.can-grid{background:#f3f1ed}
.chart-track span{background:var(--wine)}
.faq-list details{padding:22px 0}
.faq-list summary{min-height:48px;padding-right:34px;position:relative;font-size:1.22rem}
.faq-list summary::marker{color:var(--wine)}
.contact-card{border:1px solid var(--line);border-top:3px solid var(--wine);background:#fff;border-radius:3px}
.contact-fields{border:1px solid var(--line);border-top:3px solid var(--wine);background:#f6f5f1;border-radius:3px}
.contact-fields>input,.contact-fields>textarea,.poll input[type=email]{border:1px solid #bcbeb7;border-radius:3px;min-height:48px;background:#fff;padding:13px 15px}
.contact-fields .button{cursor:pointer}
.poll{border:1px solid var(--line);border-top:3px solid var(--wine);border-radius:4px}
.poll h2{font-size:clamp(2.3rem,4.3vw,4rem)}
.vote-button{border-radius:100px;border:1.5px solid var(--wine)}
.vote-button[aria-pressed=true]{background:var(--wine)}
.sustainable-conclusion{background:var(--ink)}
.sustainable-conclusion h2{color:#fff}
.sustainable-head h1 span{color:var(--wine)}
.site-footer{background:#f0efe9;border-top:1px solid var(--line);padding-block:58px 60px}
.footer-brand{font-size:1.65rem;color:var(--ink);letter-spacing:.13em}
.footer-grid{gap:40px}
.footer-note{max-width:61ch;color:var(--muted)}
.footer-links a{color:var(--ink)}
/* Tablet */
@media(max-width:1180px){
 .header-inner{gap:18px}
 .brand img{width:100px}
 .main-nav{gap:3px 11px}
 .main-nav a{font-size:.76rem}
 .languages a{padding:8px 7px}
 .hero{gap:40px}
}
@media(max-width:1100px){
 .wrap{width:min(calc(100% - 60px),var(--width))}
 .header-inner{min-height:76px;flex-wrap:nowrap;gap:14px}
 .brand img{width:97px}
 .js .menu-toggle{display:inline-flex;order:3}
 .languages{order:2;margin-left:auto}
 .js .main-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px max(30px,calc((100vw - var(--width))/2)) 26px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 24px 40px rgba(0,0,0,.10);max-height:calc(100dvh - 76px);overflow:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0}
 .js .main-nav[data-open=true]{display:flex}
 .js .main-nav a{font-size:1rem;font-weight:650;min-height:54px;padding:12px 5px;border-bottom:1px solid var(--line);width:100%}
 .js .main-nav a[aria-current=page]:after{height:0}
 .hero{grid-template-columns:1fr 1fr}
 .hero h1{font-size:clamp(3rem,6vw,5.5rem)}
 .hero-image img{aspect-ratio:.8}
 .energy-split{gap:32px}
 .preparation-card img{height:240px}
 .preparation-card>div{padding:20px}
 .preparation-card h3{font-size:1.55rem}
 .review{padding:22px}
}
/* Mobile first interaction sizes and single-column layout */
@media(max-width:720px){
 html{scroll-padding-top:80px}
 body{font-size:1rem;line-height:1.7}
 .wrap{width:calc(100% - 38px)}
 .header-inner{min-height:72px;padding-block:9px;gap:10px}
 .brand img{width:88px}
 .languages{gap:0}
 .languages a{min-height:44px;padding:8px 8px;font-size:.75rem}
 .menu-toggle{width:44px;height:44px}
 .js .main-nav{padding:10px 19px 22px;max-height:calc(100dvh - 72px)}
 h1{overflow-wrap:normal}
 h2{font-size:clamp(2.15rem,9vw,3.3rem)}
 .hero{display:flex;flex-direction:column;gap:29px;padding-block:38px 36px}
 .hero>div{width:100%}
 .hero h1{font-size:clamp(3.2rem,13.2vw,5.1rem);line-height:1.04;max-width:11ch;margin-bottom:20px}
 .hero .intro{font-size:1.07rem;line-height:1.65}
 .hero-image{width:100%}
 .hero-image img{aspect-ratio:1.03;object-position:58% center}
 .hero .actions{margin-top:23px;gap:12px 20px}
 .hero .button{min-height:54px}
 .campaign{margin-top:21px;font-size:.75rem}
 .section{padding-block:49px}
 .pullquote{padding:25px 0;margin-block:8px 26px}
 .pullquote p{font-size:clamp(1.5rem,7vw,2.5rem)}
 .energy-split{grid-template-columns:1fr;gap:28px}
 .energy-split>figure>img,.energy-split>img{min-height:0;max-height:510px;aspect-ratio:1.05;object-fit:cover}
 .energy-split h2{font-size:clamp(2.25rem,9vw,3.45rem)}
 .caffeine-note{padding:19px 18px}
 .preparation-grid,.value-grid,.review-grid{grid-template-columns:1fr;gap:16px;margin-top:27px}
 .preparation-card{display:grid;grid-template-columns:minmax(120px,40%) minmax(0,1fr);padding:0;align-items:stretch}
 .preparation-card img{height:100%;min-height:190px;max-height:260px;padding:8px;object-fit:contain}
 .preparation-card:last-child img{object-fit:cover;padding:0}
 .preparation-card>div{padding:21px 14px;min-width:0}
 .preparation-card h3{font-size:1.4rem;margin-bottom:10px}
 .preparation-card p{font-size:.91rem;line-height:1.55}
 .preparation-card a{font-size:.86rem;line-height:1.4}
 .preparation-card .eyebrow{margin-bottom:9px}
 .values h2{font-size:clamp(2.25rem,9vw,3.3rem)}
 .value-grid{gap:24px}
 .value-grid article{padding-top:22px}
 .value-number{font-size:2.6rem;margin-bottom:8px}
 .value-grid h3{font-size:1.7rem}
 .review{padding:25px}
 .review blockquote{font-size:1.2rem}
 .cta-band{padding:34px 25px;margin-bottom:50px;display:block}
 .cta-band h2{font-size:2.7rem}
 .cta-band .button{margin-top:18px}
 .page-head{padding-block:44px 28px}
 .page-head h1,.story .page-head h1{font-size:clamp(3rem,11.3vw,4.55rem)}
 .page-head .intro{font-size:1.09rem}
 .intro-band{padding-block:36px}
 .intro-band .split,.cards,.article-grid,.concept-detail,.contact-grid,.tasting,.chart-grid{grid-template-columns:1fr}
 .article-grid,.contact-grid{gap:25px}
 .cards{gap:17px}
 .card{grid-template-columns:105px minmax(0,1fr);gap:0}
 .card img{height:100%;min-height:135px}
 .card-body{padding:19px 16px}
 .card h3{font-size:1.35rem}
 .concept-detail{gap:24px;padding-block:36px}
 .concept-detail h2{font-size:2.5rem}
 .concept-detail .picture img{max-height:320px}
 .notice{padding:17px 19px}
 .story{padding-bottom:55px}
 .story>.notice{margin-bottom:25px}
 .story-chapters{margin-bottom:26px;gap:7px}
 .story-chapters a{font-size:.8rem;padding:8px 12px}
 .story>h2{margin:40px auto 20px;font-size:clamp(2rem,8.4vw,3rem)}
 .story>p:not(.notice){font-size:1.045rem;line-height:1.82;margin-bottom:18px}
 .story .story-picture{margin:25px auto 32px}
 .story-picture img{max-height:440px}
 .product-chapter{padding-block:42px}
 .product-chapter h2{font-size:2.7rem}
 .method-grid{grid-template-columns:1fr 1fr;gap:12px}
 .method-grid li{padding:16px}
 .tasting{padding:28px 22px}
 .tea-pair img{height:280px}
 .can-grid{gap:10px;padding:12px}
 .faq-list summary{font-size:1.13rem}
 .contact-card{padding:24px}
 .contact-fields{padding:23px 19px}
 .contact-fields>input,.contact-fields>textarea,.poll input[type=email]{font-size:16px}
 .poll{padding:25px 18px;margin-block:35px 45px}
 .poll th,.poll td{font-size:.9rem}
 .sustainable-conclusion{padding:27px 23px}
 .site-footer{padding-block:35px}
 .footer-grid{grid-template-columns:1fr;gap:15px}
 .footer-links{gap:14px}
 .footer-links a{min-height:44px}
}
@media(max-width:430px){
 .wrap{width:calc(100% - 32px)}
 .js .main-nav{padding-inline:16px}
 .hero h1{font-size:clamp(3rem,12.8vw,4.1rem)}
 .hero .actions .button{width:100%}
 .hero .actions .text-link{min-height:44px;display:inline-flex;align-items:center}
 .preparation-card{grid-template-columns:38% minmax(0,1fr)}
 .preparation-card img{min-height:205px}
 .preparation-card>div{padding:17px 12px}
 .preparation-card h3{font-size:1.27rem}
 .preparation-card p{font-size:.87rem}
 .method-grid{grid-template-columns:1fr}
 .tea-pair{grid-template-columns:1fr}
 .tea-pair img{height:300px}
 .can-grid{grid-template-columns:1fr}
 .story-chapters{display:grid;grid-template-columns:1fr 1fr}
 .story-chapters a{justify-content:center;text-align:center}
 .vote-options{gap:10px}
 .vote-button{min-width:0;flex:1}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation:none!important;transition:none!important}
}
@media print{
 .site-header,.menu-toggle,.story-chapters{display:none!important}
 .wrap{width:100%}
 .values,.tasting,.intro-band{background:#fff!important;color:#111!important}
 .values *,.tasting *,.intro-band *{color:#111!important}
 .preparation-card{break-inside:avoid}
}


/* DIANAE original photography: ground Cascara J + Bialetti moka (2022).
   Authentic photo, responsive art direction; deliberately does not imply
   that a particular extraction was photographed. */
.dianae-documentary,
.dianae-real-life{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(24px,5vw,76px);
  align-items:center;
  margin:clamp(36px,5vw,64px) 0;
  padding:clamp(22px,3.5vw,38px) 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.dianae-real-life{margin-top:clamp(48px,6vw,76px)}
.dianae-documentary__photo{
  display:block;
  width:100%;
  min-width:0;
  max-width:530px;
  margin:0;
}
.dianae-documentary__photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3 / 4;
  object-fit:cover;
  object-position:center;
  border-radius:4px;
  background:var(--soft);
}
.dianae-documentary__copy{
  min-width:0;
  margin:0;
  max-width:550px;
}
.dianae-documentary__copy .eyebrow{
  display:block;
  margin-bottom:14px;
}
.dianae-documentary__title{
  display:block;
  font-size:clamp(1.65rem,3.1vw,2.75rem);
  line-height:1.14;
  letter-spacing:-.035em;
  font-weight:500;
  color:var(--ink);
}
.dianae-documentary__copy p{
  margin:18px 0 0;
  max-width:47ch;
  color:var(--muted);
  line-height:1.75;
}
.dianae-documentary__link{
  display:inline-flex;
  min-height:44px;
  gap:10px;
  align-items:center;
  margin-top:22px;
  color:var(--wine);
  text-decoration:none;
  font-weight:700;
  border-bottom:1px solid currentColor;
}
.dianae-documentary__link:hover,
.dianae-documentary__link:focus-visible{color:var(--ink)}
@media (max-width:720px){
  .dianae-documentary,
  .dianae-real-life{
    grid-template-columns:minmax(0,1fr);
    gap:24px;
    margin:38px 0;
    padding:24px 0;
  }
  .dianae-documentary__photo{max-width:100%}
  .dianae-documentary__photo img{
    aspect-ratio:4 / 5;
    object-fit:cover;
    object-position:center;
  }
  .dianae-documentary__title{font-size:clamp(1.75rem,7vw,2.25rem)}
  .dianae-documentary__copy p{margin-top:14px}
}


/* DIANAE Cascara Espresso 2022: real photography, desktop editorial diptych
   assembled from two original photos; mobile uses an independent original photo.
   The ingredient-in-portafilter picture remains unaltered documentary material. */
.dianae-espresso-feature{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);
  align-items:center;
  gap:clamp(22px,3.3vw,48px);
  padding:clamp(15px,2.4vw,28px);
  margin:clamp(30px,5vw,64px) 0 clamp(36px,5vw,64px);
  background:#f6f3ee;
  border:1px solid var(--line);
  border-radius:5px;
}
.dianae-espresso-feature__photo{display:block;width:100%;min-width:0;margin:0}
.dianae-espresso-feature__photo img{
  display:block;width:100%;height:auto;aspect-ratio:8 / 5;
  object-fit:cover;border-radius:3px;
}
.dianae-espresso-feature__copy{min-width:0;margin:0}
.dianae-espresso-feature__copy .eyebrow{display:block;margin-bottom:12px}
.dianae-espresso-feature__title{
  display:block;font-family:Georgia,"Iowan Old Style","Palatino Linotype",serif;
  font-weight:500;font-size:clamp(1.8rem,2.9vw,2.75rem);
  line-height:1.15;letter-spacing:-.04em;color:var(--ink);
}
.dianae-espresso-feature__copy>p{
  margin:17px 0 0;color:var(--muted);line-height:1.7;
}
.dianae-espresso-process{
  display:flex;align-items:center;gap:14px;min-width:0;
  padding-top:18px;margin-top:19px;border-top:1px solid var(--line);
}
.dianae-espresso-process img{
  display:block;flex:none;width:75px;height:92px;
  object-fit:cover;object-position:center;border-radius:3px;
}
.dianae-espresso-process span{
  font-size:.9rem;line-height:1.5;color:var(--muted)
}
@media(max-width:840px){
  .dianae-espresso-feature{grid-template-columns:minmax(0,1fr);gap:24px}
  .dianae-espresso-feature__copy{max-width:64ch}
}
@media(max-width:720px){
  .dianae-espresso-feature{margin:32px 0 42px;padding:14px;gap:23px}
  .dianae-espresso-feature__photo img{aspect-ratio:4/5}
  .dianae-espresso-feature__title{font-size:clamp(1.85rem,8vw,2.45rem)}
  .dianae-espresso-feature__copy>p{margin-top:12px}
  .dianae-espresso-process{margin-top:16px;padding-top:16px}
}

/* DIANAE Cascara Lemon: real product photograph, responsive focal point. */
.preparation-card img.dianae-lemon-real{object-position:55% 51%}
.product-chapter#lemon img.dianae-lemon-real-chapter{object-position:center center;max-width:100%;height:auto;min-height:0}
@media(max-width:720px){.preparation-card img.dianae-lemon-real{object-position:58% 49%}}

/* Five-language mobile navigation: preserve tap targets at 320px. */
@media(max-width:560px){
 .header-inner{gap:7px}
 .brand img{width:76px}
 .languages{gap:0;flex-shrink:0}
 .languages a{padding:7px 4px;font-size:.68rem;min-height:42px;display:inline-flex;align-items:center;justify-content:center}
 .menu-toggle{width:42px;height:42px}
}
@media(max-width:360px){
 .brand img{width:68px}
 .languages a{padding-inline:3px;font-size:.64rem}
 .header-inner{gap:5px}
}

/* 2026-10-22 editorial refinements: return to the original clear sans-serif typography. */
:root,body{font-family:Arial,Helvetica,sans-serif}
h1,h2,h3,.pullquote p,.dianae-documentary__title,.dianae-espresso-feature__title,
.story blockquote,.review blockquote,.tasting span {font-family:Arial,Helvetica,sans-serif!important}
h1,h2,h3{font-weight:750;letter-spacing:-.035em}
.dianae-can-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
 gap:clamp(24px,5vw,76px);align-items:center;margin-block:10px 46px;
 background:#f4f1ec;border-radius:12px;padding:clamp(20px,4vw,50px)}
.dianae-can-intro__art{background:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;min-width:0}
.dianae-can-intro__art img{display:block;max-height:490px;width:auto;max-width:100%;object-fit:contain}
.dianae-can-intro__body h2{font-size:clamp(2rem,4vw,3.6rem);margin-bottom:18px}
.dianae-can-intro__body p{font-size:1.14rem;line-height:1.7}
.dianae-basic-explainer{border-left:3px solid var(--red);padding:13px 0 13px 18px;font-size:1.08rem;margin:23px 0;background:transparent}
.dianae-editorial-photo{width:min(100%,1050px);margin:34px auto 48px;min-width:0}
.dianae-editorial-photo picture{display:block;text-align:center;background:#f7f5f1}
.dianae-editorial-photo img{display:block;width:100%;max-height:720px;object-fit:contain}
.dianae-editorial-photo figcaption{font-size:.92rem;line-height:1.5;color:var(--muted);padding:12px 0}
.dianae-taste-question{border-block:1px solid var(--line);padding-block:30px;margin-block:28px 62px;
 display:flex;align-items:center;justify-content:space-between;gap:25px}
.dianae-taste-question h2{font-size:clamp(1.8rem,2.9vw,2.8rem);margin-bottom:10px}
.dianae-taste-question p{margin-bottom:0}
.dianae-taste-question .button{flex-shrink:0;max-width:360px}
#tasting-results-2023{scroll-margin-top:110px;padding-block:42px 58px;margin-top:45px;border-top:1px solid var(--line)}
#tasting-results-2023 .dianae-tasting-summary{margin-bottom:24px}
#tasting-results-2023 .dianae-tasting-summary span{font-weight:800}
#tasting-results-2023 .dianae-tasting-summary h3{font-size:1.35rem}
@media(max-width:760px){
 .dianae-can-intro{grid-template-columns:minmax(0,1fr);padding:18px;gap:20px;margin-block:16px 36px}
 .dianae-can-intro__art img{max-height:410px}
 .dianae-can-intro__body p{font-size:1rem}
 .dianae-editorial-photo{margin:24px auto 30px}
 .dianae-taste-question{flex-direction:column;align-items:stretch}
 .dianae-taste-question .button{max-width:none;width:100%}
}


/* DIANAE legal pages */
.legal-copy{max-width:1000px;margin-inline:auto}
.legal-copy h1{font-size:clamp(2.4rem,5.1vw,4.6rem);line-height:1.12;letter-spacing:-.048em;max-width:20ch}
.legal-copy>.intro{font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.7;max-width:66ch;color:var(--muted,#5b645f);margin-top:18px;margin-bottom:44px}
.legal-copy section{padding:24px 0;border-top:1px solid rgba(0,0,0,.13)}
.legal-copy section h2{font-size:clamp(1.35rem,2.5vw,1.85rem);letter-spacing:-.025em;margin:0 0 12px}
.legal-copy section p{font-size:1rem;line-height:1.85;max-width:77ch;margin:0}
.legal-copy a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-note{margin-top:36px;color:var(--muted,#57615c);font-size:.9rem;line-height:1.6}
.legal-references{margin-top:18px}
@media(max-width:720px){.legal-copy{padding-inline:18px}.legal-copy section{padding:22px 0}.legal-copy section p{font-size:1rem}}