/* How We Do It: one continuous story, quiet terrain, field photography. */
.how-story-page{--how-navy:#1a2833;--how-paper:#f4f1eb;--how-orange:#b95a20;background:var(--how-paper)}
.how-story-page .editorial-hero{padding-bottom:72px!important}
.how-story-page .editorial-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:1050px}
.how-story-page .editorial-hero .editorial-button{background:#b95a20!important;border-color:#b95a20!important;color:#fff!important;border-radius:12px}
.how-story-page .editorial-hero .editorial-button:hover{background:#9f4916!important;border-color:#9f4916!important}
.how-story-page .how-phases{background:var(--how-paper)!important;padding-bottom:0!important}
.how-story-page .how-phase-intro{max-width:800px;margin:0 auto 48px}
.how-story-page .how-eyebrow{font:700 .8rem/1.5 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#a94c18;margin-bottom:18px}
.how-story-page .how-phase-intro h2{font-size:clamp(2rem,3.8vw,3.2rem)}
.how-story-page .how-phase-intro p:not(.how-eyebrow){font-size:1.1rem;line-height:1.75;max-width:720px}
.how-story-page .how-video{width:100%;max-width:1180px;margin:0 auto;background:var(--how-navy);line-height:0;aspect-ratio:16/9;overflow:hidden}
.how-story-page .how-video iframe,.how-story-page .how-video video{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;border:0;border-radius:0!important;margin:0!important;aspect-ratio:16/9}
.how-story-page .how-phase-story{position:relative;max-width:1040px;margin:72px auto 0;padding-bottom:80px;--phase-progress:0px}
.how-story-page .how-phase-story:before,.how-story-page .how-phase-story:after{content:"";position:absolute;left:21px;top:20px;width:1px;pointer-events:none}
.how-story-page .how-phase-story:before{bottom:0;background:#d8d0c3}
.how-story-page .how-phase-story:after{height:var(--phase-progress);max-height:calc(100% - 20px);background:#b95a20}
.how-story-page .how-phase{position:relative;padding:0 0 64px 90px;margin:0;border:0}
.how-story-page .how-phase:last-child{padding-bottom:0}
.how-story-page .how-phase-number{position:absolute;left:0;top:0;width:44px;padding:7px 0;background:var(--how-paper);z-index:1;text-align:center;color:#a94c18;font:700 .85rem/1.5 'Inter',Arial,sans-serif;letter-spacing:.08em}
.how-story-page .how-phase-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.how-story-page .how-phase-title{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:18px;line-height:1.15}
.how-story-page .how-phase-description p{font:400 1.05rem/1.75 'Inter',Arial,sans-serif;color:#414b50}
.how-story-page .how-phase-photo{margin:0;overflow:hidden;aspect-ratio:4/3}
.how-story-page .how-phase-photo img{width:100%;height:100%;object-fit:cover;border-radius:0;filter:none}
.how-story-page .how-phase:nth-child(even) .how-phase-copy{order:2}
.how-story-page .how-phase:nth-child(even) .how-phase-photo{order:1}
.how-story-page .how-phase-story.has-how-motion .how-phase-copy,.how-story-page .how-phase-story.has-how-motion .how-phase-photo{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.how-story-page .how-phase-story.has-how-motion .how-phase-photo{transition-delay:.12s}
.how-story-page .how-phase-story.has-how-motion .how-phase-number{opacity:.3;transition:opacity .75s ease}
.how-story-page .how-phase-story.has-how-motion .is-shown :is(.how-phase-copy,.how-phase-photo,.how-phase-number){opacity:1;transform:none}
.how-story-page .how-overview-film{padding:0;background:var(--how-navy)}
.how-story-page .strategy-section{background:#ede8de!important;padding-top:80px!important;padding-bottom:80px!important}
.how-story-page .strategy-section>.layout-row{max-width:920px;margin:0 auto 40px}
.how-story-page .strategy-section>.layout-row h3{font-size:clamp(1.8rem,3vw,2.5rem)}
.how-story-page .how-strategy-carousel{margin:40px 0}
.how-story-page .how-strategy-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 max(28px,calc((100vw - 1180px)/2)) 8px;width:100vw;margin-left:calc(50% - 50vw)}
.how-story-page .how-strategy-track::-webkit-scrollbar{display:none}
.how-story-page .how-strategy-card{position:relative;isolation:isolate;flex:0 0 390px;min-height:650px;overflow:hidden;border-radius:24px;background:var(--how-navy);color:#fff;scroll-snap-align:start;margin:0;border:0}
.how-story-page .how-strategy-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;z-index:-2;filter:none}
.how-story-page .how-strategy-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1a2833 0%,rgba(26,40,51,.97) 24%,rgba(26,40,51,.84) 43%,rgba(26,40,51,.38) 65%,rgba(26,40,51,.05) 100%)}
.how-story-page .how-strategy-copy{padding:32px 30px 270px}
.how-story-page .how-strategy-copy h3{font:700 1.7rem/1.1 'Inter',Arial,sans-serif;color:#fff;margin:0 0 20px;letter-spacing:-.03em;text-wrap:balance}
.how-story-page .how-strategy-description,.how-story-page .how-strategy-description p,.how-story-page .how-strategy-description strong{font:400 1rem/1.55 'Inter',Arial,sans-serif;color:#f5f1e8;margin:0}
.how-story-page .how-strategy-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}
.how-story-page .how-strategy-count{font:400 .85rem/1.5 'Inter',Arial,sans-serif}
.how-story-page .how-strategy-arrows{display:flex;gap:10px}
.how-story-page .how-strategy-arrows button{display:grid;place-items:center;border:0;background:#dcdedc;color:#1a2833;border-radius:50%;width:44px;height:44px;font:400 1.4rem 'Inter',Arial,sans-serif;cursor:pointer}
.how-story-page .how-strategy-arrows button:disabled{opacity:.35;cursor:default}
.how-story-page .how-strategy-carousel :focus-visible{outline:3px solid #b95a20;outline-offset:4px}
@media(max-width:760px){
 .how-story-page .editorial-hero{padding-top:52px!important;padding-bottom:52px!important}
 .how-story-page .editorial-hero h1{font-size:clamp(2.15rem,8vw,3rem);line-height:1.08}
 .how-story-page .how-phases{padding:52px 24px 0!important}
 .how-story-page .how-phase-intro{margin-bottom:32px}
 .how-story-page .how-phase-intro h2{font-size:2rem}
 .how-story-page .how-phase-film{width:100vw;max-width:none;margin-left:-24px}
 .how-story-page .how-phase-story{margin-top:46px;padding-bottom:52px}
 .how-story-page .how-phase-story:before,.how-story-page .how-phase-story:after{left:12px}
 .how-story-page .how-phase{padding:0 0 48px 42px}
 .how-story-page .how-phase-number{left:-6px;width:36px;padding:5px 0;font-size:.75rem}
 .how-story-page .how-phase-content{display:flex;flex-direction:column;gap:24px;align-items:stretch}
 .how-story-page .how-phase-copy,.how-story-page .how-phase-photo{order:initial!important}
 .how-story-page .how-phase-title{font-size:1.6rem;margin-bottom:14px}
 .how-story-page .how-phase-description p{font-size:1rem;line-height:1.65}
 .how-story-page .how-phase-photo{width:100%;aspect-ratio:4/3}
 .how-story-page .strategy-section{padding:52px 24px!important}
 .how-story-page .how-strategy-track{gap:16px;padding-left:24px;padding-right:24px}
 .how-story-page .how-strategy-card{flex-basis:calc(100vw - 60px);min-height:620px;border-radius:22px}
 .how-story-page .how-strategy-copy{padding:28px 26px 270px}
 .how-story-page .how-strategy-copy h3{font-size:1.6rem}
}
@media(prefers-reduced-motion:reduce){
 .how-story-page .how-strategy-track{scroll-behavior:auto}
 .how-story-page .how-phase-story.has-how-motion :is(.how-phase-copy,.how-phase-photo,.how-phase-number){opacity:1;transform:none;transition:none}
}
@media print{
 .how-story-page .how-phase-story.has-how-motion :is(.how-phase-copy,.how-phase-photo,.how-phase-number){opacity:1;transform:none}
 .how-story-page .how-strategy-track{display:block;width:auto;margin:0;padding:0}
 .how-story-page .how-strategy-card{break-inside:avoid;margin-bottom:20px}
 .how-story-page .how-strategy-controls{display:none}
}
/* Full-bleed invitation: the field photo drifts behind the reading plane. */
.how-story-page .how-phase-intro.how-photo-intro{position:relative;isolation:isolate;max-width:none;width:100%;margin:0;min-height:620px;overflow:hidden;background:#1a2833;color:#f8f5ee;display:grid;place-items:center;padding:100px 28px}
.how-story-page .how-photo-intro-image{position:absolute;inset:-90px 0;width:100%;height:calc(100% + 180px);max-width:none;object-fit:cover;object-position:center 55%;border-radius:0;z-index:-2;transform:translate3d(0,var(--how-photo-shift,0px),0)}
.how-story-page .how-photo-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,28,36,.36),rgba(15,28,36,.62) 48%,rgba(15,28,36,.4));z-index:-1;pointer-events:none}
.how-story-page .how-photo-intro-copy{max-width:790px;margin:auto;text-align:center;transform:translate3d(0,var(--how-text-shift,0px),0)}
.how-story-page .how-photo-intro-copy .how-eyebrow{color:#ffb36a;margin-bottom:24px}
.how-story-page .how-photo-intro-copy h2{font-size:clamp(2.2rem,4.4vw,3.9rem);color:#f8f5ee;line-height:1.08;margin-bottom:28px}
.how-story-page .how-photo-intro-copy p:not(.how-eyebrow){font:400 clamp(1.1rem,2vw,1.35rem)/1.7 Georgia,serif;color:#f8f5ee;max-width:700px;margin:0 auto}
.how-story-page .how-watch-video{display:inline-flex;align-items:center;gap:24px;max-width:100%;margin:48px 0 0;padding:10px 12px;text-align:left;color:#fff!important;text-decoration:none!important;border-radius:12px}
.how-story-page .how-play-circle{position:relative;isolation:isolate;flex:0 0 62px;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#c45508;box-shadow:0 0 0 1px rgba(255,179,106,.2)}
.how-story-page .how-play-circle:before,.how-story-page .how-play-circle:after{content:"";position:absolute;inset:0;border:1px solid #ed8a45;border-radius:50%;z-index:-1;animation:how-radiate 3.2s ease-out infinite;animation-play-state:paused;pointer-events:none}
.how-story-page .how-play-circle:after{animation-delay:1.6s}
.how-story-page .how-photo-intro.is-in-view .how-play-circle:before,.how-story-page .how-photo-intro.is-in-view .how-play-circle:after{animation-play-state:running}
.how-story-page .how-play-triangle{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;margin-left:4px}
.how-story-page .how-watch-label{font:700 .8rem/1.5 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;max-width:210px}
.how-story-page .how-watch-video:hover .how-play-circle{background:#a94706}
.how-story-page .how-phases{padding-top:72px!important}
.how-story-page .how-phases-heading{max-width:1040px;margin:0 auto 48px;font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.12;color:#1a2833}
.how-story-page .how-phases .how-phase-story{margin-top:0}
.how-story-page .how-video-dialog{padding:56px 0 0;border:0;background:#14232f;color:#fff;width:min(1100px,94vw);max-width:94vw;max-height:94svh;overflow:auto;box-shadow:0 24px 100px #0008}
.how-story-page .how-video-dialog::backdrop{background:rgba(10,20,28,.88)}
.how-story-page .how-video-close{position:absolute;top:8px;right:12px;min-height:40px;padding:6px 12px;border:0;border-radius:8px;background:transparent;color:#fff;font:700 .9rem/1.4 'Inter',Arial,sans-serif;cursor:pointer}
.how-story-page .how-video-close:hover{background:#304550}
.how-story-page .how-video-dialog .how-video{width:100%;max-width:none}
@keyframes how-radiate{0%{transform:scale(1);opacity:.65}90%,100%{transform:scale(1.85);opacity:0}}
@media(max-width:760px){
 .how-story-page .how-phase-intro.how-photo-intro{min-height:650px;padding:80px 28px}
 .how-story-page .how-photo-intro-copy h2{font-size:clamp(2.2rem,8.5vw,3rem)}
 .how-story-page .how-phases{padding-top:52px!important}
 .how-story-page .how-phases-heading{font-size:2rem;margin-bottom:36px}
 .how-story-page .how-photo-intro-image{object-position:64% center}
 .how-story-page .how-photo-intro-copy p:not(.how-eyebrow){font-size:1.1rem;line-height:1.7}
 .how-story-page .how-watch-video{gap:22px;margin-top:38px}
 .how-story-page .how-video-dialog{width:100vw;max-width:100vw;margin:auto 0}
}
@media(prefers-reduced-motion:reduce){
 .how-story-page .how-photo-intro-image,.how-story-page .how-photo-intro-copy{transform:none!important}
 .how-story-page .how-play-circle:before,.how-story-page .how-play-circle:after{animation:none!important;opacity:0}
}
@media print{.how-story-page .how-photo-intro-image,.how-story-page .how-photo-intro-copy{transform:none}.how-story-page .how-video-dialog{display:none}}
/* Keep a visible page gutter at every snap point, including after a swipe. */
.how-story-page .how-strategy-track{scroll-padding-inline:max(28px,calc((100vw - 1180px)/2))}
.how-story-page .strategy-section>.how-section-actions{display:block;max-width:none;margin:38px auto 0;text-align:center}
.how-story-page .how-section-actions>.et_pb_column{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}
.how-story-page .how-section-actions .et_pb_button_module_wrapper{margin:0!important}
.how-story-page .how-section-actions .editorial-button{margin:0!important}
.how-story-page .multiplication-section{padding:0!important;background:#f5f2ed!important}
.how-story-page .how-model-photos{display:grid;grid-template-columns:1fr 1fr;gap:0}
.how-story-page .how-standalone-photo{margin:0;overflow:hidden;border-radius:0!important}
.how-story-page .how-standalone-photo img{display:block;width:100%;height:auto;border-radius:0!important;filter:none}
.how-story-page .how-model-body{padding:72px max(28px,calc((100vw - 1180px)/2))}
.how-story-page .how-model-body>h2{max-width:850px;margin:0 0 40px;font-size:clamp(2rem,3.5vw,3rem)}
.how-story-page .how-model-track{display:flex;gap:20px;width:100vw;margin-left:calc(50% - 50vw);padding:0 max(28px,calc((100vw - 1180px)/2)) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(28px,calc((100vw - 1180px)/2));overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth}
.how-story-page .how-model-track::-webkit-scrollbar{display:none}
.how-story-page .how-model-card{position:relative;isolation:isolate;flex:0 0 350px;min-height:335px;margin:0;padding:30px;overflow:hidden;border-radius:20px;background:#1a2833;color:#f8f5ee;scroll-snap-align:start}
.how-story-page .how-model-card:before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/navy-terrain-support.svg') center/600px auto;opacity:.45;pointer-events:none}
.how-story-page .how-model-number{display:block;margin-bottom:36px;font:700 .8rem/1.5 'Inter',Arial,sans-serif;letter-spacing:.12em;color:#ffb36a}
.how-story-page .how-model-card h3{font:700 1.6rem/1.15 'Inter',Arial,sans-serif;color:#f8f5ee;margin:0 0 18px}
.how-story-page .how-model-description,.how-story-page .how-model-description p{font:400 1.05rem/1.65 'Inter',Arial,sans-serif;color:#ece8df;margin:0}
.how-story-page .how-model-actions{display:flex;justify-content:center;margin-top:38px}
.how-story-page .how-model-actions a{margin:0!important}
.how-story-page :is(.et_pb_image,.et_pb_image_wrap,.et_pb_image img,.how-phase-photo,.how-phase-photo img){border-radius:0!important}
@media(max-width:760px){
 .how-story-page .how-strategy-track,.how-story-page .how-model-track{scroll-padding-inline:24px;padding-inline:24px}
 .how-story-page .how-strategy-card{flex-basis:calc(100vw - 72px)}
 .how-story-page .how-section-actions>.et_pb_column{flex-direction:column}
 .how-story-page .how-model-photos{grid-template-columns:1fr}
 .how-story-page .how-model-body{padding:52px 24px}
 .how-story-page .how-model-body>h2{font-size:2rem;margin-bottom:30px}
 .how-story-page .how-model-track{gap:16px}
 .how-story-page .how-model-card{flex-basis:calc(100vw - 72px);min-height:340px;padding:28px}
}
@media(prefers-reduced-motion:reduce){.how-story-page .how-model-track{scroll-behavior:auto}}
@media print{.how-story-page .how-model-track{display:block;width:auto;margin:0;padding:0}.how-story-page .how-model-card{margin-bottom:16px;break-inside:avoid}}
/* Selected photo-carousel concept: matched to the established homepage language. */
.how-story-page .how-approach-hero{position:relative;isolation:isolate;overflow:hidden;min-height:560px;display:flex;align-items:center;padding:72px max(28px,calc((100vw - 1180px)/2))!important}
.how-story-page .how-hero-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 45%;border-radius:0!important;z-index:-2}
.how-story-page .how-approach-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,32,43,.96),rgba(17,32,43,.81) 46%,rgba(17,32,43,.2))}
.how-story-page .how-hero-content{width:100%;margin:0 auto}
.how-story-page .how-approach-hero .how-eyebrow{color:#d9d9bc;font:700 .75rem/1.4 'Inter',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}
.how-story-page .how-approach-hero .how-hero-support{max-width:570px;font:400 1.1rem/1.55 Georgia,serif;color:#f5f2ed;margin:0 0 28px}
.how-story-page .how-approach-hero .how-hero-heading{max-width:720px;font:700 clamp(2.6rem,5vw,4.5rem)/1.04 'Inter',Arial,sans-serif;color:#fff;letter-spacing:normal;font-kerning:normal;text-wrap:balance;margin:0 0 30px}
.how-story-page .how-hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.how-story-page .how-hero-actions .editorial-button{margin:0!important;min-height:50px;min-width:175px;padding:13px 24px;font:700 .8rem/1.4 'Inter',Arial,sans-serif;text-transform:none;letter-spacing:0;border-radius:12px}
.how-story-page .how-hero-actions .how-hero-primary{background:#b95a20!important;border:1px solid #b95a20!important;color:#fff!important}
.how-story-page .how-hero-actions .how-hero-secondary{background:transparent!important;border:1px solid #eee6d7!important;color:#fff!important}
.how-story-page .how-hero-actions .how-hero-secondary:hover{background:#f5f2ed!important;color:#1a2833!important}
.how-story-page .how-regional-section{position:relative;isolation:isolate;background:#f5f2ed!important;padding:64px max(28px,calc((100vw - 1180px)/2))!important}
.how-story-page .how-regional-section:before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/footer-topography.svg?v=4') center/900px auto;opacity:.12;pointer-events:none}
.how-story-page .how-regional-intro{max-width:1050px;margin:0 0 32px}
.how-story-page .how-regional-intro .how-eyebrow{margin-bottom:14px}
.how-story-page .how-regional-intro h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}
.how-story-page .how-regional-description{font:400 1.15rem/1.6 Georgia,serif;color:#414b50;max-width:850px;margin:0}
.how-story-page .how-regional-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 8px}
.how-story-page .how-regional-track::-webkit-scrollbar{display:none}
.how-story-page .how-regional-card{flex:0 0 calc((100% - 40px)/3);min-height:460px;scroll-snap-align:start;border-radius:22px}
.how-story-page .how-regional-card:before{background:linear-gradient(180deg,#1a2833 0%,rgba(26,40,51,.98) 20%,rgba(26,40,51,.81) 37%,rgba(26,40,51,.3) 58%,rgba(26,40,51,.04) 100%)}
.how-story-page .how-regional-card:after{content:"";position:absolute;inset:0 0 52%;z-index:-1;background:url('/assets/navy-terrain-support.svg') center/580px auto;opacity:.25;pointer-events:none;mask-image:linear-gradient(#000 40%,transparent)}
.how-story-page .how-regional-card>img{object-position:center bottom}
.how-story-page .how-regional-card:nth-child(2)>img{object-position:58% center}
.how-story-page .how-regional-card-copy{padding:28px 26px 235px}
.how-story-page .how-regional-number{display:block;color:#ffb36a;font:700 .85rem/1.5 'Inter',Arial,sans-serif;margin-bottom:12px}
.how-story-page .how-regional-card h3{font:700 1.5rem/1.1 'Inter',Arial,sans-serif;color:#fff;letter-spacing:-.035em;margin:0 0 14px}
.how-story-page .how-regional-card p{font:400 1rem/1.5 Georgia,serif;color:#f8f5ee;margin:0}
.how-story-page .how-overview-film+.how-regional-section{border-top:0}
.how-story-page .how-regional-section+.how-phases{border-top:1px solid #ddd6cc}
@media(max-width:900px){
 .how-story-page .how-regional-track{width:100vw;margin-left:calc(50% - 50vw);padding-inline:28px;scroll-padding-inline:28px;gap:16px}
 .how-story-page .how-regional-card{flex-basis:calc((100vw - 80px)/2);min-height:450px}
}
@media(max-width:600px){
 .how-story-page .how-approach-hero{min-height:0;padding:52px 24px!important}
 .how-story-page .how-approach-hero:before{background:linear-gradient(90deg,rgba(17,32,43,.94),rgba(17,32,43,.73))}
 .how-story-page .how-hero-image{object-position:58% center}
 .how-story-page .how-approach-hero .how-eyebrow{font-size:.68rem;margin-bottom:16px}
 .how-story-page .how-approach-hero .how-hero-support{font-size:1rem;line-height:1.55;margin-bottom:24px}
 .how-story-page .how-approach-hero .how-hero-heading{font-size:clamp(2.15rem,8.9vw,3rem);line-height:1.05;margin-bottom:26px;max-width:430px}
 .how-story-page .how-hero-actions{gap:12px;flex-wrap:nowrap}
 .how-story-page .how-hero-actions .editorial-button{flex:1;min-width:0;min-height:48px;font-size:.75rem;padding:12px 10px}
 .how-story-page .how-regional-section{padding:48px 24px!important}
 .how-story-page .how-regional-intro{margin-bottom:28px}
 .how-story-page .how-regional-intro h2{font-size:2rem}
 .how-story-page .how-regional-description{font-size:1.05rem;line-height:1.6}
 .how-story-page .how-regional-track{padding-inline:24px;scroll-padding-inline:24px}
 .how-story-page .how-regional-card{flex-basis:calc(100vw - 72px);min-height:460px}
 .how-story-page .how-regional-card-copy{padding:26px 24px 235px}
 .how-story-page .how-regional-card h3{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){.how-story-page .how-regional-track{scroll-behavior:auto}}
@media print{.how-story-page .how-regional-track{display:block;width:auto;margin:0;padding:0}.how-story-page .how-regional-card{margin-bottom:18px;break-inside:avoid}}
/* The three community roles are concise typographic cards; details belong below. */
.how-story-page .how-regional-card{min-height:310px;padding:30px;background:#1a2833;border:1px solid #42525d}
.how-story-page .how-regional-card:before{background:url('/assets/navy-terrain-support.svg') center/600px auto;opacity:.45}
.how-story-page .how-regional-card:after{display:none}
.how-story-page .how-regional-card-copy{padding:0}
.how-story-page .how-regional-card .how-regional-number{margin-bottom:36px}
.how-story-page .how-regional-card h3{font-size:1.65rem;margin-bottom:18px}
.how-story-page .how-regional-card p{font:400 1.05rem/1.65 'Inter',Arial,sans-serif}
.how-story-page .how-regional-details.strategy-section{padding:64px 0 0!important;background:transparent!important;border:0}
.how-story-page .how-regional-details.strategy-section>.layout-row{max-width:920px;margin:0 0 36px}
.how-story-page .how-regional-details.strategy-section>.how-section-actions{max-width:none;margin:38px auto 0}
.how-story-page .how-approach-hero .how-hero-heading{margin-bottom:22px}
.how-story-page .how-approach-hero .how-hero-support{margin-bottom:30px}
@media(max-width:600px){
 .how-story-page .how-regional-card{min-height:320px;padding:28px}
 .how-story-page .how-regional-details.strategy-section{padding-top:48px!important}
 .how-story-page .how-approach-hero .how-hero-heading{margin-bottom:22px}
 .how-story-page .how-approach-hero .how-hero-support{margin-bottom:26px}
}

/* Fill the timeline photo column, matching the homepage's full-width photos. */
.how-story-page .how-phase-content .how-phase-photo{width:100%;max-width:100%;justify-self:stretch;border-radius:0!important}
.how-story-page .how-phase-content .how-phase-photo img{border-radius:0!important}
@media(max-width:760px){.how-story-page .how-phase-content .how-phase-photo{align-self:stretch;aspect-ratio:3/2}}

/* Match the site's gentle, once-only scroll fade for complete photographic copy. */
@media(prefers-reduced-motion:no-preference){
 .how-story-page .how-copy-reveal{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.65,.3,1)}
 .how-story-page .how-copy-reveal.how-copy-pending{opacity:0;translate:0 18px}
}
@media print{.how-story-page .how-copy-reveal.how-copy-pending{opacity:1;translate:none}}

/* Match paired photography on desktop without changing the mobile stack. */
@media(min-width:761px){
 .how-story-page .how-model-photos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .how-story-page .how-model-photos .how-standalone-photo{min-width:0;height:clamp(320px,32vw,520px)}
 .how-story-page .how-model-photos .how-standalone-photo img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
}
.how-story-page .how-section-actions a[data-open-conversation]{background:#c45508!important;border-color:#c45508!important;color:#fff!important}
.how-story-page .how-section-actions a[data-open-conversation]:hover{background:#a84408!important;border-color:#a84408!important}

/* Compact regional strategy cards on desktop and mobile. */
.how-story-page .how-strategy-card{min-height:460px}
@media(max-width:760px){.how-story-page .how-strategy-card{min-height:440px}}

/* Desktop swipe rows span the viewport instead of inheriting the text-column cap. */
@media(min-width:761px){
 body main.how-story-page :is(.how-strategy-track,.how-model-track)[data-card-rail]{
  width:var(--card-viewport-width,100vw);max-width:none;
  margin-left:calc(-1 * var(--card-inset-start,0px));margin-right:0;
  padding-inline:var(--card-inset-start,max(28px,calc((100vw - 1180px)/2)));
  scroll-padding-inline:var(--card-inset-start,max(28px,calc((100vw - 1180px)/2)));
 }
}