/* Strategy Plus — V6 responsive design refinement | Aman × Capella × Bain */
:root{--sp-ink:#252b2d;--sp-stone:#f5f4f0;--sp-line:#d5d8d4;--sp-fog:#ebeeed;--sp-blue:#778da1}
body.v6-brand{max-width:100%;overflow-x:clip}
/* Exact official logo with its original colours, white matte made transparent. */
.v6-header{height:96px;background:#fff;box-shadow:0 1px 0 rgba(32,37,41,.025);isolation:isolate}
.v6-header .v6-logo{height:auto;min-height:45px;display:flex;align-items:center;flex:0 0 auto;max-width:210px}
.v6-header .v6-logo img{width:177px;height:auto;max-height:none;object-fit:contain;mix-blend-mode:normal;display:block}
.v6-header .v6-nav{gap:clamp(13px,1.7vw,27px)}
.v6-header .v6-nav a{letter-spacing:.11em}
.v6-header .v6-nav .v6-nav-cta{border-color:#343b3e;min-height:45px;display:inline-flex;align-items:center}
/* A single calm footer system across public-facing pages. */
.v6-footer{position:relative;padding:100px max(5.5%,calc((100vw - 1250px)/2)) 29px;background:#252b2d;color:#f7f5f0;border:0;overflow:hidden}
.v6-footer:before,.v6-footer:after{content:none!important}
.v6-footer .v6-footer-lead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end}
.v6-footer .v6-footer-eyebrow{font:600 10px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.18em;color:#bec9c4;text-transform:uppercase}
.v6-footer h2{font:400 clamp(62px,6.9vw,96px)/.96 "EB Garamond",Georgia,serif!important;letter-spacing:-.025em!important;color:#f8f7f2;margin:22px 0 14px;max-width:860px}
.v6-footer h2 em{color:#d1d9d2;font-weight:400;font-style:italic}
.v6-footer p{font-size:13px;line-height:1.75;color:#bfc6c2;margin:0}
.v6-footer .v6-footer-btn{background:#f0efea;color:#252b2d!important;border:1px solid #f0efea;min-width:245px;min-height:53px;display:inline-flex;justify-content:space-between;gap:30px;align-items:center;padding:17px 20px;font:700 11px/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}
.v6-footer .v6-footer-btn:hover{background:#ced8da;border-color:#ced8da}
.v6-footer .v6-footer-details{display:grid;grid-template-columns:1.1fr 1.25fr 1fr;gap:55px;border-top:1px solid #596161;margin-top:70px;padding-top:29px;align-items:start}
.v6-footer .v6-footer-brand-title{display:block;font:600 13px/1.5 "Helvetica Neue",Arial,sans-serif;letter-spacing:.13em;margin-bottom:13px}
.v6-footer .v6-footer-small{font-size:12px;line-height:1.75;color:#afb7b3;max-width:260px}
.v6-footer .v6-footer-label{font-size:10px;letter-spacing:.17em;font-weight:700;color:#aeb9b6;text-transform:uppercase;margin-bottom:17px;display:block}
.v6-footer .v6-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 25px}
.v6-footer .v6-footer-links a,.v6-footer .v6-footer-contact a{font-size:12px;line-height:1.7;color:#e1e4de;transition:color .2s}
.v6-footer .v6-footer-links a:hover,.v6-footer .v6-footer-contact a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.v6-footer .v6-footer-contact a{overflow-wrap:anywhere}
.v6-footer .v6-footer-legal{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #444d4c;margin-top:38px;padding-top:19px;font-size:11px;line-height:1.6;color:#a7b0ac}
/* Homepage image, brand and CTA treated as a cohesive hero composition. */
.v6-brand.v6-home .hero-b{min-height:690px;height:min(82vh,850px);max-height:920px}
.v6-brand.v6-home .hero-b .photo{object-position:50% 48%}
.v6-brand.v6-home .hero-b .container{position:relative;z-index:2}
.v6-brand.v6-home .hero-b h1{font-size:clamp(72px,7.35vw,118px)!important;max-width:860px}
.v6-brand.v6-home .hero-b .bodycopy{max-width:520px;font-size:16px;line-height:1.65}
.v6-brand.v6-home .hero-b .btn{display:inline-flex;min-height:52px;border-radius:0}
.v6-brand.v6-home .hero-b .eyebrow{color:#ebeee9!important}
.v6-brand.v6-home .hero-b .hero-counter{color:#ebeee9}
/* Text hierarchy, spacing and interactive details — same tone on every page. */
.v6-brand :is(.v5-p,.v5-lead,.v5-tile p,.v5-railitem p,.v5-band-lead,.v5-hero-grid p){max-width:70ch}
.v6-brand :is(.v5-hero,.v5-section,.v5-band,.v5-band2){scroll-margin-top:100px}
.v6-brand :is(.v5-form,.formpanel,.progress-preview){border-radius:0;max-width:100%}
.v6-brand :is(.v5-field input,.v5-field select,.v5-field textarea,.field input,.field textarea,.field select){min-width:0;max-width:100%;font-size:16px}
.v6-brand :is(.v5-tile,.audience-card,.pulse-option,.card){box-shadow:none}
.v6-brand :is(.pulse-stage-band,.pulse-lens-track,.pulse-actionplan){border-radius:0}
.v6-brand .v5-pulse-review textarea{max-width:100%;width:100%}
.v6-brand .v5-hero h1,.v6-brand .v5-section-title,.v6-brand .pulse-head h1{overflow-wrap:normal}
.v6-private header img{width:170px!important;height:auto!important;max-height:38px!important}
.v6-private header{min-height:90px!important}
/* Wide laptops: avoid very long lines and unnecessary empty space. */
@media(min-width:1600px){.v6-brand.v6-home .hero-b{height:790px}.v6-header{padding-left:max(5.5%,calc((100vw - 1500px)/2));padding-right:max(5.5%,calc((100vw - 1500px)/2))}}
/* Landscape tablets and small notebooks (1024px). */
@media(max-width:1120px){
 .v6-header{height:84px;padding:0 5%}
 .v6-header .v6-logo img{width:164px}
 .v6-header .v6-nav{top:84px;max-height:calc(100dvh - 84px);overflow-y:auto;gap:0;box-shadow:0 16px 30px rgba(15,21,24,.07)}
 .v6-header .v6-nav[data-open="true"]{display:flex}
 .v6-header .v6-nav a{min-height:44px;display:flex;align-items:center;white-space:normal}
 .v6-header .v6-nav .v6-nav-cta{margin-top:12px;min-height:47px}
 .v6-footer{padding:82px 5% 28px}
 .v6-footer .v6-footer-details{gap:32px}
 .v6-brand.v6-home .hero-b{height:690px;min-height:590px}
 .v6-brand .assess-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v6-brand .assess-step:nth-child(2){border-right:0}
 .v6-brand .v5-band,.v6-brand .v5-band2{column-gap:5%}
}
/* Portrait tablet (768px). */
@media(max-width:850px){
 .v6-brand.v6-home .hero-b{height:670px}
 .v6-brand.v6-home .hero-b .container{max-width:650px}
 .v6-brand.v6-home .hero-b h1{font-size:clamp(71px,9vw,91px)!important}
 .v6-brand.v6-home .hero-b .photo{object-position:55% 47%}
 .v6-brand .v5-band,.v6-brand .v5-band2,.v6-brand .v5-quote,.v6-brand .v5-split{grid-template-columns:1fr;gap:26px}
 .v6-brand :is(.pulse-deck,.pulse-head,.v5-hero-grid){grid-template-columns:1fr}
 .v6-brand .v5-cards{grid-template-columns:1fr}
 .v6-brand .v5-tile{border-right:0!important;border-bottom:1px solid #d1d4d0}
 .v6-footer .v6-footer-lead{grid-template-columns:1fr;gap:23px}
 .v6-footer .v6-footer-btn{justify-self:start}
 .v6-footer .v6-footer-details{grid-template-columns:1fr 1fr;gap:33px}
 .v6-footer .v6-footer-contact{grid-column:1/-1}
 .v6-brand .assess-steps{grid-template-columns:1fr}
 .v6-brand .assess-step{border-right:0;border-bottom:1px solid #697271}
 .v6-brand .assess-step:last-child{border-bottom:0}
 .v6-brand .form-layout{grid-template-columns:1fr}
}
/* Mobile phones (320–620px). */
@media(max-width:620px){
 .v6-header{height:74px;padding:0 6%}
 .v6-header .v6-logo{max-width:170px}
 .v6-header .v6-logo img{width:150px;max-height:35px}
 .v6-header .v6-nav{top:74px;max-height:calc(100dvh - 74px);padding:16px 6% 23px}
 .v6-menu-toggle{font-size:11px;min-height:44px;display:inline-flex;align-items:center}
 .v6-brand.v6-home .hero-b{height:auto;min-height:690px;padding:75px 0 60px;align-items:center}
 .v6-brand.v6-home .hero-b .photo{object-position:40% center}
 .v6-brand.v6-home .hero-b:after{background:linear-gradient(90deg,rgba(9,16,16,.79),rgba(12,19,19,.41)),linear-gradient(0deg,rgba(9,16,16,.24),transparent 42%)}
 .v6-brand.v6-home .hero-b .container{width:calc(100% - 42px)}
 .v6-brand.v6-home .hero-b h1{font-size:clamp(53px,11.8vw,74px)!important;line-height:1.01!important;max-width:100%;overflow-wrap:normal;margin-top:28px}
 .v6-brand.v6-home .hero-b .bodycopy{font-size:15px;line-height:1.65;max-width:340px}
 .v6-brand.v6-home .hero-b .btn{max-width:100%;white-space:normal;gap:16px;padding:17px 18px;font-size:10px}
 .v6-brand.v6-home .hero-b .hero-counter{display:none}
 .v6-brand.v6-home .b-intro p{font-size:clamp(37px,10vw,47px)}
 .v6-brand .v5-hero h1{font-size:clamp(51px,11.7vw,75px)!important;overflow-wrap:break-word}
 .v6-brand .pulse-head h1{font-size:clamp(50px,10.6vw,74px)!important}
 .v6-brand .pulse-question{font-size:clamp(31px,8vw,40px)!important}
 .v6-brand .pulse-panel{min-width:0;max-width:100%}
 .v6-brand :is(.pulse-option,.v5-form,.formpanel){min-width:0}
 .v6-brand :is(.v5-section,.v5-hero,.v5-band,.v5-band2,.v5-quote){padding-left:6%;padding-right:6%}
 .v6-footer{padding:70px 6% 24px}
 .v6-footer h2{font-size:clamp(54px,12.5vw,72px)!important;line-height:1.0!important}
 .v6-footer .v6-footer-btn{width:100%;min-width:0;min-height:52px;font-size:10px}
 .v6-footer .v6-footer-details{grid-template-columns:1fr;gap:28px;margin-top:52px;padding-top:27px}
 .v6-footer .v6-footer-contact{grid-column:auto}
 .v6-footer .v6-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .v6-footer .v6-footer-legal{margin-top:31px;flex-direction:column;align-items:start;gap:8px}
 .v6-private header{min-height:74px!important;height:74px!important;padding:8px 6%}
 .v6-private header img{width:150px!important;max-height:35px!important}
 .v6-private :is(.form-card,.tile){max-width:100%}
}
@media(max-width:360px){
 .v6-brand.v6-home .hero-b h1{font-size:50px!important}
 .v6-header .v6-logo img{width:139px}
 .v6-footer h2{font-size:52px!important}
}
@media(prefers-reduced-motion:reduce){.v6-brand *,.v6-brand *:before,.v6-brand *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
