/* Shared case-study system. Project content lives separately from presentation. */
.case-page{background:#fbfdff}
.case-intro{padding:150px 0 52px}
.case-back{display:inline-flex;gap:12px;align-items:center;min-height:44px;color:var(--muted);font:12px var(--sans);margin-bottom:32px}
.case-back:hover{color:var(--ink)}
.case-project-label{font:11px/1.6 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.case-intro h1{font:400 clamp(44px,5.8vw,80px)/1.12 var(--mono);letter-spacing:-.045em;word-spacing:.02em;max-width:1120px;text-wrap:balance}
.case-period{color:inherit}
.case-lead{font:400 clamp(18px,1.6vw,21px)/1.65 var(--sans);max-width:850px;margin-top:32px;color:#36546b}
.case-meta{display:grid;grid-template-columns:1fr 1.7fr 1.55fr;gap:44px;margin:48px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.case-meta dt{font:10px/1.5 var(--mono);color:var(--muted);margin-bottom:10px}
.case-meta dd{font:14px/1.65 var(--sans);margin:0;color:var(--ink)}
.case-figure{margin:0;min-width:0}
.case-image-link{display:block;overflow:hidden;border-radius:12px;background:#e5eff6;outline-offset:5px}
.case-image-link img{width:100%;height:auto;display:block}
.case-opening .case-image-link{background:var(--navy);border-radius:16px}
.case-figure figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;font:12px/1.6 var(--sans);color:var(--muted);padding-top:16px}
.case-figure figcaption>span{max-width:760px}
.case-figure figcaption>a{display:inline-flex;gap:10px;flex:none;font-size:11px;min-height:32px;align-items:flex-start;border-bottom:1px solid #bdcfdd}
.case-figure figcaption>a:hover{color:var(--ink);border-color:var(--ink)}
.case-chapter{display:grid;grid-template-columns:1fr 1.65fr;gap:80px;padding-top:92px;padding-bottom:36px;scroll-margin-top:110px}
.case-chapter h2{font:400 clamp(28px,3vw,40px)/1.22 var(--mono);letter-spacing:-.04em;word-spacing:.02em;max-width:420px;text-wrap:balance}
.case-prose p{font:16px/1.8 var(--sans);color:#36546b;max-width:720px}
.case-prose p+p{margin-top:20px}
.case-journey{list-style:none;padding:24px 0 0;margin:0 0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.case-journey li{border-top:2px solid #b9d9eb;padding:20px 0 12px}
.case-journey li:nth-child(2){border-color:#287ef0}.case-journey li:nth-child(3){border-color:var(--navy)}
.case-step{display:block;font:10px var(--mono);color:var(--muted);margin-bottom:18px}
.case-journey h3{font:500 18px/1.3 var(--sans);letter-spacing:-.025em;margin-bottom:12px}
.case-journey p{font:14px/1.6 var(--sans);max-width:270px;color:var(--muted)}
.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.case-pair .case-image-link{border:1px solid #d2e0e9}
.case-before-after .case-image-link{height:clamp(440px,44vw,620px)}
.case-before-after img{height:100%;object-fit:cover;object-position:center top}
.case-body>.case-figure{margin:12px auto 0}
.case-comparison-detail{max-width:940px}
.case-collection-detail{max-width:1000px}
.case-disclosure{border-bottom:1px solid var(--line);margin-top:28px}
.case-disclosure summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:20px 0;font:13px var(--sans);min-height:56px}
.case-disclosure summary::-webkit-details-marker{display:none}
.case-disclosure summary:focus-visible{outline:2px solid #287ef0;outline-offset:5px}
.case-disclosure[open] summary>span{transform:rotate(45deg)}
.case-disclosure .case-figure{max-width:680px;margin:4px auto 28px}
.case-disclosure .case-image-link{background:white;padding:24px}
.case-disclosure img{max-width:502px;margin:auto}
.case-responsive-pair{grid-template-columns:1.55fr .65fr;align-items:start}
.case-responsive-pair .case-image-link{height:590px}
.case-responsive-pair img{height:100%;object-fit:cover;object-position:center top}
.case-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:8px 0 0}
.case-outcomes article{border-top:1px solid #a9c7dd;padding-top:22px}
.case-outcomes h3{font:500 18px/1.4 var(--sans);letter-spacing:-.025em;margin-bottom:12px}
.case-outcomes p{font:14px/1.7 var(--sans);color:var(--muted)}
.case-note{display:grid;grid-template-columns:1fr 2fr;gap:30px;background:#edf4f8;padding:28px;margin-top:28px;border-radius:10px}
.case-note strong{font:500 15px var(--sans)}.case-note p{font:14px/1.7 var(--sans);color:var(--muted)}
.case-next{display:flex;align-items:center;justify-content:space-between;gap:64px;border-top:1px solid var(--line);margin-top:96px;padding:40px 0 80px}
.case-next>div>span{font:10px/1.6 var(--mono);color:var(--muted)}
.case-next h2{font:400 clamp(25px,2.5vw,34px)/1.3 var(--mono);letter-spacing:-.035em;max-width:680px;margin-top:14px}
.case-next>a{display:inline-flex;gap:24px;align-items:center;flex:none;font:12px var(--sans);min-height:44px;border-bottom:1px solid #a9c3d5}
.case-next svg{width:18px;height:18px}
.case-page .contact{margin-top:0}
.case-motion [data-case-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity .75s ease,transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--case-delay,0ms)}
.case-motion [data-case-reveal].is-visible,.case-motion [data-case-reveal]:focus-within{opacity:1;transform:none}
@media(max-width:1050px){.case-chapter{gap:48px;grid-template-columns:1fr 1.55fr}.case-meta{gap:28px}.case-next{gap:36px}.case-responsive-pair .case-image-link{height:500px}}
@media(max-width:760px){
 .case-intro{padding-top:110px;padding-bottom:32px}.case-back{margin-bottom:20px}.case-project-label{margin-bottom:18px;font-size:10px}
 .case-intro h1{font-size:clamp(34px,8.3vw,54px);line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
 .case-lead{font-size:17px;line-height:1.65;margin-top:24px}.case-meta{grid-template-columns:1fr;gap:20px;margin-top:32px;padding-top:22px}.case-meta dt{margin-bottom:6px}.case-meta dd{font-size:13px}
 .case-opening .case-image-link{border-radius:9px}.case-figure figcaption{display:block;font-size:11px;padding-top:12px}.case-figure figcaption>a{margin-top:8px;min-height:28px}
 .case-chapter{grid-template-columns:1fr;gap:20px;padding-top:56px;padding-bottom:26px}.case-chapter h2{font-size:29px;max-width:500px;text-wrap:initial}.case-prose p{font-size:16px;line-height:1.75}.case-prose p+p{margin-top:18px}
 .case-journey{grid-template-columns:1fr;gap:0;margin:0 0 24px;padding-top:4px}.case-journey li{display:grid;grid-template-columns:24px 1fr;gap:8px 16px;padding:18px 0 20px}.case-step{grid-row:1/3;margin:4px 0 0}.case-journey h3{margin:0;font-size:18px}.case-journey p{grid-column:2;max-width:450px}
 .case-pair{grid-template-columns:1fr;gap:28px}.case-before-after .case-image-link{height:430px}.case-image-link{border-radius:8px}.case-body>.case-figure{margin-top:0}
 .case-disclosure{margin-top:20px}.case-disclosure .case-image-link{padding:8px}.case-responsive-pair{grid-template-columns:1fr}.case-responsive-pair .case-image-link{height:auto;max-height:560px}.case-responsive-pair img{height:auto}.case-responsive-pair .case-figure:last-child{max-width:330px;margin:0 auto}
 .case-outcomes{grid-template-columns:1fr;gap:24px;margin-top:0}.case-outcomes article{padding-top:18px}.case-outcomes h3{font-size:18px;margin-bottom:8px}.case-outcomes p{font-size:14px}
 .case-note{grid-template-columns:1fr;padding:22px;gap:12px}.case-next{display:block;margin-top:56px;padding:28px 0 56px}.case-next h2{font-size:27px;max-width:500px}.case-next>a{margin-top:24px}.case-motion [data-case-reveal]{transform:translate3d(0,12px,0)}
}
@media(prefers-reduced-motion:reduce){.case-motion [data-case-reveal]{opacity:1;transform:none;transition:none}}

/* Project typography follows the homepage's sans hierarchy. */
.case-intro h1{font:600 clamp(42px,5.2vw,72px)/1.08 var(--sans);letter-spacing:-.04em;word-spacing:normal;max-width:21ch}
.case-chapter h2{font:500 clamp(30px,3vw,42px)/1.16 var(--sans);letter-spacing:-.03em;word-spacing:normal}
.case-journey h3,.case-outcomes h3{font:600 21px/1.3 var(--sans);letter-spacing:-.02em}
.case-next h2{font:500 clamp(27px,2.6vw,36px)/1.2 var(--sans);letter-spacing:-.025em}
.case-meta dt,.case-project-label,.case-step{font-weight:500;letter-spacing:.07em}
@media(max-width:760px){
 .case-intro h1{font-size:clamp(35px,8.3vw,52px);line-height:1.12;letter-spacing:-.03em}
 .case-chapter h2{font-size:31px}
 .case-journey h3,.case-outcomes h3{font-size:20px}
}

.case-commercial-detail{max-width:920px}
.case-commercial-detail .case-image-link{background:#f0f4f7}
.case-opening img{height:auto}

.case-commercial-overview{max-width:600px}

/* Six-month request volume: comparable periods and visible attribution. */
.case-metrics{padding:40px;margin-top:60px;border:1px solid #bfd3e1;border-radius:14px;background:#edf4f8}
.case-metrics-intro{max-width:760px}
.case-metrics-intro .eyebrow{margin-bottom:16px;color:#496172}
.case-metrics h2{font:600 clamp(28px,3.1vw,42px)/1.16 var(--sans);letter-spacing:-.03em;max-width:24ch}
.case-metrics-intro>p:last-child{margin-top:18px;font:16px/1.65 var(--sans);color:var(--muted)}
.case-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.case-metric{padding:28px;border:1px solid #c2d5e2;border-radius:8px;background:#fbfdff}
.case-metric:last-child{background:#102c40;border-color:#102c40;color:#f5faff}
.case-metric-label{font:500 12px/1.5 var(--sans)}
.case-metric-value{font:600 clamp(56px,7vw,88px)/1.1 var(--sans);letter-spacing:-.05em;margin-top:18px}
.case-metric-unit{font:500 15px/1.5 var(--sans);margin-top:6px}
.case-metric-period{font:400 13px/1.6 var(--sans);margin-top:22px}
.case-metric-detail{font:400 13px/1.65 var(--sans);margin-top:6px;color:var(--muted)}
.case-metric:last-child .case-metric-label,.case-metric:last-child .case-metric-period,.case-metric:last-child .case-metric-detail{color:#c5deef}
.case-metric-comparison{font:600 clamp(21px,2.2vw,28px)/1.3 var(--sans);letter-spacing:-.02em;margin-top:28px}
.case-metric-contribution{font:400 16px/1.7 var(--sans);max-width:78ch;margin-top:14px;color:#36546b}
.case-metric-method{margin-top:24px;border-top:1px solid #bfd3e1}
.case-metric-method summary{cursor:pointer;padding:16px 0 4px;font:500 13px/1.6 var(--sans)}
.case-metric-method p{font:400 13px/1.7 var(--sans);color:var(--muted);margin-top:12px;max-width:90ch}
@media(max-width:700px){.case-metrics{padding:24px;margin-top:36px}.case-metric-grid{grid-template-columns:1fr;gap:16px;margin-top:24px}.case-metric{padding:24px}.case-metric-value{font-size:64px}.case-metric-contribution{font-size:15px}}

/* A light atmosphere for each project introduction, with a shared palette. */
.case-page{overflow-x:clip;--case-glow-one:#cce5f8;--case-glow-two:#e3e6fa;--case-glow-three:#eaf5fc;--case-glow-x:12%;--case-glow-y:82%}
.case-commercial{--case-glow-one:#d8dcf7;--case-glow-two:#cceaf0;--case-glow-three:#e8f0fc;--case-glow-x:88%;--case-glow-y:14%}
.case-ecosystem{--case-glow-one:#d2eaf4;--case-glow-two:#dce2fb;--case-glow-three:#eef4fc;--case-glow-x:50%;--case-glow-y:12%}
.case-intro{position:relative;isolation:isolate}
.case-intro:before{content:'';position:absolute;z-index:-1;pointer-events:none;top:0;bottom:-24px;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse 60% 70% at var(--case-glow-x) 8%,var(--case-glow-one),transparent 76%),radial-gradient(ellipse 65% 80% at var(--case-glow-y) 28%,var(--case-glow-two),transparent 78%),linear-gradient(180deg,var(--case-glow-three) 0%,#f4f9fd 65%,#fbfdff 100%);mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}
.case-intro .case-lead{color:#36546b}
.case-intro .case-meta{border-color:#b9cedd}
@media(max-width:760px){.case-intro:before{bottom:-12px;background-size:100% 100%}}

/* Icy cyan atmosphere, rotated per project. */
.case-page{--header-angle:112deg}
.case-commercial{--header-angle:242deg}
.case-ecosystem{--header-angle:325deg}
.case-intro:before{top:-180px;bottom:-40px;background:linear-gradient(var(--header-angle),#edf5fc 4%,#d6ebf5 35%,#a9dfec 77%,#c4e7f4 100%);mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%)}
.case-metrics{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#e8f4fd,#c9e9f5 58%,#a8dce9);border:0;border-radius:24px}
.case-metrics:before{content:'';position:absolute;inset:-35%;z-index:-1;background:radial-gradient(ellipse at 80% 30%,#6a9be665,transparent 50%);animation:metric-drift 14s ease-in-out infinite alternate;pointer-events:none}
.case-metric{background:#ffffff8c;border:1px solid #ffffffaa;border-radius:16px}
.case-metric:last-child{background:linear-gradient(135deg,#173e57,#1f607b 70%,#347f9b);border-color:#ffffff33}
.case-metric-detail:empty{display:none}
.case-metric-comparison{color:#12384e}
.case-metric-contribution{font-size:15px;max-width:65ch}
.case-metric-value{font-variant-numeric:tabular-nums}
@keyframes metric-drift{from{transform:translate(-3%,-2%) rotate(-6deg)}to{transform:translate(6%,4%) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.case-metrics:before{animation:none}}

/* Use the established homepage palette for delivery motion. */
.case-metrics{background:linear-gradient(125deg,#f4f9fd,#d7e9f5 65%,#b9d9eb)}
.case-metrics:before{background:var(--portfolio-project-glow);opacity:.32}
.case-metric:last-child{position:relative;isolation:isolate;overflow:hidden;background:#0b2232}
.case-metric:last-child:before{content:'';position:absolute;inset:-45%;z-index:-1;pointer-events:none;background:var(--portfolio-project-glow);animation:metric-drift 14s ease-in-out infinite alternate;opacity:.9;filter:blur(18px)}
.case-metrics-intro>p:empty{display:none}
.case-ecosystem .case-intro{--hover-x:70%;--hover-y:35%}
.case-ecosystem .case-intro:after{content:'';position:absolute;inset:0 -4%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--hover-x) var(--hover-y),#b9d9eb99,transparent 65%);opacity:0;transition:opacity .6s}
.case-ecosystem .case-intro:hover:after{opacity:1}
.case-ecosystem .case-opening .case-image-link img{transition:transform .8s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.case-ecosystem .case-opening .case-image-link:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.case-metric:last-child:before{animation:none}.case-ecosystem .case-intro:after,.case-ecosystem .case-opening .case-image-link img{transition:none}}

/* Subtle project variations, animated by the same flowing field as the homepage. */
.case-page{--case-header-start:#edf5fc;--case-header-mid:#d6eaf6;--case-header-end:#aed7ed}
.case-commercial{--case-header-start:#f0f2fb;--case-header-mid:#dde3f5;--case-header-end:#becde9}
.case-ecosystem{--case-header-start:#edf6f8;--case-header-mid:#d7ecef;--case-header-end:#b4dce1}
.case-intro{transform:translateZ(0) scale(var(--hero-scale,1)) rotate(var(--hero-angle,0deg));transform-origin:center 58%;backface-visibility:hidden}
.case-intro:before{background:linear-gradient(var(--header-angle),var(--case-header-start) 4%,var(--case-header-mid) 45%,var(--case-header-end) 100%);border-radius:var(--hero-radius,0px)}
.case-flow-field{position:absolute;z-index:-1;top:-180px;bottom:-40px;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;pointer-events:none;border-radius:var(--hero-radius,0px);mask-image:linear-gradient(#000 0%,#000 74%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 74%,transparent 100%)}
.case-flow-field .hero-flow-canvas{inset:-3%;width:106%;height:106%;filter:blur(24px)}
.case-intro.wave-ready .hero-flow-canvas{opacity:.8}
.case-commercial .hero-flow-canvas{transform:rotate(180deg)}
.case-ecosystem .hero-flow-canvas{transform:scaleX(-1)}
@media(prefers-reduced-motion:reduce){.case-intro{transform:none}.case-flow-field{border-radius:0}.case-intro:before{border-radius:0}}

/* Clip the whole full-width header so the shared scroll exit has a visible curved edge. */
.case-intro{overflow:hidden;border-radius:var(--hero-radius,0px);background:linear-gradient(var(--header-angle),var(--case-header-start),var(--case-header-mid) 45%,var(--case-header-end));will-change:transform}
.case-intro:before{inset:0;width:auto;transform:none;mask-image:none;-webkit-mask-image:none;border-radius:0}
.case-flow-field{inset:0;width:auto;transform:none;border-radius:0;mask-image:none;-webkit-mask-image:none}
.case-intro-content{position:relative}
.case-opening{margin-top:40px}
@media(max-width:760px){.case-opening{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.case-intro{transform:none;border-radius:0;will-change:auto}}

@media(min-width:761px){.case-ecosystem .case-outcomes{grid-template-columns:repeat(2,1fr)}}

/* Keep all work introductions in the icy blue family. */
.case-page{--case-header-start:#edf6fb;--case-header-mid:#d4e9f4;--case-header-end:#afd5e9;--case-glow-two:#d8eaf5}
.case-commercial{--case-header-start:#edf5fa;--case-header-mid:#d7e8f3;--case-header-end:#b2d3e7;--case-glow-one:#d2e7f3;--case-glow-two:#cce7ef}
.case-ecosystem{--case-header-start:#edf6f8;--case-header-mid:#d5eaf0;--case-header-end:#b3d8e3;--case-glow-two:#d6e9f2}
.case-page .device-atmosphere:after{opacity:.22}

.case-next>a,.case-figure figcaption>a{background:var(--navy);color:#f5faff;border:1px solid var(--navy);border-radius:5px;padding:11px 16px;min-height:44px;align-items:center;transition:background .2s ease}
.case-next>a:hover,.case-figure figcaption>a:hover{background:#214c69;color:#fff;border-color:#214c69}

@media(prefers-reduced-motion:no-preference){.case-motion [data-case-reveal]{transition-timing-function:cubic-bezier(.2,.65,.25,1)}.case-metrics:before,.case-metric:last-child:before{animation-duration:17s;animation-timing-function:cubic-bezier(.4,0,.35,1)}}

/* Opening evidence: a readable page view and a simplified shared-foundation bento. */
.commercial-opening .case-image-link{aspect-ratio:1.48;overflow:hidden;border:1px solid #b4cddd;box-shadow:0 12px 34px #163b5312;background:#17191c}
.commercial-opening .case-image-link img{width:100%;max-width:none;height:auto;min-height:100%;object-fit:cover;object-position:top;transform:none}
.ecosystem-bento{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}
.ecosystem-bento-lead,.ecosystem-bento-card{position:relative;overflow:hidden;border:1px solid #9dbed333;border-radius:16px;padding:40px;background:linear-gradient(150deg,#122e43,#081b29);color:#eaf6ff;isolation:isolate}
.ecosystem-bento-lead{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;gap:42px;background:radial-gradient(ellipse at 10% 100%,#285c7d70,transparent 68%),linear-gradient(145deg,#122e43,#081b29)}
.ecosystem-bento-lead .eyebrow{color:#b9d9eb;margin:0}
.ecosystem-bento-lead h2{font-size:clamp(30px,3.7vw,49px);line-height:1.16;letter-spacing:-.05em}
.ecosystem-brand-list{display:flex;flex-wrap:wrap;gap:10px}
.ecosystem-brand-list span{padding:8px 12px;border:1px solid #a1c2db40;border-radius:5px;background:#c6e5fb0b;font:12px/1.4 var(--sans);color:#d5e8f6}
.ecosystem-bento-number{display:block;color:#a8cde8;font:10px/1.6 var(--mono);letter-spacing:.065em;margin-bottom:20px}
.ecosystem-bento-card h3{font:400 27px/1.2 var(--mono);letter-spacing:-.04em;margin-bottom:12px}
.ecosystem-bento-card p{font:14px/1.6 var(--sans);color:#bfd5e6;max-width:330px}
.ecosystem-mini-blocks{display:grid;grid-template-columns:1fr 1.4fr .7fr;gap:8px;margin-top:28px;height:35px}
.ecosystem-mini-blocks i{border:1px solid #9fcbea70;background:linear-gradient(125deg,#b9d9eb,#7eaed0);border-radius:5px}.ecosystem-mini-blocks i:last-child{background:#245ed2;border-color:#518aec}
.ecosystem-mini-route{display:flex;align-items:center;gap:8px;margin-top:28px;color:#d7eafb;font:11px var(--sans)}
.ecosystem-mini-route span{border:1px solid #8ab9da66;border-radius:5px;padding:8px 11px;background:#19415e}.ecosystem-mini-route span:last-child{background:#245ed2;border-color:#7caff4}.ecosystem-mini-route i{height:1px;flex:1;background:#83b3d3}
@media(max-width:760px){.ecosystem-bento{grid-template-columns:1fr;gap:12px}.ecosystem-bento-lead{grid-row:auto;gap:30px}.ecosystem-bento-lead,.ecosystem-bento-card{padding:28px}.commercial-opening .case-image-link{aspect-ratio:1.35}.ecosystem-brand-list{gap:8px}.ecosystem-brand-list span{font-size:11px}}
/* Keep the available capture readable rather than stretching a full-page thumbnail. */
.commercial-editorial{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(24px,4vw,52px);border-radius:16px;background:radial-gradient(ellipse at 5% 10%,#b9d9eb99,transparent 70%),linear-gradient(135deg,#edf5fa,#dae8f3);border:1px solid #ccdeeb}
.commercial-editorial-screen{width:100%;max-width:610px;overflow:hidden;border-radius:8px;box-shadow:0 12px 26px #102b3d20;background:#191919}
.commercial-editorial-screen a{display:block}.commercial-editorial-screen img{display:block;width:100%;height:auto}
.commercial-editorial figcaption{padding:0;color:#36546b}.commercial-editorial figcaption .eyebrow{font-size:10px;color:#496172;margin-bottom:20px}.commercial-editorial figcaption h2{font-size:clamp(25px,3vw,39px);line-height:1.2;margin-bottom:22px;letter-spacing:-.045em;color:#142a3b}.commercial-editorial figcaption p:not(.eyebrow){font:15px/1.7 var(--sans);margin-bottom:24px}.commercial-editorial figcaption a{display:inline-flex;align-items:center;gap:16px;font-size:12px}
.case-commercial-collections{max-width:940px;padding:22px;background:#e8f1f8;border:1px solid #ccdeeb;border-radius:12px}
.case-commercial-collections .case-image-link{border-radius:5px;background:#fff;overflow:hidden}.case-commercial-collections .case-image-link img{width:100%;height:auto;margin:0;max-width:100%}
@media(max-width:760px){.commercial-editorial{grid-template-columns:1fr;gap:28px}.commercial-editorial figcaption a{margin-top:0}.commercial-editorial figcaption h2{max-width:330px}.case-commercial-collections{padding:14px}}

/* Give Commercial's opening room to show the actual design at a readable scale. */
.case-commercial .case-intro-content{padding-bottom:88px}
.case-commercial .commercial-editorial{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);padding:clamp(28px,3.5vw,48px);gap:clamp(28px,4vw,56px);min-height:640px;margin-left:0;margin-right:0}
.case-commercial .commercial-editorial-screen{max-width:none}
@media(max-width:760px){
 .case-commercial .case-intro-content{padding-bottom:56px}
 .case-commercial .commercial-editorial{grid-template-columns:1fr;min-height:0;padding:22px;gap:28px}
}

/* Concrete decisions sit beside the visual evidence in the reading sequence. */
.case-decisions{margin:32px 0 56px;padding:clamp(24px,3.5vw,40px);background:linear-gradient(130deg,#edf5fa,#e0edf5);border:1px solid #ccdeeb;border-radius:14px;color:var(--navy)}
.case-decisions>.eyebrow{margin-bottom:12px;color:#43627a}
.case-decisions>h2{font:500 clamp(24px,2.6vw,34px)/1.25 var(--sans);letter-spacing:-.025em;margin:0 0 28px;max-width:28ch}
.case-decisions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.case-decisions-grid article{border-top:1px solid #a8c4d6;padding-top:16px;min-width:0}
.case-decision-number{font:500 11px/1.5 var(--mono);color:#42677f;display:block;margin-bottom:12px}
.case-decisions-grid h3{font:600 18px/1.35 var(--sans);letter-spacing:-.02em;margin:0 0 10px}
.case-decisions-grid p{font:400 15px/1.65 var(--sans);color:#36546b;margin:0}
@media(max-width:760px){.case-decisions{margin:24px 0 40px;padding:24px}.case-decisions-grid{grid-template-columns:1fr;gap:22px}.case-decisions>h2{margin-bottom:24px}.case-decision-number{margin-bottom:8px}}