/*
 * article-from-symbols-to-synthetics-how-flags-reflect-our-choices-for-the-environment — rules not in rework.css — Niek's 2026-09-07 redesign.
 * GENERATED by scripts/port-rework-pages.mjs. Do not edit by hand.
 *
 * Scoped under `.hx-rework` because the template is a second, complete design
 * system: it styles html, body, *, a, img and h1-h3 globally, and unscoped it
 * would repaint every Webflow-styled page on the site.
 */
.hx-rework .band{background:var(--ht-forest);color:var(--ht-oat);padding:clamp(40px,6vw,80px) 0}
.hx-rework .band .eyebrow{color:var(--ht-apricot)}
.hx-rework .band h2{color:var(--ht-oat);font-size:clamp(1.8rem,3.4vw,2.6rem);margin:10px 0 12px}
.hx-rework .band .lede{max-width:62ch;color:rgba(244,233,220,.85);margin:0 0 40px;font-size:1.02rem}
.hx-rework .band{position:relative;overflow:hidden;height:clamp(420px,62vw,720px);background:var(--ht-forest);color:var(--ht-oat)}
.hx-rework .band img,.hx-rework .band video{position:absolute;left:0;top:-9%;width:100%;height:118%;object-fit:cover;display:block;will-change:transform}
.hx-rework .band .pb-wave{position:absolute;left:0;right:0;height:64px;z-index:2;pointer-events:none}
.hx-rework .band .pb-top{top:-1px}
.hx-rework .band .pb-bot{bottom:-1px}
.hx-rework .band .cap{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end}
.hx-rework .band .cap .h-wrap{width:100%;padding-bottom:clamp(40px,6vw,80px)}
.hx-rework .band .k{display:inline-block;font-family:var(--font-body);font-weight:800;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ht-oat);background:rgba(11,18,10,.55);border:1px solid rgba(244,233,220,.22);border-radius:var(--pill);padding:9px 15px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hx-rework .band.say::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,18,10,.7),rgba(11,18,10,.05) 60%);z-index:1}
.hx-rework .band.say h2{font-size:clamp(2.2rem,5.4vw,4.6rem);line-height:.98;color:var(--ht-oat);margin:0;max-width:16ch;text-wrap:balance}
.hx-rework .band.say .eyebrow{color:var(--ht-apricot);display:block;margin-bottom:12px}
@media(max-width:900px){.hx-rework .split{grid-template-columns:1fr}.hx-rework .split.rev>.txt{order:0}.hx-rework .portrait{justify-self:start}.hx-rework .tiles{grid-template-columns:1fr 1fr}.hx-rework .tile.wide{grid-column:span 2;aspect-ratio:16/10}.hx-rework .pstrip{grid-template-columns:repeat(4,minmax(0,1fr))}.hx-rework .band{height:clamp(360px,80vw,560px)}}
@media (prefers-reduced-motion:reduce){.hx-rework .band img,.hx-rework .band video,.hx-rework .portrait img{transform:none!important}}