/* The legacy page follows the white paper, ink illustration and green type of the reference. */
.legacy-page{--ivory:#fff;--legacy-green:#24b77d;--legacy-deep:#15815e;--legacy-copy:#68716d;background:#fff;color:#35493f}
.legacy-page .site-header{height:98px;max-width:1600px;margin:auto;background:#fffffff5;backdrop-filter:blur(12px)}
.legacy-page .brand{width:112px}.legacy-page .brand img{width:100%;height:auto}
.legacy-page .desktop-nav{margin-right:auto;margin-left:auto;gap:clamp(22px,2.5vw,40px);font-size:10px;color:#6e7d78}
.legacy-page .desktop-nav a[aria-current=page]{color:var(--legacy-green)}
.legacy-page .mobile-nav{background:#fff}
.legacy-intro{text-align:center;padding:50px 24px 32px;max-width:1400px;margin:auto;background:#f8f7ef}
.legacy-eyebrow{font-size:9px;line-height:1.6;letter-spacing:.17em;font-weight:700;color:var(--legacy-deep)}
.legacy-intro h1,.legacy-finale h2,.chapter-copy h2{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.035em;color:var(--legacy-green)}
.legacy-intro h1{font-size:clamp(43px,5.2vw,76px);line-height:1.03;margin:17px 0 18px;color:#28c493}
.legacy-intro-copy{color:var(--legacy-copy);font-size:15px;line-height:1.65}
.origin-illustration{position:relative;max-width:1010px;margin:4px auto 0;padding:0 120px}
.animated-scene{position:relative;isolation:isolate;aspect-ratio:16/9}
.animated-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.animated-scene>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f8f7ef;opacity:0;transition:opacity .35s}
.field-illustration{isolation:auto}
.field-illustration>img,.field-illustration>video{mix-blend-mode:multiply}
.animated-scene.is-playing>video{opacity:1}
.origin-value{position:absolute;z-index:2;font:700 14px/1.55 var(--sans);text-align:left;color:#485049}
.origin-value span{position:absolute;display:block;width:44px;height:38px;border-top:1px solid #dae3d8;border-radius:0 25px 0 0}
.value-care{left:0;top:20%}.value-care span{left:calc(100% + 10px);top:10px;border-right:1px solid #dae3d8}
.value-trust{left:0;bottom:11%}.value-trust span{left:calc(100% + 10px);top:-10px;transform:rotate(90deg)}
.value-discipline{right:0;bottom:22%}.value-discipline span{right:calc(100% + 10px);top:10px;transform:scaleX(-1)}
.legacy-scroll{display:inline-flex;align-items:center;gap:13px;color:#708175;font-size:8px;font-weight:600;letter-spacing:.15em;margin-top:4px}
.legacy-scroll>span{font-size:20px;line-height:1;color:var(--legacy-green);transition:transform .2s}.legacy-scroll:hover>span{transform:translateY(4px)}
.legacy-intention{display:flex;align-items:center;justify-content:center;gap:40px;background:#06af80;color:#fff;padding:24px;position:relative;z-index:3;text-align:center}
.legacy-intention p{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.legacy-intention>span{font-size:20px;line-height:1;color:#b6f2c5}
.legacy-journey{position:relative;max-width:1440px;margin:auto;padding:30px clamp(30px,5.5vw,85px) 40px;isolation:isolate}
.legacy-chapter{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,17%) minmax(0,1fr);align-items:center;min-height:470px;scroll-margin-top:120px}
.chapter-art{width:100%;max-width:570px;justify-self:center;aspect-ratio:1}
.chapter-image-left .chapter-art{grid-column:1;grid-row:1}.chapter-image-left .chapter-copy{grid-column:3;grid-row:1}
.chapter-image-right .chapter-art{grid-column:3;grid-row:1}.chapter-image-right .chapter-copy{grid-column:1;grid-row:1}
.chapter-art figcaption{position:absolute;bottom:-4px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.13em;font-weight:600;color:#8b978c}
.chapter-copy{position:relative;z-index:2;padding:25px 0;max-width:460px}
.chapter-copy .legacy-eyebrow{margin-bottom:15px;font-size:8px}
.chapter-copy h2{font-size:clamp(34px,3.3vw,49px);line-height:1.02;margin-bottom:23px;text-wrap:balance}
.chapter-copy>p:not(.legacy-eyebrow){font-size:12px;line-height:1.9;margin-top:12px;color:var(--legacy-copy);max-width:410px}
.chapter-copy>p.chapter-principle{font-weight:600;color:#4c6a58;margin-top:18px;display:flex;align-items:center;gap:10px}
.chapter-principle::before{content:'';flex-shrink:0;width:18px;height:1px;background:#8ed6ac}
.chapter-stats{display:flex;gap:28px;margin:23px 0;padding:17px 0;border-block:1px solid #e8eee7;width:fit-content;min-width:78%}
.chapter-stats>div{display:flex;flex-direction:column-reverse;gap:2px;min-width:55px}.chapter-stats dt{font-size:9px;letter-spacing:.06em;color:#7a897e}.chapter-stats dd{font:700 29px/1 var(--display);color:var(--legacy-deep);margin:0}
.journey-road{position:absolute;z-index:0;pointer-events:none;top:0;bottom:0;left:50%;width:180px;transform:translateX(-50%)}
.road-svg{display:block;width:100%;height:100%;overflow:visible}.road-svg path{fill:none}.road-edge{stroke:#fff7e9;stroke-width:95}.road-surface{stroke:#ffebc7;stroke-width:76}.road-dashes{stroke:#fff9ec;stroke-width:2;stroke-dasharray:9 17}
.journey-truck{position:absolute;z-index:4;top:60px;left:110px;width:49px;height:108px;transform:translate(-50%,-50%);will-change:transform}
.truck-era{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s;filter:drop-shadow(3px 5px 3px #594b3b26)}.truck-era.is-current{opacity:1}
.road-marker{position:absolute;left:65px;top:10%;width:10px;height:10px;border:2px solid #fff;background:#bed6b6;border-radius:50%;box-shadow:0 0 0 1px #91b697;transform:translate(-50%,-50%);z-index:1}
.road-marker>span{position:absolute;top:-6px;left:23px;font:600 9px/20px var(--sans);letter-spacing:.06em;color:#92a085;background:#fff;padding:0 6px;border-radius:3px;transition:color .3s}
.road-marker:nth-of-type(2){top:36%}.road-marker:nth-of-type(3){top:60%}.road-marker:nth-of-type(4){top:85%}
.road-marker.is-passed{background:#29b983}.road-marker.is-passed>span{color:#288660}
.road-trees{position:absolute;width:135px;height:auto;z-index:5;opacity:.85;mix-blend-mode:multiply;filter:blur(.5px)}.trees-one{top:36%;left:30px;transform:rotate(-8deg)}.trees-two{top:77%;left:3px;transform:rotate(150deg);width:115px}
.legacy-finale{position:relative;z-index:2;text-align:center;padding:75px 24px 90px;background:#fff;scroll-margin-top:110px}
.legacy-finale>.legacy-eyebrow{margin-bottom:16px}.legacy-finale h2{font-size:clamp(33px,4vw,58px);line-height:1.06}.finale-intro{font-size:14px;color:var(--legacy-copy);margin-top:18px}
.finale-art{width:min(760px,80%);margin:15px auto 10px}
.finale-copy{max-width:680px;margin:auto;font-size:12px;color:var(--legacy-copy);line-height:1.9}.finale-copy p+p{margin-top:18px}
.legacy-scale{display:grid;grid-template-columns:repeat(3,1fr);max-width:870px;margin:35px auto 38px;padding:26px 0;border-block:1px solid #e0eadf}
.legacy-scale>div{display:flex;flex-direction:column-reverse;gap:10px;padding:0 18px}.legacy-scale>div+div{border-left:1px solid #e0eadf}
.legacy-scale dt{font-size:9px;letter-spacing:.035em;color:#7a897e}.legacy-scale dd{font:700 clamp(29px,3.2vw,44px)/1 var(--display);color:var(--legacy-green);margin:0}.legacy-scale dd>span{font:500 11px/1.5 var(--sans);color:#6e8173;margin-left:3px}
.finale-copy .single-grain{font:600 20px/1.5 var(--display);color:#31936c;margin-top:27px}
.legacy-cta{border-top:1px solid #e8eee6;max-width:870px;margin:45px auto 0;padding-top:35px}.legacy-cta p{font:700 21px/1.35 var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--legacy-green)}.legacy-cta strong{font-weight:700}.legacy-cta .button{margin-top:23px;background:var(--legacy-green);color:#fff;border-radius:4px;padding:13px 28px;letter-spacing:.08em;font-size:10px;gap:30px}.legacy-cta .button:hover{background:var(--legacy-deep)}
.legacy-page .site-footer{background:#f5f4f1}.legacy-journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%}.legacy-journal-grid img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%;height:auto}.legacy-page .footer-top{max-width:1320px;margin:auto}.legacy-page .footer-bottom{max-width:1320px;margin:auto}
.journey-nav{position:fixed;z-index:60;bottom:20px;left:50%;transform:translate(-50%,16px);display:flex;align-items:center;gap:10px;padding:5px 12px;background:#fffffff5;border:1px solid #e4eadf;box-shadow:0 4px 24px #254c3210;border-radius:30px;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;backdrop-filter:blur(8px)}
.journey-nav.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.journey-nav>a{font-size:10px;line-height:34px;min-width:36px;text-align:center;color:#789080;border-radius:20px;transition:background .25s,color .25s}.journey-nav>a[aria-current=step]{background:#e5f6e8;color:#13794f;font-weight:700}.journey-nav>a:hover{color:#13794f}.journey-nav>span{height:1px;width:10px;background:#d2dfcf}
.legacy-controls{position:fixed;z-index:65;right:22px;bottom:21px;display:flex;align-items:center;gap:10px}.legacy-controls[hidden]{display:none}
.motion-toggle{border:1px solid #e0e8db;display:flex;align-items:center;gap:8px;cursor:pointer;color:#54765b;background:#fffffff2;border-radius:30px;padding:9px 13px;font-size:9px;min-height:40px;box-shadow:0 3px 16px #29452b08}.motion-icon{font-size:13px;min-width:13px;line-height:1}.motion-toggle:hover{background:#eef7ed}.motion-toggle:disabled{cursor:default}
.back-to-top{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#24b77d;color:#fff;font-size:21px;box-shadow:0 3px 12px #157d5826}.back-to-top:hover{background:#15815e}
.legacy-motion-paused .ticker-track{animation-play-state:paused}
@media(min-width:1600px){.legacy-intro{padding-top:65px}.legacy-intro h1{font-size:78px}.origin-illustration{max-width:1150px;padding-inline:140px}.legacy-chapter{min-height:520px}.chapter-copy h2{font-size:52px}.chapter-copy>p:not(.legacy-eyebrow){font-size:13px}}
@media(max-width:1100px){.legacy-chapter{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);min-height:455px}.chapter-art{width:120%}.chapter-copy h2{font-size:35px}.chapter-copy h2 br{display:none}.chapter-stats{gap:20px}.legacy-page .desktop-nav{gap:23px}.origin-illustration{max-width:900px;padding-inline:110px}.origin-value{font-size:12px}.origin-value span{width:28px}.legacy-controls .motion-label{display:none}.motion-toggle{width:40px;justify-content:center;padding:9px}.legacy-scale dd>span{display:block;margin:7px 0 0}}
@media(max-width:900px){.legacy-page .site-header{height:80px}.legacy-intro{padding-top:38px}.legacy-intro h1{font-size:clamp(39px,6vw,58px)}.legacy-chapter{min-height:460px;grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr)}.legacy-journey{padding-inline:30px}.chapter-copy h2{font-size:31px}.chapter-copy>p:not(.legacy-eyebrow){font-size:11px}.chapter-copy .legacy-eyebrow{font-size:7px;letter-spacing:.1em}.chapter-stats{gap:14px}.chapter-stats>div{min-width:44px}.chapter-stats dd{font-size:25px}.chapter-art figcaption{font-size:6px;letter-spacing:.08em}.journey-road{width:130px}.road-edge{stroke-width:73}.road-surface{stroke-width:59}.journey-truck{width:39px;height:86px}.road-trees{width:105px;left:15px}.trees-two{width:90px;left:0}.origin-illustration{padding-inline:75px}.value-care{left:8px;top:15%}.value-trust{left:8px;bottom:8%}.value-discipline{right:8px;bottom:18%}.origin-value{font-size:11px}.origin-value span{display:none}.legacy-intro-copy{font-size:13px}.legacy-intention{gap:20px}.legacy-intention p{font-size:9px}.legacy-eyebrow{font-size:8px}.legacy-finale{padding-top:55px}.finale-art{width:90%}.legacy-finale h2{font-size:41px}.legacy-scale{max-width:720px}.legacy-controls{right:14px}}
@media(max-width:700px){.legacy-page .site-header{height:76px;padding-inline:23px}.legacy-page .brand{width:99px}.legacy-intro{padding:35px 20px 25px}.legacy-intro>.legacy-eyebrow{font-size:7px;letter-spacing:.13em}.legacy-intro h1{font-size:clamp(36px,8.6vw,55px);max-width:520px;margin:15px auto 16px;line-height:.98;text-wrap:balance}.legacy-intro-copy{font-size:12px;line-height:1.75}.origin-illustration{padding:27px 0 37px;margin:5px auto 10px;max-width:510px}.field-illustration{width:100%}.origin-value{font-size:9px;line-height:1.45}.value-care{top:13px;left:14px}.value-trust{bottom:4px;left:14px}.value-discipline{bottom:9px;right:10px}.legacy-scroll{font-size:6px;letter-spacing:.09em;gap:10px;margin-top:8px}.legacy-scroll>span{font-size:18px}.legacy-intention{padding:19px 25px;gap:15px}.legacy-intention p{font-size:8px;line-height:1.8;letter-spacing:.09em;max-width:270px}.legacy-intention>span{font-size:16px}.legacy-journey{padding:15px 24px 35px 96px}.legacy-chapter{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:21px 0 39px;scroll-margin-top:92px}.chapter-copy{order:0;max-width:none;padding:10px 0 0}.chapter-art{order:1;max-width:460px;width:calc(100% + 25px);align-self:center;margin:5px 0 0;flex-shrink:0}.chapter-copy h2{font-size:clamp(31px,6.5vw,43px);line-height:1.02;margin-bottom:16px}.chapter-copy .legacy-eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:13px}.chapter-copy>p:not(.legacy-eyebrow){font-size:11px;line-height:1.85;margin-top:10px;max-width:none}.chapter-copy>p.chapter-principle{margin-top:15px;gap:7px}.chapter-principle::before{width:12px}.chapter-stats{gap:24px;min-width:90%;margin:18px 0 15px;padding:13px 0}.chapter-stats>div{min-width:40px}.chapter-stats dd{font-size:27px}.chapter-stats dt{font-size:8px}.chapter-art figcaption{bottom:0;font-size:6px}.journey-road{left:12px;width:67px;transform:none}.road-edge{stroke-width:44}.road-surface{stroke-width:35}.road-dashes{stroke-width:1.5;stroke-dasharray:6 14}.journey-truck{width:28px;height:62px;left:38px}.road-marker{width:8px;height:8px}.road-marker>span{left:10px;top:-7px;font-size:7px;line-height:20px;padding:0 3px}.road-trees{width:71px;left:0}.trees-one{top:38%}.trees-two{left:-5px;top:76%;width:62px}.legacy-finale{padding:48px 24px 65px;scroll-margin-top:96px}.legacy-finale h2{font-size:clamp(33px,7vw,43px);max-width:420px;margin:auto;text-wrap:balance}.legacy-finale>.legacy-eyebrow{font-size:7px}.finale-intro{font-size:12px;margin-top:15px}.finale-art{width:calc(100% + 28px);margin:15px -14px 20px}.finale-copy{font-size:11px;max-width:480px}.legacy-scale{margin:25px auto;padding:20px 0;gap:0}.legacy-scale>div{padding:0 8px;gap:10px}.legacy-scale dd{font-size:32px}.legacy-scale dd>span{font-size:10px}.legacy-scale dt{font-size:7px;line-height:1.65;letter-spacing:0}.finale-copy .single-grain{font-size:19px;margin-top:22px}.legacy-cta{margin-top:30px;padding-top:29px}.legacy-cta p{font-size:20px}.legacy-cta .button{padding:12px 23px;margin-top:20px}.legacy-page .site-footer{padding-bottom:90px}.journey-nav{bottom:15px;left:15px;transform:translate(0,16px);gap:1px;padding:3px 7px}.journey-nav.is-visible{transform:translate(0,0)}.journey-nav>a{font-size:9px;min-width:32px;line-height:34px}.journey-nav>span{width:5px}.legacy-controls{right:12px;bottom:16px;gap:6px}.motion-toggle,.back-to-top{width:36px;min-height:36px;height:36px}.back-to-top{font-size:18px}.motion-toggle{padding:8px}}
@media(max-width:360px){.legacy-journey{padding-left:80px;padding-right:19px}.journey-road{left:6px;width:60px}.chapter-copy h2{font-size:29px}.chapter-stats{gap:15px}.legacy-intro h1{font-size:34px}.legacy-eyebrow{letter-spacing:.09em}.journey-nav{left:10px;padding-inline:4px}.journey-nav>a{min-width:29px;font-size:8px}.journey-nav>span{width:3px}.legacy-controls{right:8px;gap:5px}.legacy-controls>*{width:34px;height:34px;min-height:34px}.legacy-scale dd{font-size:27px}.legacy-scale dt{font-size:6px}}
@media(max-width:700px){.road-marker>span{display:none}.chapter-copy>p:not(.legacy-eyebrow){font-size:12px}.finale-copy{font-size:12px}}
@media(prefers-reduced-motion:reduce){.animated-scene>video{display:none}.journey-truck{will-change:auto}.journey-nav,.legacy-controls,.truck-era{transition:none}.legacy-page .header-progress{display:block}}