/* AAA case: a contained extension of the approved Janus visual language. */
:root{--body-size:18px;--body-leading:calc(var(--body-size) + 2pt)}
body{overflow-x:hidden}
img{max-width:100%}
[hidden]{display:none!important}
.skip-link{position:fixed;top:-100px;left:24px;background:var(--orange);color:#111;padding:12px 18px;z-index:10}
.skip-link:focus{top:16px}
.mast nav{gap:28px}
.aaa-intro{padding-top:64px;padding-bottom:28px}
.aaa-intro h1{max-width:1080px;font-size:clamp(44px,5.3vw,68px);line-height:1.04;letter-spacing:-.04em}
.title-qualifier{display:block;font-size:.64em;line-height:1.1;letter-spacing:-.025em;color:#c7ceca;margin-top:10px}
.aaa-intro .intro-copy{margin:32px 0 28px;max-width:1000px}
.aaa-intro .intro-copy h2{font-size:26px;line-height:1.16;max-width:820px;margin-bottom:15px;letter-spacing:-.015em;color:#f2f3ef}
.body-copy p,.panel-copy li{font-family:Arial,Helvetica,sans-serif;font-size:var(--body-size);font-weight:400;line-height:var(--body-leading);letter-spacing:normal;color:#bfc5c2}
.body-copy p+p{margin-top:16px}
.aaa-facts{grid-template-columns:1.1fr 1.25fr .7fr;gap:32px;font-size:15px;line-height:1.35;padding-top:20px}
.aaa-facts span{margin-bottom:7px}
.decision-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);padding:22px 0 25px;color:#d5dbd6;font-size:16px;line-height:1.25}
.decision-strip span:before{content:'↗';color:var(--orange);margin-right:12px}
.aaa-hero .image-button{background:#e8e8e8;height:700px;padding:24px 30px 0}
.aaa-hero img{height:100%;width:100%;object-fit:contain;object-position:center top}
.aaa-hero figcaption{padding-top:12px}
figcaption{font-size:12px;line-height:1.35}
figcaption>span{white-space:nowrap;color:#89928d}
.editorial-row{display:grid;grid-template-columns:.75fr 1.35fr;gap:76px;align-items:start}
.editorial-row h2{font-size:36px;line-height:1.1;letter-spacing:-.025em}
.editorial-row .eyebrow{margin-bottom:14px;font-size:12px;line-height:1.25}
.role-row{padding:54px 0 56px;border-bottom:1px solid var(--line)}
.role-row .body-copy{padding-top:28px}
.approach-section{padding:42px 0 52px}
.section-kicker{margin-bottom:28px;font-size:11px;line-height:1.25;gap:20px}
.audience-map{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:38px 0 32px}
.audience-map>div{background:#141716;border-top:1px solid #454e49;padding:22px 24px 20px;display:flex;flex-direction:column;align-items:start}
.audience-number{color:var(--orange);font-size:12px;margin-bottom:16px}
.audience-map h3{font-size:23px;line-height:1.14;margin-bottom:13px}
.audience-map p{font-size:15px;line-height:1.35;color:#b5bdb7}
.audience-map a{margin-top:23px;font-size:13px;color:#e6eee7;border-top:1px solid #333b35;padding-top:14px;align-self:stretch;line-height:1.3}
.audience-map a span{float:right;color:var(--orange)}
.strategy-artifact{max-width:880px;margin:0 auto}
.strategy-artifact .image-button{background:#f8f8f8}
.comparison-section{border-top:1px solid var(--line);padding:40px 0 44px}
.comparison-display{display:grid;grid-template-columns:1.65fr .8fr;gap:50px;margin-top:35px;align-items:start}
.comparison-artifact .image-button{background:#e8e8e8;padding:20px}
.comparison-artifact img{width:100%;height:auto}
.design-observations{padding-top:40px}
.design-observations>.eyebrow{font-size:11px;margin-bottom:16px}
.design-observations h3{font-size:28px;line-height:1.12}
.design-observations ol{padding:0;margin:28px 0;list-style:none}
.design-observations li{display:flex;gap:17px;border-top:1px solid #333b36;padding:23px 0}
.design-observations li>span{font-size:12px;color:var(--orange);padding-top:2px}
.design-observations strong{display:block;font-size:16px;line-height:1.25;font-weight:400;color:#e4e8e2;margin-bottom:9px}
.design-observations p:not(.eyebrow){font-size:15px;line-height:1.35;color:#aab5ac}
.designs-section{margin:8px -30px 0;padding:36px 30px 35px;background:var(--panel);border-top:1px solid #454c45}
.designs-section h2{font-size:41px;line-height:1.08}
.designs-section .build-tabs{margin-top:28px}
.design-panel{display:grid;grid-template-columns:1.55fr .85fr;gap:52px;padding-top:28px;align-items:start}
.panel-artifact .image-button{height:740px;background:#e7e7e7;padding:20px}
.panel-artifact img{width:100%;height:100%;object-fit:contain;object-position:top center}
.panel-copy{padding-top:27px}
.panel-copy .eyebrow{font-size:11px;color:var(--orange);line-height:1.3;margin-bottom:16px}
.panel-copy h3{font-size:29px;line-height:1.1;letter-spacing:-.015em;margin-bottom:19px}
.panel-copy ul{margin:24px 0 0;padding-left:20px}
.panel-copy li{font-size:16px;line-height:1.3;margin-bottom:13px;padding-left:4px}
.panel-copy li::marker{color:var(--orange)}
.delivery-copy{padding:52px 0 34px}
.delivery-copy .body-copy{padding-top:28px}
.aaa-support{grid-template-columns:repeat(2,1fr);gap:26px;margin-top:0;margin-bottom:46px}
.aaa-support .image-button{height:330px;background:#e8e8e8;padding:12px}
.aaa-support img{width:100%;height:100%;object-fit:contain;object-position:top center}
.aaa-support figcaption{display:block;font-size:12px}
.aaa-support figcaption span{display:block;margin-top:5px;font-size:11px}
.outcomes-section{border-top:1px solid var(--line);padding:45px 0 51px}
.outcomes-section>.eyebrow{font-size:12px;margin-bottom:16px}
.outcomes-section h2{font-size:40px;line-height:1.12}
.result-grid{display:grid;grid-template-columns:.75fr 1.35fr;gap:76px;margin-top:30px;align-items:center}
.result-number{border-left:2px solid var(--orange);padding-left:24px}
.metric{display:block;color:var(--orange);font-size:clamp(85px,9vw,115px);line-height:1;letter-spacing:-.055em}
.metric>span{font-size:.57em;vertical-align:top;display:inline-block;margin-top:9px;margin-left:3px}
.result-number p{font-size:15px;line-height:1.3;color:#d6dbd3;margin-top:15px}
.reflection-section{border-top:1px solid var(--line);padding:43px 0 54px}
.reflection-section .body-copy{padding-top:25px}
.more-work{border-top:1px solid #614921;padding:27px 0 34px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.more-work>span{font-size:13px;line-height:1.3;color:#adb4ad}
.more-work strong{font-size:20px;line-height:1.2;font-weight:400;white-space:nowrap}
.more-work strong span{color:var(--orange);margin-left:10px}
.dialog-image img{max-width:none}
@media(min-width:1600px){.aaa-intro{padding-top:76px}}
@media(max-width:900px){.editorial-row,.result-grid{gap:35px;grid-template-columns:.8fr 1.2fr}.editorial-row h2{font-size:31px}.aaa-hero .image-button{height:600px;padding:15px}.comparison-display{gap:28px;grid-template-columns:1.5fr .8fr}.design-observations{padding-top:20px}.design-observations h3{font-size:24px}.audience-map{gap:15px}.audience-map>div{padding:18px}.audience-map h3{font-size:20px}.audience-map p{font-size:14px}.design-panel{gap:30px}.panel-artifact .image-button{height:650px}.panel-copy h3{font-size:26px}.aaa-support{gap:18px}.aaa-support .image-button{height:280px}}
@media(max-width:800px){.aaa-intro{padding-top:45px}.aaa-facts{gap:22px;grid-template-columns:1fr 1fr}.aaa-facts>div:last-child{grid-column:1/-1}.decision-strip{gap:15px;font-size:14px}.decision-strip span:before{margin-right:6px}.designs-section{margin-left:-23px;margin-right:-23px;padding-left:23px;padding-right:23px}.designs-section h2{font-size:34px}.panel-copy .body-copy p{font-size:17px}.comparison-display{grid-template-columns:1.5fr .85fr}.design-observations li{padding:17px 0}.design-observations p:not(.eyebrow){font-size:14px}.design-observations strong{font-size:15px}.more-work{align-items:start;flex-direction:column;gap:14px}}
@media(max-width:620px){.mast nav{gap:15px;font-size:12px}.mast nav a:nth-child(2){display:inline}.mast>a{font-size:18px}.aaa-intro h1{font-size:43px}.title-qualifier{font-size:.65em}.aaa-intro .intro-copy h2{font-size:24px}.aaa-intro .intro-copy{margin-top:25px}.aaa-facts{font-size:13px;gap:18px}.decision-strip{grid-template-columns:1fr;gap:10px;padding-top:20px;padding-bottom:20px;font-size:15px}.aaa-hero .image-button{height:auto;padding:12px}.aaa-hero img{height:auto;object-fit:contain}.editorial-row,.result-grid{grid-template-columns:1fr;gap:19px}.role-row,.delivery-copy,.reflection-section{padding-top:35px;padding-bottom:34px}.role-row .body-copy,.delivery-copy .body-copy,.reflection-section .body-copy{padding-top:0}.editorial-row h2{font-size:30px}.audience-map{grid-template-columns:1fr;gap:13px;margin:27px 0}.audience-map>div{display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding:19px}.audience-number{grid-column:1;grid-row:1/4;margin-top:3px}.audience-map h3{font-size:22px}.audience-map p{grid-column:2;font-size:15px}.audience-map p br{display:none}.audience-map a{grid-column:2;margin-top:17px}.comparison-section{padding-top:31px}.comparison-display{grid-template-columns:1fr;gap:8px;margin-top:25px}.comparison-artifact .image-button{padding:12px}.design-observations{padding:20px 0 0}.design-observations h3 br{display:none}.design-observations ol{margin:20px 0 0}.design-observations li{padding:16px 0}.design-observations strong{font-size:17px}.design-observations p:not(.eyebrow){font-size:16px}.designs-section h2{font-size:31px}.designs-section h2 br{display:none}.build-tabs{gap:7px}.build-tabs button{font-size:12px;padding:9px 10px}.design-panel{grid-template-columns:1fr;gap:20px;padding-top:22px}.panel-artifact .image-button{height:600px;padding:12px}.panel-copy{padding-top:0}.panel-copy h3{font-size:26px}.panel-copy ul{margin-top:19px}.aaa-support{grid-template-columns:1fr 1fr;gap:18px}.aaa-support figure:first-child{grid-column:1/-1}.aaa-support .image-button{height:240px}.aaa-support figure:first-child .image-button{height:390px}.outcomes-section h2{font-size:33px}.result-grid{margin-top:26px;gap:28px}.metric{font-size:98px}.outcomes-section{padding-top:33px;padding-bottom:35px}.reflection-section .eyebrow{margin-bottom:12px}figcaption>span{display:none}.section-kicker span:last-child{display:none}.dialog-bar{gap:18px}.dialog-bar h2{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Website crops retain the page's own edge while filling each figure. */
.financial-case--aaa :is(.aaa-hero,.comparison-artifact,.panel-artifact,.aaa-support) .image-button {
  height:auto; padding:0; background:transparent; overflow:hidden;
}
.financial-case--aaa :is(.aaa-hero,.comparison-artifact,.panel-artifact,.aaa-support) .image-button img {
  width:129.2151162791%; max-width:none; height:auto; object-fit:contain;
  transform:translateX(-10.7986501687%); transform-origin:left top;
}