/* One stable capability workspace, with navigation across its full width. */
.perspectives{display:block;padding:55px 6vw 60px;background:#eee6da}.perspective-intro{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 5vw;align-items:end}.perspective-intro>.eyebrow{grid-column:1 / 3;margin-bottom:15px}.perspective-intro h2{grid-column:1;grid-row:2;font-size:clamp(30px,3.1vw,44px);margin:0}.perspective-intro>p:last-of-type{grid-column:2;grid-row:2;max-width:none;font-size:13px;line-height:1.8;margin:0}.perspective-intro [role=tablist]{grid-column:1 / 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:27px 0 22px;border:0}.perspective-intro button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:14px 18px!important;border:1px solid #b79b9b66;border-radius:24px 5px 24px 5px;background:#f7f0e7;transition:background .2s,color .2s!important}.perspective-intro button>span{font-size:21px}.perspective-intro button small{display:block!important;font-size:10px;max-width:none;line-height:1.5}.perspective-intro button[aria-selected=true]{background:#513446;color:#fff2de;border-color:#513446}.perspective-intro button[aria-selected=true] small{color:#d7c5d1}.perspective-stage{position:relative;min-height:var(--cap-panel-height,540px)}.perspective-stage article{display:grid;grid-template-columns:1fr 1.05fr;min-height:var(--cap-panel-height,540px);border-radius:35px 7px 35px 7px;box-shadow:0 10px 30px #5b314a08;overflow:hidden}.perspective-stage article[hidden]{display:none}.perspective-stage figure{position:relative;height:100%!important;aspect-ratio:auto!important;background:#e1d6c8;display:flex;align-items:center;justify-content:center;border-right:1px solid #a5867640}.perspective-stage figure img{height:auto!important;max-height:100%;width:100%;object-fit:contain!important}.perspective-stage figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#35223544,transparent 20%,transparent 80%,#f5ede744);pointer-events:none}.perspective-stage figcaption{z-index:2;left:18px;bottom:14px;font-size:8px}.perspective-copy{padding:30px 32px}.perspective-copy h3{font-size:clamp(27px,2.45vw,36px);line-height:1.3;margin:12px 0 17px}.perspective-copy>p:not(.eyebrow){font-size:13px;line-height:1.8}.scope{margin:20px 0}.scope h4{font-size:10px;margin:0 0 10px}.scope li{font-size:12px;padding:8px 0}.perspective-copy details{padding:12px 15px}.perspective-copy details p{font-size:12px;line-height:1.8}.perspective-copy summary{font-size:11px}
@media(max-width:900px){.perspectives{padding:38px 6vw}.perspective-intro{display:block}.perspective-intro h2{font-size:34px;margin:16px 0}.perspective-intro>p:last-of-type{font-size:13px}.perspective-intro [role=tablist]{gap:7px;margin-top:22px}.perspective-intro button{padding:12px 10px!important;min-width:0}.perspective-intro button>span{font-size:14px}.perspective-intro button small{font-size:8px;line-height:1.6}.perspective-stage article{grid-template-columns:1fr}.perspective-stage figure{height:auto!important;aspect-ratio:16/9!important;border-right:0}.perspective-stage figure img{height:100%!important}.perspective-copy{padding:24px}.perspective-copy h3{font-size:30px}.perspective-stage{min-height:var(--cap-panel-height,800px)}}
@media(max-width:360px){.perspective-intro button>span{font-size:12px}.perspective-intro button small{font-size:7px}.perspective-copy{padding:20px}.perspective-copy h3{font-size:27px}}
@media(min-width:901px){.perspective-stage figure{display:block;position:relative;min-height:100%;height:100%!important;overflow:hidden}.perspective-stage figure img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:52% 45%!important}.perspective-stage #panel-creative figure img{object-position:54% center!important}.perspective-stage #panel-commerce figure img{object-position:52% center!important}.perspective-stage #panel-solutions figure img{object-position:48% center!important}}
.perspective-stage figcaption{pointer-events:none;font-size:7px!important;opacity:.5;bottom:13px;left:16px}.perspective-stage article{transition:none!important}.perspective-copy details{margin-bottom:0}.perspective-copy details p{margin-top:12px}
/* Preserve the complete composition; the image frame follows its own ratio. */
@media(min-width:901px){
 .perspective-stage article{align-items:start;background:transparent!important;overflow:visible;box-shadow:none}
 .perspective-stage figure{align-self:start;min-height:0;height:auto!important;aspect-ratio:auto!important;border:1px solid #a5867655;border-radius:35px 7px 35px 7px;overflow:hidden;background:transparent}
 .perspective-stage figure img{position:static;display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important}
 .perspective-copy{min-height:var(--cap-panel-height);box-sizing:border-box;background:#fff9f0;border-radius:7px 7px 35px 7px}
}
/* The scope continues the image column rather than leaving an empty lower half. */
@media(min-width:901px){
 .perspective-stage article{grid-template-rows:auto 1fr;column-gap:24px;row-gap:0}
 .perspective-stage article>figure{grid-column:1;grid-row:1;margin:0}
 .perspective-stage article>.scope{grid-column:1;grid-row:2;margin:0;padding:22px 24px 20px;background:#e8ddcf;border-radius:0 0 30px 7px}
 .perspective-stage article>.perspective-copy{grid-column:2;grid-row:1/3;min-height:100%;border:1px solid #b79b9b44;border-radius:7px 30px 30px 7px}
 .perspective-stage article>.scope h4{font-size:11px;color:#9d6451;font-weight:500;margin-bottom:10px}
 .perspective-stage article>.scope li{font-size:13px;padding:10px 0}
 .perspective-copy details{margin-top:28px}
}
@media(max-width:900px){.perspective-stage article>.scope{grid-row:3;margin:0;padding:20px 24px;background:#e8ddcf}.perspective-stage article>.perspective-copy{grid-row:2}.perspective-stage article>.scope h4{font-size:11px}.perspective-stage article>.scope li{font-size:12px;padding:9px 0}}
@media(min-width:901px){.perspective-stage article>.perspective-copy{display:flex;flex-direction:column;justify-content:center}.perspective-copy>.eyebrow{margin-top:0}.perspective-copy details{margin-top:24px}}