@font-face{font-family:Archivo;src:url('../fonts/Archivo-SemiBold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('../fonts/IBMPlexSans-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('../fonts/IBMPlexSans-SemiBold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:Mono;src:url('../fonts/IBMPlexMono-Regular.ttf');font-display:swap}.eco-experience{--bg:#111110;--surface:#1c1b1a;--surface2:#242220;--ink:#f6f4ef;--muted:#c2beb6;--line:#ffffff33;--accent:#a68ad0;--warm:#d0ae75;color-scheme:dark}.eco-experience *{box-sizing:border-box}.eco-experience{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Plex,Arial,sans-serif}.eco-experience button,.eco-experience a{font:inherit}.eco-experience button{cursor:pointer}.eco-experience a{color:inherit;text-decoration:none}.eco-experience button:focus-visible,.eco-experience a:focus-visible{outline:2px solid var(--warm);outline-offset:4px}.eco-experience .wrap{width:min(1200px,calc(100% - 48px));margin:auto}.eco-experience .top{position:sticky;top:0;z-index:10;background:#111110ed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.eco-experience .top .wrap{min-height:68px;display:flex;gap:20px;align-items:center;justify-content:space-between}.eco-experience .wordmark{font:600 22px Archivo,Arial,sans-serif;letter-spacing:-.085em}.eco-experience .back{font-size:12px;color:var(--muted)}.eco-experience .back:hover{color:var(--warm)}.eco-experience .lang{display:flex;gap:8px;font:11px Mono,monospace}.eco-experience .lang button{background:transparent;color:var(--muted);border:1px solid var(--line);padding:7px 9px}.eco-experience .lang button[aria-pressed=true]{color:#111110;background:var(--ink)}.eco-experience{padding:clamp(52px,7vw,100px) 0 100px}.eco-experience .eyebrow{font:11px Mono,monospace;letter-spacing:.15em;color:var(--warm);text-transform:uppercase}.eco-experience h1,.eco-experience h2,.eco-experience h3,.eco-experience p{margin-top:0}.eco-experience h1{font:600 clamp(44px,6vw,86px)/1.04 Archivo,Arial,sans-serif;letter-spacing:-.065em;max-width:920px;margin:20px 0 28px}.eco-experience .lead{max-width:750px;font-size:clamp(17px,2vw,21px);color:#ddd9d0}.eco-experience .notice{font-size:12px;color:var(--muted);margin:22px 0 54px}.eco-experience .map{display:grid;grid-template-columns:1fr 100px 1.2fr 100px 1.2fr;gap:12px;align-items:stretch}.eco-experience .column{border:1px solid var(--line);background:var(--surface);padding:25px;min-height:410px;display:flex;flex-direction:column}.eco-experience .colhead{font:10px Mono,monospace;letter-spacing:.15em;color:var(--warm);text-transform:uppercase}.eco-experience .column h2{font:600 clamp(25px,2.7vw,36px)/1.1 Archivo,Arial,sans-serif;letter-spacing:-.04em;margin:20px 0 12px}.eco-experience .column>p{color:var(--muted);font-size:14px;line-height:1.6}.eco-experience .choice-list{display:grid;gap:8px;margin-top:auto;padding-top:24px}.eco-experience .choice{width:100%;text-align:left;background:var(--surface2);border:1px solid var(--line);color:var(--ink);padding:11px 14px;font-size:13px;transition:background .2s,border-color .2s}.eco-experience .choice:hover,.eco-experience .choice[aria-pressed=true]{background:#352d39;border-color:var(--accent)}.eco-experience .core{border-color:#a68ad077;background:radial-gradient(circle at 50% 46%,#493653 0%,#1c1b1a 65%)}.eco-experience .core strong{font:600 19px Archivo,Arial,sans-serif;margin-top:auto;color:var(--ink);display:block}.eco-experience .core .detail{margin-top:12px}.eco-experience .connector{position:relative;display:flex;align-items:center;justify-content:center;color:var(--warm);font:11px Mono,monospace;text-align:center;line-height:1.4}.eco-experience .connector:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,#d0ae752a,var(--warm),#d0ae752a);animation:flow 3.5s ease-in-out infinite}.eco-experience .connector span{position:relative;background:var(--bg);padding:10px 5px;max-width:100px}.eco-experience .connector:after{content:'›';position:absolute;right:0;top:calc(50% - 26px);font:27px Archivo;color:var(--warm)}.eco-experience .detail-panel{border:1px solid var(--line);background:#242220;padding:24px 30px;margin-top:18px;min-height:120px}.eco-experience .detail-panel h3{font:600 20px Archivo,Arial,sans-serif;margin:0 0 8px}.eco-experience .detail-panel p{margin:0;color:var(--muted)}.eco-experience .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:64px 0 40px}.eco-experience .steps article{border-top:1px solid var(--warm);padding:18px 0}.eco-experience .steps b{color:var(--warm);font:11px Mono,monospace}.eco-experience .steps h3{font:600 22px Archivo,Arial,sans-serif;margin:12px 0 8px}.eco-experience .steps p{color:var(--muted);font-size:14px}.eco-experience .callout{border:1px solid #a68ad069;padding:25px;background:#201c24}.eco-experience .callout strong{font-size:19px}.eco-experience .callout p{margin:10px 0 0;color:var(--muted)}.eco-experience .footer{padding:30px 0;border-top:1px solid var(--line);font:11px Mono,monospace;color:var(--muted)}
@keyframes flow{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.eco-experience *,.eco-experience *:before,.eco-experience *:after{animation:none!important;transition:none!important}}
@media(max-width:900px){.eco-experience .map{grid-template-columns:1fr;gap:8px}.eco-experience .column{min-height:auto}.eco-experience .connector{min-height:62px}.eco-experience .connector:before{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto}.eco-experience .connector:after{right:calc(50% - 9px);top:auto;bottom:0;transform:rotate(90deg)}.eco-experience .steps{grid-template-columns:1fr;margin-top:40px;gap:8px}}@media(max-width:520px){.eco-experience .wrap{width:min(100% - 32px,1200px)}.eco-experience .top .wrap{flex-wrap:wrap;min-height:0;padding:12px 0}.eco-experience .back{order:3;width:100%}.eco-experience .column{padding:20px}.eco-experience .detail-panel{padding:20px}.eco-experience h1{font-size:43px}}

.eco-experience{padding-top:calc(94px + clamp(52px,7vw,100px))}.eco-experience .eyebrow::before{display:none}
.eco-experience .experience-breadcrumb{font:11px Mono,monospace;color:#c2beb6;margin:0 0 32px}
.eco-experience .experience-breadcrumb a:hover{color:#d0ae75}
@media(max-width:610px){.eco-experience{padding-top:calc(70px + 52px)}}