/* Article layout: existing site artwork above the story and a quiet contents rail. */
html.on-case-study .blank{--bg:var(--cream);--fg:#1A1614;--muted:#74746e;--rule:#ddddd2;--focus:#1A1614;background:var(--bg);color:var(--fg);color-scheme:light;overflow-y:auto;scrollbar-width:none}
html.on-case-study .blank::-webkit-scrollbar{display:none}
html.on-case-study .nav{--bg:var(--cream);--fg:#1A1614;--muted:#565450;--focus:#1A1614;--nav:rgba(244,244,231,.78);--line:rgba(26,22,20,.1);--bar:rgba(244,244,231,.96)}
html.on-case-study .nav::before{opacity:1}
.case-study{padding-top:calc(var(--header-height) + var(--announcement-height) + env(safe-area-inset-top,0px));padding-bottom:80px}
.cs-article{max-width:1380px;margin:0 auto;padding:28px clamp(22px,3.8vw,60px) 0}
.cs-art{width:90%;margin-inline:auto;aspect-ratio:2.8;background:transparent url('/assets/compass-mint-ribbons-open.svg') center / cover no-repeat}
.cs-hero{text-align:center;padding:56px 0 64px}
.cs-kicker{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--muted);margin:0 0 22px}
.cs-kicker span{width:6px;height:10px;background:var(--fg)}
.case-study h1{font:400 clamp(36px,4vw,54px)/1.06 var(--f-serif);letter-spacing:-.025em;text-transform:none;text-wrap:balance;max-width:800px;margin:0 auto}
.cs-byline{font-size:13px;margin:28px 0 0;color:#565450}
.cs-reading-layout{display:grid;grid-template-columns:190px minmax(0,760px) minmax(0,1fr);gap:40px;align-items:start}
.cs-toc{position:sticky;top:calc(var(--header-height) + var(--announcement-height) + 40px + env(safe-area-inset-top,0px))}
.cs-toc p{font:400 10px/1.5 var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:#898982;margin:0 0 20px}
.cs-toc a{position:relative;display:block;padding:0 0 0 17px;margin:0 0 22px;text-decoration:none;font:400 13px/1.5 var(--f-sans);color:#91918a;transition:color .15s}
.cs-toc a[aria-current]{color:var(--fg)}
.cs-toc a[aria-current]::before{content:"";position:absolute;left:0;top:3px;width:5px;height:17px;background:var(--fg)}
.cs-toc a:hover{color:var(--fg)}
.cs-body{min-width:0}
.cs-body section{scroll-margin-top:calc(var(--header-height) + var(--announcement-height) + 35px + env(safe-area-inset-top,0px));outline:none}
.cs-body section+section{margin-top:46px}
.case-study h2{font:400 31px/1.2 var(--f-serif);letter-spacing:-.015em;text-transform:none;margin:0 0 22px}
.cs-body p{font:400 21px/1.55 var(--f-serif);letter-spacing:-.005em;color:#3c3c37;margin:0 0 24px}
.cs-body p:last-child{margin-bottom:0}
.cs-body strong{font-weight:500;color:var(--fg)}
.cs-contact{margin-top:46px;padding-top:28px;border-top:1px solid var(--rule)}
.cs-contact p{font-family:var(--f-sans);font-size:15px;line-height:1.7;margin-bottom:20px}
.cs-contact .cta-main{gap:24px;background:#151515;color:var(--cream);border-color:#151515}
.cs-contact .cta-main:hover{background:#30302e}
.cs-footnote{margin-top:46px}
.cs-footnote p{font:11px/1.75 var(--f-sans);color:var(--muted)}
.cs-footnote a{color:inherit;text-underline-offset:3px}
.cs-footnote a:hover{color:var(--fg)}
.case-study a:focus-visible{outline:2px solid var(--fg);outline-offset:4px}
@media(max-width:1050px){.cs-reading-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}.cs-hero{padding-block:44px 54px}}
@media(max-width:700px){.cs-article{padding-top:20px}.cs-art{aspect-ratio:2.2}.cs-hero{padding:34px 0 38px}.case-study h1{font-size:36px}.cs-kicker{font-size:11px;margin-bottom:18px}.cs-byline{margin-top:20px}.cs-reading-layout{display:block}.cs-toc{position:static;margin:0 0 36px;padding-bottom:18px;border-bottom:1px solid var(--rule)}.cs-toc p{margin-bottom:16px}.cs-toc a{font-size:12px;margin-bottom:14px}.cs-toc a:last-child{margin-bottom:0}.case-study h2{font-size:28px}.cs-body p{font-size:20px;line-height:1.55}.cs-body section+section{margin-top:36px}.cs-contact p{font-size:14px;line-height:1.7}.cs-footnote p{font-size:11px;line-height:1.75}.case-study{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.cs-toc a{transition:none}}