/*
 * sustainability — 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}}
.hx-rework .shero.su h1{max-width:15ch}
.hx-rework .portrait.land{aspect-ratio:4/3;max-width:560px}
.hx-rework .portrait.land img{top:-8%;height:116%}
.hx-rework .cmpsec p.src{font-size:.78rem;color:rgba(244,233,220,.6);max-width:78ch;margin-top:22px}
.hx-rework .cmpwrap{overflow-x:auto;margin-top:clamp(24px,3.5vw,44px);border:1px solid rgba(244,233,220,.18);border-radius:var(--rad-lg);background:rgba(244,233,220,.04)}
.hx-rework .cmpt{width:100%;min-width:720px;border-collapse:collapse;font-size:.95rem}
.hx-rework .cmpt th,.hx-rework .cmpt td{padding:16px 18px;vertical-align:top;text-align:left;border-bottom:1px solid rgba(244,233,220,.14)}
.hx-rework .cmpt tbody tr:last-child th,.hx-rework .cmpt tbody tr:last-child td{border-bottom:0}
.hx-rework .cmpt thead th{font-family:var(--font-display);font-weight:400;font-size:1.05rem;color:rgba(244,233,220,.92);border-bottom:2px solid rgba(244,233,220,.3);padding-top:20px}
.hx-rework .cmpt tbody th{font-family:var(--font-display);font-weight:400;font-size:.98rem;color:var(--ht-oat);width:22%}
.hx-rework .cmpt td{color:rgba(244,233,220,.82);width:26%}
.hx-rework .cmpt td.hemp,.hx-rework .cmpt th.hemp{color:var(--ht-oat);background:rgba(244,233,220,.07)}
.hx-rework .cmpt thead th.hemp{color:var(--ht-apricot)}
.hx-rework .cmpt td.hemp{font-weight:600}
.hx-rework .honest{margin-top:clamp(28px,4vw,44px);padding:clamp(20px,3vw,32px);border-radius:var(--rad-lg);border:1px dashed rgba(244,233,220,.35);max-width:70ch}
.hx-rework .honest .eyebrow{display:block;margin-bottom:10px}
.hx-rework .honest p{margin:0;color:rgba(244,233,220,.9)}
.hx-rework .steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-top:clamp(28px,4vw,48px)}
.hx-rework .step{margin:0;border-radius:var(--rad-lg);overflow:hidden;border:2px solid var(--ht-forest);background:var(--ht-card);box-shadow:var(--ht-shadow);display:flex;flex-direction:column;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hx-rework .step:hover{transform:translateY(-5px);box-shadow:var(--ht-shadow-lift)}
.hx-rework .step.reveal.in:hover{transform:translateY(-5px)}
.hx-rework .step img,.hx-rework .step video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--ht-forest)}
.hx-rework .step figcaption{padding:16px 16px 18px}
.hx-rework .step .n{display:inline-block;font-weight:800;font-size:.7rem;letter-spacing:.2em;color:var(--ht-terra);margin-bottom:6px}
.hx-rework .step h3{font-size:1.15rem;margin:0 0 6px;color:var(--ht-forest)}
.hx-rework .step p{font-size:.86rem;line-height:1.45;color:var(--ht-body);margin:0;max-width:none}
.hx-rework .vs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,28px);margin-top:clamp(24px,3.5vw,44px)}
.hx-rework .vcard{border-radius:var(--rad-lg);padding:clamp(22px,3vw,36px);border:2px solid var(--ht-forest);box-shadow:var(--ht-shadow)}
.hx-rework .vcard.poly{background:var(--ht-paper);color:var(--ht-body)}
.hx-rework .vcard.hemp{background:var(--ht-forest);color:var(--ht-oat)}
.hx-rework .vcard .vimg{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:20px}
.hx-rework .vcard h3{font-size:clamp(1.3rem,2.2vw,1.7rem);margin:0 0 14px;color:inherit}
.hx-rework .vcard ul{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:10px}
.hx-rework .vcard li{position:relative;padding-left:26px;font-size:1rem;line-height:1.45}
.hx-rework .vcard li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%}
.hx-rework .vcard.poly li::before{background:var(--ht-terra)}
.hx-rework .vcard.hemp li::before{background:var(--ht-apricot)}
.hx-rework .vcard.hemp .pillbtn{margin-top:16px}
.hx-rework .opimg{margin:0;border-radius:var(--rad-lg);overflow:hidden;border:2px solid var(--ht-forest);box-shadow:var(--ht-shadow);aspect-ratio:600/520;max-width:560px;width:100%;justify-self:end}
.hx-rework .opimg img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.hx-rework .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-rework .vs{grid-template-columns:1fr}.hx-rework .portrait.land{max-width:none}.hx-rework .opimg{justify-self:start}}
@media(max-width:600px){.hx-rework .steps{grid-template-columns:1fr}}