:root {
  --paper:#f6f6ed; --surface:#fdfdf6; --ink:#1a2d22; --forest:#132a21;
  --muted:#4b5c51; --green:#316445; --lime:#d9f47b; --line:#d5dfd2;
  --radius:21px; --gutter:clamp(18px,5.2vw,85px);
  font-family:"Segoe UI",Arial,sans-serif; color:var(--ink); background:var(--paper);
}
*,*::before,*::after {box-sizing:border-box}
body,h1,h2,h3,p,figure,ol,ul {margin:0}
button,input,textarea,select {font:inherit}
button {cursor:pointer;color:inherit}
button:disabled {cursor:default;opacity:.5}
a {color:inherit}
img {display:block;width:100%;height:auto}
[hidden] {display:none!important}
:focus-visible {outline:3px solid #70a554;outline-offset:4px}
section[id] {scroll-margin-top:88px}
.shell {width:min(1300px,calc(100% - var(--gutter) * 2));margin-inline:auto}
.sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip {position:fixed;top:8px;left:8px;z-index:50;padding:10px;background:var(--lime);transform:translateY(-150%)}
.skip:focus {transform:none}
.header {position:sticky;top:0;z-index:5;background:#f6f6edfa;border-bottom:1px solid var(--line)}
@supports (backdrop-filter:blur(15px)) {.header {background:#f6f6eddc;backdrop-filter:blur(15px)}}
.header-inner {min-height:71px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.brand {display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
.brand img {width:36px;height:36px}
.brand b {display:block;font-size:15px;letter-spacing:.06em}
.brand small {display:block;font-size:9px;font-weight:750;letter-spacing:.13em;color:var(--muted)}
.header nav {display:flex;align-items:center;gap:clamp(14px,3vw,40px)}
.header nav a {display:flex;min-height:44px;align-items:center;font-size:14px;font-weight:650;text-decoration:none}
.header nav a:hover {color:var(--green);text-decoration:underline;text-underline-offset:5px}
.header-action {display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:8px 13px;border:1px solid #b2c4b5;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.header-action:hover {background:#e3ead9}

.hero {background-color:#182e23;background-image:linear-gradient(90deg,#10241cef 1%,#10241cc9 34%,#10241c31 70%),linear-gradient(0deg,#101e18e8,transparent 40%),url("assets/hero-fresh.webp");background-size:cover;background-position:center,center,center 55%;color:#fff}
.hero-inner {display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(530px,73vh,770px);padding-top:clamp(72px,13vh,145px)}
.hero-copy {padding-bottom:50px}
.kicker {display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;line-height:1.4;letter-spacing:.13em}
.hero-tag {padding:7px 11px;border:1px solid #dcfca56e;border-radius:30px;background:#142a20b0;color:var(--lime)}
.hero-tag i {width:7px;height:7px;border-radius:50%;background:currentColor}
h1,h2,h3 {font-weight:740}
h1,h2 {line-height:.99;letter-spacing:-.063em}
h1 {margin:19px 0 18px;font-size:clamp(51px,7.7vw,109px)}
h1 span,.logistics h2 span,.contact h2 span {color:var(--lime)}
h2 {font-size:clamp(42px,6vw,82px)}
h2 span {color:#4b794a}
h3 {font-size:clamp(21px,2.5vw,32px);letter-spacing:-.034em;line-height:1.09}
.hero-copy > p:not(.kicker) {max-width:510px;color:#e8efe8;font-size:clamp(17px,2vw,23px);line-height:1.48}
.hero-actions,.form-actions {display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.button {display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:9px 14px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:740;text-decoration:none;text-align:center}
.button span {font-size:17px}
.lime {background:var(--lime);color:#182a1b}
.lime:hover {background:#ecfda7}
.outline-light {border-color:#dfefdd78;background:#132a214c;color:#fff}
.outline-light:hover {border-color:var(--lime);background:#ffffff13}
.solid {background:var(--forest);color:#fff}
.solid:hover {background:#30563b}
.hero-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:59px;border-top:1px solid #e4f4e761;color:#e9f2e7;font:700 11px Consolas,monospace;letter-spacing:.11em}
.hero-footer b {margin-inline:4px;color:var(--lime);font-size:17px}

.section {padding-block:clamp(61px,8vw,110px)}
.section-heading {display:grid;grid-template-columns:minmax(0,1.9fr) minmax(200px,.85fr);align-items:end;gap:20px}
.section-heading > p {max-width:39ch;color:var(--muted);font-size:clamp(16px,1.65vw,20px);line-height:1.5}
.index {margin-bottom:13px;color:var(--green)}
.index span {padding:3px 6px;border:1px solid currentColor;border-radius:4px}
.badge {display:inline-flex;align-items:center;width:fit-content;padding:7px 10px;border:1px solid #d4eab457;border-radius:20px;color:#edf3e7;font-size:12px;font-weight:650;line-height:1.4}
.badge-light {margin-top:20px;border-color:#a4b69e;color:#31563d;background:#f5f7ed}
.caption,.small-status {color:var(--muted);font-size:13px;line-height:1.5}
.caption {margin-top:13px}
.paper-card {border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.glass {border:1px solid #d9efd23b;border-radius:var(--radius);background:#263f32;box-shadow:0 18px 55px #0b1d1640,inset 0 1px 0 #ffffff14}
@supports (backdrop-filter:blur(16px)) {.glass {background:#354d3fa6;backdrop-filter:blur(16px)}}

.catalog-toolbar {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:11px;margin:27px 0 15px}
.pills {display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.pills button {min-height:44px;padding:7px 13px;border:1px solid #cbd8c7;border-radius:30px;background:#fbfcf4;font-weight:700;font-size:14px}
.pills button:hover {border-color:var(--green)}
.pills button[aria-pressed="true"] {background:var(--forest);border-color:var(--forest);color:#fff}
.search input {min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #cbd8c7;border-radius:8px;background:var(--surface);color:var(--ink)}
.catalog-layout {display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.3fr);gap:14px}
.catalog-photo {display:grid;position:relative;isolation:isolate;align-items:end;min-height:376px;border-radius:var(--radius);overflow:hidden;color:#fff;background:#254334}
.catalog-photo img,.catalog-photo::after {position:absolute;inset:0;width:100%;height:100%}
.catalog-photo img {object-fit:cover;z-index:-2}
.catalog-photo::after {content:"";z-index:-1;background:linear-gradient(0deg,#0c231aed,transparent 65%)}
.catalog-photo figcaption {padding:clamp(20px,3vw,35px)}
.catalog-photo figcaption .kicker {display:block;color:#def3a5}
.catalog-photo strong {display:block;font-size:clamp(32px,4.6vw,57px);line-height:1;letter-spacing:-.055em;margin-top:7px}
.catalog-list {padding:clamp(13px,2.1vw,24px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.small-status {padding-bottom:5px}
.product-row {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.product-row:last-child {border-bottom:0}
.product-row h3 {font-size:18px;letter-spacing:-.02em}
.product-row p {margin-top:4px;color:var(--muted);font-size:13px;line-height:1.35}
.product-row button,.document-card button,.quiet {min-height:44px;padding:5px 8px;border:0;background:none;color:var(--green);font-weight:740;font-size:13px;text-underline-offset:4px}
.product-row button:hover,.document-card button:hover,.quiet:hover {text-decoration:underline}

.logistics,.contact {background:radial-gradient(ellipse at 82% 45%,#365945,transparent 72%),var(--forest);color:#fff}
.logistics .section-heading > p,.contact-intro {color:#deeadf}
.logistics .index,.contact .index {color:var(--lime)}
.route-panel {padding:clamp(12px,2vw,23px);margin-top:28px}
.route-toolbar {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin-bottom:13px}
.route-pills button {color:#f2f7ef;background:#162d23;border-color:#dbefcc5a}
.route-pills button[aria-pressed="true"] {color:#182c1e;background:var(--lime);border-color:var(--lime)}
.route-pills button:hover {border-color:var(--lime)}
.route-layout {display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:11px}
.route-map,.route-detail {overflow:hidden;border:1px solid #d1ecd43c;border-radius:14px;background:#172e25;min-width:0}
.route-map {display:flex;flex-direction:column}
.route-map svg {display:block;flex:1;width:100%;height:auto;background:#102922}
.route-map figcaption {display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:9px 13px;color:#e1ece0;font-size:13px}
.land path {fill:#385346;stroke:#779681;stroke-width:1.25}
.land path:nth-child(2) {fill:#455d47}
.map-country text {fill:#c2d9c8;font:700 13px "Segoe UI",Arial,sans-serif;letter-spacing:.13em}
.city {fill:#fff;stroke:#102922;stroke-width:4px;paint-order:stroke;font:750 18px "Segoe UI",Arial,sans-serif}
.trace {fill:none;stroke:#d9f47b;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:100}
[data-map="road"] .trace {stroke:#ffc78e;stroke-dasharray:5 3}
.route-map circle {stroke:#d9f47b;fill:#153326;stroke-width:3}
[data-map="road"] circle {stroke:#ffc78e}
.map-hidden {display:none}
.route-media {display:grid;aspect-ratio:1.95;background:#284336;overflow:hidden}
.route-media img {grid-area:1/1;object-fit:cover;width:100%;height:100%}
.media-hidden {opacity:0}
.route-copy {padding:clamp(12px,2vw,21px)}
.route-copy p {margin-top:7px;color:#e0ece1;line-height:1.45}
.text-link {display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:740;text-underline-offset:4px}
.route-copy .text-link {color:var(--lime);margin-top:3px}
.route-stops,.workflow ol {display:grid;gap:9px;list-style:none;padding:0;counter-reset:stop}
.route-stops {grid-template-columns:repeat(4,minmax(0,1fr));margin-top:11px}
.route-stops li,.workflow li {counter-increment:stop;position:relative}
.route-stops li {padding:10px 11px 10px 35px;border:1px solid #d1ecd43c;border-radius:8px;color:#eff5ec;font-size:13px}
.route-stops li::before,.workflow li::before {content:counter(stop,decimal-leading-zero);color:var(--lime);font:700 12px Consolas,monospace}
.route-stops li::before {position:absolute;left:10px;top:11px}
.workflow {margin-top:37px}
.workflow ol {grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
.workflow li {padding:14px;border-top:1px solid #d1ecd466}
.workflow li strong {display:block;margin-block:7px 5px}
.workflow li p {color:#d6e6d8;line-height:1.4;font-size:14px}

.calculator-layout,.contact-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px}
.calculator-layout {margin-top:27px}
.calc-form,.estimate,.contact-card {padding:clamp(15px,3vw,34px)}
.calc-form h3,.contact-card h3 {margin-bottom:12px}
form label {display:grid;gap:6px;margin-bottom:11px;font-size:14px;font-weight:700}
form input,form select,form textarea,#summary-text {width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #b9c8b6;border-radius:7px;background:#fffefa;color:#203227}
textarea {resize:vertical}
form [aria-invalid="true"] {border-color:#a34830}
.error {margin-block:-4px 9px;color:#8f3526;font-size:13px;font-weight:700}
.error:empty {display:none}
.estimate {border-radius:var(--radius);color:#fff;background:radial-gradient(ellipse at 95% 20%,#446b4f,transparent 70%),var(--forest)}
.estimate-label {margin:20px 0 4px;color:#dfece1;font-size:14px}
#calc-price {display:block;color:var(--lime);font-size:clamp(27px,4.3vw,62px);line-height:1;letter-spacing:-.055em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#calc-detail {margin-top:11px;font-size:clamp(15px,1.7vw,19px)}
.estimate-note {margin:12px 0;color:#dbe8d9;max-width:45ch;font-size:13px;line-height:1.5}

.buyers {background:#eaf0e4;border-block:1px solid var(--line)}
.buyer-grid,.document-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.buyer-card,.document-card {padding:clamp(14px,2.3vw,24px)}
.buyer-card .kicker,.document-card .kicker {color:var(--green)}
.buyer-card h3,.document-card h3 {margin-top:7px;font-size:clamp(20px,2.2vw,28px)}
.buyer-card p:not(.kicker),.document-card p:not(.kicker) {margin-top:7px;color:var(--muted);line-height:1.44}
.ginger-case {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:18px;margin-top:29px;padding:clamp(17px,3vw,38px);border:1px solid #d1b39c;border-radius:var(--radius);background:#f4e5d3;color:#412c23}
.ginger-case .kicker {color:#81462f}
.ginger-case h3 {margin-top:6px}
.ginger-case h3 + p {margin-top:7px;color:#604a3d}
.metric {display:flex;align-items:end;gap:11px;margin-top:11px;color:#86442d}
.metric strong {font-size:clamp(54px,7vw,96px);line-height:.9;letter-spacing:-.08em}
.metric span {font-weight:730;line-height:1.1}
.volume {background:#fff9ef;border:1px solid #e4cfba;border-radius:13px;padding:clamp(12px,2vw,23px)}
.volume figcaption {font-size:18px;font-weight:750}
.containers {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-block:13px}
.containers span {height:clamp(28px,4vw,44px);border:1px solid #ad8064;border-radius:3px;background:repeating-linear-gradient(90deg,#cda4832a 0 3px,transparent 3px 6px)}
.containers .loaded {background:repeating-linear-gradient(90deg,#a45435 0 4px,#b86546 4px 7px);border-color:#89432c}
.volume-label {display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:14px;font-weight:700}
.volume input {width:100%;height:44px;margin:0;accent-color:#a45435;cursor:pointer}
.ticks {display:flex;justify-content:space-between;font:12px Consolas,monospace;color:#604a3d;padding-inline:5px}

.document-grid {margin-top:27px}
.document-card {display:flex;flex-direction:column;align-items:start}
.document-card button {margin-top:auto;margin-left:-8px;text-align:left}
.document-card p:not(.kicker) {margin-bottom:9px}
.registry {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:17px;margin-top:14px;padding:clamp(15px,2.4vw,30px)}
.registry .kicker {color:var(--green);margin-bottom:6px}
.registry p:not(.kicker) {margin-top:6px;color:var(--muted);line-height:1.45}
.registry ul {list-style:none;padding:0}
.registry li {display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.38}
.registry li:last-child {border-bottom:0}
.registry strong {font-variant-numeric:tabular-nums;white-space:nowrap}
.contact-layout {gap:clamp(18px,4vw,60px)}
.contact-intro {margin-top:13px;max-width:40ch;font-size:clamp(16px,1.65vw,20px);line-height:1.5}
.contact .text-link {color:var(--lime);margin-top:5px}
.form-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.contact-card .error {color:#ffccbd}
.request-estimate {padding:8px 10px;margin-bottom:12px;border:1px solid #d9efd25c;border-radius:8px;color:#edf7e8;font-size:13px}
.request-estimate .quiet {margin-left:-8px}
.form-note {margin-top:8px;color:#e1ede0;font-size:13px;line-height:1.4}
.form-actions {margin-top:10px}
.quiet {color:#ecf7e8}
#summary-text {margin-top:7px}
.footer {background:#10231b;color:#e4eee4;border-top:1px solid #c5e6bc42}
.footer-inner {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 15px;padding-block:22px;font-size:13px}

@media(max-width:900px) {
  .section-heading {grid-template-columns:1fr;gap:11px}
  .catalog-layout {grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)}
}
@media(max-width:680px) {
  section[id] {scroll-margin-top:103px}
  .header-inner {flex-wrap:wrap;gap:0 9px;padding-top:7px}
  .header nav {order:3;flex:0 0 100%;justify-content:space-between;gap:5px}
  .header nav a {font-size:13px}
  .hero-inner {padding-top:62px;min-height:535px}
  .hero {background-image:linear-gradient(90deg,#10241ced,#10241c85),linear-gradient(0deg,#101e18e8,transparent 45%),url("assets/hero-fresh.webp");background-position:center,center,66% center}
  .catalog-layout,.route-layout,.calculator-layout,.ginger-case,.registry,.contact-layout {grid-template-columns:1fr}
  .catalog-photo {min-height:244px}
  .route-stops,.buyer-grid,.document-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflow ol {grid-template-columns:1fr;gap:3px}
  .workflow li {padding-inline:0}
  .city {font-size:22px}
  .map-country text {font-size:16px}
}
@media(max-width:400px) {
  h1 {font-size:clamp(39px,12.2vw,50px)}
  h2 {font-size:clamp(37px,10.7vw,45px)}
  .hero-footer {font-size:10px;letter-spacing:.035em}
  .catalog-toolbar,.search,.search input {width:100%}
  .pills button {padding-inline:9px;font-size:13px}
  .form-row,.document-grid {grid-template-columns:1fr}
}
@media(prefers-reduced-motion:no-preference) {
  html {scroll-behavior:smooth}
  .hero-copy {animation:rise .52s ease-out both}
  [data-reveal].entered {animation:rise .52s ease-out both}
  .route-media img {transition:opacity .24s ease}
  [data-map="sea"]:not(.map-hidden) .trace {animation:draw .57s ease-out both}
  [data-map="road"]:not(.map-hidden) .trace {animation:road .57s ease-out both}
  .containers span,.button {transition:background-color .18s ease,border-color .18s ease}
}
@keyframes rise {from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes draw {from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes road {from{opacity:.25;stroke-dashoffset:18}to{opacity:1;stroke-dashoffset:0}}


/* Shared page navigation and page-specific content */
.header nav {gap:clamp(9px,2vw,28px)}
.header nav a[aria-current="page"],.header-action[aria-current="page"] {color:var(--green);text-decoration:underline;text-underline-offset:5px}
.theme-strip {background:var(--surface);border-bottom:1px solid var(--line)}
.theme-inner {display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 13px;min-height:52px;padding-block:5px}
.theme-inner > span {color:var(--muted);font-size:12px;font-weight:700}
.theme-buttons {display:flex;gap:5px;flex-wrap:wrap}
.theme-buttons button {min-height:40px;padding:5px 9px;border:1px solid var(--line);border-radius:18px;background:transparent;font-weight:650;font-size:12px}
.theme-buttons button:hover,.theme-buttons button[aria-pressed="true"] {border-color:var(--green);color:var(--green)}
.theme-buttons button[aria-pressed="true"] {background:var(--paper);box-shadow:inset 0 0 0 1px var(--green)}
.section h1 {margin:0;font-size:clamp(44px,6vw,82px)}
.section h1 span,.home-links h2 span {color:var(--green)}
.logistics h1 span,.contact h1 span {color:var(--lime)}
.home-card-grid,.about-pillars {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}
.home-card {display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-decoration:none}
.home-card img {width:100%;aspect-ratio:1.85;object-fit:cover}
.home-card > div {display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 8px;padding:16px}
.home-card small {grid-column:1/-1;color:var(--green);font-size:11px;font-weight:750;letter-spacing:.08em}
.home-card strong {font-size:clamp(18px,2.2vw,28px);letter-spacing:-.035em}
.home-card:hover {border-color:var(--green)}
.home-card:hover strong {text-decoration:underline;text-underline-offset:4px}
.retail-feature {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:center;margin-top:25px;padding:clamp(17px,3vw,38px)}
.retail-feature .kicker,.about-pillars .kicker {color:var(--green)}
.retail-feature h3,.about-pillars h3 {margin-top:8px}
.retail-feature p:not(.kicker),.about-pillars p:not(.kicker) {max-width:55ch;margin-top:9px;color:var(--muted);line-height:1.5}
.retail-metric {display:flex;flex-wrap:wrap;align-items:end;gap:11px;color:var(--green)}
.retail-metric strong {font-size:clamp(60px,8vw,105px);line-height:.9;letter-spacing:-.075em}
.retail-metric span {font-weight:720;line-height:1.14}
.scenario-heading {margin-top:32px}
.scenario-heading p {margin-top:8px;color:var(--muted);line-height:1.5}
.scenario-volume {display:block;margin-top:12px;color:var(--green);font-size:clamp(21px,3vw,34px);letter-spacing:-.04em}
.source-link {display:inline-flex;align-items:center;min-height:43px;color:var(--green);font-size:13px;font-weight:700;text-underline-offset:4px}
.about-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,4vw,55px);align-items:center;margin-top:25px}
.about-intro h2 {font-size:clamp(29px,3.7vw,50px)}
.about-intro p {margin-top:12px;color:var(--muted);font-size:clamp(16px,1.65vw,20px);line-height:1.5}
.about-intro img {width:100%;border-radius:var(--radius)}
.about-pillars article {padding:clamp(15px,2vw,24px)}
.about-page .registry {margin-top:23px}
.company-details {margin-bottom:0}
.company-details div {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:8px;padding-block:6px;border-bottom:1px solid var(--line)}
.company-details dt {font-weight:700}
.company-details dd {margin:0;color:var(--muted)}
.request-check {max-width:480px;margin-top:22px;padding:14px;border:1px solid #d9efd25c;border-radius:11px}
.request-check h3 {font-size:20px}
.request-check ul {margin-top:9px;padding-left:19px;color:#e3eee4;line-height:1.55}
.contact-card fieldset {min-width:0;border:0;border-top:1px solid #d9efd249;padding:9px 0 3px;margin:0 0 8px}
.contact-card legend {padding:0 9px 0 0;font-size:14px;font-weight:750;color:var(--lime)}

:root[data-theme="editorial"] {
  --paper:#fff4e6;--surface:#fffaf3;--ink:#39271e;--forest:#503327;--muted:#624d40;
  --green:#8e482b;--lime:#ffcc96;--line:#dfc5ae;--radius:28px;
  font-family:Georgia,"Times New Roman",serif;
}
[data-theme="editorial"] .header {background:#fff4e6ed}
[data-theme="editorial"] .header-action:hover {background:#f3dfcb}
[data-theme="editorial"] h1,[data-theme="editorial"] h2 {font-weight:600;letter-spacing:-.064em}
[data-theme="editorial"] .hero {color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg,#fff4e6 4%,#fff4e6f5 36%,#fff4e65c 60%,transparent 77%),url("assets/hero-fresh.webp");background-position:center,center 60%}
[data-theme="editorial"] .hero-copy {max-width:60%}
[data-theme="editorial"] .hero-tag {border-color:#8e482b60;background:#fff8eb;color:var(--green)}
[data-theme="editorial"] .hero h1 span,[data-theme="editorial"] .hero-footer b {color:var(--green)}
[data-theme="editorial"] .hero-copy > p:not(.kicker),[data-theme="editorial"] .hero-footer {color:var(--ink)}
[data-theme="editorial"] .hero .outline-light {color:var(--ink);border-color:#8e482b86;background:#fffaf3e6}
[data-theme="editorial"] .hero-footer {border-color:#88573965}
[data-theme="editorial"] .logistics,[data-theme="editorial"] .contact,[data-theme="editorial"] .estimate {background:radial-gradient(ellipse at 83% 22%,#815139,transparent 72%),var(--forest)}
[data-theme="editorial"] .buyers {background:#f4e4d2}
[data-theme="editorial"] .footer {background:#38251e}
[data-theme="editorial"] .glass {background:#634235d8;border-color:#ffe2c342}
[data-theme="editorial"] .pills:not(.route-pills) button {background:#fff8ed}
[data-theme="editorial"] .pills:not(.route-pills) button[aria-pressed="true"] {background:#633a28}
[data-theme="editorial"] .home-card-grid {grid-template-columns:1.3fr 1fr 1fr}

:root[data-theme="corporate"] {
  --paper:#edf2f8;--surface:#f9fcff;--ink:#142944;--forest:#12233c;--muted:#465972;
  --green:#235598;--lime:#b9ddff;--line:#c8d5e5;--radius:5px;
  font-family:Arial,"Segoe UI",sans-serif;
}
[data-theme="corporate"] .header {background:#eaf1fbef}
[data-theme="corporate"] .hero {background-color:#12233c;background-image:linear-gradient(90deg,#12233c 0%,#12233cf2 36%,#12233c46 66%),linear-gradient(0deg,#111e35d0,transparent 52%),url("assets/port.webp")}
[data-theme="corporate"] .hero-tag {background:#142846dd;border-color:#a3c8fb65}
[data-theme="corporate"] .button.lime {color:#142944}
[data-theme="corporate"] .button.lime:hover {background:#d9edff}
[data-theme="corporate"] .logistics,[data-theme="corporate"] .contact,[data-theme="corporate"] .estimate {background:radial-gradient(ellipse at 83% 22%,#2a496b,transparent 72%),var(--forest)}
[data-theme="corporate"] .buyers {background:#e0eaf6}
[data-theme="corporate"] .footer {background:#10203a}
[data-theme="corporate"] .glass {background:#263e58dc;border-color:#bed8f342}
[data-theme="corporate"] .home-card,[data-theme="corporate"] .about-pillars article {border-top:4px solid #557db7}
[data-theme="corporate"] .route-pills button:not([aria-pressed="true"]) {background:#172a43}
@media(max-width:900px) {
  .header-inner {flex-wrap:wrap;gap:0 8px;padding-top:6px}
  .header nav {order:3;flex:0 0 100%;justify-content:space-between;gap:6px;flex-wrap:wrap}
}
@media(max-width:680px) {
  .theme-inner {justify-content:flex-start}
  .home-card-grid,[data-theme="editorial"] .home-card-grid,.about-pillars,.about-intro,.retail-feature {grid-template-columns:1fr}
  .section h1 {font-size:clamp(39px,10.5vw,57px)}
  [data-theme="editorial"] .hero {background-image:linear-gradient(180deg,#fff4e6fa 1%,#fff4e6dd 52%,#fff4e68a 80%),url("assets/hero-fresh.webp");background-position:center,72% center}
  [data-theme="editorial"] .hero-copy {max-width:100%}
}
@media(max-width:450px) {
  section[id] {scroll-margin-top:124px}
  .header nav a {min-height:35px;font-size:12px}
  .header-action {padding-inline:7px;font-size:12px}
  .buyer-grid {grid-template-columns:1fr}
  .theme-buttons button {min-height:43px;padding-inline:7px}
}


/* Presentation polish for the corporate theme */
:root[data-theme="corporate"] {
  --paper:#eef3f9; --surface:#f9fcff; --ink:#142944; --forest:#10213a;
  --muted:#455a72; --green:#22548f; --lime:#c6e5ff; --line:#c8d7e8;
  --radius:19px; --glass-edge:#d8ecff6b;
}
[data-theme="corporate"] body {background:radial-gradient(ellipse at 94% 12%,#cbddef 0%,transparent 56%),var(--paper)}
[data-theme="corporate"] .header {background:#edf4fcec;border-color:#c2d3e5;box-shadow:0 5px 24px #1429440d}
@supports(backdrop-filter:blur(18px)) {
  [data-theme="corporate"] .header {background:#edf4fcca;backdrop-filter:blur(20px) saturate(130%)}
}
[data-theme="corporate"] .header-action {background:#e1edfb;border-color:#a8c2df;color:#163d68}
[data-theme="corporate"] .header-action:hover {background:#cbe1fa}
[data-theme="corporate"] .hero {
  background-color:#122842;
  background-image:linear-gradient(90deg,#101f31ca 0%,#101f3150 49%,#101f3110 80%),linear-gradient(0deg,#101f32db,transparent 32%),url("assets/hero-fresh.webp");
  background-position:center,center,center 56%;
}
[data-theme="corporate"] .hero-inner {min-height:clamp(540px,calc(100svh - 71px),870px);padding-top:clamp(55px,11vh,120px)}
[data-theme="corporate"] .hero-copy {
  max-width:min(760px,75%);padding:clamp(20px,3.5vw,45px);margin-bottom:32px;
  border:1px solid #d8ecff78;border-radius:24px;background:linear-gradient(140deg,#1a3049f1,#182c43dc);
  box-shadow:0 22px 75px #08142160,inset 0 1px 0 #ffffff35;
}
@supports(backdrop-filter:blur(16px)) {
  [data-theme="corporate"] .hero-copy {
    background:linear-gradient(140deg,#233e5bd6,#152a42b8);backdrop-filter:blur(15px) saturate(125%);
  }
}
[data-theme="corporate"] .hero h1 {font-size:clamp(52px,6.3vw,90px);margin-block:16px}
[data-theme="corporate"] .hero-tag {background:#c7e5ff20;border-color:#d8ecff59;color:#e6f4ff}
[data-theme="corporate"] .hero-copy > p:not(.kicker) {font-size:clamp(17px,1.85vw,22px)}
[data-theme="corporate"] .hero-footer {padding-inline:11px;border-color:#e1f0ff86}
[data-theme="corporate"] .home-card {position:relative;isolation:isolate;min-height:clamp(255px,28vw,374px);display:flex;align-items:flex-end;border:1px solid #c4d7eb;background:#173350;color:#fff}
[data-theme="corporate"] .home-card img {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
[data-theme="corporate"] .home-card::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d2342a6,transparent 68%)}
[data-theme="corporate"] .home-card > div {width:100%;margin:10px;border:1px solid #d8ecff63;border-radius:13px;background:#173350ec;box-shadow:inset 0 1px 0 #ffffff30}
[data-theme="corporate"] .home-card small {color:#d2e9ff}
@supports(backdrop-filter:blur(12px)) {
  [data-theme="corporate"] .home-card > div {background:#173350c9;backdrop-filter:blur(13px)}
}
[data-theme="corporate"] .catalog-layout {grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:start;gap:18px}
[data-theme="corporate"] .catalog-photo {min-height:clamp(340px,46vw,570px)}
[data-theme="corporate"] .catalog-photo figcaption {
  margin:12px;border:1px solid #d8ecff63;border-radius:13px;
  background:#173350e8;box-shadow:inset 0 1px 0 #ffffff30;
}
[data-theme="corporate"] .catalog-photo figcaption .kicker {color:#d2e9ff}
@supports(backdrop-filter:blur(12px)) {
  [data-theme="corporate"] .catalog-photo figcaption {background:#173350c9;backdrop-filter:blur(13px)}
}
[data-theme="corporate"] .catalog-list,[data-theme="corporate"] .paper-card {
  background:linear-gradient(130deg,#ffffffee,#edf5fceb);border-color:#c3d6e9;
  box-shadow:0 12px 36px #2045730e,inset 0 1px 0 #fff;
}
[data-theme="corporate"] .logistics,[data-theme="corporate"] .contact,[data-theme="corporate"] .estimate {
  background:radial-gradient(ellipse at 87% 17%,#345678,transparent 65%),var(--forest)
}
[data-theme="corporate"] .glass {
  background:linear-gradient(145deg,#294562,#1c3450);border-color:var(--glass-edge);
  box-shadow:0 22px 62px #09192c65,inset 0 1px 0 #ffffff34
}
@supports(backdrop-filter:blur(18px)) {
  [data-theme="corporate"] .glass {
    background:linear-gradient(145deg,#41648783,#253f5ca6);backdrop-filter:blur(20px) saturate(130%)
  }
}
[data-theme="corporate"] .route-layout {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
[data-theme="corporate"] .route-media {aspect-ratio:1.55}
[data-theme="corporate"] .route-map,[data-theme="corporate"] .route-detail {background:#182d49;border-color:#bdd8f34c}
[data-theme="corporate"] .route-stops li,[data-theme="corporate"] .request-check {background:#aecdeb12;border-color:#bdd8f34d}
.retail-image-note {display:none}
[data-theme="corporate"] .retail-feature {
  position:relative;
  min-height:clamp(370px,41vw,530px);align-items:end;color:#fff;border-color:#a5bdd6;
  background:linear-gradient(0deg,#101f32e6,transparent 78%),url("assets/retail-dispatch.webp") center 55% / cover,#173350;
}
[data-theme="corporate"] .retail-image-note {
  display:block;position:absolute;top:13px;right:13px;padding:6px 9px;border-radius:12px;
  color:#f1f7ff;background:#142944dd;font-size:11px;
}
[data-theme="corporate"] .retail-copy,[data-theme="corporate"] .retail-metric {
  padding:clamp(14px,2.4vw,27px);border:1px solid #d8ecff63;border-radius:14px;
  background:#173350eb;color:#fff;box-shadow:inset 0 1px 0 #ffffff25;
}
@supports(backdrop-filter:blur(12px)) {
  [data-theme="corporate"] .retail-copy,[data-theme="corporate"] .retail-metric {background:#173350c9;backdrop-filter:blur(13px)}
}
[data-theme="corporate"] .retail-copy .kicker,[data-theme="corporate"] .retail-copy p:not(.kicker),[data-theme="corporate"] .retail-copy .source-link {color:#e2f0ff}
[data-theme="corporate"] .retail-metric strong {color:var(--lime)}
[data-theme="corporate"] .about-intro {grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)}
[data-theme="corporate"] .about-intro img {aspect-ratio:1.45;object-fit:cover}
.footer .theme-strip {background:#ffffff07;border-top:1px solid #e2eff33a;border-bottom:0}
.footer .theme-inner {justify-content:space-between}
.footer .theme-inner > span {color:#e0eaf3}
.footer .theme-buttons button {color:#e0eaf3;border-color:#c6ddf251}
.footer .theme-buttons button:hover,.footer .theme-buttons button[aria-pressed="true"] {color:#142944;background:#e6f3ff;border-color:#e6f3ff;box-shadow:none}

@media(max-width:680px) {
  [data-theme="corporate"] .hero {
    background-image:linear-gradient(180deg,#101f319e,#101f3140 46%,#101f31c0),url("assets/hero-fresh.webp");
    background-position:center,67% center;
  }
  [data-theme="corporate"] .hero-inner {min-height:530px;padding-top:44px}
  [data-theme="corporate"] .hero-copy {max-width:100%;border-radius:18px;padding:19px}
  [data-theme="corporate"] .hero h1 {font-size:clamp(40px,11.6vw,62px)}
  [data-theme="corporate"] .catalog-layout,[data-theme="corporate"] .route-layout,[data-theme="corporate"] .about-intro {grid-template-columns:minmax(0,1fr)}
  [data-theme="corporate"] .catalog-photo {min-height:290px}
  [data-theme="corporate"] .retail-feature {min-height:0;padding-top:135px;background-position:center,65% top}
  [data-theme="corporate"] .home-card {min-height:260px}
}
@media(max-width:400px) {
  [data-theme="corporate"] .hero-copy {padding:16px}
  [data-theme="corporate"] .hero h1 {font-size:clamp(32px,9.3vw,41px)}
  [data-theme="corporate"] .hero-actions .button {width:100%}
}
@media(prefers-reduced-motion:no-preference) {
  @view-transition {navigation:auto}
  ::view-transition-old(root),::view-transition-new(root) {animation-duration:.22s}
  main {animation:page-in .34s ease-out both}
  [data-theme="corporate"] .hero-copy {animation:hero-in .48s ease-out both}
  [data-theme="corporate"] .home-card img {transition:transform .55s cubic-bezier(.22,.7,.25,1)}
  [data-theme="corporate"] .home-card:is(:hover,:focus-visible) img {transform:scale(1.055)}
  .pills button,.theme-buttons button,.header-action {transition:background-color .18s,border-color .18s,color .18s}
}
@keyframes page-in {from{opacity:.85;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes hero-in {from{opacity:.78;transform:translateY(8px)}to{opacity:1;transform:none}}