/* Manova editorial About collection — Crevix-inspired visual system. */

/*──────────────────────────────────────────────────────────
  ONE TYPE SYSTEM
  These pages used to mix Inter with Georgia: hero <em> accents,
  pull-quotes, testimonial quotes and the team role line all called
  `Georgia, serif`. Only Inter is actually loaded (see header.php), so
  Georgia resolved to whatever system serif the visitor happened to
  have — Times on Windows, something else on Android — which is why the
  accents looked like a different, unrelated typeface rather than a
  deliberate pairing.

  Everything is now Inter. Emphasis is carried by WEIGHT and COLOUR
  instead of a second family: display headings sit at 600–700, accent
  clauses drop to 300 and take the accent ink, and quotes drop to 300
  with tighter tracking. That reads as one intentional system and
  removes a font that was never being downloaded in the first place.
──────────────────────────────────────────────────────────*/
.editorial-page{--ed-ink:#141414;--ed-paper:#f2f0ea;--ed-muted:#77746d;--ed-rule:rgba(20,20,20,.16);--ed-accent:#29d3df;--ed-accent-ink:#a5f3f6;background:#090909;color:#fff}
/* On paper (light) sections the accent ink needs the darker tone to
   keep AA contrast; the light tint above is tuned for the dark field. */
.ed-section--paper{--ed-accent-ink:#008da3}
.editorial-page .container{width:min(1280px,calc(100% - clamp(2rem,7vw,7rem)));max-width:none;margin-inline:auto}
.ed-section{padding:clamp(6rem,11vw,10.5rem) 0;background:#090909;color:#fff;position:relative}
.ed-section--paper{background:var(--ed-paper);color:var(--ed-ink)}
.ed-eyebrow,.ed-kicker{display:inline-flex;align-items:center;gap:.7rem;font-size:.68rem;line-height:1;text-transform:uppercase;letter-spacing:.18em;font-weight:700}
.ed-eyebrow:before,.ed-kicker:before{content:"";width:2.4rem;height:1px;background:currentColor;opacity:.55}
.ed-section-head{display:grid;grid-template-columns:minmax(120px,.32fr) 1fr;gap:2rem;align-items:start;padding-bottom:clamp(2.5rem,5vw,5rem);border-top:1px solid currentColor;padding-top:1.15rem}
.ed-section-head>span,.ed-section-index{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.62}
.ed-section-head h2,.ed-story__copy h2,.process-intro h2{font-family:var(--font-display);font-size:clamp(2.65rem,6.2vw,6.6rem);line-height:.92;letter-spacing:-.065em;font-weight:600;max-width:12ch}
.ed-media{position:relative;overflow:hidden;margin:0;background:#161616}
.ed-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease-expo),filter .6s}
.ed-media:hover img{transform:scale(1.025)}
.ed-media figcaption{position:absolute;bottom:.9rem;left:1rem;padding:.45rem .65rem;background:rgba(9,9,9,.72);backdrop-filter:blur(10px);color:#fff;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}

/* Large visual hero */
.ed-hero{height:max(760px,100svh);min-height:680px;position:relative;overflow:hidden;background:#0b0b0b;color:#fff}
.ed-hero__media,.ed-hero__shade{position:absolute;inset:0}
.ed-hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05);animation:edHeroIn 1.5s var(--ease-expo) both}
.ed-hero__shade{background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 58%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
.ed-hero__inner{height:100%;position:relative;z-index:2;padding-top:clamp(7.5rem,13vh,10rem);display:flex;flex-direction:column}
.ed-hero .breadcrumbs{color:rgba(255,255,255,.65)}
.ed-hero__content{margin-top:auto;padding-bottom:clamp(3.5rem,8vh,6.5rem)}
.ed-hero__title{font-size:clamp(4rem,9.5vw,10rem);line-height:.82;letter-spacing:-.078em;font-weight:600;max-width:10.5ch;margin:clamp(1.5rem,4vh,3.5rem) 0}
.ed-hero__title em{font-family:inherit;font-style:normal;font-weight:300;letter-spacing:-.055em;color:var(--ed-accent-ink)}
.ed-hero__foot{display:grid;grid-template-columns:minmax(260px,560px) 1fr;align-items:end;gap:2rem;border-top:1px solid rgba(255,255,255,.45);padding-top:1.2rem}
.ed-hero__foot p{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.55;color:rgba(255,255,255,.82)}
.ed-scroll{justify-self:end;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;display:flex;align-items:center;gap:.8rem}.ed-scroll i{width:3.5rem;height:1px;background:#fff;position:relative}.ed-scroll i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid;border-top:1px solid;transform:rotate(45deg)}
.ed-hero--team .ed-hero__media img{object-position:center 42%}.ed-hero--process .ed-hero__shade{background:linear-gradient(90deg,rgba(3,8,12,.84),rgba(3,8,12,.18)),linear-gradient(0deg,rgba(0,0,0,.65),transparent 60%)}
.ed-hero--culture .ed-hero__title{max-width:11.5ch}.ed-hero--testimonials .ed-hero__media img{object-position:center 55%}
@keyframes edHeroIn{from{transform:scale(1.08);opacity:.4}to{transform:scale(1);opacity:1}}

/* About */
.ed-story{background:var(--ed-paper);color:var(--ed-ink)}
.ed-story__grid{display:grid;grid-template-columns:.25fr .72fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:start}
.ed-story__copy h2{font-size:clamp(2.4rem,4.5vw,5rem);margin:1.4rem 0 2rem}
.ed-story__copy p{color:var(--ed-muted);font-size:1rem;line-height:1.8;max-width:50ch;margin-bottom:1.2rem}
.ed-story__media{height:clamp(470px,62vw,760px);margin-top:7rem}
.ed-pillars__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,4rem);align-items:start}
.ed-pillar{border:1px solid var(--ed-rule);background:rgba(255,255,255,.22)}.ed-pillar:nth-child(2){margin-top:9rem}
.ed-pillar figure{height:clamp(330px,40vw,560px);overflow:hidden}.ed-pillar figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-expo)}.ed-pillar:hover figure img{transform:scale(1.035)}
.ed-pillar__body{padding:clamp(1.6rem,3vw,3rem)}.ed-pillar__body>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ed-muted)}.ed-pillar h3{font-size:clamp(2rem,4vw,4.5rem);line-height:.95;letter-spacing:-.055em;margin:1.2rem 0}.ed-pillar p{color:var(--ed-muted);line-height:1.75;max-width:45ch}
.ed-history__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(4rem,10vw,10rem)}.ed-history__sticky{position:sticky;top:9rem}.ed-history__sticky h2{font-size:clamp(3rem,6vw,6.7rem);line-height:.9;letter-spacing:-.07em;margin:1.4rem 0 2rem}.ed-history__sticky p{color:#999;max-width:34ch}
.ed-timeline{border-top:1px solid rgba(255,255,255,.24)}.ed-timeline__item{display:grid;grid-template-columns:100px 1fr;gap:2rem;padding:2rem 0 4.5rem;border-bottom:1px solid rgba(255,255,255,.16)}.ed-timeline__item time{font-size:.72rem;color:#aaa}.ed-timeline__item h3{font-size:clamp(1.5rem,2.6vw,2.7rem);letter-spacing:-.04em;margin-bottom:.7rem}.ed-timeline__item p{color:#999;max-width:45ch;line-height:1.7}
.ed-stats{padding:clamp(3.5rem,6vw,6rem) 0;background:#008da3}.ed-stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}.ed-stat{padding:1.2rem 2rem;border-left:1px solid rgba(255,255,255,.34)}.ed-stat:last-child{border-right:1px solid rgba(255,255,255,.34)}.ed-stat strong{font-size:clamp(3rem,6vw,6.5rem);line-height:1;letter-spacing:-.065em;font-weight:600;display:block}.ed-stat>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;display:block;margin-top:1rem}
.ed-gallery__grid{display:grid;grid-template-columns:1.3fr .7fr;grid-auto-rows:minmax(250px,36vw);gap:1.25rem}.ed-gallery__grid figure:nth-child(2){margin-top:7rem}.ed-gallery__grid figure:nth-child(3){grid-column:1;margin-right:18%}.ed-gallery__grid figure:nth-child(4){margin-top:-3rem}

/* Team */
.team-lead__grid{display:grid;gap:8rem}.team-leader{display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;align-items:end;gap:clamp(2rem,7vw,8rem)}.team-leader:nth-child(even){grid-template-columns:1.1fr minmax(300px,.9fr)}.team-leader:nth-child(even) figure{order:2}.team-leader figure{height:clamp(520px,60vw,780px);overflow:hidden}.team-leader figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(.22);transition:.8s var(--ease-expo)}.team-leader:hover figure img{filter:grayscale(0);transform:scale(1.025)}
.team-leader__copy{padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.22)}.team-leader__copy>span{font-size:.72rem;color:#888}.team-leader__copy h3{font-size:clamp(3rem,6vw,6.5rem);line-height:.86;letter-spacing:-.07em;margin:1.5rem 0 .8rem}.team-leader__copy em{font-family:inherit;font-style:normal;font-weight:500;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-light)}.team-leader__copy p{color:#999;line-height:1.8;max-width:52ch;margin:2rem 0}.team-leader__copy a{color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid;padding-bottom:.35rem}
.team-disciplines__grid{display:grid;grid-template-columns:repeat(2,1fr)}.team-discipline{padding:2rem 3rem 4rem 0;border-top:1px solid var(--ed-rule);min-height:330px;transition:padding .45s var(--ease-expo),background .45s}.team-discipline:nth-child(odd){border-right:1px solid var(--ed-rule)}.team-discipline:nth-child(even){padding-left:3rem}.team-discipline:hover{padding-top:2.5rem;background:rgba(255,255,255,.3)}.team-discipline>div{display:flex;justify-content:space-between;color:var(--ed-muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.12em}.team-discipline h3{font-size:clamp(2.8rem,5vw,5.7rem);letter-spacing:-.065em;margin:3.5rem 0 1rem}.team-discipline p{color:var(--ed-muted);max-width:42ch;line-height:1.7}
.team-roster__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.team-person a{color:inherit;text-decoration:none}.team-person figure{height:clamp(370px,39vw,580px);position:relative;overflow:hidden;background:#171717}.team-person figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(.45);transition:.7s var(--ease-expo)}.team-person figure span{position:absolute;inset:auto 1rem 1rem;transform:translateY(20px);opacity:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;transition:.45s var(--ease-expo)}.team-person:hover figure img{filter:grayscale(0);transform:scale(1.035)}.team-person:hover figure span{transform:none;opacity:1}.team-person>a>div{display:grid;grid-template-columns:1fr auto;gap:.2rem;padding:1.1rem 0;border-bottom:1px solid rgba(255,255,255,.18)}.team-person h3{font-size:1.25rem}.team-person p,.team-person small{font-size:.75rem;color:#888}.team-person small{grid-column:2;grid-row:1}
.team-life{background:#111}.team-life__grid{display:grid;grid-template-columns:1fr .72fr;grid-auto-rows:360px;gap:1rem}.team-life__grid figure:first-child{grid-row:span 2}.team-life__grid figure:nth-child(3){margin-left:20%}

/* Process */
.process-intro{background:var(--ed-paper);color:var(--ed-ink)}.process-intro__grid{display:grid;grid-template-columns:.25fr 1fr .55fr;gap:3rem;align-items:start}.process-intro p{color:var(--ed-muted);line-height:1.8;padding-top:5rem}
.process-steps{background:var(--ed-paper);color:var(--ed-ink);padding-bottom:10rem}.process-steps>.container{position:relative}.process-steps__line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--ed-rule)}
.process-step{display:grid;grid-template-columns:1fr 1fr;gap:clamp(4rem,9vw,10rem);align-items:center;padding:clamp(4rem,8vw,8rem) 0;position:relative}.process-step.is-reverse .process-step__visual{order:2}.process-step__visual{height:clamp(360px,42vw,590px);position:relative;overflow:hidden;margin:0}.process-step__visual img{width:100%;height:100%;object-fit:cover;transition:.8s var(--ease-expo)}.process-step:hover img{transform:scale(1.035)}.process-step__visual span{position:absolute;right:1rem;top:1rem;background:rgba(242,240,234,.9);padding:.5rem .75rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.process-step__copy>b{font-size:clamp(5rem,10vw,11rem);line-height:.7;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(20,20,20,.28);font-weight:500}.process-step__copy h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.85;letter-spacing:-.07em;margin:1.6rem 0}.process-step__copy p{color:var(--ed-muted);font-size:1.05rem;line-height:1.75;max-width:45ch}.process-step__copy small{display:block;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--ed-rule);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}
.process-workflow__grid{display:grid;grid-template-columns:1fr .7fr;grid-auto-rows:320px;gap:1rem}.process-workflow__grid figure:first-child{grid-row:span 2}.process-workflow__grid figure:nth-child(3){margin-right:18%}
.process-showcase__grid{display:grid;grid-template-columns:.65fr 1.1fr;gap:clamp(3rem,8vw,9rem);align-items:center}.process-showcase__copy h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.88;letter-spacing:-.07em;margin:1.5rem 0}.process-showcase__copy p{color:#999;line-height:1.8;max-width:48ch}.process-showcase__copy ul{list-style:none;margin-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.process-showcase__copy li{padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.process-showcase__visual{position:relative}.process-showcase__visual>figure{height:clamp(430px,55vw,720px);overflow:hidden}.process-showcase__visual img{width:100%;height:100%;object-fit:cover}
.process-delivery{background:#008da3}.process-delivery__card{display:grid;grid-template-columns:.8fr 1.2fr;background:#111;align-items:stretch}.process-delivery__card>div{padding:clamp(2.5rem,6vw,6rem)}.process-delivery h2{font-size:clamp(3rem,5.5vw,6rem);line-height:.88;letter-spacing:-.07em;margin:1.5rem 0}.process-delivery p{color:#aaa;line-height:1.8}.process-delivery figure{min-height:580px;overflow:hidden}.process-delivery figure img{width:100%;height:100%;object-fit:cover}.process-delivery__list{display:grid;grid-template-columns:1fr 1fr;margin-top:2.5rem;border-top:1px solid #333}.process-delivery__list span{padding:.8rem 0;border-bottom:1px solid #333;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}

/* Culture */
.culture-masonry-v2{columns:3 280px;column-gap:1rem}.culture-masonry-v2 figure{break-inside:avoid;margin:0 0 1rem;height:auto}.culture-masonry-v2 figure:nth-child(3n+1) img{aspect-ratio:4/5}.culture-masonry-v2 figure:nth-child(3n+2) img{aspect-ratio:1/1}.culture-masonry-v2 figure:nth-child(3n) img{aspect-ratio:4/3}.culture-masonry-v2 img{height:auto;object-fit:cover}
.culture-bts__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,8rem);align-items:start}.culture-bts__main{height:760px}.culture-bts__copy{padding-top:6rem}.culture-bts__copy h2{font-size:clamp(3rem,5.5vw,6rem);line-height:.88;letter-spacing:-.07em;margin:1.5rem 0}.culture-bts__copy>p{color:#999;line-height:1.8}.culture-bts__copy blockquote{font-family:inherit;font-weight:300;font-size:clamp(1.35rem,2.4vw,2.25rem);line-height:1.42;letter-spacing:-.03em;margin-top:4rem;padding-top:2rem;border-top:1px solid #333}.culture-bts__detail{height:320px;grid-column:2;margin-top:-16rem;margin-left:30%}

/* Testimonials */
.proof-feature__card{display:grid;grid-template-columns:1.1fr .9fr;background:#151515}.proof-feature__visual{position:relative;min-height:650px}.proof-feature__visual>figure{position:absolute;inset:0;overflow:hidden}.proof-feature__visual img{width:100%;height:100%;object-fit:cover}.proof-feature__visual>div{position:absolute;left:1.5rem;bottom:1.5rem;background:#008da3;padding:1.5rem;width:190px}.proof-feature__visual strong{display:block;font-size:3.5rem;line-height:1;letter-spacing:-.06em}.proof-feature__visual span{display:block;font-size:.69rem;text-transform:uppercase;letter-spacing:.09em;margin-top:.5rem}.proof-feature__copy{padding:clamp(2.5rem,6vw,6rem);display:flex;flex-direction:column}.proof-feature__copy>span{font-size:.67rem;text-transform:uppercase;letter-spacing:.13em;color:#999}.proof-feature blockquote{font-family:inherit;font-weight:300;font-size:clamp(1.5rem,2.8vw,2.7rem);line-height:1.38;letter-spacing:-.03em;margin:auto 0}.proof-feature footer{display:flex;align-items:center;gap:.8rem;border-top:1px solid #333;padding-top:1.4rem}.proof-feature footer figure{width:50px;height:50px;border-radius:50%;overflow:hidden}.proof-feature footer img{width:100%;height:100%;object-fit:cover}.proof-feature footer strong,.proof-feature footer span{display:block}.proof-feature footer span{font-size:.75rem;color:#888}
.proof-cards__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ed-rule);border:1px solid var(--ed-rule)}.proof-card{background:var(--ed-paper);padding:clamp(2rem,4vw,4rem);min-height:370px;display:flex;flex-direction:column;transition:.45s var(--ease-expo)}.proof-card:hover{background:#fff;transform:translateY(-5px)}.proof-card>div{display:flex;justify-content:space-between}.proof-card>div>span{font-size:.7rem;letter-spacing:.13em}.proof-card .star-rating{font-size:.7rem;color:#141414}.proof-card p{font-family:inherit;font-weight:300;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.45;letter-spacing:-.025em;margin:3rem 0}.proof-card footer{margin-top:auto}.proof-card footer strong,.proof-card footer span{display:block}.proof-card footer span{font-size:.75rem;color:var(--ed-muted)}
.proof-logos{padding:4.5rem 0;background:#008da3}.proof-logos__row{display:grid;grid-template-columns:repeat(6,1fr);margin-top:2rem;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}.proof-logo{min-height:100px;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.35);font-weight:700;letter-spacing:.12em;font-size:.78rem}.proof-logo:last-child{border-right:1px solid rgba(255,255,255,.35)}.proof-logo img{max-width:110px;max-height:40px;object-fit:contain;filter:brightness(0) invert(1)}
.proof-results__grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-result{border-top:1px solid #333;padding:1.3rem 1.5rem 3rem 0}.proof-result>span{font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;color:#888}.proof-result strong{display:block;font-size:clamp(3rem,5vw,5.8rem);letter-spacing:-.07em;margin:3rem 0 .5rem}.proof-result p{font-size:.8rem;color:#999}.proof-result+article{padding-left:1.5rem;border-left:1px solid #333}
.proof-trust{background:var(--ed-paper);color:var(--ed-ink)}.proof-trust__grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(3rem,8vw,9rem);align-items:center}.proof-trust__visual figure{height:650px;overflow:hidden}.proof-trust__visual img{width:100%;height:100%;object-fit:cover}.proof-trust__visual>span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;margin-top:.8rem}.proof-trust__copy h2{font-size:clamp(3rem,5.5vw,6rem);line-height:.88;letter-spacing:-.07em;margin:1.5rem 0}.proof-trust__copy>p{color:var(--ed-muted);line-height:1.8}.proof-trust__copy>div{margin-top:3rem;border-top:1px solid var(--ed-rule)}.proof-trust__copy article{display:grid;grid-template-columns:100px 1fr;padding:1rem 0;border-bottom:1px solid var(--ed-rule)}.proof-trust__copy article span{color:var(--ed-muted);font-size:.8rem}

/* Shared image CTA */
.ed-cta-wrap{padding-top:0}.ed-cta{position:relative;min-height:clamp(580px,72vw,820px);display:flex;align-items:flex-end;overflow:hidden}.ed-cta__media,.ed-cta__shade{position:absolute;inset:0}.ed-cta__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-expo)}.ed-cta:hover .ed-cta__media img{transform:scale(1.025)}.ed-cta__shade{background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.05) 70%)}.ed-cta__content{position:relative;z-index:2;padding:clamp(2rem,6vw,6rem);width:100%}.ed-cta h2{font-size:clamp(3.2rem,7vw,8rem);line-height:.86;letter-spacing:-.075em;max-width:10ch;margin:1.3rem 0}.ed-cta p{color:rgba(255,255,255,.75);max-width:42ch}.ed-link{display:flex;align-items:center;justify-content:space-between;color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,.55);margin-top:3rem;padding-top:1rem;text-transform:uppercase;font-size:.72rem;letter-spacing:.13em}.ed-link i{width:3rem;height:3rem;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-style:normal;transition:.35s}.ed-link:hover i{background:#fff;color:#111;transform:rotate(45deg)}

@media(max-width:900px){
 .ed-hero{height:860px}.ed-hero__foot,.ed-section-head,.ed-story__grid,.process-intro__grid{grid-template-columns:1fr}.ed-scroll{display:none}.ed-section-head h2{margin-top:1rem}.ed-story__media{margin-top:0}.ed-pillars__grid,.ed-history__grid,.team-leader,.team-leader:nth-child(even),.process-showcase__grid,.process-delivery__card,.culture-bts__grid,.proof-feature__card,.proof-trust__grid{grid-template-columns:1fr}.ed-pillar:nth-child(2){margin-top:2rem}.ed-history__sticky{position:static}.ed-stats__grid{grid-template-columns:1fr 1fr}.ed-stat:nth-child(3){border-top:1px solid rgba(255,255,255,.35)}.ed-gallery__grid{grid-template-columns:1fr 1fr}.team-leader:nth-child(even) figure,.process-step.is-reverse .process-step__visual{order:0}.team-roster__grid{grid-template-columns:repeat(2,1fr)}.process-step{gap:3rem}.process-steps__line{display:none}.process-workflow__grid{grid-template-columns:1fr 1fr}.culture-bts__detail{grid-column:auto;margin:0;height:420px}.proof-logos__row{grid-template-columns:repeat(3,1fr)}.proof-results__grid{grid-template-columns:1fr 1fr}.proof-result:nth-child(3){border-left:0}.proof-feature__visual{min-height:500px}
}
@media(max-width:620px){
 .editorial-page .container{width:min(100% - 2rem,1280px)}.ed-section{padding:5.5rem 0}.ed-hero{min-height:700px;height:100svh}.ed-hero__title{font-size:clamp(3.45rem,16vw,6rem)}.ed-hero__foot{padding-top:.8rem}.ed-story__grid{gap:2rem}.ed-story__media{height:480px}.ed-pillars__grid,.ed-gallery__grid,.team-disciplines__grid,.team-roster__grid,.team-life__grid,.process-step,.process-workflow__grid,.proof-cards__grid,.proof-results__grid{grid-template-columns:1fr}.ed-pillar:nth-child(2),.ed-gallery__grid figure:nth-child(2),.ed-gallery__grid figure:nth-child(4){margin-top:0}.ed-gallery__grid figure:nth-child(3){grid-column:auto;margin-right:0}.ed-stats__grid{grid-template-columns:1fr 1fr}.ed-stat{padding:1.2rem}.team-leader figure{height:520px}.team-disciplines__grid{display:block}.team-discipline,.team-discipline:nth-child(even){padding:1.5rem 0 3rem;border-right:0}.team-life__grid{grid-auto-rows:330px}.team-life__grid figure:first-child{grid-row:auto}.team-life__grid figure:nth-child(3){margin-left:0}.process-step{padding:4rem 0}.process-step__visual{height:360px}.process-step__copy>b{font-size:6rem}.process-workflow__grid{grid-auto-rows:320px}.process-workflow__grid figure:first-child{grid-row:auto}.process-workflow__grid figure:nth-child(3){margin-right:0}.process-ui-card{right:.8rem}.process-delivery figure{min-height:380px}.culture-bts__main{height:520px}.culture-bts__copy{padding-top:1rem}.proof-feature__visual{min-height:440px}.proof-feature blockquote{margin:3rem 0}.proof-logos__row{grid-template-columns:repeat(2,1fr)}.proof-result+article{padding-left:0;border-left:0}.proof-trust__visual figure{height:480px}.ed-cta{min-height:620px}
}
@media(prefers-reduced-motion:reduce){.ed-hero__media img{animation:none}.editorial-page img,.editorial-page article,.editorial-page figure{transition:none!important}}

/* ── Content update: team, disciplines & process refinements ───────────────
   Appended last so these win over the base rules above. Anything that would
   clash with the mobile blocks is guarded by its own min-width query.        */

/* "Direction without distance." — forced onto one line from tablet up.
   The base .ed-section-head h2 rule caps at 12ch, which is what was
   breaking it across two lines even after the <br> was removed. */
.page-team-v2 .team-lead__heading{max-width:none}
@media(min-width:621px){
 .page-team-v2 .team-lead__heading{white-space:nowrap;font-size:clamp(2.2rem,5vw,5.4rem)}
}

/* Four discipline cards — scaled down from the original oversized block. */
.team-discipline{min-height:0}
.team-discipline h3{font-size:clamp(1.9rem,3.2vw,3.3rem);margin:1.75rem 0 .85rem}
.team-discipline p{font-size:.95rem;line-height:1.65;max-width:38ch}
.team-discipline>div{font-size:.66rem}
@media(min-width:621px){
 .team-discipline{padding:1.5rem 2.25rem 2.5rem 0;min-height:230px}
 .team-discipline:nth-child(even){padding-left:2.25rem}
 .team-discipline:hover{padding-top:1.9rem}
}

/* Rebalance the team page now that the roster and studio-life blocks are
   gone — disciplines is the last section before the Next Chapter CTA. */
.page-team-v2 .team-lead{padding-bottom:clamp(5rem,9vw,8.5rem)}
.page-team-v2 .team-disciplines{padding-bottom:clamp(5.5rem,10vw,9rem)}

/* Process hero heading — reduced per brief. */
.ed-hero--process .ed-hero__title{font-size:clamp(3rem,6.6vw,7rem);max-width:14ch}
@media(max-width:620px){
 .ed-hero--process .ed-hero__title{font-size:clamp(2.9rem,12vw,4.6rem)}
}

/* Process intro heading now carries a longer sentence than the old copy. */
.process-intro h2{max-width:18ch;font-size:clamp(2.2rem,4.4vw,4.4rem)}

/* Per-stage deliverables list (replaces the old single-line <small>). */
.process-step__deliverables{margin-top:2rem;padding-top:1.1rem;border-top:1px solid var(--ed-rule)}
.process-step__deliverables>b{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ed-muted);margin-bottom:.9rem}
.process-step__deliverables ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.process-step__deliverables li{position:relative;padding-left:1.15rem;font-size:.85rem;line-height:1.5;letter-spacing:.01em}
.process-step__deliverables li:before{content:"";position:absolute;left:0;top:.66em;width:6px;height:1px;background:currentColor;opacity:.5}

/*──────────────────────────────────────────────────────────
  ABOUT — EDITORIAL REBUILD
  Intentionally its own layout language. The other editorial pages
  (Team, Culture, Process) share a card-and-grid rhythm; About is set
  as a long-form read: a wide measure for the story, sticky side rails,
  and generous rules instead of boxes.
──────────────────────────────────────────────────────────*/

.page-about-v3 { --ab-line: rgba(255,255,255,.1); --ab-muted: #94959d; }

/*── 01 · Story — long-form, single column, wide measure ───*/
.ab-story__grid {
  display: grid;
  grid-template-columns: minmax(120px,.28fr) minmax(0,1.32fr) minmax(0,.9fr);
  gap: clamp(1.5rem,4vw,3.5rem);
  align-items: start;
}
.ab-story__copy h2 {
  margin: .8rem 0 1.6rem;
  font-family: var(--font-display);
  font-size: clamp(1.75rem,3.2vw,2.75rem);
  font-weight: 800;
  letter-spacing: -.042em;
  line-height: 1.12;
  color: var(--white);
  max-width: 20ch;
}
.ab-story__copy p {
  margin-bottom: 1.15rem;
  font-size: clamp(.97rem,1.2vw,1.06rem);
  line-height: 1.82;
  color: #b0b1b9;
  max-width: 64ch;
}
/* The opening paragraph carries the thesis, so it gets the emphasis. */
.ab-story__copy p:first-of-type {
  font-size: clamp(1.05rem,1.4vw,1.2rem);
  line-height: 1.7;
  color: #d6d7dc;
}
.ab-story__media {
  position: sticky;
  top: 6rem;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--ab-line);
}
.ab-story__media img { display: block; width: 100%; height: auto; }

/*── 02 · How we build — numbered rail ─────────────────────*/
.ab-build__grid {
  display: grid;
  grid-template-columns: minmax(0,.85fr) minmax(0,1.35fr);
  gap: clamp(2rem,6vw,5rem);
  align-items: start;
}
.ab-build__sticky { position: sticky; top: 6rem; }
.ab-build__sticky h2 {
  margin: 1rem 0 1rem;
  font-family: var(--font-display);
  font-size: clamp(1.9rem,3.6vw,3rem);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.06;
  color: var(--white);
}
.ab-build__sticky p { font-size: .95rem; line-height: 1.7; color: var(--ab-muted); max-width: 34ch; }
.ab-build__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ab-line); }
.ab-build__step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.4rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--ab-line);
}
.ab-build__num {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--blue);
  padding-top: .3rem;
}
.ab-build__step h3 {
  font-family: var(--font-display);
  font-size: clamp(1.15rem,1.8vw,1.45rem);
  font-weight: 700;
  letter-spacing: -.03em;
  color: var(--white);
}
.ab-build__step p { margin-top: .5rem; font-size: .93rem; line-height: 1.72; color: var(--ab-muted); max-width: 58ch; }

/*── 03 · Principles — visual-led cards ────────────────────*/
.ab-principles__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
  gap: 1.4rem;
}
.ab-principle {
  border: 1px solid var(--ab-line);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.02);
  transition: border-color .5s var(--ease-expo), transform .5s var(--ease-expo);
}
.ab-principle:hover { border-color: rgba(0,175,193,.4); transform: translateY(-4px); }
.ab-principle figure { margin: 0; overflow: hidden; border-bottom: 1px solid var(--ab-line); }
.ab-principle img { display: block; width: 100%; aspect-ratio: 16/11; object-fit: cover; }
.ab-principle__body { padding: 1.3rem 1.35rem 1.5rem; }
.ab-principle__body h3 {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -.03em;
  color: var(--white);
}
.ab-principle__body p { margin-top: .6rem; font-size: .9rem; line-height: 1.7; color: var(--ab-muted); }

/*── 04 · Experience — connected timeline ──────────────────*/
.ab-experience__grid {
  display: grid;
  grid-template-columns: minmax(0,.85fr) minmax(0,1.35fr);
  gap: clamp(2rem,6vw,5rem);
  align-items: start;
}
.ab-experience__sticky { position: sticky; top: 6rem; }
.ab-experience__sticky h2 {
  margin: 1rem 0 1rem;
  font-family: var(--font-display);
  font-size: clamp(1.9rem,3.6vw,3rem);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.06;
  color: var(--white);
}
.ab-experience__sticky p { font-size: .95rem; line-height: 1.7; color: var(--ab-muted); max-width: 36ch; }
.ab-experience__track { position: relative; padding-left: 2.1rem; }
.ab-experience__track::before {
  content: '';
  position: absolute;
  left: .42rem;
  top: .6rem;
  bottom: .6rem;
  width: 1px;
  background: linear-gradient(180deg, var(--blue), rgba(255,255,255,.08));
}
.ab-experience__item { position: relative; padding: 0 0 1.9rem; }
.ab-experience__item:last-child { padding-bottom: 0; }
.ab-experience__item::before {
  content: '';
  position: absolute;
  left: -2.1rem;
  top: .5rem;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #08080A;
  border: 2px solid var(--blue);
}
.ab-experience__item h3 {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -.025em;
  color: var(--white);
}
.ab-experience__item p { margin-top: .45rem; font-size: .92rem; line-height: 1.72; color: var(--ab-muted); max-width: 56ch; }

/*── 05 · Standards — compact icon cards ───────────────────*/
.ab-standards__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  gap: 1px;
  background: var(--ab-line);
  border: 1px solid var(--ab-line);
  border-radius: 18px;
  overflow: hidden;
}
.ab-standard { padding: 1.5rem 1.4rem; background: #08080A; transition: background .4s var(--ease-expo); }
.ab-standard:hover { background: rgba(255,255,255,.028); }
.ab-standard i {
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 10px;
  color: var(--blue);
  background: rgba(0,175,193,.12);
  border: 1px solid rgba(0,175,193,.28);
}
.ab-standard i svg { width: 1.15rem; height: 1.15rem; }
.ab-standard h3 {
  margin: .95rem 0 .45rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -.025em;
  color: var(--white);
}
.ab-standard p { font-size: .87rem; line-height: 1.66; color: var(--ab-muted); }

/*── RESPONSIVE ────────────────────────────────────────────*/
@media (max-width: 1024px) {
  .ab-story__grid { grid-template-columns: 1fr; }
  .ab-story__media { position: static; order: -1; max-width: 32rem; }
  .ab-build__grid,
  .ab-experience__grid { grid-template-columns: 1fr; }
  .ab-build__sticky,
  .ab-experience__sticky { position: static; }
}
@media (max-width: 640px) {
  .ab-build__step { grid-template-columns: 1fr; gap: .5rem; }
  .ab-standards__grid { border-radius: 14px; }
  .ab-principle { border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .ab-principle { transition: none; }
  .ab-principle:hover { transform: none; }
}

/*──────────────────────────────────────────────────────────
  ABOUT HERO — bespoke split composition
  Replaces the shared .ed-hero on this page only. The artwork sits in
  its own framed panel at its natural 4:3 aspect, so it is never
  cover-cropped and never sits under a heavy shade.
──────────────────────────────────────────────────────────*/
.ab-hero{
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:clamp(7.5rem,14vh,10.5rem) 0 clamp(3.5rem,7vh,6rem);
}
.ab-hero__grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(2rem,5vw,4.5rem);
  align-items:center;
}
.ab-hero__title{
  margin:1.1rem 0 1.4rem;
  font-family:var(--font-display);
  /* Smaller than the shared hero's 10rem ceiling: this page is an
     editorial read, not a statement banner. */
  font-size:clamp(2.6rem,5.6vw,4.8rem);
  font-weight:700;
  line-height:.98;
  letter-spacing:-.055em;
  color:var(--white);
  max-width:13ch;
}
.ab-hero__title em{
  font-family:inherit;
  font-weight:300;
  font-style:normal;
  letter-spacing:-.04em;
  color:var(--ed-accent-ink);
}
.ab-hero__intro{
  max-width:52ch;
  font-size:clamp(1rem,1.35vw,1.18rem);
  line-height:1.68;
  color:#b0b1b9;
}
.ab-hero__facts{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 2.4rem;
  margin:2.2rem 0 0;
  padding-top:1.4rem;
  border-top:1px solid rgba(255,255,255,.12);
}
.ab-hero__facts dt{
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#75767f;
}
.ab-hero__facts dd{
  margin:.3rem 0 0;
  font-size:.88rem;
  letter-spacing:-.01em;
  color:#d3d4da;
}
.ab-hero__art{
  margin:0;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 50px 110px -50px rgba(0,0,0,.9);
}
/* height:auto — the artwork keeps its own aspect and is never cropped. */
.ab-hero__art img{display:block;width:100%;height:auto}

@media (max-width:1024px){
  .ab-hero__grid{grid-template-columns:1fr;gap:2.2rem}
  .ab-hero__art{max-width:34rem}
  .ab-hero__title{max-width:none}
}
@media (max-width:640px){
  .ab-hero{padding-top:6.5rem}
  .ab-hero__art{border-radius:14px}
  .ab-hero__facts{gap:.5rem 1.5rem}
}

/*──────────────────────────────────────────────────────────
  CULTURE & TESTIMONIALS — REFINEMENT
──────────────────────────────────────────────────────────*/

/* Culture gallery now carries SVG artwork rather than photographs, so
   it needs a frame and a consistent aspect instead of photo cropping. */
.culture-masonry-v2 .ed-media { border:1px solid rgba(255,255,255,.09); border-radius:14px; overflow:hidden; background:#08080A; }
.culture-masonry-v2 .ed-media img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.culture-bts__main img, .culture-bts__detail img{
  display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover;
}

/* Ten principles instead of six — a denser grid keeps the section from
   becoming a long scroll. */

/* Testimonials: the portrait slot is gone (no stock faces), so the
   attribution block needs its own rhythm rather than a photo-led one. */
.proof-feature__copy footer { display:flex; align-items:center; gap:1rem; }
.proof-feature__copy footer > div { display:flex; flex-direction:column; }
.proof-feature__copy footer strong { font-size:.95rem; letter-spacing:-.02em; color:#fff; }
.proof-feature__copy footer span { font-size:.8rem; color:#8b8c95; }
.proof-feature__visual figure img { display:block; width:100%; height:100%; object-fit:cover; }

/* Industry label replaces the five-star row: a named sector is more
   credible than a rating nobody can verify. */
.proof-card__industry {
  font-size:.64rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--blue); font-style:normal;
}
.proof-card { transition: border-color .45s var(--ease-expo), transform .45s var(--ease-expo); }
.proof-card:hover { transform: translateY(-4px); border-color: rgba(0,175,193,.4); }
.proof-card p { font-size:.95rem; line-height:1.75; }
.proof-trust__visual figure img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }

@media (prefers-reduced-motion: reduce) {
  .proof-card { transition:none; }
  .proof-card:hover { transform:none; }
}

/*── Product mockups: never crop the interface ─────────────
  These visuals contain readable UI text, so height:auto keeps them at
  their native aspect. object-fit:cover would slice labels in half. */
.ab-hero__art img,
.ab-story__media img,
.ab-principle img { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }
.ab-principle figure { background:#08080A; }

/* 2026 About experience: editorial hierarchy, photographic composition and
   reliable light/dark section contrast. */
.editorial-page .ed-section:not(.ed-section--paper){color:#fff}
.editorial-page .ed-section--paper,.editorial-page .proof-trust,.editorial-page .ed-story{color:#141414;background:#f2f0ea}
.editorial-page .ed-section--paper h2,.editorial-page .ed-section--paper h3,.editorial-page .ed-section--paper strong,.editorial-page .ed-section--paper .ed-kicker,.editorial-page .proof-trust h2,.editorial-page .proof-trust h3{color:#141414}
.editorial-page .ed-section--paper p,.editorial-page .ed-section--paper li,.editorial-page .proof-trust p{color:#65635d}
.editorial-page .ed-section-head,.editorial-page .ed-section-head h2,.editorial-page .ed-section h2,.editorial-page .ed-section h3{text-align:left}
.ed-hero--about .ed-hero__media img{object-position:center 52%}.ed-hero--about .ed-hero__shade{background:linear-gradient(90deg,rgba(3,4,7,.86),rgba(3,4,7,.3) 67%),linear-gradient(0deg,rgba(0,0,0,.76),transparent 58%)}
.ed-hero--culture .ed-hero__media img{object-position:center 48%}.ed-hero--testimonials .ed-hero__media img{object-position:center 46%}

.ab-intro-v4__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);gap:clamp(3rem,9vw,9rem);align-items:center}.ab-intro-v4__copy h2{max-width:13ch;margin:1.4rem 0 2rem;font-size:clamp(2.8rem,5.5vw,6rem);line-height:.92;letter-spacing:-.065em}.ab-intro-v4__copy p{max-width:58ch;margin-top:1.15rem;font-size:clamp(.95rem,1.15vw,1.08rem);line-height:1.8;color:#65635d}.ab-intro-v4__media{height:clamp(520px,62vw,780px)}
.ab-why-v4__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.65fr);gap:clamp(3rem,8vw,8rem);align-items:start}.ab-why-v4__heading h2{max-width:11ch;margin-top:1.5rem;font-size:clamp(3.2rem,6.5vw,7rem);line-height:.88;letter-spacing:-.072em}.ab-why-v4__label{display:block;font-size:clamp(1rem,1.55vw,1.35rem);font-weight:650;letter-spacing:.03em;color:#67e8ed}.ab-why-v4__story{padding-top:3rem;border-top:1px solid rgba(255,255,255,.25)}.ab-why-v4__story p{max-width:54ch;margin-bottom:1.25rem;color:#a4a4aa;line-height:1.8}.ab-why-v4__story .ab-why-v4__lead{font-family:inherit;font-weight:300;font-size:clamp(1.3rem,2.1vw,1.9rem);line-height:1.5;letter-spacing:-.028em;color:#fff}.ab-why-v4__media{grid-column:1/-1;height:clamp(440px,58vw,760px);margin-top:clamp(2rem,5vw,5rem)}
.ab-stats-v4{padding:clamp(4rem,8vw,7rem) 0;background:#101114;color:#fff;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.ab-stats-v4 .ed-stats__grid{gap:clamp(1.5rem,4vw,4rem)}.ab-stats-v4 .ed-stat{padding:1.5rem 0;border:0;border-top:1px solid rgba(255,255,255,.24)}.ab-stats-v4 .ed-stat:last-child{border-right:0}.ab-stats-v4 .ed-stat strong{font-size:clamp(3.5rem,6.5vw,7rem);color:#fff}.ab-stats-v4 .ed-stat>span{max-width:18ch;color:#a5a5ad;line-height:1.5}
.ab-principles-v4__layout{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:clamp(3rem,8vw,8rem);align-items:start}.ab-principles-v4__layout>figure{height:clamp(520px,65vw,780px);position:sticky;top:7rem}.ab-principles-v4__list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(20,20,20,.2)}.ab-principles-v4__list li{display:grid;grid-template-columns:3rem 1fr;gap:1.2rem;padding:clamp(1.6rem,3vw,2.5rem) 0;border-bottom:1px solid rgba(20,20,20,.16)}.ab-principles-v4__list li>span{font-size:.68rem;color:#78766f}.ab-principles-v4__list h3{font-size:clamp(1.45rem,2.5vw,2.35rem);letter-spacing:-.04em}.ab-principles-v4__list p{max-width:52ch;margin-top:.7rem;line-height:1.7}
.ab-partnership-v4__grid{display:grid;grid-template-columns:1.1fr .7fr;gap:clamp(3rem,9vw,10rem);align-items:end}.ab-partnership-v4 h2{max-width:11ch;margin-top:1.4rem;font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.07em}.ab-partnership-v4 p{color:#9c9ca4;line-height:1.8}.ed-inline-link{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em}.ed-inline-link span{transition:transform .35s}.ed-inline-link:hover span{transform:translateX(5px)}

.editorial-page .ed-stats:not(.ab-stats-v4){background:#101114;color:#fff;border-block:1px solid rgba(255,255,255,.12)}.editorial-page .ed-stats:not(.ab-stats-v4) .ed-stat{border-color:rgba(255,255,255,.18)}
.proof-cards__grid{display:block;border:0;border-top:1px solid var(--ed-rule);background:transparent}.proof-card{display:grid;grid-template-columns:minmax(180px,.35fr) 1fr minmax(160px,.3fr);gap:2rem;align-items:start;min-height:0;padding:2.2rem 0;border-bottom:1px solid var(--ed-rule);background:transparent}.proof-card:hover{background:transparent;transform:none}.proof-card p{margin:0;font-family:inherit;font-weight:300;font-size:clamp(1.15rem,1.9vw,1.65rem)}.proof-card footer{margin:0}
.ed-cta-wrap{padding:0!important;background:#090909}.ed-cta{min-height:max(680px,86vh);width:100%}.ed-cta__shade{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.22) 70%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%)}.ed-cta__content{width:min(1400px,calc(100% - clamp(3rem,10vw,8rem)));margin:0 auto}.ed-cta h2{text-align:left!important}
.ed-cta-wrap--centered .ed-cta__content{text-align:center}.ed-cta-wrap--centered .ed-kicker{justify-content:center}.ed-cta-wrap--centered .ed-cta h2{margin-inline:auto;text-align:center!important}.ed-cta-wrap--centered .ed-cta p{margin-inline:auto}.ed-cta-wrap--centered .ed-link{max-width:42rem;margin-inline:auto}

@media(max-width:900px){.ab-intro-v4__grid,.ab-why-v4__grid,.ab-principles-v4__layout,.ab-partnership-v4__grid{grid-template-columns:1fr}.ab-intro-v4__media{height:560px}.ab-why-v4__media{grid-column:auto}.ab-principles-v4__layout>figure{position:static;height:560px}.proof-card{grid-template-columns:1fr}.ed-cta__content{width:min(100% - 2.5rem,1280px)}}
@media(max-width:620px){.ab-intro-v4__media,.ab-principles-v4__layout>figure{height:440px}.ab-why-v4__story{padding-top:1.5rem}.ab-stats-v4 .ed-stats__grid{grid-template-columns:1fr 1fr}.ab-stats-v4 .ed-stat{padding:1.2rem 0}.ab-stats-v4 .ed-stat strong{font-size:clamp(3rem,14vw,5rem)}.ed-cta{min-height:680px}.ed-cta__media img{object-position:center}.ed-cta__content{width:calc(100% - 2rem);padding:2rem 0 3rem}}
.process-delivery{background:#101114}.proof-feature__visual>div{background:rgba(7,8,11,.84);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px)}

/* ─────────────────────────────────────────────────────────────────────
   About refinements.
   (1) The "About Manova" intro dropped its duplicate team photo, so the
   two-column grid collapses to a single, focused editorial column — no
   empty half, no awkward gap. The heading and body keep their reading
   max-widths so nothing stretches.
   (2) Principles: premium, lightweight scroll motion. The sticky image
   reveals with a clip + scale, and the list reveals in a gentle stagger
   driven by --principle-index. GPU-friendly (opacity/transform only),
   and fully disabled under reduced-motion. The parallax/scale on scroll
   is applied by assets/js/about.js. Appended last so it wins. */
.ab-intro-v4__grid{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2.5rem)}
.ab-intro-v4__copy{max-width:none}
.ab-intro-v4__copy h2{max-width:20ch}
.ab-intro-v4__copy p{max-width:66ch}

/* Principles image reveal — clip + scale, cinematic and smooth */
.ab-principles-v4__media{clip-path:inset(0 0 0 0);will-change:transform}
.ab-principles-v4__media.r-s{opacity:0;transform:scale(1.06);clip-path:inset(8% 6% 8% 6% round 14px);transition:opacity 1s var(--ease-expo),transform 1.2s var(--ease-expo),clip-path 1.2s var(--ease-expo)}
.ab-principles-v4__media.r-s.v{opacity:1;transform:scale(1);clip-path:inset(0 0 0 0 round 14px)}
.ab-principles-v4__media img{transform:translate3d(0,0,0);transition:transform .35s var(--ease-expo),filter .6s}
.ab-principles-v4__media:hover img{filter:saturate(1.06) brightness(1.03)}

/* Principles list — staggered reveal using the per-item index */
.ab-principles-v4__list li.r{transition-delay:calc(var(--principle-index,0)*95ms)}

@media (prefers-reduced-motion:reduce){
  .ab-principles-v4__media.r-s,.ab-principles-v4__media.r-s.v{opacity:1;transform:none;clip-path:none;transition:none}
  .ab-principles-v4__list li.r{transition-delay:0s}
  .ab-principles-v4__media img{transition:none}
}

/*──────────────────────────────────────────────────────────
  CULTURE — GALLERY BAND
  Formerly nested inside the removed "Our Approach" section, which
  supplied the top padding. As a standalone band it needs its own,
  slightly tighter rhythm so it reads as atmosphere between two
  content sections rather than as a section in its own right.
──────────────────────────────────────────────────────────*/
.culture-gallery{padding-block:clamp(3.5rem,7vw,6.5rem)}

/* .ed-section-head is a two-column grid: the small label in column 1,
   the H2 in column 2. A third child (this intro line) would otherwise
   wrap onto row 2 *column 1* — the narrow 120px label column — and
   render as a squeezed ribbon of text. Pinning it to column 2 puts it
   directly under the H2 where it belongs. This also corrects the same
   latent issue on the Testimonials results section, which has the same
   span/h2/p structure. */
.ed-section-head > p{
  grid-column:2;
  max-width:52ch;
  margin-top:1.1rem;
  font-size:.92rem;
  line-height:1.65;
  opacity:.75;
}
/* Single-column at the tablet breakpoint, where the label stacks. */
@media (max-width:1024px){
  .ed-section-head > p{grid-column:1}
}


/*──────────────────────────────────────────────────────────
  EDITORIAL HERO — BLOG & CASE STUDIES VARIANTS

  The two resource archives render the same editorial hero component as
  the five About destinations, so they inherit its whole composition.
  These two rules only set what is genuinely per-page: the focal point
  of the backdrop and the weight of the shade behind the copy.

  Both headlines are two-line with an accent clause, so they want the
  slightly wider measure the culture variant already uses rather than
  the default 10.5ch, which would break them across three lines.
──────────────────────────────────────────────────────────*/
.ed-hero--blog .ed-hero__media img{object-position:center 45%}
.ed-hero--blog .ed-hero__shade{
  background:
    linear-gradient(90deg,rgba(3,5,10,.88),rgba(3,5,10,.32) 66%),
    linear-gradient(0deg,rgba(0,0,0,.78),transparent 58%);
}
.ed-hero--work .ed-hero__media img{object-position:center 50%}
.ed-hero--work .ed-hero__shade{
  background:
    linear-gradient(90deg,rgba(4,8,14,.88),rgba(4,8,14,.3) 66%),
    linear-gradient(0deg,rgba(0,0,0,.78),transparent 58%);
}
.ed-hero--blog .ed-hero__title,
.ed-hero--work .ed-hero__title{max-width:13ch}
@media (max-width:680px){
  .ed-hero--blog .ed-hero__title,
  .ed-hero--work .ed-hero__title{max-width:none}
}
