/* September launch review: quiet navigation and brand-specific background motifs. */
.family-bar{height:40px}
.family-bar .family-inner{display:flex;gap:24px}
.family-bar .family-inner .family-parent{flex:0 0 auto;width:auto;height:100%}
.family-bar .family-divider{height:15px;opacity:.5}
.family-bar .family-inner .family-children{display:flex;flex:0 1 auto;width:auto;height:100%;gap:28px;border:0;overflow:visible}
.family-bar .family-inner .family-children .family-brand{flex:0 0 auto;height:100%;width:auto;min-width:0}
.family-label{font-size:11px;font-weight:500;line-height:1;letter-spacing:.025em}
.family-bar .family-brand{opacity:.76;transition:opacity .2s}
.family-bar .family-brand:is(.current,:hover,:focus-visible){opacity:1}
.site-header{height:68px}
.site-header .header-logo{width:190px}
/* Each recommendation card opens its full account; keep its separate source link usable. */
[data-ssa-carousel] .recommendation-tile{position:relative}
[data-ssa-carousel] .recommendation-links .text-link::after{content:'';position:absolute;inset:0;z-index:1}
[data-ssa-carousel] .recommendation-source{position:relative;z-index:2}
[data-ssa-carousel] .recommendation-tile:focus-within{outline:3px solid var(--accent-light);outline-offset:4px}
[data-ssa-carousel] .recommendation-tile:hover{border-color:var(--accent-light)}
/* Fill the opening desktop view: 40px switcher + 68px header + 81px memberships.
   The previous 680px cap and 240px deduction exposed an empty slice of the next band. */
@media(min-width:801px){.hero{height:calc(100svh - 189px);min-height:420px;max-height:none}}

/* The decoration has no semantic content and never intercepts interactions. */
.ssa-brand-parent{--brand-motif:url('assets/parent-hero.webp')}
.ssa-brand-systems{--brand-motif:url('assets/systems-chart-background.webp')}
.ssa-brand-intelligence{--brand-motif:url('assets/intelligence-hero.webp')}
body:not(.ssa-brand-studio) :is(.practices,#services,.service-opening,.service-proof,.page-intro,.report-collection){position:relative;isolation:isolate}
body:not(.ssa-brand-studio) :is(.practices,#services,.service-opening,.service-proof,.page-intro,.report-collection)::before{content:'';position:absolute;inset:0;z-index:-1;background-image:var(--brand-motif);background-repeat:no-repeat;background-position:70% center;background-size:cover;filter:grayscale(1);opacity:.12;mask-image:linear-gradient(90deg,transparent 10%,#000 65%,#000);pointer-events:none}
body:not(.ssa-brand-studio) :is(.page-intro,.report-collection)::before{filter:grayscale(1);opacity:.16}
.ssa-brand-studio :is(#services,.service-opening,.studio-portfolio,.page-intro){position:relative;isolation:isolate;overflow:hidden}
.ssa-brand-studio :is(#services,.service-opening,.studio-portfolio,.page-intro)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/studio-hero.webp');background-repeat:no-repeat;background-size:cover;background-position:70% center;filter:grayscale(1);opacity:.12;mask-image:linear-gradient(90deg,transparent 10%,#000 65%,#000)}
.ssa-brand-studio .studio-portfolio::before{opacity:.16;background-size:auto 100vh}
/* Keep the parent and Systems pages quieter than Studio's portfolio treatment. */
body.cinematic:is(.ssa-brand-parent,.ssa-brand-systems) :is(.practices,#services,.service-opening,.service-proof)::before{opacity:.045;mask-image:linear-gradient(90deg,transparent 25%,#000 85%)}
.studio-portfolio :is(.work-example,.studio-film-card,.portfolio-card){background-color:#102d42}
.practice-card,.work-example,.service-row{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .practice-card:hover,.work-example:hover{transform:translateY(-4px);box-shadow:0 14px 32px #061e321c}
 .ssa-brand-studio .studio-portfolio::before{background-attachment:fixed}
}
.ssa-dispatch-page .page-intro{padding-block:48px 44px}
.ssa-dispatch-page .page-intro h1{font-size:clamp(40px,4vw,64px)}
.ssa-dispatch-page .band{padding-block:40px 64px}
.ssa-dispatch-page .reading{max-width:1000px}
.ssa-dispatch-page .ssa-dispatch{margin-top:24px;padding:32px;background:#f7f9fa;border:1px solid #bccbd2;box-shadow:0 18px 50px #061e3210;border-radius:4px}
.ssa-dispatch-page .ssa-dispatch-title{font-size:30px}
.ssa-dispatch-page .ssa-dispatch-fields input{background:#fff;border:1px solid #7a919f;color:#102b3e;min-height:50px;border-radius:3px;flex-basis:180px}
.ssa-dispatch-page .ssa-dispatch-fields input::placeholder{color:#52616a;opacity:1}
.ssa-dispatch-page .ssa-dispatch-fields input:focus-visible{outline:3px solid #186361}
.ssa-dispatch-page .ssa-dispatch-fields button{min-height:50px}
.ssa-dispatch-page .newsletter{display:none}
@media(max-width:800px){
 .family-bar{height:44px}
 .family-bar .family-inner{gap:14px;width:calc(100% - 32px)}
 .family-bar .family-inner .family-children{gap:17px;flex:1;justify-content:space-between}
 .family-bar .family-divider{display:none}
 .family-label{font-size:10px;letter-spacing:0}
 .site-header{height:64px}
 .site-nav{top:108px}
 .site-header .header-logo{width:180px}
 .ssa-dispatch-page .page-intro{padding-block:32px}
 .ssa-dispatch-page .band{padding-block:28px 40px}
 .ssa-dispatch-page .ssa-dispatch{padding:22px;margin-top:22px}
 .ssa-dispatch-page .ssa-dispatch-fields{flex-direction:column;align-items:stretch}
 .ssa-dispatch-page .ssa-dispatch-fields input{flex:0 0 auto;width:100%}
 .ssa-dispatch-page .ssa-dispatch-title{font-size:28px}
 body:not(.ssa-brand-studio) :is(.practices,#services,.service-opening,.service-proof,.page-intro,.report-collection)::before{background-size:cover;background-position:65% center;opacity:.1}
 .ssa-brand-studio .studio-portfolio::before{background-attachment:scroll;background-size:auto 800px;background-repeat:repeat-y;opacity:.1}
}
@media(prefers-reduced-motion:reduce){.practice-card,.work-example,.service-row,.family-brand{transition:none}}

.studio-latest-film{padding-block:40px 60px;border-bottom:1px solid #426072;margin-bottom:50px}.studio-latest-film .section-head p{margin-top:14px;color:#c7d6df}.studio-feature-player{position:relative;aspect-ratio:16/9;background:#020e19;border:1px solid #426072}.studio-feature-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.studio-latest-film>.text-link{margin-top:14px}

/* Dispatch is an immersive arrival page, inspired by the current live night-sky scene. */
body.ssa-dispatch-page main{background:#061e32 url('assets/parent-hero.webp') center 65% / cover no-repeat;color:#edf4f8}
.ssa-dispatch-page main>.wp-block-post-content{min-height:calc(100svh - 108px);padding-block:32px 56px;background:linear-gradient(90deg,#031725d9,#0317259e 60%,#03172552)}
body.ssa-dispatch-page .page-intro{background:transparent;border:0;text-align:center;padding:32px 0 18px}
body.ssa-dispatch-page .page-intro::before{display:none}
.ssa-dispatch-page .page-intro :is(h1,.lede){margin-inline:auto}
.ssa-dispatch-page .page-intro .breadcrumb{display:none}
.ssa-dispatch-page .page-intro h1{max-width:850px;font-size:clamp(42px,4.6vw,72px);line-height:1.05;text-wrap:balance}
.ssa-dispatch-page .page-intro .lede{margin-top:24px;color:#e1edf3}
body.ssa-dispatch-page .band{background:transparent;padding:12px 0 30px}
.ssa-dispatch-page .reading{max-width:850px;text-align:center}
.ssa-dispatch-page .reading>h2{display:none}
.ssa-dispatch-page .reading>p{color:#d8e6ed;font-size:15px;max-width:650px;margin:0 auto 24px}
.ssa-dispatch-page .ssa-dispatch{color:#102b3e;text-align:left;background:#f4f7f8f5;border-color:#d4e1e8;box-shadow:0 24px 70px #0004}
.ssa-dispatch-page .ssa-dispatch-title{font-size:29px}
@media(max-width:800px){
 .ssa-dispatch-page main>.wp-block-post-content{padding-block:22px 36px}
 body.ssa-dispatch-page .page-intro{padding:26px 0 18px}
 .ssa-dispatch-page .page-intro h1{font-size:43px}
 .ssa-dispatch-page .page-intro .lede{font-size:16px}
 .ssa-dispatch-page .reading>p{font-size:14px}
 .ssa-dispatch-page .ssa-dispatch{padding:24px}
}

/* Let the Intelligence hero carry the globe without repeating it beneath the content. */
body.ssa-brand-intelligence :is(.practices,#services,.service-opening,.service-proof,.page-intro,.report-collection)::before{display:none}
.ssa-dispatch-page .ssa-dispatch .dispatch-greeting{font-size:16px;font-weight:600;color:#236966;margin:0 0 10px}

/* Give editorial photography the full card width. */
body.cinematic .publication-grid .ssa-publication-card{padding:0}
body.cinematic .publication-grid .ssa-publication-card>.ssa-card-link{margin-inline:0;padding:0 24px 26px}
body.cinematic .publication-grid .ssa-publication-card .publication-image{margin:0 -24px 12px;aspect-ratio:16/10;width:calc(100% + 48px);height:auto}
body.cinematic .publication-grid .ssa-publication-card .publication-image img{display:block;width:100%;height:100%;object-fit:cover}
.ssa-chart-page .ssa-collection{padding-top:38px}
.ssa-chart-page .page-intro{padding-block:38px}
.ssa-about-photos{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin:32px 0 48px}
.ssa-about-photos figure{margin:0;min-width:0}
.ssa-about-photos img{display:block;width:100%;height:340px;object-fit:cover}
.ssa-about-photos figcaption{font-size:13px;line-height:1.6;margin-top:12px;color:inherit}
.ssa-about-story{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:48px;padding-top:48px;border-top:1px solid #a6bbc5}
.ssa-about-story figure{margin:0}
.ssa-about-story img{display:block;width:100%;height:auto}
.ssa-about-story p{margin-top:20px}
.ssa-about-page .two-col>.wp-block-image img{width:100%;height:540px;object-fit:cover}
@media(max-width:800px){.ssa-about-photos,.ssa-about-story{grid-template-columns:1fr;gap:28px}.ssa-about-photos img{height:auto}.ssa-about-page .two-col>.wp-block-image img{height:auto}.ssa-about-story{margin-top:32px;padding-top:32px}}

.ssa-chart-features{margin-bottom:48px;padding-bottom:44px;border-bottom:1px solid #b9cbd4}
.ssa-chart-features>h2{font-size:36px;margin:12px 0 24px}
.ssa-chart-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ssa-chart-photo-grid>a{display:block;text-decoration:none;background:#082438;color:#edf4f8;padding-bottom:24px;overflow:hidden}
.ssa-chart-photo-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.ssa-chart-photo-grid h3{font-size:28px;line-height:1.2;margin:22px 24px 12px}
.ssa-chart-photo-grid span{font-size:13px;color:#8bd2d2;margin-inline:24px}
.ssa-chart-photo-grid>a:focus-visible{outline:3px solid #186361;outline-offset:4px}
@media(max-width:700px){.ssa-chart-photo-grid{grid-template-columns:1fr}.ssa-chart-features>h2{font-size:30px}}
/* Education is a primary destination, with click-to-play recordings and clear routes onward. */
.ssa-education-section{padding:24px 0 52px;scroll-margin-top:125px}
.ssa-education-grid,.ssa-learn-introduction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.ssa-education-video{min-width:0;background:#082438;color:#edf4f8;border:1px solid #426072;overflow:hidden}
.ssa-education-video .recording{margin:0}
.ssa-education-video .recording figcaption{padding:10px 20px;margin:0;color:#c6dbe4}
.ssa-education-video .recording figcaption a{color:#a4e0df}
.ssa-education-copy{padding:18px 24px 26px}
.ssa-education-copy h3{font-size:30px;line-height:1.15;margin:0 0 14px}
.ssa-education-copy h3 a{color:inherit;text-decoration:none}
.ssa-education-copy p{color:#d2e2e9;margin:0 0 18px}
.ssa-education-copy .text-link{color:#a4e0df}
.ssa-education-nav{display:flex;gap:12px 28px;flex-wrap:wrap;padding:22px 0;margin-bottom:20px;border-bottom:1px solid #a8bfc8}
.ssa-education-nav a{font-size:15px;text-decoration:none;color:#145568;font-weight:600;padding-block:7px}
.ssa-education-nav a:hover{text-decoration:underline}
.ssa-learn-path{padding:18px 0 0 16px}
.ssa-learn-path h3{font-size:36px;margin:12px 0 20px}
.ssa-learn-path ol{padding-left:24px;margin:24px 0}
.ssa-learn-path li{padding:10px 0 10px 8px;border-bottom:1px solid #b9cbd4}
.ssa-learn-path li a{color:#123b55;text-decoration:none;display:block}
.ssa-learn-path li a:hover{text-decoration:underline}
.ssa-education-bridge{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#d9e7e9;padding:30px;margin-bottom:48px;border-left:3px solid #236966}
.ssa-education-bridge h2{font-size:32px;margin:8px 0 12px}
.ssa-education-bridge .button{flex-shrink:0}
.ssa-articles-title{font-size:40px;margin-bottom:28px;scroll-margin-top:125px}
.ssa-home-learn{background:#dce7eb}
.ssa-home-learn .section-head p{max-width:620px;margin-top:18px}
.ssa-education-about-intro{margin:20px 0 28px;max-width:700px}
.ssa-education-video a:focus-visible,.ssa-education-nav a:focus-visible,.ssa-learn-path a:focus-visible{outline:3px solid #57a7b0;outline-offset:4px}
@media(max-width:800px){.ssa-education-grid,.ssa-learn-introduction{grid-template-columns:1fr;gap:24px}.ssa-learn-path{padding-left:0}.ssa-education-bridge{flex-direction:column;align-items:flex-start;padding:24px}.ssa-education-copy h3{font-size:27px}.ssa-education-nav{gap:8px 20px}.ssa-education-section{padding-bottom:36px}.ssa-articles-title{font-size:34px}}
/* Restored educational diagrams retain their source content and remain usable on phones. */
.ssa-restored-component,.ssa-article-band{margin:32px 0;padding:26px;background:#dce9ec;border-left:3px solid #327f86;color:#102b3e}
.ssa-restored-component h3{margin-top:0;font-size:25px}
.ssa-restored-component ol{padding-left:24px}
.ssa-restored-component li{padding:12px 0}
.ssa-restored-component li p{margin:8px 0}
.ssa-source-note{font-size:12px;line-height:1.6;color:#405865}
.ssa-table-scroll,.ssa-diagram-scroll{overflow-x:auto;max-width:100%}
.ssa-restored-diagram{background:#061e32;color:#e8eef4;margin:32px 0;padding:16px}
.ssa-restored-diagram svg{min-width:620px}
.ssa-restored-diagram figcaption{font-size:13px;line-height:1.6;padding:16px 4px 4px;color:#d1e3eb}
.ssa-restored-diagram a{color:#a4e0df}
.ssa-restored-component dt{font-weight:600}.ssa-restored-component dd{margin:6px 0 16px}
@media(max-width:600px){.ssa-restored-component,.ssa-article-band{padding:20px}.ssa-learn-collection .publication-image{padding:0}}

.ssa-learn-recordings{background:#dce6eb}.ssa-learn-recordings .section-head p{max-width:650px}#learn-series,#learn-recordings{scroll-margin-top:24px}

.ssa-learn-featured-session{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);background:#082438;color:#edf4f8;margin:0 0 32px;border:1px solid #426072}
.ssa-session-player{position:relative;aspect-ratio:4/3;background:#041522;min-width:0}.ssa-session-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ssa-session-copy{padding:clamp(24px,4vw,52px);align-self:center}.ssa-session-copy h3{font-family:var(--display);font-size:clamp(28px,3vw,40px);line-height:1.15;margin:18px 0}.ssa-session-copy p{color:#c7dce8}.ssa-session-copy .eyebrow,.ssa-session-copy a{color:#91d1d0}
@media(max-width:700px){.ssa-learn-featured-session{grid-template-columns:1fr}.ssa-session-copy{padding:24px}}

/* Editorial rhythm: original photography, a clear featured film and calm reading space. */
.ssa-editorial-hero{background:#061e30;color:#edf4f8;overflow:hidden}
.ssa-editorial-hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:64px;align-items:center;padding-block:60px}
.ssa-editorial-heading{padding-block:28px}.ssa-editorial-heading .eyebrow{color:#89cfce}.ssa-editorial-heading h1{font-size:clamp(56px,5.7vw,86px);line-height:1.02;letter-spacing:-.035em;margin:24px 0}.ssa-editorial-heading p{font-size:20px;line-height:1.6;max-width:430px;color:#cfdee7}.ssa-editorial-heading .actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.ssa-editorial-heading .text-link{color:#c5e8e7}
.ssa-editorial-hero figure{margin:0;position:relative;min-width:0}.ssa-editorial-hero figure img{width:100%;height:440px;object-fit:cover;object-position:center 35%;display:block}.ssa-editorial-hero figcaption{font-size:12px;letter-spacing:.025em;color:#bcced8;padding-top:14px}
.ssa-learn-premiere{background:#061e30;padding:0 0 64px}.ssa-learn-premiere .ssa-learn-featured-session{margin:0;border-color:#3a5464}.ssa-learn-premiere+.ssa-learn-collection{padding-top:44px}
.ssa-story-pullquote{font-family:var(--display);font-size:clamp(28px,3vw,42px)!important;line-height:1.2!important;border-left:2px solid #609fa1;padding-left:24px;margin-top:30px!important}
.ssa-footer-social{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding:0 0 28px;font-size:13px}.ssa-footer-social span{color:#a4bdcb}.ssa-footer-social a{text-decoration:none;color:#d4e7ed}.ssa-footer-social a:hover{text-decoration:underline;text-underline-offset:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.publication-image img,.card-image img,.example-media img{transition:transform .5s ease}.ssa-card-link:hover .publication-image img,.practice-card:hover .card-image img,.work-example:hover .example-media img{transform:scale(1.025)}}
@media(max-width:900px){.ssa-editorial-hero-grid{gap:32px}.ssa-editorial-hero figure img{height:380px}.ssa-editorial-heading h1{font-size:60px}}
@media(max-width:700px){.ssa-editorial-hero-grid{grid-template-columns:1fr;gap:28px;padding-block:32px}.ssa-editorial-heading{padding:0}.ssa-editorial-heading h1{font-size:54px;margin:18px 0}.ssa-editorial-heading p{font-size:18px}.ssa-editorial-hero figure img{height:300px}.ssa-editorial-heading .actions{margin-top:24px}.ssa-learn-premiere{padding-bottom:36px}.ssa-footer-social{gap:18px}.ssa-footer-social span{width:100%}}
.ssa-editorial-heading h1{font-family:var(--display);font-weight:500}