/* Full-width quotation rails with a shared identity and navigation footer. */
.approach-page .home-quote-rotator {--quote-inset:clamp(24px,3vw,48px);position:relative;width:100%;margin:0;text-align:left;background:var(--color-bg-page)}
.approach-page .home-quote-slides {position:relative;display:grid;border-top:1px solid var(--color-structure)}
.approach-page .home-quote-slides::before,
.approach-page .home-quote-slides::after {content:"";position:absolute;top:-4px;width:7px;height:7px;border:1px solid var(--color-structure);background:var(--color-bg-page);pointer-events:none}
.approach-page .home-quote-slides::before {left:-4px}
.approach-page .home-quote-slides::after {right:-4px}
.approach-page .home-quote-slide {margin:0;grid-area:1 / 1;align-self:start;display:grid;grid-template-rows:auto auto}
/* Inactive slides reserve the tallest quote without entering focus or reading order. */
.approach-page .home-quote-slide[hidden] {display:grid;visibility:hidden;pointer-events:none}
.approach-page .home-quote-controls[hidden] {display:none}
.approach-page .home-quote-slide blockquote {margin:0;padding:40px var(--quote-inset) 28px;color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--type-size-section);font-weight:500;line-height:1.18;letter-spacing:-.02em;text-wrap:balance}
.approach-page .home-quote-attribution {display:grid;grid-template-columns:160px 260px;justify-content:start;align-items:center;gap:24px;min-height:112px;padding:20px var(--quote-inset);border-bottom:1px solid var(--color-structure)}
.approach-page .home-quote-logo {display:block;justify-self:start;max-width:160px;max-height:48px;width:auto;height:auto;object-fit:contain;opacity:.56}
.approach-page .home-quote-person {align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:2px;padding-left:24px;border-left:1px solid var(--color-structure);font-family:var(--font-body);font-size:var(--type-size-body);line-height:1.4;text-wrap:pretty}
.approach-page .home-quote-person strong {font-weight:500}
.approach-page .home-quote-person span {color:var(--color-text-supporting);text-wrap:balance}
.approach-page .home-quote-controls {position:absolute;right:var(--quote-inset);bottom:42px;display:flex;gap:0}
.approach-page .home-quote-control {display:flex;align-items:center;justify-content:center;width:24px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.approach-page .home-quote-control span {width:4px;height:4px;border-radius:50%;background:var(--color-text-supporting);opacity:.3}
.approach-page .home-quote-control[aria-pressed="true"] span {opacity:.65}
.approach-page .home-quote-control:focus-visible {outline:2px solid var(--color-border-focus);outline-offset:2px}
.approach-page .home-quote-logo[src*="stand-logo"],
.approach-page .home-quote-logo[src*="awol-logo"],
.approach-page .home-quote-logo[src*="vntana-logo"] {filter:brightness(0)}
@media(max-width:767px){
 .approach-page .home-quote-rotator {--quote-inset:20px}
 .approach-page .home-quote-slide blockquote {padding-top:24px;padding-bottom:24px;font-size:clamp(26px,4.5vw,32px);line-height:1.22}
 .approach-page .home-quote-attribution {grid-template-columns:88px minmax(0,1fr);gap:20px;min-height:156px;padding-bottom:64px}
 .approach-page .home-quote-person {padding-left:16px;font-size:var(--type-size-label)}
 .approach-page .home-quote-controls {left:var(--quote-inset);right:auto;bottom:16px}
}
.approach-page .home-quote-logo[src*="magnaflow"] {width:160px}
.approach-page .home-quote-logo[src*="stand-logo"] {width:112px}
.approach-page .home-quote-logo[src*="adobe"] {width:42px;height:40px}
.approach-page .home-quote-logo[src*="epic-games"] {width:40px;height:46px}
.approach-page .home-quote-logo[src*="awol"] {width:150px}
.approach-page .home-quote-logo[src*="vntana"] {width:160px}
.approach-page .home-quote-logo[src*="foundation-capital"] {width:150px}
@media(max-width:767px){
 .approach-page .home-quote-logo {max-width:88px}
 .approach-page .home-quote-logo[src*="stand-logo"] {width:80px}
 .approach-page .home-quote-logo[src*="adobe"] {width:32px;height:32px}
 .approach-page .home-quote-logo[src*="epic-games"] {width:30px;height:35px}
}


@media(max-width:480px){
 .approach-page .home-quote-attribution {grid-template-columns:64px minmax(0,1fr);gap:12px}
 .approach-page .home-quote-person {padding-left:12px}
 .approach-page .home-quote-logo {max-width:64px}
}

/* Join customer marks directly to the quotation footer. */
.approach-page .home-quote-rotator + .home-customer-stories {padding-top:0}
@media(min-width:1025px) {
 .approach-page .home-quote-rotator + .home-customer-stories {padding-top:12px}
 .approach-page .home-quote-rotator + .home-customer-stories .home-customer-logos::before {border-top:0}
}

/* The shared logo strip carries brand identity; keep attribution direct. */
.approach-page .home-quote-attribution {grid-template-columns:minmax(0,420px)}
.approach-page .home-quote-attribution .home-quote-logo {display:none}
.approach-page .home-quote-person {padding-left:0;border-left:0}

/* Keep the speaker attached to the quote; breathing room belongs below. */
.approach-page .home-quote-slide blockquote {padding-bottom:20px}
.approach-page .home-quote-attribution {min-height:0;padding-top:0;padding-bottom:56px;align-items:start}
.approach-page .home-quote-person {justify-content:flex-start}
.approach-page .home-quote-controls {bottom:56px}
@media(max-width:767px) {
 .approach-page .home-quote-slide blockquote {padding-bottom:16px}
 .approach-page .home-quote-attribution {padding-bottom:96px}
 .approach-page .home-quote-controls {bottom:40px}
}

.approach-page .home-quote-person .home-quote-company {display:inline-block;font-weight:400;white-space:nowrap;color:var(--color-text-supporting)}
