/* MK014 — a scroll-driven, three-beat kinetic product poster. */
.growth{position:relative;isolation:isolate;color:#eef5e9;background:#173e30;--g-ink:#173e30;--g-mint:#d4e8cb}
.growth-stage{position:relative;isolation:isolate;overflow:hidden;background:#173e30}
.growth-first{position:relative;min-height:800px;padding:112px 32px 48px;overflow:hidden}
.growth-heading{position:relative;z-index:4;text-align:center;pointer-events:none}
.growth-eyebrow{font-size:14px;line-height:1.5;font-weight:400;letter-spacing:.055em;margin:0 0 24px}
.growth-heading h2{font-size:clamp(48px,5.2vw,80px);font-weight:400;letter-spacing:-.065em;line-height:1.02;margin:0}
.growth-type{position:absolute;left:50%;top:48%;width:max-content;transform:translate(-50%,-50%);pointer-events:none;z-index:0;color:#86b598}
.growth-type span{display:block;font-size:28vw;font-weight:500;line-height:.85;letter-spacing:-.07em;white-space:nowrap}
.growth-deck{position:relative;z-index:2;perspective:1100px;height:620px;margin:24px auto 0;pointer-events:none}
.growth-deck-inner{position:absolute;inset:0;transform-style:preserve-3d}
.growth-card{position:absolute;width:clamp(190px,18vw,260px);height:clamp(280px,27vw,380px);left:50%;top:50%;margin:0;padding:5px;border-radius:5px;background:#fafbf5;border:1px solid #d4e8cb44;box-shadow:0 4px 12px #041b1726;transform:translate(calc(-50% + var(--gi)*min(18vw,230px)),calc(-50% + abs(var(--gi))*20px)) rotate(calc(var(--gi)*7deg));overflow:hidden;backface-visibility:hidden;will-change:transform}
.growth-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:2px}
.growth-foot{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;max-width:1344px;gap:32px;margin:auto;font-size:14px;line-height:1.5;color:#d4e8cb}
.growth-foot p{margin:0}.growth-scroll{display:none;align-items:center;gap:20px}.growth-scroll-arrow{font-size:24px;line-height:1}
.growth-progress{display:none;width:100px;height:2px;background:#739b83}
.growth-progress i{display:block;width:100%;height:100%;background:#eef5e9;transform-origin:left;transform:scaleX(var(--g-progress,0))}
.growth-reveal{position:relative;isolation:isolate;min-height:670px;display:grid;place-items:center;padding:88px 32px 112px;background:#d4e8cb;color:#173e30;overflow:hidden}
.growth-brand-wrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:-1}
.growth-brand{display:block;width:min(1000px,94vw);height:auto;color:#173e30;opacity:.07;transform:rotate(-12deg)}
.growth-conclusion{max-width:900px;margin:auto;text-align:center}
.growth-conclusion h3{font-size:clamp(48px,5.3vw,80px);font-weight:400;line-height:1.07;letter-spacing:-.06em;margin:0 0 28px}
.growth-explanation{max-width:510px;margin:0 auto 28px;font-size:18px;line-height:1.6;text-wrap:pretty}
.growth-explanation strong{font-weight:500}
.growth-cta{position:relative;display:inline-flex;min-height:52px;align-items:center;justify-content:space-between;gap:40px;padding:14px 18px;background:#173e30;color:#eef5e9;border:1px solid #173e30;border-radius:6px;font:inherit;font-size:16px;cursor:pointer;transition:background .2s,transform .35s cubic-bezier(.2,.7,.2,1)}
.growth-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .3s}
.growth-cta:hover{background:#254f3e}.growth-cta:hover svg{transform:translate(3px,-3px)}
.growth-cta:focus-visible{outline:2px solid #173e30;outline-offset:6px}
.growth-scope{position:absolute;left:24px;right:24px;bottom:32px;text-align:center;font-size:14px;line-height:1.5;margin:0}
/* Progressive enhancement: no wheel/touch interception, just native sticky scrolling. */
.growth-ready .growth-runway{height:310svh;min-height:2200px}
.growth-ready .growth-stage{position:sticky;top:0;height:100svh;min-height:700px}
.growth-ready .growth-first{position:absolute;inset:0;min-height:0;padding:0}
.growth-ready .growth-heading{position:absolute;top:124px;left:24px;right:24px}
.growth-ready .growth-deck{position:absolute;left:0;right:0;top:56%;height:0;margin:0}
.growth-ready .growth-card{top:0}
.growth-ready .growth-foot{position:absolute;bottom:42px;left:32px;right:32px}
.growth-ready .growth-scroll,.growth-ready .growth-progress{display:flex}
.growth-ready .growth-reveal{position:absolute;inset:0;min-height:0;padding:120px 32px 96px;z-index:6;clip-path:circle(0% at 50% 65%);pointer-events:none;visibility:hidden}
.growth-ready .growth-reveal.is-visible{visibility:visible}
.growth-ready .growth-reveal.is-active{pointer-events:auto}
.growth-ready .growth-conclusion{will-change:transform,opacity}
.growth-ready .growth-first{will-change:opacity}
@media(max-width:1100px){.growth-ready .growth-heading{top:120px}.growth-heading h2{font-size:64px}.growth-conclusion h3{font-size:64px}.growth-card{width:210px;height:310px}.growth-foot{gap:24px}.growth-progress{width:70px}}
@media(max-width:760px){.growth-first{min-height:660px;padding:96px 20px 32px}.growth-eyebrow{font-size:14px;letter-spacing:.015em;margin-bottom:24px}.growth-heading h2{font-size:46px;line-height:1.04}.growth-type{top:50%}.growth-type span{font-size:39vw}.growth-deck{height:380px;margin-top:32px}.growth-card{width:144px;height:214px;padding:4px;transform:translate(calc(-50% + var(--gi)*76px),calc(-50% + abs(var(--gi))*20px)) rotate(calc(var(--gi)*10deg))}.growth-foot{display:block;font-size:14px}.growth-reveal{min-height:700px;padding:88px 20px 112px}.growth-conclusion h3{font-size:46px;line-height:1.08;letter-spacing:-.055em;margin-bottom:28px}.growth-explanation{font-size:16px;line-height:1.65;max-width:360px}.growth-brand{width:130vw;max-width:none}.growth-scope{left:24px;right:24px;bottom:32px}.growth-ready .growth-runway{height:270svh;min-height:1800px}.growth-ready .growth-stage{min-height:670px}.growth-ready .growth-heading{top:116px;left:20px;right:20px}.growth-ready .growth-heading h2{font-size:46px}.growth-ready .growth-deck{top:57%}.growth-ready .growth-foot{left:20px;right:20px;bottom:32px;display:grid;grid-template-columns:1fr auto;gap:20px}.growth-ready .growth-foot p{max-width:215px}.growth-ready .growth-scroll{grid-column:1;gap:12px}.growth-ready .growth-scroll span:first-child{max-width:210px}.growth-ready .growth-progress{grid-column:2;grid-row:1 / 3;width:48px}.growth-ready .growth-reveal{padding:116px 20px 104px}.growth-cta{font-size:16px;gap:32px}}
@media(max-width:360px){.growth-ready .growth-heading h2,.growth-heading h2{font-size:40px}.growth-eyebrow{font-size:14px;max-width:270px;margin-left:auto;margin-right:auto}.growth-conclusion h3{font-size:40px}.growth-card{width:132px;height:196px}.growth-ready .growth-deck{top:58%}.growth-ready .growth-foot{bottom:24px}.growth-ready .growth-heading{top:108px}.growth-scope{left:20px;right:20px;font-size:14px}}
@media(max-height:760px) and (min-width:761px){.growth-ready .growth-stage{min-height:650px}.growth-ready .growth-heading{top:108px}.growth-heading h2{font-size:48px}.growth-card{width:170px;height:244px}.growth-ready .growth-deck{top:61%}.growth-ready .growth-foot{bottom:20px}.growth-type{top:58%}.growth-type span{font-size:20vw}.growth-conclusion h3{font-size:56px}}
@media(prefers-reduced-motion:reduce){html:not([data-home-motion="full"]) .growth-card,html:not([data-home-motion="full"]) .growth-conclusion,html:not([data-home-motion="full"]) .growth-first{will-change:auto}html:not([data-home-motion="full"]) .growth-cta,html:not([data-home-motion="full"]) .growth-cta svg{transition:none}html:not([data-home-motion="full"]) .growth-scroll,html:not([data-home-motion="full"]) .growth-progress{display:none!important}}
/* Keep the same animated stage readable in short Codespaces/landscape viewports. */
@media(max-height:599px){
 .growth-ready .growth-stage{height:100svh;min-height:0}
 .growth-ready .growth-heading{top:96px;left:20px;right:20px}
 .growth-ready .growth-heading h2{font-size:clamp(28px,7svh,36px)}
 .growth-ready .growth-eyebrow{margin-bottom:12px}
 .growth-ready .growth-deck{top:61%}
 .growth-ready .growth-card{height:clamp(140px,40svh,210px);width:clamp(96px,27svh,144px)}
 .growth-ready .growth-foot{bottom:16px}
 .growth-ready .growth-reveal{padding:96px 20px 56px}
 .growth-ready .growth-conclusion h3{font-size:clamp(28px,7svh,36px);line-height:1.05;margin-bottom:16px}
 .growth-ready .growth-explanation{font-size:14px;line-height:1.45;margin-bottom:16px}
 .growth-ready .growth-cta{min-height:44px;padding:10px 14px;font-size:14px}
 .growth-ready .growth-scope{bottom:12px;font-size:12px;line-height:1.4}
}