:root {
  --berry: #a72136;
  --paper-warm: #f8f3e9;
  --ink-deep: #23233a;
}
body {font-family:var(--sans);color:var(--ink-deep)}
body[data-page=home]:lang(en) .home-intro h2 {font-family:var(--sans)}
a:focus-visible, button:focus-visible {outline:3px solid #bc6649;outline-offset:4px}
.harvest-cover {
  display:grid;isolation:isolate;position:relative;align-items:center;
  min-height:clamp(610px,89svh,900px);padding:calc(var(--mast) + 46px) max(var(--gut),6vw) 64px;
  background:var(--paper-warm);overflow:hidden
}
.harvest-photo {position:absolute;inset:0;z-index:-2}
.harvest-photo img {width:100%;height:100%;object-fit:cover;object-position:65% center}
.harvest-cover::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f8f3e9 2%,rgba(248,243,233,.97) 23%,rgba(248,243,233,.84) 36%,transparent 60%)}
html[dir=rtl] .harvest-photo,html[dir=rtl] .harvest-cover::after {transform:scaleX(-1)}
.harvest-copy {max-width:min(47vw,680px)}
.issue {display:flex;align-items:center;gap:12px;color:#65544f;font:600 13px/1.4 var(--sans);margin-bottom:26px}
.issue::before {content:"";width:38px;height:2px;background:var(--berry)}
.harvest-copy h1 {font:600 clamp(48px,5.4vw,90px)/1.01 var(--sans);letter-spacing:-.05em;text-wrap:balance;margin:0}
.harvest-copy em {font-style:normal;color:var(--berry);font-weight:400}
.harvest-intro {max-width:37ch;font-size:clamp(16px,1.35vw,21px);line-height:1.5;margin:22px 0}
.action {display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 21px;border-radius:6px;background:var(--berry);color:white;font:600 16px/1.4 var(--sans);min-height:46px;text-align:center}
.action:hover {background:#80192b}
html[dir=rtl] .action span[aria-hidden] {transform:scaleX(-1)}
html[lang=ar] .harvest-copy h1 {letter-spacing:0;line-height:1.2}
#about .about-facts {grid-template-columns:repeat(3,minmax(0,1fr))}
.index-jump {margin:0 0 20px}
#index,#logistics {scroll-margin-top:var(--mast)}
#index .h2 {font-size:clamp(30px,3.7vw,58px)}
#indexRows .idx-group {margin-top:28px}
.sheet-inquiry {margin-top:28px}
.cal-swipe {color:var(--ink-deep)}
#plant .stage {height:clamp(500px,77svh,800px)}
.stage-copy .h2 {max-width:14ch}
.plants .lines {grid-column:1/-1;margin:0 0 24px}
.capacity-link {align-self:flex-start;display:inline-block;color:#ffccd0;border-bottom:1px solid currentColor;font-size:16px;font-weight:600;margin:0 0 20px}
.x-stage {height:auto;min-height:max(760px,100svh)}
#contact .contact-actions,#contact .export-address {grid-column:4/span 9}
.contact-actions {display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:30px 0 12px}
.contact-actions .action {background:#fff0e8;color:#572736}
.contact-actions .action:hover {background:#ffd7cd}
.contact-actions>a:last-child,.export-address a {text-decoration:underline;text-underline-offset:4px}
.export-address {margin:0;color:#ead9d6;font-size:16px}
#contact .c-cols {grid-template-columns:repeat(2,minmax(0,1fr))}
.credits-page {max-width:860px;margin:auto;padding:calc(var(--mast) + 60px) var(--gut) 80px}
.credits-page h2 {font-size:clamp(23px,3vw,36px);margin:32px 0 8px}
.credits-page p,.credits-page li {line-height:1.65;margin-block:10px}
.credits-page ul {padding-inline-start:24px}
.credits-page a {color:var(--berry);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px) {
  #contact .contact-actions,#contact .export-address {grid-column:1/-1}
}
@media(max-width:760px) {
  .harvest-cover {display:flex;flex-direction:column;align-items:stretch;padding:var(--mast) 0 0;min-height:0}
  .harvest-photo {position:relative;inset:auto;display:block;height:clamp(160px,29svh,290px);z-index:0}
  .harvest-photo img {object-position:center 56%}
  .harvest-cover::after {display:none}
  .harvest-copy {max-width:none;padding:24px var(--gut) 34px}
  .harvest-copy h1 {font-size:clamp(36px,9.7vw,56px);max-width:18ch}
  .issue {margin-bottom:14px}
  .harvest-intro {margin:15px 0 20px}
  #calendar .cal-wrap {margin-top:12px}
  #plant .stage {height:clamp(450px,72svh,650px);min-height:0}
  #export .x-stage {min-height:0;height:auto;padding-top:var(--mast)}
  #export #globe {height:clamp(185px,31svh,290px)}
  #export .x-copy {margin-top:0}
  #contact .c-cols {grid-template-columns:1fr}
}
@media(min-width:761px) {
  .harvest-cover::after {background:linear-gradient(90deg,#f8f3e9 4%,rgba(248,243,233,.98) 33%,rgba(248,243,233,.90) 43%,transparent 66%)}
  .harvest-copy {max-width:min(43vw,640px)}
}
@media(max-width:760px) {
  .harvest-photo img {object-position:70% 53%}
  #about .about-facts .af .num {font-size:clamp(32px,10.5vw,55px)}
}

.harvest-cover {background:#f6f1e7}
.harvest-cover::after {display:none}
.harvest-photo {top:var(--mast)}
.harvest-photo picture,.harvest-photo img,.harvest-photo video {position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center}
.harvest-photo video {opacity:0}
.harvest-photo video.playing {opacity:1}
.harvest-photo:has(video.playing) picture {visibility:hidden}
@media(max-width:760px) {
  .harvest-photo {top:auto;height:clamp(220px,36svh,360px)}
}
body[data-page=about] .about-photo {aspect-ratio:3/2;border-radius:14px}
#about .about-media,#about .about-col {margin-block-start:clamp(30px,5vw,70px);align-self:center}
#about .about-col {padding-inline-start:0}
.about-story {font:400 clamp(17px,1.25vw,20px)/1.58 var(--sans);max-inline-size:54ch}
.about-story p+p {margin-block-start:.9em}
.about-fairs {display:flex;flex-wrap:wrap;gap:6px 22px;margin-block-start:18px}
.about-fairs a {display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:var(--berry);text-decoration:underline;text-underline-offset:4px}
@media(max-width:960px) {
  #about .about-media,#about .about-col {grid-column:1/-1}
  #about .about-col {margin-block-start:22px}
}
.feature-grid .feature-all {display:none}
@media(max-width:760px) {
  .mast #burger,.mast #lang>button,.d-top button,.q-ctrl button,.tc button {
    min-inline-size:44px;min-block-size:44px;
  }
  .home-intro,.home-features,.home-chapters {padding-block:32px}
  .feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:18px}
  .feature-grid span {margin-top:6px}
  .feature-grid .feature-all {
    display:flex;flex-direction:column;justify-content:space-between;align-self:start;
    aspect-ratio:1;border-radius:12px;padding:16px;background:#25243c;color:#fff8ee;
    font-size:clamp(17px,4.5vw,24px);line-height:1.2;
  }
  .feature-all i {align-self:end;font:normal 24px/1 var(--sans)}
  [dir=rtl] .feature-all i {transform:scaleX(-1)}
  .home-features>.textlink {display:none}
  .home-chapters a {min-height:140px;border-radius:16px;padding:18px}
  .home-chapters .reach {font-size:38px}
  .chapter-hero {min-height:clamp(255px,38svh,340px)}
  #about .facilities {margin-top:28px;gap:8px}
  #products .p-head {padding-block:14px 0}
  .index-jump {margin-bottom:6px}
  #products .p-bar {display:block}
  #products .filters {flex-wrap:nowrap;align-items:center;overflow-x:auto;gap:14px;padding-bottom:3px}
  .filters button {flex:none;white-space:nowrap;min-height:44px}
  .filters .sep {flex:none;height:22px}
  .p-count {display:block;padding-block:4px;font-size:12px}
  #explorer {height:clamp(380px,108vw,460px)}
  .x-ctrl {inset-block-end:10px}
  #index,#calendar,#certs,.l-table {padding-block:34px}
  #indexRows .idx-group {margin-top:18px;min-width:0}
  #indexRows .row {
    grid-template-columns:32px minmax(0,1fr) 16px;gap:8px;min-height:44px;padding-block:8px;
  }
  #indexRows .row .nm {font-size:16px;line-height:1.3}
  #indexRows .row .mini-none {display:none}
  #indexRows .arr {grid-area:1/3}
  #calendar .cal-wrap {min-width:0;margin:8px 0 0;padding:0;overflow-x:auto;scroll-snap-type:none}
  #calendar .cal-wrap::after {display:none}
  #calendar .cal {
    display:grid;width:max-content;min-width:100%;padding:20px 0 8px;
    grid-template-columns:max-content repeat(12,minmax(44px,max-content));
  }
  #calendar .cal-row {grid-column:1/-1;grid-template-columns:subgrid;min-height:36px;background-image:none}
  #calendar .cal-sub {grid-column:1/-1}
  #calendar .cal-row .n {white-space:nowrap;padding:6px 12px;font-size:14px}
  #calendar .cal-row.head span {white-space:nowrap;padding:8px 4px}
  #calendar .cal-now {inset-block-start:20px}
  #calendar .cal-swipe {margin:10px 0 0}
  #plant .stage {height:clamp(380px,56svh,490px)}
  .plants {padding-block:24px;row-gap:16px}
  .plants .card,.plants .card:nth-child(2),.plants .lines {margin:0}
  .plants .lines {gap:5px 14px;padding-block-start:10px}
  .plants .lines .lbl {width:100%}
  .plants .stats {margin:0;gap:0}
  .plants .stats>div {display:flex;align-items:center;gap:16px;padding:10px 0}
  .plants .stats .num {font-size:28px;flex-shrink:0}
  .plants .stats .lbl {margin:0}
  #quality .q-show {padding-block:32px}
  #logistics .l-stage {display:flex;flex-direction:column;height:auto;min-height:0;padding:28px var(--gut) 0;gap:14px}
  .l-stage .l-copy,.l-stage .toggles,.l-stage .counter {position:static;width:100%}
  .l-stage .l-copy {order:1}
  .l-stage .l-copy .h2 {margin:0}
  .l-stage .toggles {order:2;display:flex;flex-flow:row wrap;justify-content:start;align-items:center;gap:8px}
  .toggles>.lbl {flex-basis:100%}
  .toggles .tg button,.toggles .replay {min-height:44px}
  .l-stage .counter {order:3;display:flex;align-items:baseline;gap:8px}
  .l-stage .counter .num {font-size:42px}
  #logistics #reefer {order:4;position:relative;inset:auto;width:100%;height:clamp(180px,53vw,270px)}
  #brands {padding-block:32px}
  #contact .c-cols {gap:16px;margin-top:24px}
  .credits-page {padding-bottom:36px}
}