:root{--ink:#171b22;--blue:#16305a;--paper:#f7f5ef;--muted:#696d74;--line:#d9d6cd;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.75}a{color:var(--blue)}
.nav{position:sticky;top:0;z-index:5;background:rgba(247,245,239,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-inner{max-width:1180px;margin:auto;padding:18px 28px;display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{text-decoration:none;color:var(--blue);display:inline-grid;place-items:center}.brand img{grid-area:1/1;height:38px;width:auto}.brand .logo-dark{display:none}html[data-theme="dark"] .brand .logo-light{display:none}html[data-theme="dark"] .brand .logo-dark{display:block}.nav a:last-child{font-size:14px}
.hero{background:var(--blue);color:var(--white);padding:92px 28px 76px}.hero-inner{max-width:940px;margin:auto}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#c7d4e8;font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,7vw,76px);line-height:1.04;letter-spacing:-.035em;margin:22px 0 24px}.dek{font-family:Georgia,serif;font-size:clamp(20px,2.8vw,29px);line-height:1.45;color:#e6ebf3;max-width:850px}.byline{margin-top:38px;font-size:14px;color:#d4ddeb}.byline strong{color:#fff}
.layout{max-width:1120px;margin:0 auto;padding:70px 28px 100px;display:grid;grid-template-columns:minmax(0,760px) 240px;gap:80px}.article{font-size:18px}.article p{margin:0 0 24px}.article h2{font-family:Georgia,serif;font-size:38px;line-height:1.18;color:var(--blue);margin:64px 0 22px}.article h3{font-size:21px;margin:38px 0 14px}.article blockquote{font-family:Georgia,serif;font-size:27px;line-height:1.45;color:var(--blue);border-left:3px solid var(--blue);padding:4px 0 4px 28px;margin:48px 0}.article ul{padding-left:24px}.article li{margin-bottom:14px}.article .standfirst{font-size:22px;line-height:1.55;color:#323842}.note{background:#ece9e0;padding:24px;border-radius:4px;margin:42px 0}.note strong{color:var(--blue)}
.aside{font-size:14px}.aside-box{position:sticky;top:92px;border-top:3px solid var(--blue);padding-top:18px}.aside h3{font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:var(--blue)}.aside a{display:block;margin:12px 0}.download{display:inline-block;background:var(--blue);color:white!important;text-decoration:none;padding:12px 16px;margin-top:14px}
.references{font-size:15px;border-top:1px solid var(--line);margin-top:70px;padding-top:28px}.references li{margin-bottom:12px}.author-card{margin-top:70px;padding:32px;background:white;border:1px solid var(--line)}.author-card h2{margin:0 0 12px;font-size:28px}.author-role{font-size:13px;text-transform:uppercase;letter-spacing:.11em;color:var(--blue);font-weight:700}
footer{background:#0d1c35;color:#cbd3df;padding:48px 28px}footer .inner{max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer a{color:white}
.case-page .hero{background-image:linear-gradient(90deg,rgba(5,14,27,.97),rgba(9,26,48,.86),rgba(10,25,43,.6)),url('/assets/hq-intelligence-v31.webp')}
.case-page.municipal .hero{background-image:linear-gradient(90deg,rgba(5,14,27,.97),rgba(9,26,48,.86),rgba(10,25,43,.6)),url('/assets/hq-sustainability-v32.webp')}
.disclosure{font-size:14px;border:1px solid var(--line);padding:16px 18px;margin:0 0 34px;color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:38px 0}.metric{background:var(--paper);padding:24px 18px}.metric strong{display:block;font-family:Georgia,serif;font-size:32px;line-height:1.1;color:var(--blue)}.metric span{font-size:12px;color:var(--muted)}
.case-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:28px 0 48px}.case-step{border:1px solid var(--line);padding:22px}.case-step b{display:block;color:var(--blue);margin-bottom:8px}.case-step p{font-size:15px;margin:0;color:var(--muted)}
.case-cta{border-top:1px solid var(--line);margin-top:64px;padding-top:34px}.case-cta a{display:inline-block;background:var(--blue);color:var(--paper);padding:13px 18px;text-decoration:none;font-weight:700}
.client-lockup{display:flex;align-items:center;gap:24px;border:1px solid var(--line);background:#fff;padding:24px 28px;margin:0 0 38px}.client-lockup img{width:180px;height:auto}.client-lockup p{margin:0;color:#3f454d;font-size:15px}
.product-proof{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;margin:38px 0 56px;align-items:stretch}.product-shot{margin:0;border:1px solid var(--line);background:#fff;padding:12px;display:flex;flex-direction:column}.product-shot img{display:block;width:100%;height:auto;object-fit:contain;flex:1}.product-shot figcaption{font-size:12px;line-height:1.5;color:#666;padding:10px 4px 2px}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0 54px}.quote-card{margin:0;border:1px solid var(--line);padding:24px;background:color-mix(in srgb,var(--blue) 5%,var(--paper))}.quote-card p{font-family:Georgia,serif;font-size:21px;line-height:1.45;color:var(--ink);margin:0 0 16px}.quote-card cite{font-style:normal;font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.framework-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:34px 0 52px}.framework-step{background:var(--paper);padding:22px 16px}.framework-step small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.framework-step strong{font-family:Georgia,serif;font-size:20px;color:var(--blue)}
@media(max-width:720px){.metric-grid{grid-template-columns:1fr 1fr}.case-steps{grid-template-columns:1fr}}
@media(max-width:720px){.client-lockup{align-items:flex-start;flex-direction:column}.client-lockup img{width:145px}.product-proof,.quote-grid{grid-template-columns:1fr}.framework-band{grid-template-columns:1fr 1fr}.product-shot.mobile{max-width:280px;margin-inline:auto}}
@media(max-width:820px){.layout{grid-template-columns:1fr;gap:35px;padding-top:48px}.aside{order:-1}.aside-box{position:static}.hero{padding-top:70px}.article{font-size:17px}.article h2{font-size:32px}}

/* SLU HQ theme and editorial imagery */
html[data-theme="dark"]{--ink:#f4efe6;--blue:#61d3d7;--paper:#07101e;--muted:#aab5c5;--line:rgba(255,255,255,.13);--white:#f8f3e9}
body{transition:background .35s ease,color .35s ease}
.nav{background:color-mix(in srgb,var(--paper) 92%,transparent)}
.nav-inner{padding-top:14px;padding-bottom:14px}
.nav-actions{display:flex;align-items:center;gap:16px}.nav-actions a{font-size:14px}
.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.theme-toggle .moon{display:none}html[data-theme="dark"] .theme-toggle .sun{display:none}html[data-theme="dark"] .theme-toggle .moon{display:inline}
.hero{background:linear-gradient(90deg,rgba(5,14,27,.96),rgba(9,26,48,.82),rgba(10,25,43,.55)),url('assets/hq-sheviews.webp') center/cover;color:#fff}
.article-report .hero{background-image:linear-gradient(90deg,rgba(5,14,27,.96),rgba(9,26,48,.78),rgba(10,25,43,.5)),url('assets/hq-sustainability.webp')}
.kicker{color:#dbc487}.article .standfirst{color:var(--muted)}
.note{background:color-mix(in srgb,var(--blue) 8%,var(--paper))}
.author-card{background:color-mix(in srgb,var(--paper) 90%,var(--blue))}