/* Mission Atlas: shared behavior with explicit editorial art direction per study.
   Scoped to case studies; no homepage, live product or navigation runtime changes. */
.family-article{--ma-bg:#081d29;--ma-ink:#e8f1f5;--ma-copy:#c0d2dc;--ma-muted:#a6c2d1;--ma-line:#a7c8d62b;background:var(--ma-bg)}
/* Keep the header and its menus above navigation's click-away scrim (z-index 99).
   A lower case-study override lets that scrim intercept the trigger and links. */
.family-article .site-header{position:absolute;inset:16px 28px auto;width:auto;margin:0;z-index:100;background:#102c3d82;border:1px solid #d0e6f224;border-radius:21px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.family-article :is(.wc-case,.rc-case,.ma-legacy){background:var(--ma-bg);color:var(--ma-copy)}
.ma-opening{position:relative;isolation:isolate;min-height:780px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;padding:165px 6vw 70px;gap:5vw;background:var(--ma-bg);color:var(--ma-ink);overflow:hidden}
.ma-image{position:absolute;inset:0;margin:0;z-index:-2;overflow:hidden}
.ma-image :is(img,video){width:100%;height:100%;object-fit:cover;object-position:var(--ma-focus);filter:saturate(.58) brightness(.84);display:block;max-width:none}
.ma-image video{position:absolute;inset:0;pointer-events:none}
.ma-opening[data-case-opening="13"] .ma-image :is(img,video){transform:scale(1.065)}
.ma-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081d29 0%,#081d29f5 24%,#081d29cf 43%,#081d2945 68%,#081d2910),linear-gradient(0deg,#081d29,transparent 37%);pointer-events:none}
.ma-image figcaption{position:absolute;bottom:30px;right:4vw;left:55%;z-index:1;font:10px/1.6 var(--ui);color:#d1e0e6;text-align:right;letter-spacing:.01em}
.ma-image figcaption a{color:inherit!important;text-decoration:none}
.ma-image figcaption a:hover{text-decoration:underline;text-underline-offset:4px}
.ma-opening-copy{position:relative;grid-column:1;z-index:1;min-width:0;max-width:790px}
.ma-breadcrumb{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0 0 35px;font:12px/1.5 var(--ui);color:#b1cbd7}
.ma-breadcrumb a{color:inherit;text-decoration:none}.ma-breadcrumb a:hover{color:white}.ma-breadcrumb>span:first-of-type{opacity:.5}
.ma-opening .ma-study-label{margin:0 0 19px;font:10px/1.7 var(--mono);color:#a6c2d0;letter-spacing:.015em}
.family-article .ma-opening h1{font:450 clamp(47px,4.9vw,76px)/1.045 var(--ui);letter-spacing:-.052em;text-wrap:pretty;margin:0;color:var(--ma-ink);max-width:800px}
.family-article .ma-opening h1 em,.family-article .ma-opening h1>span{font-style:normal;color:#a5cbdc}
.ma-opening h1>span{display:block}
.ma-long-title h1{font-size:clamp(44px,4.5vw,70px)!important}
.ma-deck{font:400 16px/1.75 var(--ui);color:var(--ma-copy);max-width:580px;margin-top:28px;text-wrap:pretty}
.family-article .ma-deck p,.family-article .ma-deck :is(.intro,.dek){font:inherit;color:inherit;line-height:inherit;max-width:none;margin:0 0 15px}
.ma-deck p:last-child{margin-bottom:0}.ma-deck :is(strong,b){color:#e1edf3!important;font-weight:500}
.ma-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}
.family-article a.ma-action{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:49px;max-width:100%;padding:6px 7px 6px 19px;border-radius:100px;border:1px solid #c9e8f655;background:linear-gradient(125deg,#c8e5f21f,#bddfee0a);box-shadow:inset 0 1px #e9f7ff20;color:#e5f0f5;text-decoration:none;font:500 12px/1.4 var(--ui);transition:background .2s,border-color .2s}
.ma-action>span{min-width:0}.ma-action i{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #c4e2ee50;border-radius:50%;background:#accfe218}
.ma-action svg,.ma-directory svg,.ma-card-action svg,.ma-product-link svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.4;flex:none;transition:transform .35s}
.ma-action::before{content:"";position:absolute;inset:-20% 0;width:44%;background:linear-gradient(90deg,transparent,#d0ebf529,transparent);transform:translateX(-180%) skewX(-20deg);transition:transform .7s;pointer-events:none}
.family-article a.ma-action:is(:hover,:focus-visible){border-color:#d2ebf9a8;background:#a9d2e72c}.ma-action:is(:hover,:focus-visible)::before{transform:translateX(350%) skewX(-20deg)}.ma-action:is(:hover,:focus-visible) svg{transform:translateX(3px)}
.family-article a.ma-secondary{background:transparent;border-color:transparent;box-shadow:none;padding-left:10px;color:#bdd5e1}.ma-secondary i{border-color:#b9d8e228;background:transparent}
.ma-meta{padding:26px 6vw 28px;background:#102e3d;border-block:1px solid var(--ma-line)}
.family-article .ma-meta .hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;border:0;font:11px/1.7 var(--ui);color:#acc4d1}.ma-meta .hero-meta>span{min-width:0}.ma-meta b{display:block;color:#e1edf4;font-weight:500;margin-bottom:5px}
.ma-chapters{display:flex;gap:30px;align-items:center;padding:19px 6vw;border-block:1px solid var(--ma-line);font:11px/1.6 var(--ui);background:#0d2837;overflow:auto;scrollbar-width:none;white-space:nowrap}.ma-chapters::-webkit-scrollbar{display:none}
.ma-chapters a{color:#b5ceda;text-decoration:none;min-height:29px;display:flex;align-items:center;flex:none;position:relative}.ma-chapters a::after{content:"";position:absolute;inset:auto 0 -9px;height:1px;background:#a8d7e9;transform:scaleX(0);transform-origin:left;transition:transform .4s}.ma-chapters a:is(:hover,:focus-visible){color:#f0f7fb}.ma-chapters a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
/* Slate reading surfaces, with consistent measure and space for real figures. */
.family-article .ma-legacy-document{display:block;padding:0;background:#173847}
.ma-legacy-document .c-page-sections{min-width:0}.family-article .ma-legacy-document .c-section{margin:0;padding:62px max(6vw,calc((100% - 1280px)/2));border-bottom:1px solid var(--ma-line);background:#173847;border-radius:0;color:var(--ma-copy)}
.family-article .ma-legacy-document .c-section:nth-child(even){background:#102c39}
.family-article .ma-legacy-document .c-section-grid{display:block;max-width:1050px;margin:auto}
.family-article .ma-legacy-document .c-segment{margin:0 0 36px;padding:0;max-width:100%;min-width:0}.family-article .ma-legacy-document .c-segment:last-child{margin-bottom:0}
.family-article .ma-legacy-document .c-segment.is-media{max-width:100%}
.family-article .ma-legacy-document :is(h2,h3,h4){color:#e7f1f6;text-wrap:pretty;max-width:900px}
.family-article .ma-legacy-document h2{font-size:clamp(29px,3.2vw,45px);line-height:1.16;margin-bottom:25px}
.family-article .ma-legacy-document :is(p,li){font-size:16px;line-height:1.85;color:#bed0db;max-width:76ch;text-wrap:pretty}
.family-article .ma-legacy-document p{margin-bottom:21px}.family-article .ma-legacy-document a{color:#b7ddec}.family-article .ma-legacy-document strong{color:#e1edf4}
.family-article .ma-legacy-document .c-figure{margin:30px 0;border-radius:10px;overflow:hidden;background:#0c2330}.family-article .ma-legacy-document .c-figure img{max-width:100%;height:auto;object-fit:contain;display:block;margin:auto;max-height:640px}
.family-article .ma-legacy-document .has-cards .c-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.family-article .ma-legacy-document .has-cards .c-segment:not(.is-card){grid-column:1/-1}
.family-article .ma-legacy-document .c-segment.is-card{border:0;padding:0;margin:0}
.family-article .ma-legacy-document .c-detail-card{height:100%;padding:27px;border:1px solid #b2d2df26;background:#0b27334d;border-radius:15px}
.family-article .ma-legacy-document .c-detail-card h3{font-size:25px;line-height:1.22}
.family-article .ma-legacy-document .c-detail-card p{font-size:15px!important;line-height:1.8}
.family-article .ma-legacy-document .c-action{color:#d4e9f4;background:#b3d8e80a;border-color:#c3dce74d}
.family-article .ma-legacy-document :is(table,pre){max-width:100%;overflow:auto}
.family-article .wc-overview,.family-article .wc-method{background:#173847}.family-article .wc-overview{padding-block:70px}.family-article .wc-method{padding-block:70px}.family-article .wc-case .overview-copy{font-size:16px;line-height:1.85}
.family-article .rc-editorial .rc-document>section{background:#173847}.family-article .rc-editorial .rc-document>section:nth-of-type(even){background:#102c39}
.family-article .rc-editorial .rc-document>:is(section,.metrics){padding-block:64px}
.ma-product-figure{margin:52px 0 0!important;padding:16px;background:#071822;border:1px solid var(--ma-line);border-radius:14px;overflow:hidden;max-width:1100px!important}
.ma-product-figure>a{display:block;position:relative;overflow:hidden;border-radius:6px}.ma-product-figure img{width:100%;height:auto;display:block;object-fit:contain;max-height:none}
.ma-image-expand{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#092331c9;border:1px solid #c5e4f05c;box-shadow:0 2px 12px #0004;color:#e5f3f9;transition:background .25s}.ma-image-expand svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none}.ma-product-figure>a:hover .ma-image-expand{background:#30576ee6}
.ma-product-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 9px 7px;font:12px/1.6 var(--ui)}
.ma-product-figure figcaption>div{min-width:0}.ma-product-figure figcaption strong{display:block;font-size:15px;line-height:1.5;font-weight:500;color:#d8e9f1}.ma-product-figure figcaption span{color:#9fbdcd}.ma-product-figure figcaption>div>span{display:block;font-size:11px;margin-top:5px}
.ma-product-link{display:flex;align-items:center;gap:19px;flex:none;font-size:12px}.ma-product-link:hover svg{transform:translateX(3px)}
/* Related work uses the homepage's sweep, image response and arrow movement. */
.ma-related{padding:70px 6vw 78px;background:#081d29;border-top:1px solid var(--ma-line)}
.ma-related-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}
.family-article .ma-related h2{font:450 clamp(32px,3.4vw,48px)/1.1 var(--ui);letter-spacing:-.045em;margin:0;color:#e4eff4}
.ma-directory{display:inline-flex;align-items:center;gap:24px;font:12px/1.5 var(--ui);color:#bad7e5;text-decoration:none}
.ma-directory-menu{position:relative;flex:none;z-index:4}.ma-directory-menu summary{display:flex;align-items:center;gap:24px;min-height:44px;padding:9px 15px;border:1px solid var(--ma-line);border-radius:30px;cursor:pointer;list-style:none;font:12px/1.5 var(--ui);color:#c1d9e5;background:#a1cbdf0b}.ma-directory-menu summary::-webkit-details-marker{display:none}.ma-directory-menu summary>span{font-size:17px}.ma-directory-menu[open] summary{background:#a3cbdf20}.ma-directory-menu>nav{position:absolute;right:0;top:calc(100% + 9px);width:min(500px,calc(100vw - 44px));max-height:360px;overflow:auto;padding:10px;background:#122e3df5;border:1px solid #bad8e347;border-radius:14px;box-shadow:0 20px 55px #0005;backdrop-filter:blur(16px)}.ma-directory-menu>nav>a{display:block;font:12px/1.6 var(--ui);padding:12px;border-radius:6px;color:#bdd1dc;text-decoration:none;white-space:normal}.ma-directory-menu>nav>a:hover{background:#aecbde13;color:white}.ma-directory-menu .ma-view-directory{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ma-line);margin-top:6px;color:#d7eaf4}.ma-view-directory svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.ma-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.family-article .ma-case-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:20px;border:1px solid #aacada2c;background:linear-gradient(135deg,#143340,#0d2532);color:#e2edf4;text-decoration:none;transition:border-color .3s,box-shadow .3s}
.ma-case-card figure{margin:0;overflow:hidden;aspect-ratio:1.7;background:#0a202d}.ma-case-card figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .7s,filter .6s}
.ma-case-card>div{display:flex;flex-direction:column;flex:1;padding:25px;min-width:0}.ma-case-label{font:10px/1.6 var(--ui);color:#9dbfce;margin-bottom:17px}
.family-article .ma-case-card h3{font:450 clamp(23px,2vw,30px)/1.18 var(--ui);letter-spacing:-.04em;margin:0 0 25px;color:#e0edf3;text-wrap:pretty}
.ma-card-action{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;min-height:49px;margin-top:auto;border-top:1px solid var(--ma-line);font:12px/1.5 var(--ui);color:#c4dce8}
.ma-card-action::after{content:"";position:absolute;inset:-1px 0 auto;height:1px;background:#b9dfef;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.ma-card-action i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #b8d5e626;font-style:normal;transition:background .3s}
.ma-case-card:is(:hover,:focus-visible){border-color:#b8dce87a;box-shadow:0 14px 35px #0003}.ma-case-card:is(:hover,:focus-visible) img{transform:scale(1.045);filter:saturate(1)}.ma-case-card:is(:hover,:focus-visible) .ma-card-action::after{transform:scaleX(1)}.ma-case-card:is(:hover,:focus-visible) .ma-card-action svg{transform:translateX(3px)}.ma-case-card:is(:hover,:focus-visible) .ma-card-action i{background:#a9d5ea17}
.ma-platform-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}
.family-article :is(.ma-opening,.ma-related,.ma-legacy-document) a:focus-visible,.family-article button:focus-visible{outline:2px solid #aad9ed;outline-offset:5px}
@media(min-width:1650px){.ma-opening{min-height:840px;padding-inline:max(6vw,calc((100vw - 1500px)/2))}.family-article .ma-opening h1{font-size:82px}.ma-long-title h1{font-size:76px!important}}
@media(max-width:1000px) and (min-width:701px){.ma-opening{min-height:800px;grid-template-columns:1.5fr .5fr}.family-article .ma-opening h1{font-size:59px}.ma-long-title h1{font-size:52px!important}.ma-deck{max-width:560px}.family-article .site-header{inset-inline:20px}.ma-meta .hero-meta{gap:20px}.ma-case-grid{gap:16px}.ma-case-card>div{padding:21px}}
@media(max-width:700px){
 .family-article .site-header{inset:10px 12px auto;border-radius:18px;min-height:62px}.family-article .site-header .brand img{width:96px;height:44px}
 .ma-opening{display:block;min-height:0;padding:234px 22px 32px}.ma-image{bottom:auto;height:440px}.ma-image :is(img,video){object-position:var(--ma-phone-focus);filter:saturate(.67) brightness(.87)}
 .ma-image::after{background:linear-gradient(0deg,#081d29 0%,#081d29ee 25%,#081d2926 72%,#081d2960),linear-gradient(90deg,#081d2950,transparent)}
 .ma-image figcaption{font-size:8px;right:20px;left:22px;top:204px;bottom:auto;text-align:left;text-shadow:0 1px 8px #000}.ma-opening-copy{max-width:none}.ma-breadcrumb{margin-bottom:20px;gap:10px;font-size:10px}
 .family-article .ma-opening h1{font-size:clamp(31px,8.65vw,44px)!important;line-height:1.06;letter-spacing:-.047em;max-width:540px}.ma-long-title h1{font-size:clamp(30px,8.2vw,40px)!important}
 .ma-opening .ma-study-label{font-size:9px;margin-bottom:16px;max-width:330px}.ma-deck{font-size:14px;line-height:1.7;margin-top:21px;max-width:540px}
 .ma-actions{gap:9px;margin-top:23px;align-items:flex-start}.family-article a.ma-action{min-height:46px;font-size:11px;gap:16px;padding-left:15px}.ma-action i{width:31px;height:31px}.family-article a.ma-secondary{min-height:38px;padding:4px 0;gap:12px}
 .ma-meta{padding:22px}.family-article .ma-meta .hero-meta{grid-template-columns:1fr 1fr;gap:18px 16px;font-size:10px}.ma-meta b{margin-bottom:4px}
 .ma-chapters{padding:14px 22px;gap:24px;font-size:10px}.family-article .ma-legacy-document .c-section{padding:38px 22px}.family-article .ma-legacy-document h2{font-size:29px;line-height:1.18}
 .family-article .ma-legacy-document :is(p,li){font-size:14px;line-height:1.8}.family-article .ma-legacy-document .c-segment{margin-bottom:27px}.family-article .ma-legacy-document img{max-height:none}
 .family-article .ma-legacy-document .has-cards .c-section-grid{display:block}.family-article .ma-legacy-document .c-segment.is-card{margin-bottom:16px}.family-article .ma-legacy-document .c-detail-card{padding:24px}.family-article .ma-legacy-document .c-detail-card h3{font-size:23px}
 .family-article .rc-editorial .rc-document>:is(section,.metrics){padding-block:42px}.family-article .wc-overview,.family-article .wc-method{padding-block:42px}
 .ma-product-figure{padding:7px;margin-top:32px!important;border-radius:10px}.ma-product-figure figcaption{align-items:start;padding:15px 9px 11px;gap:16px}.ma-product-figure figcaption strong{font-size:13px}.ma-product-figure figcaption>div>span{font-size:10px}.ma-product-link{font-size:11px;gap:10px;flex:none}.ma-product-link svg{width:16px;height:16px}
 .ma-related{padding:43px 22px 48px}.ma-related-heading{margin-bottom:23px;align-items:end;gap:18px}.family-article .ma-related h2{font-size:33px}.ma-directory{font-size:10px;gap:10px}.ma-directory svg{width:16px;height:16px}
 .ma-case-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:-7px;padding:7px 7px 17px;scrollbar-width:none}.ma-case-grid::-webkit-scrollbar{display:none}.ma-case-card{flex:0 0 86%;scroll-snap-align:start}.ma-case-card>div{padding:23px 22px 18px}.family-article .ma-case-card h3{font-size:25px}
 .ma-platform-links{gap:12px;margin-top:21px}
}
@media(max-width:360px){.ma-opening{padding:214px 18px 28px}.ma-image figcaption{top:185px;left:18px;font-size:7px}.family-article .ma-opening h1{font-size:30px!important}.ma-deck{font-size:13px}.ma-actions{flex-direction:column;gap:9px}.ma-meta,.ma-chapters,.ma-related{padding-inline:18px}.family-article .ma-legacy-document .c-section{padding-inline:18px}.ma-product-figure figcaption{flex-direction:column;gap:12px}.ma-related-heading{align-items:start;flex-direction:column;gap:14px}}
@media(max-width:700px){.ma-directory-menu summary{font-size:10px;gap:14px;padding-inline:12px}.ma-directory-menu>nav{right:0;max-height:310px}}
@media(max-width:360px){.ma-directory-menu>nav{left:0;right:auto}}
@media(prefers-reduced-motion:reduce){.ma-action,.ma-action::before,.ma-action svg,.ma-case-card,.ma-case-card img,.ma-card-action::after,.ma-card-action svg,.ma-chapters a::after{transition:none!important}}