/* Four readable chapters, in normal document flow. */
.system-story-page { --ss-muted:#5a6554;--ss-dark:#121610; }
.ss-main { overflow:clip; }
.ss-wrap { width:100%;max-width:1800px;padding-left:7vw;padding-right:7vw;margin:auto; }
.ss-main figure { margin:0; }
.ss-main h1,.ss-main h2,.ss-main h3 { font-weight:500; }
.ss-main .ss-dot { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand-lime);flex:none; }
.ss-hero-top { display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:end;padding-top:155px;padding-bottom:50px; }
.ss-hero .section-kicker { font-size:9px;letter-spacing:1.8px; }
.system-story-page .ss-hero h1 { font-size:clamp(64px,6.25vw,108px);line-height:.97;letter-spacing:-.052em;margin:28px 0 0; }
.system-story-page .ss-hero-copy>p { font-size:18px;line-height:1.7;max-width:480px;margin:0 0 20px;color:#424d3e; }
.system-story-page .ss-hero-copy .ss-hero-sub { font-size:13px;line-height:1.8;color:#69735f;margin:0 0 22px; }
.ss-hero .page-actions { gap:20px; }
.ss-hero .text-link { gap:15px;font-size:11px; }
.ss-hero-film { height:clamp(310px,30vw,510px);background:#1d2b20; }
.ss-film { position:relative;isolation:isolate;overflow:hidden; }
.ss-film>picture,.ss-film>video { position:absolute;inset:0;width:100%;height:100%; }
.ss-film>picture img { display:block;width:100%;height:100%;object-fit:cover; }
.ss-film>video { object-fit:cover;opacity:0;transition:opacity .5s;pointer-events:none; }
.ss-film>video.is-playing { opacity:1; }
.ss-hero-film>picture img,.ss-hero-film>video { object-position:center 64%; }
.ss-hero-film:after { content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#06160d8c);pointer-events:none; }
.ss-hero-film figcaption { position:absolute;z-index:1;left:7vw;bottom:33px;color:#fff;font-size:8px;line-height:1.9;letter-spacing:1.5px; }
.ss-hero-film figcaption strong { font-weight:500; }
.ss-film-control { position:absolute;right:4vw;bottom:28px;z-index:3;min-height:44px;padding:11px 17px;background:#111710b0;color:#fff;border:1px solid #ffffff63;border-radius:25px;display:flex;gap:18px;align-items:center;font-size:10px;backdrop-filter:blur(10px); }
.ss-film-control[hidden] { display:none; }
.ss-film-control:hover { background:#111710e8; }
.ss-index { display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #35432a23; }
.ss-index a { display:flex;align-items:center;gap:14px;font-size:11px;line-height:1.5;min-height:46px; }
.ss-index a>span { font-size:9px;color:#7a856c; }
.ss-index b { font-size:20px;font-weight:400;margin-left:auto;color:#667c51; }
.ss-index a:hover { color:#4b7033; }
.ss-chapter { display:grid;grid-template-columns:1fr 1.05fr;gap:8vw;align-items:center;padding-top:95px;padding-bottom:95px;position:relative; }
.ss-chapter-label { display:flex;align-items:center;gap:15px;font-size:8px;line-height:1.6;letter-spacing:1.4px;color:#617052; }
.ss-chapter-label>span { width:34px;height:34px;border:1px solid #7480604d;border-radius:50%;display:grid;place-items:center;flex:none;font-size:9px;letter-spacing:0; }
.system-story-page .ss-copy h2 { font-size:clamp(42px,4.3vw,76px);line-height:1.04;letter-spacing:-.045em;margin:28px 0; }
.system-story-page .ss-copy>p { font-size:16px;line-height:1.85;color:var(--ss-muted);max-width:470px;margin:0 0 20px; }
.ss-copy>p strong { font-weight:500;color:#303c27; }
.system-story-page .ss-copy .ss-takeaway { margin:25px 0 0;padding-top:22px;border-top:1px solid #3646292c;color:#293522;font-size:14px;max-width:410px; }
.ss-photo { position:relative;overflow:hidden; }
.ss-photo img { display:block;width:100%;height:100%;object-fit:cover; }
.ss-photo:after { content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#051207b8);pointer-events:none; }
.ss-photo figcaption { display:flex;align-items:center;gap:11px;position:absolute;z-index:1;bottom:25px;left:27px;right:27px;font-size:7px;letter-spacing:1.5px;color:#fff;line-height:1.7; }
.ss-inventory-photo { aspect-ratio:1.25; }
.ss-inventory-photo img { object-position:56% center; }
.ss-advertising { background:var(--ss-dark);color:var(--paper);min-height:720px;display:flex;align-items:center; }
.ss-advertising>picture img,.ss-advertising>video { object-position:67% center; }
.ss-ad-shade { position:absolute;inset:0;background:linear-gradient(90deg,#09120af2 0%,#0b140ddd 24%,#0c160b8c 43%,#0b160b08 70%),linear-gradient(0deg,#09120c55,transparent 35%);pointer-events:none; }
.ss-ad-copy { position:relative;z-index:1;padding-top:85px;padding-bottom:90px; }
.ss-ad-copy .ss-chapter-label { color:#c5d6b5; }
.ss-ad-copy .ss-chapter-label>span { border-color:#c1d4ac55; }
.system-story-page .ss-ad-copy h2 { font-size:clamp(48px,4.9vw,84px);line-height:1.02;letter-spacing:-.045em;margin:28px 0; }
.ss-ad-copy h2 i { color:#e0efcb; }
.system-story-page .ss-ad-copy>p { max-width:395px;font-size:16px;line-height:1.8;color:#d5ddce;margin:0; }
.ss-channels { display:flex;gap:25px;list-style:none;padding:26px 0 0;margin:30px 0 0;border-top:1px solid #d0dfbf40;width:fit-content; }
.ss-channels strong { display:block;font-size:13px;font-weight:500; }
.ss-channels span { display:block;font-size:9px;line-height:1.7;margin-top:9px;color:#bfcdb2; }
.ss-retargit { grid-template-columns:1.05fr 1fr;gap:9vw;padding-top:100px;padding-bottom:100px; }
.ss-retargit .ss-copy .text-link { margin-top:5px; }
.ss-return-visual { position:relative;background:#e4e8db;max-width:510px;width:100%;padding:30px 40px 26px;justify-self:end; }
.ss-return-heading { display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;font-size:7px;letter-spacing:1.5px;color:#667752; }
.ss-return-symbol { font-size:36px;line-height:1;font-weight:400;color:#718b54; }
.ss-message { background:#fffef9;border:1px solid #cad2bd;box-shadow:0 16px 40px #3448220c; }
.ss-message-from { display:flex;gap:12px;align-items:center;padding:19px 23px; }
.ss-envelope { width:32px;height:32px;display:grid;place-items:center;font-size:21px;border-radius:50%;background:#ecf0e3;color:#57763a; }
.ss-message-from small { display:block;font-size:6px;letter-spacing:1px;color:#718064;margin-bottom:5px; }
.ss-message-from strong { font-weight:500;font-size:12px; }
.ss-message-tag { margin-left:auto;font-size:6px;letter-spacing:1px;color:#718064; }
.ss-message>img { width:100%;height:175px;display:block;object-fit:cover;object-position:55% 60%; }
.ss-message-copy { padding:23px 26px 27px; }
.system-story-page .ss-message-copy h3 { font-size:32px;letter-spacing:-1px;line-height:1.06;margin:0 0 14px; }
.system-story-page .ss-message-copy p { font-size:11px;line-height:1.8;color:#707a66;margin:0 0 20px; }
.ss-message-action { display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--ss-dark);color:#fff;padding:13px 16px;font-size:10px; }
.ss-message-action>span { color:var(--brand-lime);font-size:19px; }
.system-story-page .ss-illustration-note { font-size:6px;letter-spacing:1.2px;color:#748466;line-height:1.6;margin:21px 0 0;text-align:center; }
.ss-handoff-band { background:#e5e8dc; }
.ss-handoff { grid-template-columns:1fr 1.05fr; }
.ss-anchor { position:absolute;top:0;left:0; }
.ss-team-photo { aspect-ratio:.96; }
.ss-team-photo img { object-position:50% 50%; }
.ss-handoff .ss-copy h2 { font-size:clamp(40px,4.05vw,71px); }
.ss-next-sale { display:flex;gap:16px;align-items:flex-start;margin-top:27px;max-width:450px; }
.ss-next-sale>span { font-size:30px;line-height:1.2;color:#627b48; }
.system-story-page .ss-next-sale>p { font-size:12px;line-height:1.8;color:#637257;margin:0; }
.ss-purpose { padding-top:85px;padding-bottom:65px;display:grid;grid-template-columns:1.15fr 1fr;gap:50px 7vw;align-items:center; }
.system-story-page .ss-purpose h2 { font-size:clamp(37px,3.7vw,65px);line-height:1.08;margin:25px 0 0; }
.ss-purpose .section-kicker { font-size:8px;color:#6a795b; }
.system-story-page .ss-purpose-copy p { font-size:15px;line-height:1.85;color:var(--ss-muted);max-width:450px;margin:0 0 19px; }
.ss-purpose .text-link { font-size:11px; }
.ss-trust { grid-column:1/-1;display:flex;align-items:center;gap:50px;border-top:1px solid #3b4f2d25;padding-top:35px; }
.ss-trust>span { max-width:220px;font-size:8px;letter-spacing:1.4px;color:#69765b;line-height:1.8; }
.ss-trust-logos { display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:4vw;flex:1; }
.ss-trust-logos img { width:100%;height:58px;object-fit:contain;max-width:145px;justify-self:center; }
.ss-close { background:var(--ss-dark);color:var(--paper); }
.ss-close>.ss-wrap { display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:center;padding-top:75px;padding-bottom:75px; }
.ss-close .section-kicker { font-size:8px;letter-spacing:1.4px;color:#bdcdb0; }
.system-story-page .ss-close h2 { font-size:clamp(44px,4.5vw,78px);line-height:1.07;margin:25px 0 0; }
.ss-close h2 i { color:#d8edbf; }
.system-story-page .ss-close p { max-width:380px;font-size:16px;line-height:1.8;color:#c0ccb5;margin:0 0 25px; }
.ss-close .button { min-width:175px; }
.ss-reveal { transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1); }
.ss-reveal.ss-pending { opacity:0;transform:translateY(18px); }
@media(min-width:1800px){.ss-wrap{padding-left:126px;padding-right:126px}.ss-ad-copy{max-width:1800px}.ss-hero-film figcaption{left:max(7vw,calc((100vw - 1548px)/2))}}
@media(max-width:1100px){.ss-hero-top{gap:5vw}.system-story-page .ss-hero h1{font-size:6.3vw}.system-story-page .ss-hero-copy>p{font-size:16px}.ss-hero .page-actions{gap:8px 15px}.ss-hero .text-link{font-size:10px}.ss-index{gap:20px}.ss-index a{font-size:10px;gap:10px}.ss-index b{font-size:16px}.ss-chapter{gap:6vw}.system-story-page .ss-copy h2{font-size:4.6vw}.system-story-page .ss-copy>p{font-size:14px}.ss-advertising{min-height:660px}.ss-ad-copy h2{font-size:5.2vw}.ss-return-visual{padding:25px}.ss-message-copy{padding:22px}.system-story-page .ss-message-copy h3{font-size:29px}.ss-message-from{padding:17px}.ss-purpose{gap:40px 6vw}.ss-trust{gap:30px}.ss-trust>span{max-width:175px}.ss-trust-logos{gap:3vw}.ss-trust-logos img{height:50px}}
@media(max-width:800px){
 .ss-hero-top{grid-template-columns:1fr;gap:26px;padding-top:125px;padding-bottom:35px}.system-story-page .ss-hero h1{font-size:clamp(64px,11vw,90px);margin-top:23px}.system-story-page .ss-hero-copy>p{font-size:16px;max-width:540px;margin-bottom:16px}.system-story-page .ss-hero-copy .ss-hero-sub{font-size:12px;margin-bottom:20px}.ss-hero .page-actions{gap:15px 24px}.ss-hero .text-link{font-size:11px}.ss-hero-film{height:340px}.ss-index{grid-template-columns:1fr 1fr;gap:0 25px;padding-top:16px;padding-bottom:16px}.ss-index a{font-size:11px;min-height:55px;gap:12px}.ss-index a:nth-child(n+3){border-top:1px solid #53694322}.ss-chapter{grid-template-columns:1fr 1fr;gap:5vw;padding-top:65px;padding-bottom:65px}.system-story-page .ss-copy h2{font-size:37px;letter-spacing:-1.4px}.ss-chapter-label{font-size:7px;letter-spacing:1px;gap:11px}.ss-chapter-label>span{width:28px;height:28px;font-size:8px}.ss-inventory-photo{aspect-ratio:.87}.ss-photo figcaption{left:19px;right:19px;bottom:19px;font-size:6px}.ss-advertising{display:block;padding-top:380px;min-height:0}.ss-advertising>picture,.ss-advertising>video{height:400px;inset:0 0 auto}.ss-advertising>picture img,.ss-advertising>video{object-position:center 38%}.ss-ad-shade{inset:220px 0 auto;height:180px;background:linear-gradient(transparent,var(--ss-dark))}.ss-ad-copy{padding-top:25px;padding-bottom:55px}.system-story-page .ss-ad-copy h2{font-size:clamp(46px,7vw,65px);margin:25px 0}.system-story-page .ss-ad-copy>p{max-width:480px;font-size:15px}.ss-channels{margin-top:25px;gap:32px}.ss-channels strong{font-size:14px}.ss-channels span{font-size:10px}.ss-advertising .ss-film-control{bottom:auto;top:315px;right:6vw}.ss-return-visual{padding:22px 20px}.ss-message-from{gap:10px;padding:15px}.ss-envelope{width:25px;height:25px;font-size:18px}.ss-message-from strong{font-size:11px}.ss-message-tag{display:none}.ss-message-copy{padding:20px}.system-story-page .ss-message-copy h3{font-size:28px}.ss-message>img{height:145px}.ss-return-heading{font-size:6px;letter-spacing:1px}.ss-purpose{grid-template-columns:1fr;gap:28px;padding-top:60px;padding-bottom:45px}.system-story-page .ss-purpose h2{font-size:46px}.system-story-page .ss-purpose-copy p{max-width:580px;font-size:15px}.ss-trust{gap:25px;display:block;padding-top:25px}.ss-trust>span{max-width:none;font-size:7px}.ss-trust-logos{margin-top:23px;gap:30px}.ss-close>.ss-wrap{gap:5vw}.system-story-page .ss-close h2{font-size:42px}.system-story-page .ss-close p{font-size:14px}.ss-close .section-kicker{font-size:7px;letter-spacing:1px}
}
@media(max-width:600px){
 .ss-wrap{padding-left:7vw;padding-right:7vw}.ss-hero-top{padding-top:116px;gap:23px;padding-bottom:30px}.ss-hero .section-kicker{font-size:7px;letter-spacing:1.2px}.system-story-page .ss-hero h1{font-size:clamp(40px,13vw,78px);margin-top:24px}.system-story-page .ss-hero-copy>p{font-size:15px;line-height:1.75}.system-story-page .ss-hero-copy .ss-hero-sub{font-size:12px;margin-bottom:20px}.ss-hero .button{font-size:12px;min-height:48px;padding-inline:20px}.ss-hero .text-link{font-size:10px;gap:12px}.ss-hero .page-actions{gap:8px 20px}.ss-hero-film{height:310px}.ss-hero-film>picture img,.ss-hero-film>video{object-position:center 62%}.ss-hero-film figcaption{bottom:24px;font-size:6px;letter-spacing:1.2px}.ss-film-control{font-size:9px;gap:12px;right:6vw;bottom:20px;padding:10px 14px}.ss-index{gap:0 22px;padding-top:12px;padding-bottom:12px}.ss-index a{font-size:10px;min-height:67px;gap:9px}.ss-index a>span{font-size:8px}.ss-index a>b{display:none}.ss-chapter{grid-template-columns:1fr;gap:30px;padding-top:52px;padding-bottom:52px}.ss-chapter-label{font-size:7px;letter-spacing:.9px;gap:12px}.ss-chapter-label>span{width:30px;height:30px}.system-story-page .ss-copy h2{font-size:clamp(35px,10.5vw,56px);line-height:1.06;margin:24px 0 22px}.system-story-page .ss-copy>p{font-size:15px;line-height:1.8;max-width:none;margin-bottom:18px}.system-story-page .ss-copy .ss-takeaway{font-size:13px;margin-top:22px;padding-top:19px}.ss-inventory-photo{aspect-ratio:1.15}.ss-photo figcaption{font-size:6px;letter-spacing:1.15px;bottom:22px;left:22px}.ss-advertising{padding-top:310px}.ss-advertising>picture,.ss-advertising>video{height:335px}.ss-advertising>picture img,.ss-advertising>video{object-position:center 30%}.ss-ad-shade{inset:200px 0 auto;height:135px}.ss-ad-copy{padding-top:25px;padding-bottom:50px}.system-story-page .ss-ad-copy h2{font-size:clamp(42px,11.9vw,66px);margin:25px 0 22px}.system-story-page .ss-ad-copy>p{font-size:15px;line-height:1.8}.ss-channels{display:grid;grid-template-columns:1fr;gap:0;width:100%;padding-top:0;margin-top:27px}.ss-channels li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #d0dfbf26}.ss-channels strong{font-size:13px}.ss-channels span{font-size:11px;margin:0}.ss-advertising .ss-film-control{top:245px}.ss-retargit{gap:30px}.ss-return-visual{justify-self:center;max-width:400px;padding:22px 24px}.ss-return-heading{font-size:7px;letter-spacing:1px;margin-bottom:17px}.ss-return-symbol{font-size:33px}.ss-message-from{padding:17px;gap:12px}.ss-envelope{width:30px;height:30px}.ss-message-from strong{font-size:12px}.ss-message-copy{padding:22px}.system-story-page .ss-message-copy h3{font-size:32px}.ss-message>img{height:160px}.ss-message-action{min-height:43px;font-size:10px}.ss-message-copy p{font-size:11px}.ss-retargit .text-link{font-size:12px}.ss-illustration-note{font-size:5.5px!important;letter-spacing:1px!important}.ss-handoff .ss-copy{grid-row:1}.ss-team-photo{aspect-ratio:1.05}.ss-next-sale{gap:14px;margin-top:24px}.system-story-page .ss-next-sale>p{font-size:12px;line-height:1.8}.ss-purpose{padding-top:52px;padding-bottom:45px;gap:25px}.ss-purpose .section-kicker{font-size:7px}.system-story-page .ss-purpose h2{font-size:clamp(33px,9.3vw,51px);margin-top:24px}.system-story-page .ss-purpose-copy p{font-size:15px;line-height:1.8}.ss-purpose .text-link{font-size:11px;gap:16px}.ss-trust{padding-top:25px;margin-top:5px}.ss-trust>span{font-size:6px;letter-spacing:1.2px}.ss-trust-logos{grid-template-columns:1fr 1fr;gap:24px 30px;margin-top:25px}.ss-trust-logos img{max-width:122px;height:48px}.ss-close>.ss-wrap{grid-template-columns:1fr;gap:26px;padding-top:50px;padding-bottom:55px}.ss-close .section-kicker{font-size:6px;letter-spacing:.95px}.system-story-page .ss-close h2{font-size:clamp(36px,10vw,54px);line-height:1.08;margin-top:23px}.system-story-page .ss-close p{font-size:15px;line-height:1.8;margin:0 0 23px}.ss-close .button{min-height:48px;font-size:12px;min-width:178px}
}
@media(max-width:360px){.ss-hero .page-actions{gap:12px;align-items:flex-start;flex-direction:column}.ss-index{gap:0 15px}.ss-index a{font-size:9px}.ss-return-visual{padding-inline:17px}.ss-message-copy{padding:19px}.system-story-page .ss-message-copy h3{font-size:29px}.ss-channels span{font-size:10px}.ss-chapter-label{font-size:6px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.ss-reveal,.ss-film>video{transition:none}.ss-reveal.ss-pending{opacity:1;transform:none}}