/* Readable, content-sized scenes. Pinning is enabled only after a fit measurement. */
:root{--header-height:82px}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
h1,h2,h3,p,.button,.questions summary{word-break:keep-all;overflow-wrap:anywhere}
h2,h3{letter-spacing:-.045em}p{letter-spacing:-.02em}.copy-break,.optional-break{display:none}
.hero{height:auto;min-height:0;background:var(--scene-bg,var(--green));color:var(--scene-ink,#102719)}
.hero-sticky{position:relative;top:0;height:auto;min-height:0;padding:26px 4% 0;overflow:visible;display:grid;grid-template-rows:auto 1fr auto auto;gap:24px;background:var(--scene-bg,var(--green));transition:background-color .6s,color .6s}
.hero-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center;min-height:0;height:auto;max-height:none;margin:0}
.hero-copy,.hero-scenes{padding:0;min-width:0;min-height:0;height:auto}
.hero-scene{padding:22px 0 32px;min-width:0}
.hero-scene h1{font-size:clamp(46px,5.9vw,96px);line-height:1.08;margin:0 0 26px;letter-spacing:-.065em;white-space:normal}
.hero-line{white-space:nowrap}.hero .serif-line,.chapter-title em{color:var(--scene-accent,#f1f4df)}
.hero-kicker{font-size:13px;font-weight:500;letter-spacing:.005em;margin:0 0 22px}
.hero-description{gap:16px;margin:0 0 24px}.hero-description p,.chapter-copy{font-size:14px;line-height:1.85;max-width:37em}
.chapter-title{font-size:clamp(34px,min(4.1vw,6svh),64px);font-weight:600;line-height:1.28;letter-spacing:-.045em;margin:0 0 24px}
.chapter-copy{margin:0 0 24px}.chapter-note{display:inline-block;font-size:10px;line-height:1.7;letter-spacing:.01em;border-top:1px solid currentColor;padding-top:14px;opacity:.7}
.hero-copy .button{min-height:50px;padding:14px 22px;font-size:12px;line-height:1.6;gap:28px;max-width:100%;flex-shrink:0}
.hero .button{background:var(--scene-ink,#102719);border-color:var(--scene-ink,#102719);color:var(--scene-bg,var(--green))}
.brand-stage{height:clamp(280px,48svh,490px);min-height:0;min-width:0;width:100%;margin:0;transform:translate3d(var(--stage-x,0px),var(--stage-y,0px),0) scale(var(--stage-scale,1));will-change:transform}
.hero-ground{bottom:130px;opacity:.12;color:var(--scene-ink,#102719);font-size:28vw;transform:scaleX(var(--word-stretch,1));transform-origin:center bottom;overflow:clip}
.hero-controls{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0;border-top:1px solid currentColor;position:relative;z-index:4;margin:0;min-height:56px}
.chapter-buttons{display:flex;gap:22px}.chapter-buttons button{font-size:9px;letter-spacing:.07em;border:0;background:none;padding:9px 0;color:inherit;opacity:.5;position:relative;transition:opacity .3s;line-height:1.5}.chapter-buttons button span{margin-right:7px}
.chapter-buttons button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(var(--chapter-progress,0));transform-origin:left}.chapter-buttons button[aria-pressed=true]{opacity:1}
.hero-control-links{display:flex;gap:20px;align-items:center;font-size:10px}.hero-control-links button{padding:7px 0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font-size:10px}.hero-control-links a:hover,.hero-control-links button:hover{opacity:.65}
.hero-foot{position:relative;inset:auto;height:auto;min-height:45px;margin-top:-24px;padding:12px 0;background:transparent;border-color:#173e2929;line-height:1.7}
.chapter-ruler{position:absolute;right:0;top:50%;height:150px;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-between;font-size:7px;letter-spacing:.1em;opacity:.5}.chapter-ruler span{transform:translateX(var(--ruler-shift,0px))}.chapter-ruler span:nth-child(even){transform:translateX(calc(var(--ruler-shift,0px)*-1))}
.custom-hero-media{position:absolute;inset:5%;display:none;perspective:800px}.custom-hero-media img{width:100%;height:100%;object-fit:contain;filter:none}.hero.use-custom-image canvas{display:none}.hero.use-custom-image .custom-hero-media{display:block}.hero.use-custom-image .brand-fallback{opacity:0}
.media-corner{position:absolute;inset:0;pointer-events:none;background:linear-gradient(currentColor,currentColor) left top/20px 1px no-repeat,linear-gradient(currentColor,currentColor) left top/1px 20px no-repeat,linear-gradient(currentColor,currentColor) right bottom/20px 1px no-repeat,linear-gradient(currentColor,currentColor) right bottom/1px 20px no-repeat;opacity:.4}
.hero-measuring .hero-scenes,.cinema-ready .hero-scenes{display:grid;align-items:start;isolation:isolate}
.hero-measuring .hero-scene,.cinema-ready .hero-scene{grid-area:1/1;position:relative;inset:auto;align-self:start;opacity:var(--scene-opacity,0);transform:translate3d(0,var(--scene-shift,0px),0);pointer-events:none;will-change:transform,opacity;clip-path:none}
.cinema-ready .hero-scene.is-current{pointer-events:auto;z-index:2}
.cinema-ready .hero{height:var(--hero-height);min-height:0}
.cinema-ready .hero-sticky{position:sticky;top:var(--header-height);height:var(--stage-height);min-height:0;overflow:visible}
.cinema-ready .hero-main{align-self:center}
.hero:not(.unused) .hero-index{min-width:0}
/* Perspective chapter: its title occupies a full viewport before the fill begins. */
.intro{padding:0;display:block;overflow:visible;background:#111e17}
.intro-stage{position:relative;padding:38px 6% 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 8%;overflow:clip;min-width:0;color:#f2f2e9}
.intro-stage>.eyebrow{grid-column:1/-1;margin:0;color:#94b29b}
.intro-display{grid-column:1/-1;font-size:clamp(55px,min(10.5vw,15.5svh),170px);line-height:1;letter-spacing:-.065em;font-weight:800;margin:0 0 8px;transform:none;min-width:0}
.intro-display>span:first-child{transform:translateX(var(--intro-title-x,0px))}.intro-display>span:last-child{transform:translateX(var(--intro-outline-x,0px))}
.intro-display .outline-word{-webkit-text-stroke:.65px #688270;color:transparent;background:linear-gradient(90deg,#00c578 0%,#00c578 var(--intro-fill,0%),transparent var(--intro-fill,0%),transparent 100%);background-clip:text;-webkit-background-clip:text;white-space:nowrap;paint-order:stroke fill}
.intro-copy{grid-column:2;grid-row:3/5;min-width:0}.intro-copy h2{font-size:clamp(24px,2.2vw,34px);margin-bottom:22px;line-height:1.5;letter-spacing:-.04em}.intro-copy p{font-size:13px;line-height:1.9;margin-bottom:16px;color:#aabdab}
.principles{grid-column:1;grid-row:3;align-self:start;margin:0;z-index:1}.principles>div{padding:18px 0;gap:8px 14px}.principles p{font-size:11px;line-height:1.8;max-width:31em}.principles strong{font-weight:600;letter-spacing:-.025em}
.manifesto-meter{grid-column:1;grid-row:4;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:38px;gap:20px;margin:0;border-top:1px solid #36523e;padding-top:14px;overflow:hidden}.manifesto-meter i{display:none}.manifesto-meter span{font-size:8px;letter-spacing:.12em;color:#8ca691}.manifesto-meter b{font-size:38px;color:#00c578;font-weight:400;line-height:1;transform:translateX(var(--manifesto-arrow,0px)) rotate(var(--manifesto-angle,0deg))}
.intro.is-pinned{height:var(--intro-height)}.intro.is-pinned .intro-stage{position:sticky;top:var(--header-height);height:var(--stage-height);align-content:center}
/* Two explicit columns avoid percentage padding being based on the entire track. */
.services{height:auto;min-height:0;padding:64px 0}.services-stage{position:relative;top:0;height:auto;min-height:0;padding:0;overflow:visible}
.services .section-head{margin-bottom:32px;gap:36px}.services h2{font-size:clamp(27px,2.5vw,38px)}.services .section-head>p{max-width:350px}
.service-window{padding:10px 6% 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#647c64 #e9ede3}
.service-list{gap:28px;transform:none;align-items:stretch}
.service-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:1fr;gap:0;width:min(860px,82vw);height:auto;min-height:370px;padding:0;border-radius:3px;overflow:hidden;scroll-snap-align:center;opacity:1;transform:none}
.service-body{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:20px 16px;min-width:0;padding:32px 28px}
.service-row>div.service-body{grid-column:1}.service-body .number{grid-column:1;grid-row:1/4;padding-top:4px}.service-body>div{grid-column:2;min-width:0}.service-body small{display:block;font-size:8px;letter-spacing:.06em;color:#5a7451}.service-body h3{font-size:clamp(23px,2.1vw,30px);margin:12px 0 0;line-height:1.45}.service-body>p{grid-column:2;min-width:0;margin:0;font-size:13px;line-height:1.85;color:#607057}.service-body .round-arrow{grid-column:2;position:static;align-self:end;margin:0;width:38px;height:38px}
.service-art{position:relative;inset:auto;grid-column:2;grid-row:1;width:auto;height:auto;min-width:0;padding:26px 22px;clip-path:none}.service-art .art-label{font-size:8px;line-height:1.6}.service-art>small{font-size:10px;line-height:1.8}
.scan-tag{max-width:60%;text-align:center}.scan-field:before{width:min(180px,90%);aspect-ratio:1;height:auto}.scan-field:after{width:min(120px,65%);aspect-ratio:1;height:auto}
.campaign-layers>span:first-child{transform:translateY(var(--layer-separation,0px)) rotateX(35deg) rotateZ(-8deg)}.campaign-layers>span:nth-child(3){transform:translateY(calc(var(--layer-separation,0px)*-1)) rotateX(35deg) rotateZ(-8deg)}
.monitor-cycle{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px 14px;margin:auto 0;padding:24px 0;align-items:center;text-align:center}.monitor-cycle>span{font-size:34px;line-height:1.2;letter-spacing:-.035em;color:#d1e5cc;position:relative;z-index:1}.monitor-cycle>span:first-child{grid-column:1/-1}.monitor-cycle>span:nth-last-of-type(1){color:#00c578}.monitor-cycle i{font-style:normal;font-size:8px;letter-spacing:.1em;display:block;margin-top:9px;color:#94b59a}.cycle-arrow{position:absolute;right:23%;top:42%;font-size:22px;line-height:1;color:#00c578;transform:rotate(calc(var(--monitor-progress,0)*80deg))}.cycle-return{left:16%;right:auto;top:43%;transform:rotate(calc(var(--monitor-progress,0)*-80deg))}.monitor-cycle:before{content:'';position:absolute;width:145px;height:145px;border:1px dashed #567d5e;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--monitor-progress,0)*180deg));opacity:.45}
.services.is-pinned{padding:0;height:var(--services-height)}.services.is-pinned .services-stage{position:sticky;top:var(--header-height);height:var(--stage-height);display:flex;flex-direction:column;justify-content:center;padding:28px 0}.services.is-pinned .service-window{overflow:hidden;scroll-snap-type:none}.services.is-pinned .service-list{transform:translate3d(var(--services-x,0px),0,0)}
.services.is-pinned .service-row{transform:perspective(1600px) rotateY(var(--card-turn,0deg)) scale(var(--card-scale,1));transform-origin:center;will-change:transform}
.service-progress{margin:22px 6% 0}.service-progress>span:last-child{display:block}
/* Evidence stays readable while the outer card responds to scrolling. */
.case-visual{clip-path:none;overflow:hidden}.rank-window{top:150px;bottom:20px;left:7%;right:7%;padding:10px 10px 40px;transform:translateY(var(--proof-y,0px)) rotate(var(--proof-angle,0deg));border-radius:6px;overflow:hidden}
.case:nth-child(even) .rank-window{transform:translateY(var(--proof-y,0px)) rotate(calc(var(--proof-angle,0deg)*-1))}.rank-frame{height:100%;min-height:0}.rank-frame img{min-height:0;height:auto;object-fit:contain}.rank-window>span{bottom:0;padding:12px 8px;line-height:1.6}
.process-sticky{top:calc(var(--header-height) + 28px)}.strategy-view{transform:perspective(1000px) rotateY(var(--process-tilt,0deg));overflow:hidden}.strategy-orbit:after{content:'';position:absolute;inset:10%;border:1px solid #00c57833;transform:rotate(var(--process-square,45deg))}.strategy-orbit svg{transition:none}.strategy-orbit{max-width:min(285px,35svh)}
.process-grid{row-gap:48px}.routine{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:14px 8%;margin:0;padding:30px;align-items:start}.routine>span{grid-column:1}.routine h3{grid-column:1;grid-row:2/4;font-size:22px;line-height:1.6;margin:0;max-width:20em}.routine p{grid-column:1;font-size:12px;margin:0}.routine>small{grid-column:1/-1}.review-point{grid-column:2;display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #385943;padding:15px 0;font-size:22px;letter-spacing:-.02em}.review-point span{font-size:12px;color:#a3b5a2}.review-point:first-of-type{grid-row:2}.review-point:nth-of-type(2){grid-row:3}
.steps article{min-height:max(410px,60svh);padding:60px 0 60px 28px;opacity:.75}.steps article.is-active{opacity:1}.steps h3{font-size:27px;line-height:1.5;margin-bottom:22px}.steps p{font-size:15px;line-height:1.95;max-width:35em}.steps small{font-size:11px;line-height:1.8}.steps article:before{transform:scaleY(var(--step-progress,0));transition:none}
.about-seal{transform:rotate(var(--seal-turn,-20deg))}.identity-ticker{display:flex;flex-direction:column;margin:80px -3% -20px;font-size:clamp(65px,10vw,165px);font-weight:800;letter-spacing:-.06em;line-height:1.15;white-space:nowrap;overflow:clip;color:#c0ceb5;pointer-events:none}.identity-ticker span:first-child{transform:translateX(var(--identity-a,0px))}.identity-ticker span:last-child{align-self:flex-end;color:#008d51;transform:translateX(var(--identity-b,0px))}.about p{font-size:14px;line-height:1.95}.partnership p{font-size:13px}.partnership p small{font-size:11px;line-height:1.8}
.footer-statement>span{transform:translateX(var(--footer-x,0px));opacity:var(--footer-opacity,1)}.footer-statement>span:last-child{transform:translateX(calc(var(--footer-x,0px)*-1))}
.contact>div:first-child{position:static}.experience-ready .reveal:not(.in-view){opacity:1;transform:none}.experience-ready .reveal{transition:none}
@media(max-width:1100px){:root{--header-height:72px}.hero-sticky{padding-top:22px;gap:20px}.hero-main{gap:20px}.hero-scene h1{font-size:clamp(43px,5.8vw,65px)}.hero-kicker{font-size:12px}.hero-description p,.chapter-copy{font-size:13px}.chapter-title{font-size:clamp(32px,4vw,47px)}.chapter-ruler{display:none}.brand-stage{height:360px;min-height:0;margin:0}.hero-foot{margin-top:-20px}.chapter-buttons{gap:14px}.chapter-buttons button{font-size:8px}.hero-control-links{gap:14px;font-size:9px}.hero-control-links button{font-size:9px}.service-row{width:86vw;min-height:360px}.service-body{padding:28px 22px;gap:16px 12px}.service-body h3{font-size:25px}.service-body>p{font-size:12px}.intro-copy h2{font-size:27px}.intro-stage{gap:22px 7%}.intro-display{font-size:clamp(55px,min(10.5vw,14svh),140px)}.process-grid{column-gap:7%}.steps h3{font-size:24px}.steps p{font-size:14px}}
@media(max-width:700px){:root{--header-height:70px}.hero-sticky{padding:22px 6% 0;gap:20px}.hero-main{grid-template-columns:minmax(0,1fr);gap:8px;margin:0}.hero-index{font-size:7px}.hero-scenes{min-height:0;height:auto}.hero-scene{padding:12px 0 24px}.hero-scene h1{font-size:clamp(38px,10vw,65px);margin-bottom:20px}.hero-kicker{font-size:11px;margin-bottom:17px}.chapter-title{font-size:clamp(29px,8vw,44px);line-height:1.33;margin-bottom:20px}.hero-description p,.chapter-copy{font-size:12px;line-height:1.85;max-width:none}.hero-description{gap:12px;margin-bottom:20px}.chapter-copy{margin-bottom:20px}.chapter-note{font-size:9px}.hero-copy .button{font-size:11px;min-height:46px;padding:12px 18px;gap:24px}.brand-stage{height:clamp(120px,19svh,180px);min-height:0;max-width:300px;position:relative;inset:auto;opacity:1;justify-self:center}.brand-stage .top-left,.brand-stage .crosshair{display:none}.brand-stage .bottom-right{font-size:6px;bottom:5px}.canvas-ready .brand-fallback{width:36px;left:12px;bottom:13px}.hero-ground{display:none}.hero-controls{gap:12px;flex-direction:column;align-items:stretch;min-height:78px;padding:10px 0}.chapter-buttons{justify-content:space-between;gap:7px}.chapter-buttons button{font-size:7px;letter-spacing:.02em;padding:7px 0}.chapter-buttons button span{margin-right:3px}.hero-control-links{justify-content:space-between;font-size:9px}.hero-control-links button{font-size:9px}.hero-foot{min-height:42px;margin-top:-20px;font-size:6px;padding:10px 0}.hero-foot>span:first-child{max-width:150px}.hero-foot a{font-size:6px;gap:10px}.hero:not(.unused) .hero-main{min-height:0}.intro-stage{padding:52px 6%;display:flex;flex-direction:column;gap:28px}.intro-display{font-size:12.8vw;line-height:1.05;margin:8px 0}.intro-display>span{transform:none!important}.intro-copy h2{font-size:27px}.intro-copy p{font-size:13px;line-height:1.95}.principles{margin:0}.principles strong{font-size:16px}.principles p{font-size:12px}.manifesto-meter{display:none}.services{padding:60px 0}.services .section-head{padding:0 6%}.services h2{font-size:28px}.service-window{padding:0 6%;overflow:visible}.service-list{display:grid;gap:24px;width:auto}.service-row{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;width:100%;height:auto;min-height:0;transform:none!important;opacity:1!important}.service-body{padding:26px 22px;grid-template-columns:20px minmax(0,1fr);gap:16px 13px}.service-body h3{font-size:24px;margin-top:10px}.service-body>p{font-size:13px;line-height:1.9}.service-body small{font-size:8px}.service-body .round-arrow{position:static;width:32px;height:32px;font-size:18px}.service-art{grid-column:1;grid-row:2;position:relative;inset:auto;width:auto;height:260px;min-height:0;padding:22px 26px}.campaign-layers,.scan-field{max-width:290px;width:100%;margin:auto}.monitor-cycle{width:260px;max-width:100%;margin:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:35px 0}.monitor-cycle>span,.monitor-cycle>span:first-child{grid-column:auto;font-size:30px}.monitor-cycle:before{width:155px;height:155px}.monitor-cycle .cycle-arrow{top:15%;right:25%;font-size:20px}.monitor-cycle .cycle-return{top:auto;bottom:9%;left:23%;right:auto}.monitor-cycle i{font-size:6px}.service-progress>span:last-child{display:none}.case-visual{height:450px}.rank-window{top:145px;bottom:18px}.rank-frame{min-height:0}.process-grid{gap:32px}.process-sticky{position:static}.strategy-view{transform:none!important}.strategy-orbit{max-width:235px}.steps article{min-height:350px;padding:55px 0 40px 22px}.steps h3{font-size:23px}.steps p{font-size:14px;line-height:1.95}.routine{display:flex;flex-direction:column;gap:16px;padding:24px 22px}.routine h3{font-size:20px}.routine p{font-size:12px}.review-point{width:100%;font-size:21px;padding:12px 0}.review-point span{font-size:11px}.identity-ticker{font-size:13.6vw;margin-top:50px;line-height:1.2}.about p{font-size:13px}.partnership p{font-size:12px}.partnership p small{font-size:10px}.about-seal{right:0}.footer-statement{font-size:10vw;line-height:1.15}}
@media(max-height:760px) and (min-width:701px){.hero-sticky{gap:16px;padding-top:18px}.hero-scene{padding:10px 0 20px}.hero-scene h1{font-size:clamp(42px,5.6vw,72px);margin-bottom:20px}.chapter-title{font-size:clamp(30px,5.5svh,42px);margin-bottom:18px}.hero-kicker{margin-bottom:14px;font-size:11px}.hero-description p,.chapter-copy{font-size:12px;line-height:1.8}.chapter-copy,.hero-description{margin-bottom:18px}.brand-stage{height:300px}.hero-foot{margin-top:-16px}.hero-controls{min-height:48px;padding:8px 0}.chapter-buttons button{padding:7px 0}.process-sticky{position:sticky;top:calc(var(--header-height) + 22px)}.strategy-orbit{max-width:220px}.strategy-view{padding:20px}.service-row{min-height:330px}.services h2{font-size:29px}.services .section-head{margin-bottom:22px}.service-body h3{font-size:23px}.service-body{padding:24px;gap:14px}.service-body>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-ground,.manifesto-meter{display:none}.hero-scene,.brand-stage,.intro-display span,.service-row,.strategy-view,.rank-window,.identity-ticker span,.footer-statement>span{transform:none!important;opacity:1!important;clip-path:none!important}.intro-display .outline-word{background:none;color:#00c578;-webkit-text-stroke:0}.steps article:before{transform:none}.chapter-buttons,#motion-toggle{display:none}.hero-control-links{margin-left:auto}}
html.cms-editing .hero{height:auto!important}html.cms-editing .hero-sticky{position:relative!important;top:0!important;height:auto!important}html.cms-editing .hero-scenes{display:block!important}html.cms-editing .hero-scene{opacity:1!important;transform:none!important;pointer-events:auto!important}html.cms-editing .intro,html.cms-editing .services{height:auto!important}html.cms-editing .intro-stage,html.cms-editing .services-stage{position:relative!important;top:0!important;height:auto!important}html.cms-editing .service-list{display:grid;width:auto;transform:none!important}html.cms-editing .service-row{width:100%;transform:none!important}html.cms-editing .chapter-buttons{display:none}html.cms-editing .intro-display .outline-word{background:none;color:#00c578;-webkit-text-stroke:0}html.cms-editing .footer-statement>span{opacity:1;transform:none}
/* Keep the full supplied rank record inside its frame at every card size. */
.rank-frame{height:100%;width:auto;aspect-ratio:1037/1022;max-width:100%;margin:0 auto;min-height:0}.rank-frame img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
/* Explanatory copy is selectable in the editor, including graphic labels. */
html.cms-editing .hero-main{align-items:start}html.cms-editing .brand-stage{position:sticky;top:20px}
/* The perspective title and its explanation share one readable pinned screen. */
.intro-stage{padding-top:clamp(24px,3.6svh,42px);padding-bottom:clamp(28px,4svh,45px)}
.intro-display{font-size:clamp(55px,min(10.5vw,13svh),160px)}
.intro-copy{grid-row:3}.manifesto-meter{position:absolute;right:6%;top:22px;width:205px;min-height:28px;padding:0;border:0;grid-column:auto;grid-row:auto}.manifesto-meter b{font-size:28px}
@media(max-width:700px){.intro-stage{padding-top:52px;padding-bottom:52px}.intro-display{font-size:12.8vw}.manifesto-meter{display:none}}
/* Keep the pinned process illustration inside the four-step row only. */
.process-grid{position:relative;isolation:isolate;align-items:start}
.process-sticky{align-self:start;max-width:100%}
.process>.routine{position:relative;margin-top:clamp(48px,6vw,84px);isolation:isolate;background:#13241b}
/* The service track keeps its animation on short displays as well. */
.services.is-pinned .services-stage{top:var(--services-pin-top,var(--header-height));height:var(--services-stage-height,var(--stage-height))}
.services-measuring .services-stage{display:flex;flex-direction:column;padding:28px 0;min-height:0;height:auto}
.service-navigation{display:flex;gap:25px;margin:16px 6% 0;padding-top:8px;border-top:1px solid #c7d3bd}
.service-navigation button{font-size:10px;padding:10px 0;border:0;background:none;color:#677f5a;line-height:1.7;position:relative}
.service-navigation button[aria-pressed=true]{color:#123d21;font-weight:600}
.service-navigation button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#009c59}
@media(max-width:700px){
 .services.is-pinned{height:var(--services-height)!important;padding:0}
 .services.is-pinned .services-stage{position:sticky;display:flex;flex-direction:column;justify-content:center;top:var(--services-pin-top);height:var(--services-stage-height);padding:24px 0}
 .services-measuring .services-stage{padding:24px 0}
 .services.is-pinned .service-list,.services-measuring .service-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;transform:none!important;align-items:stretch}
 .services.is-pinned .service-row,.services-measuring .service-row{grid-area:1/1;align-self:stretch;opacity:var(--service-opacity,0)!important;transform:translateY(var(--service-shift,0px))!important;transition:none;will-change:opacity,transform}
 .services.is-pinned .service-window{overflow:clip;padding:10px 6% 14px}
 .services-measuring .service-window{padding:10px 6% 14px}
 .service-navigation{justify-content:space-between;gap:10px;margin-top:12px}
 .service-navigation button{font-size:9px}
 .services.is-pinned .service-progress>span:last-child{display:block;font-size:6px}
}
@media(prefers-reduced-motion:reduce){.service-navigation{display:none}}
html.cms-editing .service-navigation{display:none}html.cms-editing .service-row{opacity:1!important}