@font-face {
  font-family: 'Italiana';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/italiana-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(assets/fonts/mulish-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#faf8f2;color:#123e31;font-family:Mulish,sans-serif;font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b68a38;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Italiana,serif;font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,5.3vw,84px)}h2{font-size:clamp(38px,4vw,60px)}h3{font-size:30px}em{font-weight:400;color:#9b824e}p{color:#5a685f}button{border:0;background:none}img{display:block;max-width:100%}.preview{height:30px;background:#113f31;color:#f2ead6;display:flex;align-items:center;justify-content:center;gap:25px;font-size:9px;letter-spacing:.16em}.preview span{opacity:.75;letter-spacing:.04em}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e7e6dc}.brand{width:117px}.brand img{width:100%;height:82px;object-fit:contain}header nav{display:flex;gap:37px;font-size:13px}.header-actions{display:flex;align-items:center;gap:24px}#language{font-size:11px;letter-spacing:.1em}#menu{display:none}.button{background:#0f4835;color:#fff;padding:17px 27px;border:1px solid #0f4835;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:12px;letter-spacing:.025em;transition:.2s}.button:hover{background:#1e6049;transform:translateY(-2px)}.button.small{padding:13px 18px;font-size:11px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:80px 10% 28px;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;margin-bottom:25px}.hero h1{margin-bottom:28px}.hero p{max-width:440px;font-size:14px;line-height:1.9;margin-bottom:32px}.hero-bottom{margin-top:auto;padding-top:55px;width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:8px;letter-spacing:.14em}.hero-bottom span:last-child{font-size:10px;letter-spacing:0}.hero-photo{position:relative;min-height:650px;overflow:hidden;background:#173a24}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover}.hero-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#102d20a8)}.photo-caption{position:absolute;bottom:35px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:end;color:white;z-index:2;font-size:10px;letter-spacing:.08em}.photo-caption>span:last-child{font-size:14px;text-align:right;letter-spacing:.02em}.origin-stamp{position:absolute;right:30px;top:30px;width:104px;height:104px;border:1px solid #f4e5bb9c;border-radius:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff0ce;font-size:8px;letter-spacing:.15em;background:#153e2b35}.origin-stamp strong{font-family:Italiana,serif;font-size:19px;font-weight:400;margin:3px}.origin-stamp span{font-size:5px}.statement{padding:34px 5%;border-bottom:1px solid #dcdccc;display:flex;align-items:center;justify-content:space-between}.statement>span:first-child{font-family:Italiana,serif;font-size:24px;letter-spacing:-.03em}.statement i{color:#9b824e}.tiny{font-size:8px;letter-spacing:.16em}.section{padding:95px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-heading>p{max-width:340px;font-size:14px}.coffee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.coffee-card{background:#fff;border:1px solid #e3e3d7}.card-art{height:280px;position:relative;overflow:hidden;padding:24px;color:#e5d8b7}.honey{background:#0f4835}.fermented{background:#cfc1a1;color:#284333}.natural{background:#433e32}.art-tag{font-size:8px;letter-spacing:.2em;position:relative;z-index:1}.coffee-number{font-family:Italiana,serif;font-size:160px;line-height:1;text-align:center;position:relative;z-index:1;letter-spacing:-.08em;margin-top:10px}.coffee-number.traditional{font-size:135px}.coffee-number.traditional span{display:block;font:400 8px Mulish,sans-serif;letter-spacing:.25em;margin-top:5px}.art-bottom{position:absolute;bottom:20px;font-size:7px;letter-spacing:.14em}.art-lines{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid currentColor;opacity:.15;right:-130px;bottom:-120px;box-shadow:0 0 0 12px,0 0 0 25px,0 0 0 40px,0 0 0 58px}.card-body{padding:25px}.card-kicker{font-size:8px;letter-spacing:.14em;color:#8b774c;margin-bottom:12px}.card-body h3{font-size:29px;margin-bottom:15px}.card-body p{font-size:11px}.card-actions{border-top:1px solid #e8e7dd;margin-top:25px;padding-top:15px;display:flex;align-items:center;justify-content:space-between}.text-button{padding:0;font-size:12px;text-align:left}.text-button:hover{text-decoration:underline}.round{width:34px;height:34px;border:1px solid #d3d8cc;border-radius:50%;font-size:22px}.round:hover{background:#e3dac3}.fine-print{font-size:10px;line-height:1.7;margin-top:25px;color:#7a8077}.origin{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:20px;align-items:center}.origin-image{position:relative;height:530px}.origin-image img{height:100%;width:100%;object-fit:cover}.image-note{position:absolute;bottom:22px;left:25px;color:#fff;font-size:8px;letter-spacing:.14em;text-shadow:0 1px 4px black}.origin-copy p{margin-top:25px;font-size:14px}.location{margin-top:35px;padding-top:25px;border-top:1px solid #d7d9cd;display:flex;align-items:center;gap:18px}.location-icon{font-size:28px}.location strong{font-size:9px;letter-spacing:.16em}.location div span{display:block;font-size:10px;color:#7d8378}.verde{margin:0 7% 90px;padding:35px 7%;display:grid;grid-template-columns:.65fr 1fr;gap:8%;align-items:center;background:#ede9db;border:1px solid #e2dfd0}.verde-portrait img{max-height:310px;margin:auto;object-fit:contain}.verde h2{margin-bottom:20px}.verde p{font-size:14px;margin-bottom:20px;max-width:460px}.verde .eyebrow{font-size:8px}.verde li{font-size:12px;padding:5px}.approach{background:#f0f1e9}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.approach-grid article{border-top:1px solid #b9c7b8;padding-top:25px}.approach-grid span{font-size:12px;color:#967f51}.approach-grid h3{font-size:27px;margin:25px 0 15px}.approach-grid p{font-size:13px}.sample-banner{text-align:center;background:#0f4835;color:#f6f2e6}.sample-banner .eyebrow{color:#c5b687}.sample-banner h2{font-size:65px}.sample-banner em{color:#d9c899}.sample-banner p{color:#d2ddd3;max-width:450px;margin:25px auto;font-size:14px}.button.light{background:#e3dac3;color:#163e30;border-color:#e3dac3}.sample-steps{display:flex;justify-content:center;gap:55px;margin-top:55px;color:#c9d6ca;font-size:10px}footer{background:#fff;padding:55px 7%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:center}footer>img{width:135px;height:110px;object-fit:contain}footer>p{font-size:12px}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:11px}footer span{font-size:9px;color:#878c81;margin-top:10px}dialog{border:1px solid #d7d6c7;background:#faf8f2;color:#113f31;padding:50px;max-width:620px;width:calc(100% - 30px);max-height:90vh;overflow:auto}dialog::backdrop{background:#082b22a8;backdrop-filter:blur(5px)}dialog h2{font-size:45px;margin-bottom:20px}dialog p{font-size:13px;margin-bottom:20px}.close{position:absolute;right:15px;top:12px;font-size:28px;padding:0 8px}.detail-process{text-transform:uppercase;letter-spacing:.15em;color:#a38d5c;font-size:10px!important}.detail-notes{border-top:1px solid #d7d6c7;border-bottom:1px solid #d7d6c7;padding:20px 0;font-family:Italiana,serif;font-size:23px}form{margin-top:25px}label{display:block;margin-bottom:17px}label>span{display:block;font-size:11px;margin-bottom:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{width:100%;padding:11px;border:1px solid #bdc6b9;background:#fff;color:#234a3b;border-radius:0;font-size:12px}form .button{width:100%}#successPanel{text-align:center}#successPanel img{height:170px;margin:0 auto 15px}#successPanel .eyebrow{margin-bottom:15px}[hidden]{display:none!important}@media(min-width:1500px){main,header,footer{max-width:1700px;margin:auto}}@media(max-width:900px){header{padding:10px 5%;height:90px}header nav{gap:18px}.hero{min-height:570px}.hero-copy{padding:60px 10% 25px}.hero-photo{min-height:570px}.hero-bottom{display:none}.coffee-grid{gap:14px}.card-body{padding:19px}.card-body h3{font-size:24px}.card-art{height:240px;padding:20px}.coffee-number{font-size:130px}.coffee-number.traditional{font-size:110px}.section{padding:70px 6%}.origin{gap:6%}.origin-image{height:440px}.verde{margin:0 6% 70px;padding:30px 5%}.section-heading>p{max-width:270px}.statement .tiny{display:none}}@media(max-width:650px){.preview{font-size:7px;height:25px;gap:0}.preview span{display:none}header{height:85px}.brand{width:94px}.brand img{height:64px}.header-actions{gap:14px}.button.small{padding:11px;font-size:9px}#menu{display:block;font-size:20px;padding:0}header nav{display:none;position:absolute;left:0;right:0;top:85px;background:#fff;padding:25px;flex-direction:column;border-bottom:1px solid #ddd}header nav.open{display:flex}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 7%}.eyebrow{font-size:8px;margin-bottom:22px}h1{font-size:51px}.hero p{font-size:13px;margin-bottom:25px}.hero-photo{height:370px;min-height:370px}.origin-stamp{width:85px;height:85px;top:20px;right:20px}.photo-caption{left:24px;right:24px;bottom:25px}.statement{padding:25px 7%}.statement>span:first-child{font-size:18px}.section{padding:55px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:100%;font-size:13px}h2{font-size:40px}.coffee-grid{grid-template-columns:1fr;gap:25px}.card-art{height:275px}.coffee-number{font-size:160px}.coffee-number.traditional{font-size:130px}.card-body{padding:23px}.card-body h3{font-size:30px}.card-body p{font-size:12px}.origin{display:flex;flex-direction:column;padding-top:5px;gap:35px}.origin-image{height:400px;width:100%}.verde{display:flex;flex-direction:column;margin:0 7% 55px;padding:25px}.verde-portrait img{height:210px}.verde>div:last-child{padding:20px 0 5px}.approach-grid{grid-template-columns:1fr;gap:25px}.approach-grid h3{margin-top:15px}.sample-banner h2{font-size:44px}.sample-steps{flex-direction:column;gap:12px;margin-top:35px}footer{padding:35px 7%;grid-template-columns:1fr 1fr;gap:25px}footer>div{grid-column:span 2}dialog{padding:40px 24px 25px}dialog h2{font-size:36px}.form-row{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.field-strip{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:0 0 45px}.field-strip figure{margin:0}.field-strip img{height:330px;width:100%;object-fit:cover}.field-strip figure:first-child img{object-position:50% 35%}.field-strip figcaption{font-size:10px;color:#637260;padding-top:12px}.field-strip figure:nth-child(2) img{object-position:center 58%}@media(max-width:650px){.field-strip{gap:14px}.field-strip img{height:240px}.field-strip figcaption{font-size:9px}}

body{font-weight:400}h1,h2,h3,.origin-stamp strong,.statement>span:first-child,.coffee-number,.detail-notes{font-weight:400;font-synthesis:none}h1 em,h2 em,h3 em{font-style:normal}.hero p,.section-heading>p,.sample-banner p{font-weight:300}button,.button,nav,strong,b{font-weight:700}

.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;background:#faf8f2}.contact-copy>p{margin-top:28px;max-width:360px;font-weight:300}.contact-note{border-top:1px solid #d8d8ca;margin-top:38px;padding-top:24px}.contact-note .tiny{color:#806b40}.contact-note p{font-size:12px;max-width:340px;margin-top:12px}.contact-panel{background:#fff;border:1px solid #e3e3d7;padding:35px}.contact-panel form{margin:0}.contact-required{font-size:11px;margin-bottom:22px}.contact-panel label{min-width:0}.contact-panel input,.contact-panel select,.contact-panel textarea{width:100%;min-width:0}.contact-panel textarea{resize:vertical}.contact-hint{display:block;font-size:10px;line-height:1.5;color:#647266;font-weight:400}.field-error{display:block;color:#982f29;font-size:11px;line-height:1.5;font-weight:400}.field-error:empty{display:none}.contact-panel [aria-invalid=true]{border-color:#982f29}#contactErrors{padding:14px;margin-bottom:20px;background:#fff1ed;border-left:3px solid #982f29;color:#82281f;font-size:12px}#contactConfirmation h3{margin-bottom:20px}#contactConfirmation>p{font-size:13px}#contactSummary{margin:28px 0;overflow-wrap:anywhere}#contactSummary dt{font-size:10px;letter-spacing:.08em;color:#7c6b43;margin-top:18px}#contactSummary dd{margin:5px 0 0;font-size:13px;white-space:pre-wrap}.contact-confirm-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}@media(min-width:651px) and (max-width:850px){header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:25px;flex-direction:column;border-bottom:1px solid #ddd}header nav.open{display:flex}#menu{display:block;font-size:20px;padding:0}}@media(max-width:850px){.contact-section{grid-template-columns:1fr;gap:35px}.contact-copy>p,.contact-note p{max-width:580px}}@media(max-width:650px){.contact-panel{padding:24px 18px}.contact-confirm-actions{align-items:flex-start;flex-direction:column}}

/* Bilingual page system. The approved home styles above remain the foundation. */
:root {
  --ink: #123e31;
  --muted: #5a685f;
  --paper: #faf8f2;
  --line: #d8d9cb;
  --gold: #9b824e;
}

/* Real page navigation, visible focus and generous pointer targets. */
:where(main, section, article, header, footer, .header-actions) { min-width: 0; }
:where(h1, h2, h3, p, li, dt, dd, figcaption, .button) { overflow-wrap: break-word; }
:where(a, button, summary) { touch-action: manipulation; }
:where(summary, [tabindex]):focus-visible { outline: 3px solid #806b40; outline-offset: 5px; }
#main { scroll-margin-top: 110px; }
.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  padding: 13px 20px;
  background: var(--ink);
  color: #fff;
  transform: translateY(-180%);
  font-size: 13px;
  font-weight: 700;
}
.skip-link:focus { transform: translateY(0); }
header > .brand { flex: 0 0 117px; width: 117px; }
header nav { align-items: center; }
header nav a { display: inline-flex; align-items: center; min-height: 44px; }
header nav a[aria-current="page"] { color: #806b40; text-decoration: underline; text-underline-offset: 7px; text-decoration-thickness: 1px; }
#language { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
#menu { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; line-height: 1; }
.button { min-height: 44px; text-align: center; }
.round { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; position: relative; }
.round::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; }
.card-actions .text-button { display: inline-flex; align-items: center; min-height: 44px; padding-right: 8px; }
.close { min-width: 44px; min-height: 44px; }

/* The footer logo is a home link, not a direct child image. */
footer > a:first-child { display: inline-block; width: 135px; justify-self: start; }
footer > a:first-child img { width: 135px; height: 110px; object-fit: contain; }
footer > div { min-width: 0; }
footer p { font-size: 12px; }
footer a:not(:first-child), footer .text-button { line-height: 1.6; }
footer > div a, footer > div .text-button { display: inline-flex; min-height: 28px; align-items: center; }
footer a:hover, footer .text-button:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Quiet page openings, distinct from the homepage's split hero. */
.breadcrumbs {
  display: flex;
  position: static;
  flex-flow: row wrap;
  align-items: center;
  gap: 6px 12px;
  margin: 0;
  padding: 24px 7% 0;
  border: 0;
  background: transparent;
  font-size: 11px;
  font-weight: 400;
  color: #6c7568;
  line-height: 1.6;
}
.breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }
.breadcrumbs span[aria-current] { min-width: 0; overflow-wrap: anywhere; }
.page-heading { padding-top: 85px; padding-bottom: 65px; }
.page-heading h1 { max-width: 1100px; }
.page-intro { max-width: 620px; margin-top: 28px; font-size: 16px; line-height: 1.85; font-weight: 300; }
.page-heading + .coffees { padding-top: 20px; }
.page-heading + .approach { margin-top: 8px; }

/* Coffee profile: expressive process artwork and practical sourcing details. */
.profile-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; align-items: center; padding-top: 30px; padding-bottom: 85px; }
.profile-hero > div { min-width: 0; }
.profile-art { position: relative; min-height: 470px; padding: 34px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; color: #e5d8b7; }
.profile-art.fermented { color: #284333; }
.profile-art::after { content: ""; position: absolute; width: 350px; height: 350px; right: -170px; bottom: -170px; border: 1px solid currentColor; border-radius: 50%; opacity: .12; box-shadow: 0 0 0 16px, 0 0 0 34px, 0 0 0 56px, 0 0 0 82px; pointer-events: none; }
.profile-art > * { position: relative; z-index: 1; }
.profile-art .art-tag { max-width: 100%; line-height: 1.8; }
.profile-number { display: block; font: 400 clamp(150px, 18vw, 280px)/1 Italiana, serif; letter-spacing: -.075em; text-align: center; font-synthesis: none; }
.profile-hero h1 { font-size: clamp(45px, 4.9vw, 74px); }
.profile-hero .page-intro { margin-top: 24px; font-size: 15px; }
.profile-tasting { margin: 26px 0 30px; padding: 21px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: #7d6a40; font: 400 27px/1.3 Italiana, serif; }
.profile-hero .fine-print { max-width: 420px; margin-top: 20px; }
.profile-details { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; align-items: start; background: #f0f1e9; }
.profile-details p { margin-top: 25px; font-size: 14px; }
.fact-list { margin: 0; }
.fact-list > div { display: grid; grid-template-columns: minmax(90px, .7fr) minmax(0, 1.5fr); gap: 25px; padding: 20px 0; border-top: 1px solid #b9c7b8; }
.fact-list dt { font-size: 10px; letter-spacing: .08em; font-weight: 700; }
.fact-list dd { margin: 0; color: var(--muted); font-size: 13px; }
.lot-note { max-width: 1120px; }
.lot-note h2 { max-width: 800px; }
.lot-note p { max-width: 780px; margin-top: 25px; font-size: 14px; }
.lot-note .text-button { display: inline-flex; align-items: center; min-height: 44px; margin-top: 20px; text-decoration: underline; text-underline-offset: 5px; }

/* Origin, people and approach editorial pages. */
.editorial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; align-items: start; }
.editorial-grid > * { min-width: 0; }
.editorial-grid p { font-size: 15px; line-height: 1.9; }
.editorial-grid p + p { margin-top: 24px; }
.wide-photo { margin: 0 7%; }
.wide-photo img { width: 100%; height: clamp(320px, 43vw, 650px); object-fit: cover; object-position: center 45%; }
.wide-photo figcaption, .two-photos figcaption { padding-top: 13px; font-size: 10px; color: #637260; }
.people-section { padding-top: 0; }
.two-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-bottom: 65px; }
.two-photos figure { min-width: 0; margin: 0; }
.two-photos img { width: 100%; height: clamp(300px, 34vw, 500px); object-fit: cover; }
.two-photos figure:first-child img { object-position: 50% 35%; }
.two-photos figure:nth-child(2) img { object-position: center 58%; }

/* Native disclosure elements remain usable without JavaScript. */
.faq-section { background: #f0f1e9; }
.faq-list { margin-top: 42px; max-width: 980px; }
.faq-list details { border-top: 1px solid #bec9b9; }
.faq-list details:last-child { border-bottom: 1px solid #bec9b9; }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 74px; padding: 21px 0; cursor: pointer; font-size: 15px; font-weight: 700; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; flex: 0 0 24px; text-align: center; font: 400 27px/1 Mulish, sans-serif; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { max-width: 760px; margin: 0 50px 25px 0; font-size: 14px; line-height: 1.8; }
.compact-cta { display: flex; align-items: center; justify-content: space-between; gap: 45px; background: #0f4835; color: #f6f2e6; }
.compact-cta > div { min-width: 0; max-width: 780px; }
.compact-cta .eyebrow { color: #c5b687; }
.compact-cta h2 { font-size: clamp(38px, 4vw, 58px); }
.compact-cta .button { flex-shrink: 0; background: #e3dac3; border-color: #e3dac3; color: #163e30; }
.compact-cta .button:hover { background: #f0e8d6; }
.contact-paths { border-top: 1px solid var(--line); }
.contact-paths > h2 { max-width: 800px; margin-bottom: 45px; }
.legal-copy { padding-top: 0; max-width: 1050px; }
.legal-copy h2 { font-size: clamp(31px, 3vw, 44px); margin-top: 45px; }
.legal-copy h2:first-child { margin-top: 0; }
.legal-copy p { margin-top: 20px; font-size: 14px; line-height: 1.9; }
.legal-copy > .text-button { display: inline-flex; min-height: 44px; align-items: center; margin-top: 28px; text-decoration: underline; text-underline-offset: 4px; }
.error-links { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 35px; padding-top: 0; padding-bottom: 100px; }
.error-links .text-button { display: inline-flex; min-height: 44px; align-items: center; }

@media (min-width: 851px) and (max-width: 1100px) {
  header { padding-left: 4%; padding-right: 4%; }
  header nav { gap: 20px; font-size: 12px; }
  .header-actions { gap: 12px; }
  header .button.small { padding: 13px; }
}
@media (max-width: 900px) {
  #main { scroll-margin-top: 90px; }
  .page-heading { padding-top: 65px; padding-bottom: 50px; }
  .breadcrumbs { padding-right: 6%; padding-left: 6%; }
  .profile-hero { gap: 6%; padding-top: 28px; }
  .profile-art { min-height: 410px; padding: 26px; }
  .profile-details { gap: 6%; }
  .fact-list > div { gap: 18px; grid-template-columns: minmax(80px, .7fr) minmax(0, 1.5fr); }
  .editorial-grid { gap: 6%; }
  .wide-photo { margin-right: 6%; margin-left: 6%; }
  .compact-cta { gap: 30px; }
  .compact-cta .button { max-width: 240px; }
}
@media (max-width: 1250px) {
  header nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; padding: 18px 6%; flex-direction: column; align-items: stretch; gap: 0; border-bottom: 1px solid #d8d9cb; max-height: calc(100dvh - 110px); overflow-y: auto; }
  header nav.open { display: flex; }
  header nav a { min-height: 48px; padding: 9px 0; }
  #menu { display: inline-flex; }
}
@media (max-width: 850px) {
  .compact-cta { flex-direction: column; align-items: flex-start; }
  .compact-cta .button { max-width: none; }
}
@media (max-width: 650px) {
  #main { scroll-margin-top: 85px; }
  header > .brand { flex-basis: 94px; width: 94px; }
  .header-actions { gap: 6px; }
  header .button.small { max-width: 118px; padding: 8px 9px; font-size: 11px; line-height: 1.4; }
  header nav { padding-right: 7%; padding-left: 7%; max-height: calc(100dvh - 85px); }
  .breadcrumbs { padding: 16px 7% 0; font-size: 10px; gap: 4px 10px; }
  .page-heading { padding-top: 48px; padding-bottom: 40px; }
  .page-heading h1 { font-size: clamp(42px, 10.6vw, 58px); }
  .page-intro { margin-top: 24px; font-size: 14px; }
  .profile-hero { grid-template-columns: 1fr; gap: 35px; padding-top: 20px; padding-bottom: 55px; }
  .profile-art { min-height: 340px; padding: 28px; }
  .profile-number { font-size: clamp(165px, 47vw, 260px); }
  .profile-hero h1 { font-size: clamp(42px, 10.5vw, 58px); }
  .profile-hero .page-intro { font-size: 14px; }
  .profile-tasting { font-size: 26px; }
  .profile-details, .editorial-grid { grid-template-columns: 1fr; gap: 32px; }
  .profile-details p, .editorial-grid p { font-size: 14px; }
  .fact-list > div { grid-template-columns: minmax(80px, .8fr) minmax(0, 1.6fr); gap: 16px; }
  .wide-photo { margin-right: 7%; margin-left: 7%; }
  .wide-photo img { height: 330px; }
  .two-photos { gap: 14px; margin-bottom: 40px; }
  .two-photos img { height: 280px; }
  .two-photos figcaption { font-size: 9px; }
  .people-section { padding-top: 10px; }
  .faq-list { margin-top: 30px; }
  .faq-list summary { font-size: 13px; min-height: 70px; gap: 18px; }
  .faq-list details p { margin-right: 20px; font-size: 13px; }
  .compact-cta { gap: 28px; }
  .compact-cta h2 { font-size: 40px; }
  .contact-paths > h2 { margin-bottom: 30px; }
  footer { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: 22px; }
  footer > div { grid-column: auto; }
  footer > div:last-child { grid-column: 1 / -1; gap: 0; }
  footer > div:last-child a, footer > div:last-child .text-button { min-height: 44px; }
  footer > a:first-child, footer > a:first-child img { width: 115px; }
  footer > a:first-child img { height: 95px; }
  .legal-copy h2 { margin-top: 35px; }
  .error-links { padding-bottom: 60px; }
  input, select, textarea { font-size: 16px; }
}
@media (max-width: 370px) {
  header { padding-right: 4%; padding-left: 4%; }
  .header-actions { gap: 2px; }
  header .button.small { max-width: 98px; padding: 8px 6px; font-size: 11px; }
  .hero h1 { font-size: 46px; }
  .profile-art { min-height: 300px; padding: 23px; }
  .two-photos { grid-template-columns: 1fr; gap: 25px; }
  .two-photos img { height: 310px; }
  .sample-banner h2 { font-size: 40px; }
  .fact-list > div { grid-template-columns: 1fr; gap: 6px; }
}

/* Demo controls fail closed without JavaScript, while navigation stays available. */
fieldset[data-demo-fields] { border: 0; padding: 0; margin: 0; min-width: 0; }
fieldset[data-demo-fields]:disabled { opacity: .7; }
fieldset[data-demo-fields]:disabled .button { cursor: not-allowed; }
#sampleDialog, #noticeDialog { max-height: calc(100dvh - 32px); overscroll-behavior: contain; }
#sampleDialog label, #sampleDialog .form-row > * { min-width: 0; }
#sampleDialog input, #sampleDialog select, #sampleDialog textarea { max-width: 100%; min-width: 0; }
#sampleDialog textarea { resize: vertical; }
#sampleDialog .eyebrow { padding-right: 25px; line-height: 1.7; }
#sampleDialog .fine-print { font-size: 11px; }
#noticeDialog h2 { padding-right: 22px; }
@media (max-width: 1250px) {
  html:not(.js) header { height: auto; min-height: 90px; flex-wrap: wrap; position: relative; }
  html:not(.js) header nav { display: flex; position: static; order: 3; flex: 0 0 100%; flex-direction: row; flex-wrap: wrap; gap: 0 22px; align-items: center; max-height: none; padding: 12px 0 2px; margin-top: 10px; border-top: 1px solid var(--line); border-bottom: 0; }
  html:not(.js) #menu { display: none; }
}

/* Small, content-led refinements; retain the approved fonts, colors and logo. */
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline-color: #806b40; }
.sample-banner :focus-visible, .compact-cta :focus-visible { outline-color: #e3dac3; }
.fine-print { color: #5a685f; font-size: 12px; }
.card-kicker { color: #806b40; font-size: 10px; }
.card-body p { font-size: 13px; }
footer span { color: #5a685f; font-size: 11px; }
.location div span { color: #5a685f; font-size: 11px; }
.contact-hint { color: #5a685f; font-size: 12px; }
.field-strip figcaption, .wide-photo figcaption, .two-photos figcaption { color: #5a685f; }
.contact-panel { align-self: start; }
#journeyToggle, .origin-copy > .text-button, .approach > .text-button, .farm-avatar-cta > .text-button {
  display: inline-flex; align-items: center; min-height: 44px; line-height: 1.6;
  text-decoration: underline; text-underline-offset: 4px;
}
.origin-copy > .text-button, .approach > .text-button { margin-top: 16px; }
.farm-avatar-cta { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.farm-avatar-cta p.contact-hint { margin: 6px 0 0; max-width: 440px; font-size: 12px; line-height: 1.6; }
@media (max-width: 650px) {
  html:not(.js) header { min-height: 85px; }
  #sampleDialog, #noticeDialog { padding-top: 54px; }
}

/* A shared footer: brand and farm, exploration, contact, then quiet legal links. */
.site-footer { display: block; padding: 44px 7% 20px; border-top: 1px solid #e7e6dc; }
.site-footer > .footer-main {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .75fr) minmax(0, 1.1fr);
  align-items: start; gap: 32px 7%; font-size: 13px;
}
.site-footer .footer-main > * { min-width: 0; }
.site-footer .footer-logo { display: block; min-height: 0; width: 135px; }
.site-footer .footer-logo img { width: 135px; height: 110px; object-fit: contain; }
.site-footer .footer-farm { margin-top: 16px; font-size: 13px; line-height: 1.7; }
.site-footer h2 { margin: 4px 0 12px; font: 700 13px/1.6 Mulish, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.site-footer .footer-explore ul { list-style: none; margin: 0; padding: 0; }
.site-footer .footer-explore li { margin: 0; padding: 0; }
.site-footer .footer-contact-links { display: flex; flex-direction: column; align-items: flex-start; }
.site-footer .footer-office { margin-top: 14px; color: var(--muted); font: 400 13px/1.7 Mulish, sans-serif; }
.site-footer .footer-farm strong, .site-footer .footer-office strong { color: var(--ink); }
.site-footer a:not(.footer-logo), .site-footer .text-button {
  display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; padding: 6px 0;
  font-size: 13px; line-height: 1.5; overflow-wrap: anywhere;
}
.site-footer > .footer-bottom {
  display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;
  gap: 4px 24px; margin-top: 28px; padding-top: 14px; border-top: 1px solid var(--line);
}
.site-footer .footer-copyright { font-size: 12px; color: var(--muted); }
.site-footer .footer-legal { display: flex; flex-flow: row wrap; align-items: center; gap: 0 24px; min-width: 0; }
.site-footer .footer-legal a, .site-footer .footer-legal .text-button { font-size: 12px; font-weight: 400; }
@media (max-width: 850px) {
  .site-footer > .footer-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
  .site-footer .footer-brand { grid-column: 1 / -1; display: grid; grid-template-columns: 135px minmax(0, 1fr); align-items: start; gap: 28px; }
  .site-footer .footer-farm { margin-top: 4px; }
}
@media (max-width: 650px) {
  .site-footer { padding: 32px 7% 16px; }
  .site-footer .footer-brand { grid-template-columns: 115px minmax(0, 1fr); gap: 22px; }
  .site-footer .footer-logo, .site-footer .footer-logo img { width: 115px; }
  .site-footer .footer-logo img { height: 95px; }
  .site-footer > .footer-bottom { align-items: flex-start; gap: 6px; margin-top: 24px; }
  .site-footer .footer-legal { width: 100%; gap: 0 20px; }
}
@media (max-width: 520px) {
  .site-footer > .footer-main { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .site-footer .footer-brand { grid-column: auto; }
  .site-footer .footer-explore ul { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 20px; }
}

/* Keep native readiness announcements accessible without duplicate visible copy. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[data-hubspot-retry][hidden]{display:none!important}
.hubspot-privacy{margin-bottom:12px;font-size:12px}
.selected-coffee-note:empty{display:none}

/* Clear secondary routes into Verde, without competing with coffee inquiries. */
header nav { gap: 18px; font-size: 12px; }
header nav a { white-space: nowrap; }
header nav .nav-verde-link {
  border: 1px solid #bdc6b9; padding: 9px 12px; color: #0f4835;
  font-weight: 700; line-height: 1.5;
}
header nav .nav-verde-link:hover { background: #f0f1e9; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.button.secondary { background: transparent; color: #0f4835; }
.button.secondary:hover { background: #f0f1e9; }
.hero-copy .verde-hero-hint { font-size: 12px; line-height: 1.6; margin: 14px 0 0; max-width: 420px; }
.verde .farm-avatar-cta { margin: 0 0 14px; padding: 0; border: 0; }
.verde .farm-avatar-cta .contact-hint { font-size: 12px; margin: 12px 0 0; }
.verde #journeyToggle { font-size: 12px; font-weight: 400; }

/* Sustainability is an explicit editorial destination, not an impact badge. */
.sustainability-teaser {
  display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 8%;
  border-top: 1px solid var(--line); background: #faf8f2;
}
.sustainability-teaser p { font-size: 14px; line-height: 1.9; }
.sustainability-teaser .text-button, .sustainability-evidence .text-button {
  display: inline-flex; align-items: center; min-height: 44px;
  margin-top: 16px; text-decoration: underline; text-underline-offset: 4px;
}
.sustainability-photo img { max-height: 500px; }
.sustainability-topics { display: grid; grid-template-columns: 1fr 1fr; gap: 56px 8%; padding-top: 0; }
.sustainability-topics article { border-top: 1px solid #b9c7b8; padding-top: 24px; scroll-margin-top: 130px; }
.topic-number { display: block; color: #806b40; font-size: 12px; margin-bottom: 20px; }
.sustainability-topics h2 { font-size: clamp(29px, 2.8vw, 38px); margin-bottom: 22px; }
.sustainability-topics p { font-size: 14px; line-height: 1.9; }
.sustainability-topics .topic-question { margin-top: 18px; color: #264e3e; }
.sustainability-evidence { background: #f0f1e9; }
.sustainability-evidence h2 { margin-bottom: 25px; }
.sustainability-evidence p { max-width: 820px; font-size: 14px; line-height: 1.9; margin-bottom: 28px; }
.sustainability-evidence > .text-button { margin-left: 28px; }
@media (max-width: 1250px) {
  header nav { gap: 0; }
  header nav .nav-verde-link { margin-top: 8px; padding: 10px 14px; align-self: flex-start; }
  html:not(.js) header nav { gap: 0 22px; }
}
@media (max-width: 650px) {
  .hero-actions { gap: 12px; }
  .hero-actions .button { padding: 14px 19px; }
  .sustainability-teaser, .sustainability-topics { grid-template-columns: 1fr; gap: 30px; }
  .sustainability-topics { gap: 38px; }
  .sustainability-topics article { scroll-margin-top: 105px; }
  .sustainability-evidence > .text-button { margin-left: 0; display: flex; width: fit-content; }
}