/* Focused version20 refinement: fresh sources, breathing room and shared FAQs. */
.agency-opening{display:grid;grid-template-columns:1.6fr 1fr;column-gap:64px;padding-block:52px 42px;align-items:center}
.agency-opening>.eyebrow{grid-column:1/-1;margin-bottom:0}
.agency-opening h1{font-size:clamp(46px,5.1vw,74px);max-width:13em;margin:22px 0 0}
.agency-opening-detail{display:block}.agency-opening-detail p{font-size:17px;line-height:1.65}.agency-opening-detail .coverage{margin-top:18px}
.agency-opening-photo{height:clamp(350px,37vw,540px)}
.agency-opening-photo .scene-photo,.agency-capabilities-photo .scene-photo{inset:0;position:absolute}
.agency-opening-photo .scene-photo img,.agency-capabilities-photo .scene-photo img{width:100%;height:100%;object-fit:cover;transform:translate3d(0,var(--image-offset,0px),0) scale(1.08)}
.agency-opening-photo .scene-photo img{object-position:50% 55%}
.agency-capabilities-band{background:#18242c}.agency-capabilities{padding-block:65px 40px}
.agency-capabilities .offering-grid{margin-block:26px 22px}.agency-capabilities article{padding-block:20px}.agency-capabilities h3{font-size:25px}
.agency-capabilities-photo{height:clamp(350px,43vw,610px)}.agency-capabilities-photo .scene-photo img{object-position:50% 54%}
.agency-capabilities-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,36,44,.34),transparent 24%)}
.agency-deliverables{background:#111820;padding-block:65px}
.agency-deliverables-layout{display:grid;grid-template-columns:.85fr 1.35fr;gap:60px;align-items:center}
.agency-deliverables h2{font-size:clamp(36px,4vw,56px);line-height:1.08;max-width:12em}.agency-deliverables p{font-size:17px;line-height:1.7}
.agency-deliverables figure{margin:0}.agency-deliverables img{width:100%;height:auto;display:block}.agency-deliverables figcaption{font-size:13px;line-height:1.7;margin-top:16px;color:#d5dce1}
.agency-continuity{padding-block:65px;gap:70px;align-items:center}.agency-continuity>div{border:0;padding:0}.agency-continuity .button{margin-top:18px}
.agency-process-band{background:linear-gradient(120deg,#182127,#303e46);overflow:hidden}
.agency-process-band>.scene-photo{position:absolute;left:55%;right:0;top:0;bottom:0;width:auto;opacity:.48}
.agency-process-band>.scene-photo img{width:100%;height:100%;object-fit:cover;object-position:36% 50%;transform:translate3d(0,var(--image-offset,0px),0) scale(1.10)}
.agency-process-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#182127 40%,rgba(24,33,39,.83) 61%,rgba(24,33,39,.20))}
.agency-plan{border:0;position:relative;gap:65px;padding-block:70px}.agency-plan .step-grid p{color:#f0f2f4}
#event .portfolio-grid{grid-template-columns:1fr}
#event .project-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center;background:transparent}
#event .project-feature-copy{padding:0}#event .project-feature h3{font-size:clamp(30px,3vw,42px);line-height:1.1}
.service-faq summary{display:flex;justify-content:space-between;gap:24px;align-items:center}
.service-faq summary .faq-question{transform:none;transition:none;flex:1}
.service-faq summary .faq-indicator{display:block;position:relative;width:18px;height:18px;flex:none;transform:none!important;transition:none!important;font-size:0}
.faq-indicator::before,.faq-indicator::after{content:"";position:absolute;background:var(--accent);left:1px;top:8px;width:16px;height:2px}
.faq-indicator::after{transform:rotate(90deg) scaleX(1);transition:transform .3s cubic-bezier(.22,.8,.3,1)}
summary[aria-expanded="true"] .faq-indicator::after,details[open] summary:not([aria-expanded]) .faq-indicator::after{transform:rotate(90deg) scaleX(0)}
.service-faq .faq-answer{display:flow-root}.service-faq .faq-answer p{margin:0;padding:12px 0 22px;max-width:65ch}
.service-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.reduce-motion .faq-indicator::after{transition:none}
.reduce-motion .agency-opening-photo img,.reduce-motion .agency-capabilities-photo img,.reduce-motion .agency-process-band>.scene-photo img{transform:scale(1.08)}
@media(max-width:1050px) and (min-width:701px){.agency-opening{gap:35px;grid-template-columns:1.2fr 1fr}.agency-opening h1{font-size:49px}.agency-opening-detail p{font-size:16px}.agency-deliverables-layout{gap:35px;grid-template-columns:1fr 1.1fr}.agency-plan{gap:35px}.agency-process-band>.scene-photo{left:45%}}
@media(max-width:700px){
 .agency-opening{display:block;padding-block:34px 28px}.agency-opening h1{font-size:41px;margin:20px 0 22px;max-width:12em}.agency-opening-detail p{font-size:16px;line-height:1.6;margin-bottom:20px}.agency-opening-detail .coverage{font-size:11px;margin-top:17px;margin-bottom:0}
 .agency-opening-photo{height:auto;aspect-ratio:2.02}.agency-opening-photo .scene-photo img{object-position:50% 60%}
 .agency-opening-photo .scene-photo img{transform:translate3d(0,var(--image-offset,0px),0) scale(1.12)}
 #event .project-feature{grid-template-columns:1fr;gap:22px}#event .project-feature h3{font-size:31px}
 .agency-capabilities{padding-block:44px 30px}.agency-capabilities .offering-grid{margin-block:25px 20px}.agency-capabilities article{padding-block:18px}.agency-capabilities-photo{height:290px}.agency-capabilities-photo .scene-photo img{object-position:50% 50%}
 .agency-deliverables{padding-block:42px}.agency-deliverables-layout{grid-template-columns:1fr;gap:28px}.agency-deliverables h2{font-size:39px}.agency-deliverables p{font-size:16px}.agency-continuity{gap:15px;padding-block:44px}.agency-continuity h2{margin-bottom:5px}
 .agency-process-band>.scene-photo{left:0;top:0;bottom:auto;height:310px;opacity:.65}.agency-process-band>.scene-photo img{object-position:50% 60%}.agency-process-shade{background:linear-gradient(180deg,transparent 0%,rgba(24,33,39,.20) 140px,#182127 300px)}.agency-plan{padding-block:290px 45px;gap:28px}
 .home-page .hero{min-height:0;height:auto;max-height:none;padding-bottom:28px}.home-page .hero .hero-content{padding-bottom:0}.home-page .hero .hero-bottom{position:relative;inset:auto;width:calc(100% - 40px);margin:28px auto 0;padding:0}.home-page .hero .hero-bottom p{margin-bottom:12px}
 .contact-page{padding-top:26px}.contact-page .back-link{margin-bottom:22px}.contact-grid{gap:20px}.contact-grid h1{font-size:42px;margin-block:16px}.contact-grid>div>p{font-size:16px;line-height:1.6;margin-block:12px}.contact-page .preview-notice{padding:12px 14px;margin-top:18px}.contact-page .preview-notice p{font-size:13px;line-height:1.5;margin:7px 0 0}
}
@media(prefers-reduced-motion:reduce){.faq-indicator::after{transition:none}.agency-opening-photo img,.agency-capabilities-photo img,.agency-process-band>.scene-photo img{transform:scale(1.08)!important}}

/* Version22 refinement: primary production composition and quieter support. */
.agency-opening-photo{width:min(1160px,100%);margin-inline:auto;height:auto;aspect-ratio:4898/2660;background:#131a20}
.agency-opening-photo .scene-photo img{object-position:50% 50%;transform:translate3d(0,var(--image-offset,0px),0) scale(1.08)}
.agency-capabilities{padding-block:65px}.agency-capabilities-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:30px}
.agency-interior-image{margin:0}.agency-interior-image img{display:block;width:100%;height:auto;object-fit:contain}
.agency-capabilities-layout .offering-grid{margin:0 0 15px;gap:18px 25px}.agency-capabilities-layout article{padding-block:17px}.agency-capabilities-layout h3{font-size:22px;line-height:1.15}.agency-capabilities-layout p{font-size:15px;line-height:1.65}
@media(max-width:1000px) and (min-width:701px){.agency-capabilities-layout{grid-template-columns:1fr 1fr;gap:30px}.agency-capabilities-layout .offering-grid{grid-template-columns:1fr;gap:0}.agency-capabilities-layout h3{font-size:22px}}
@media(max-width:700px){.agency-opening-photo{aspect-ratio:4648/2660}.agency-opening-photo .scene-photo img{transform:translate3d(0,var(--image-offset,0px),0) scale(1.12)}.agency-capabilities{padding-block:44px}.agency-capabilities-layout{grid-template-columns:1fr;gap:24px;margin-top:28px}.agency-capabilities-layout .offering-grid{grid-template-columns:1fr;margin-bottom:18px}.agency-capabilities-layout h3{font-size:25px}.agency-capabilities-layout p{font-size:16px}.home-page .hero .hero-bottom{margin-top:24px}.home-page .hero .hero-bottom p{margin-bottom:0}.home-page .hero{padding-bottom:24px}}
.reduce-motion .agency-opening-photo .scene-photo img{transform:scale(1.08)}
@media(prefers-reduced-motion:reduce){.agency-opening-photo .scene-photo img{transform:scale(1.08)!important}}

/* Two thoughts, one semantic heading; keep A with production. */
.agency-headline-thought{display:block}
.agency-headline-thought+.agency-headline-thought{margin-top:.14em}

/* Version24: one wide collaborative scene, a distinct supporting camera view. */
.agency-opening-photo{aspect-ratio:16/9}
.agency-opening-photo .scene-photo img{transform:translate3d(var(--pointer-x,0px),calc(var(--image-offset,0px) + var(--pointer-y,0px)),0) scale(1.11)}
.agency-process-band>.scene-photo{left:55%;opacity:1}
.agency-process-band>.scene-photo img{object-position:29% 50%}
.agency-process-shade{background:linear-gradient(90deg,#182127 43%,rgba(24,33,39,.85) 51%,rgba(24,33,39,.08) 65%,transparent 77%)}
.agency-plan{grid-template-columns:1fr;width:min(1160px,calc(100% - 80px));padding-right:calc(min(1160px,100vw - 80px) * .54);gap:30px}
.agency-plan .step-grid{display:grid;grid-template-columns:1fr;gap:22px}
.agency-plan h2{font-size:clamp(36px,3.8vw,52px);max-width:13em}
.agency-plan .step-grid li{padding-top:0}
@media(max-width:1050px) and (min-width:701px){.agency-plan{width:calc(100% - 60px);padding-right:calc((100vw - 60px) * .53)}.agency-plan h2{font-size:38px}}
@media(max-width:700px){
 .agency-opening-photo{aspect-ratio:3/2}
 .agency-opening-photo .scene-photo img{transform:translate3d(0,var(--image-offset,0px),0) scale(1.10)}
 .agency-process-band>.scene-photo{left:0;right:0;top:0;bottom:auto;height:auto;aspect-ratio:3/2;opacity:1}
 .agency-process-band>.scene-photo img{object-position:50% 50%}
 .agency-process-shade{background:linear-gradient(180deg,transparent,transparent calc(100vw * .55),#182127 calc(100vw * .67))}
 .agency-plan{width:calc(100% - 40px);padding:calc(100vw * 2 / 3 + 32px) 0 45px;gap:26px}
 .agency-plan h2{font-size:39px}
}

.reduce-motion .agency-opening-photo .scene-photo img{transform:scale(1.08)}
/* Keep the complete legal line readable while retaining the quiet footer. */
.footer-bottom>span:first-child,.footer-bottom [data-current-year]{font-size:12px;line-height:1.6}

/* Version25: readable production credits and nearby audible/client proof. */
.audio-recognition{max-width:660px;margin-bottom:26px;border-left:2px solid var(--accent);padding-left:20px}
.audio-recognition .eyebrow{margin:0 0 10px}.audio-recognition p:not(.eyebrow){font-size:20px;line-height:1.6;color:#f1f4f6;margin:0;max-width:37em}
.audio-opening{height:auto;max-height:none;min-height:850px}.audio-opening .service-opening-copy{padding-block:85px 70px}
.audio-credit-statement{font-size:19px;line-height:1.6;color:#f1f4f6;max-width:33em;margin:24px 0 28px;padding-left:18px;border-left:2px solid var(--accent)}
.audio-credibility{padding-block:52px;max-width:1040px}.audio-credibility .client-endorsement{margin:22px 0 28px}.audio-credibility .client-endorsement p{font-size:23px;line-height:1.55;max-width:65ch}.audio-credibility .client-endorsement cite{font-size:15px;color:#d9e1e7}
.about-audio-background{border-left:2px solid var(--accent);padding-left:20px;margin-block:25px}.about-audio-background p:not(.eyebrow){font-size:18px;line-height:1.65;color:#f1f4f6}.about-audio-background .eyebrow{font-size:11px;margin-bottom:12px}
@media(max-width:700px){.audio-opening{min-height:0}.audio-opening .service-opening-copy{padding-block:60px 40px}.audio-credit-statement{font-size:17px;margin:23px 0;padding-left:15px}.audio-recognition p:not(.eyebrow){font-size:18px}.audio-recognition{padding-left:16px;margin-bottom:25px}.audio-credibility{padding-block:38px}.audio-credibility .client-endorsement p{font-size:20px;line-height:1.55}.about-audio-background{padding-left:16px}.about-audio-background p:not(.eyebrow){font-size:17px}}
/* v26: substantial, contiguous quotations and quiet supporting research. */
.client-endorsement .testimonial-more{border-top:1px solid #526270;margin-top:20px;padding-block:8px;overflow-anchor:none}
.testimonial-more summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;min-height:44px;font-size:15px;font-weight:600;cursor:pointer}
.testimonial-more summary::-webkit-details-marker{display:none}
.testimonial-more summary .faq-indicator{position:relative;display:block;width:18px;height:18px;flex:none;transform:none!important;transition:none!important;font-size:0}
.testimonial-less{display:none}
.testimonial-more:has(summary[aria-expanded="true"]) .testimonial-read,.testimonial-more[open] summary:not([aria-expanded]) .testimonial-read{display:none}
.testimonial-more:has(summary[aria-expanded="true"]) .testimonial-less,.testimonial-more[open] summary:not([aria-expanded]) .testimonial-less{display:inline}
.expandable-endorsement:has(summary[aria-expanded="true"]) .excerpt-ending,.expandable-endorsement:has(details[open] summary:not([aria-expanded])) .excerpt-ending{visibility:hidden}
.client-endorsement .quote-continuation,.video-client-proof .client-endorsement .quote-continuation{font-size:18px;line-height:1.75;max-width:65ch;margin-top:18px;color:#d0dae4}
.video-client-proof .client-endorsement .quote-opening,.video-testimonial .client-endorsement .quote-opening{font-size:clamp(24px,2.5vw,32px);line-height:1.4;max-width:38em}
.client-endorsement cite,.service-guide .verified-proof .client-endorsement cite{font-size:14px;line-height:1.7}
.video-testimonial{padding-block:0 50px;scroll-margin-top:36px}.video-testimonial .eyebrow{margin-bottom:12px}
.investment-band{background:linear-gradient(115deg,rgba(29,55,70,.95),rgba(21,35,47,.96)),url('/grain.svg');padding-block:48px}
.investment-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}
.investment-layout h2{font-size:clamp(34px,3.4vw,48px);max-width:12em;margin-block:15px 20px}
.investment-intro{font-size:18px;line-height:1.75;max-width:40em;color:#e4ebf0}
.research-note{border-left:2px solid var(--accent);padding-left:20px;margin-top:28px}
.research-note p:not(.eyebrow),.service-guide .research-note p:not(.eyebrow){font-size:14px;line-height:1.8;color:#c9d6e1}
.research-note .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.12em;margin-bottom:12px}
.research-note .text-link{font-size:13px;margin-top:12px;line-height:1.7}
.about-opening{align-items:start;gap:35px 75px}.about-introduction{grid-column:1;grid-row:1}.about-portrait{grid-column:2;grid-row:1/span 2;align-self:center}.about-audio-background{grid-column:1;grid-row:2}.about-recognition{font-size:19px;line-height:1.65;margin-block:22px}.about-audio-background p:not(.eyebrow){font-size:17px;line-height:1.75}.about-audio-background{margin:0}
@media(max-width:700px){.investment-layout{grid-template-columns:1fr;gap:4px}.investment-band{padding-block:38px}.video-testimonial{padding-bottom:35px}.client-endorsement .quote-continuation,.video-client-proof .client-endorsement .quote-continuation{font-size:17px}.video-client-proof .client-endorsement .quote-opening,.video-testimonial .client-endorsement .quote-opening{font-size:24px}.about-introduction,.about-portrait,.about-audio-background{grid-column:auto;grid-row:auto}.about-opening{gap:30px}.about-recognition{font-size:18px}}

/* v51 editorial additions: preserve photographic layouts and the existing reading-line motion. */
.home-page .values{display:block;padding-block:58px 48px}
.values-heading{margin-bottom:30px}.values-heading h2{font-size:clamp(30px,3.1vw,44px);max-width:19em;margin-top:16px}
.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
.values-grid article{min-width:0}.values-grid h3{font-size:clamp(22px,2.1vw,29px);line-height:1.15;max-width:12em}
.values-grid p{font-size:15px;line-height:1.7;max-width:34ch}
.values-grid .text-link{font-size:13px;line-height:1.6;margin-top:8px;min-height:44px;border-color:#84939f;color:#f3f4f5}
.values-grid .text-link:hover{color:var(--accent);border-color:var(--accent)}
.values-grid .index{top:26px}.values-grid .index::after{margin-top:0;height:30px}
.editorial-callout{font-style:italic;font-weight:500;font-size:clamp(26px,2.7vw,38px);line-height:1.25;letter-spacing:-.025em;max-width:21em;margin-block:28px 8px;color:var(--text)}
.home-page .problem-grid .editorial-callout{font-size:clamp(26px,2.6vw,36px);line-height:1.25;color:var(--text);max-width:16em}
.listening-details .listening-connection.editorial-callout{font-size:clamp(25px,2.6vw,36px);line-height:1.35;max-width:29em}
.agency-capabilities .editorial-callout{font-size:clamp(28px,3vw,42px);line-height:1.25;margin-top:30px}
.project-feature-copy .project-result-line{font-size:14px;line-height:1.65;color:#f5c0ab;margin-top:16px;max-width:42ch}
.has-campaign-result{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}
.campaign-result .eyebrow{font-size:10px;line-height:1.7;margin-bottom:20px}
.campaign-figures{display:flex;flex-wrap:wrap;gap:24px 35px;margin-bottom:25px}
.campaign-figure{flex:1 1 170px;min-width:0}.campaign-number{display:block;font-size:clamp(60px,6.7vw,94px);font-weight:600;line-height:1.02;letter-spacing:-.055em;color:var(--accent)}
.campaign-measure{display:block;font-size:18px;line-height:1.35;margin-top:10px;max-width:15em;color:var(--text)}
.about-page .about-opening{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);padding-bottom:65px;align-items:center}
.about-page .about-portrait{grid-row:1;max-width:400px}.about-page .about-introduction>p:not(.eyebrow){font-size:17px;line-height:1.75;max-width:38em;margin-top:22px}.about-introduction .button{margin-top:26px}
.about-biography{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:75px;padding-block:15px 75px}
.about-biography h2{font-size:clamp(30px,3.2vw,44px);line-height:1.12;max-width:12em;margin-top:20px}
.about-bio-copy{max-width:66ch}.about-bio-copy p{font-size:17px;line-height:1.8}.about-bio-copy p+p{margin-top:22px}
@media(max-width:1050px) and (min-width:701px){.values-grid{gap:24px}.values-grid article{padding-left:25px}.values-grid h3{font-size:24px}.about-biography{gap:40px}.has-campaign-result{gap:35px}}
@media(max-width:700px){.home-page .values{padding-block:36px}.values-heading{margin-bottom:22px}.values-heading h2{font-size:32px;max-width:11em}.values-grid{grid-template-columns:1fr;gap:0}.values-grid article{padding-block:24px}.values-grid h3{font-size:27px;max-width:13em}.values-grid p{font-size:16px}.values-grid .text-link{font-size:14px;margin-top:8px}.values-grid .index{top:27px}.home-page .problem-grid .editorial-callout{font-size:28px;margin-top:24px}.listening-details .listening-connection.editorial-callout{font-size:27px;line-height:1.4}.has-campaign-result{grid-template-columns:1fr;gap:35px}.campaign-figures{gap:20px 28px}.campaign-number{font-size:68px}.campaign-measure{font-size:17px}.campaign-figure{flex-basis:120px}.about-page .about-opening{grid-template-columns:1fr;padding-bottom:40px}.about-page .about-portrait{grid-row:auto;max-width:300px}.about-page .about-introduction>p:not(.eyebrow){font-size:17px}.about-biography{grid-template-columns:1fr;gap:25px;padding-block:0 50px}.about-biography h2{font-size:34px;max-width:13em}.about-bio-copy p{font-size:17px;line-height:1.75}.agency-capabilities .editorial-callout{font-size:32px}}
@media(min-width:701px){.values-grid h3{max-width:11em;min-height:2.3em}}
.home-page .problem-grid .editorial-callout .type-accent{white-space:nowrap}
.listening-details .listening-connection.editorial-callout{color:#1b3343}
.listening-details .editorial-callout .type-accent{color:#a9411c}
.has-campaign-result>div:first-child>.eyebrow{font-size:10px;line-height:1.7}
.has-campaign-result>div:first-child>h2{margin-block:16px 18px}

/* Owner-confirmed session experience; use the existing image only in its approved sample placement. */
.session-photo-caption{font-size:12px;line-height:1.65;color:#dce5ed;margin-top:18px;max-width:43em}
.session-experience{margin-top:22px}#session-engineering{scroll-margin-top:38px}
@media(max-width:700px){.session-photo-caption{font-size:12px;max-width:29em;margin-top:16px}}

/* v53: thematic biography groups use the former empty desktop column. */
.about-biography{display:block}
.about-bio-heading{margin-bottom:32px}.about-bio-heading h2{max-width:21em}
.about-bio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}
.about-bio-layout .about-bio-copy{min-width:0;max-width:66ch}
.about-bio-copy h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin-block:30px 18px}
.about-bio-copy .bio-editorial-statement{font-size:clamp(27px,2.5vw,35px);line-height:1.3;margin-block:0 30px;max-width:21em}
@media(max-width:1050px) and (min-width:701px){.about-bio-layout{gap:40px}.about-bio-copy .bio-editorial-statement{font-size:28px}}
@media(max-width:700px){.about-bio-layout{grid-template-columns:1fr;gap:30px}.about-bio-heading{margin-bottom:26px}.about-bio-copy h3{font-size:25px;margin-block:26px 16px}.about-bio-copy .bio-editorial-statement{font-size:28px;margin-bottom:24px}}
