.case-page{--case-muted:#717b82;--case-cyan:#56b1c8;--case-band:#f3f4f5}
.case-cover{background:var(--case-band);scroll-margin-top:0}
.cover-inner{max-width:none;margin:0;padding:76px 3.4% 82px;display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:7%}
.cover-copy h1{font-size:clamp(30px,2.8vw,42px);font-weight:400;line-height:1.22;letter-spacing:-1.2px;margin:0;max-width:610px}
.cover-copy h1 span{color:#717980}.cover-copy>p{font-size:14px;line-height:1.65;color:#737c83;max-width:550px;margin:25px 0 0}
.cover-arrow{display:inline-block;font-size:24px;line-height:1;color:#8d969c;margin-top:49px;padding:6px 10px;transform:translateX(-10px)}
.cover-arrow:hover{color:#244a62}.project-facts{display:grid;grid-template-columns:minmax(150px,1.8fr) minmax(50px,.7fr) minmax(68px,.9fr);gap:28px;align-content:start}
.project-facts h2{font-size:11px;font-weight:400;letter-spacing:.02em;color:#7b858c;margin:2px 0 23px;white-space:nowrap}
.project-facts p{font-size:15px;line-height:1.5;margin:0 0 17px}.project-facts>div>span{font-size:11px;color:#98a0a6;display:block;margin-top:-10px}
.case-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:24px;max-width:none;margin:0;padding:50px 3.4% 0 2.1%}
.contents{align-self:stretch;min-width:0}.contents nav{position:sticky;top:128px;padding:1px 0 28px;z-index:2}
.contents a{display:block;font-size:11px;font-weight:400;letter-spacing:.045em;line-height:1.5;color:#969ea3;padding:8px 0;transition:color .15s;white-space:nowrap}
.contents a:hover,.contents a[aria-current=location]{color:#171c20}.contents a[aria-current=location]::before{content:'';position:absolute;width:4px;height:4px;background:var(--case-cyan);border-radius:50%;margin-left:-12px;margin-top:6px}
.contents .back-work{font-size:9px;margin-top:28px;color:#879198}.case-content{min-width:0}
.opening-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;scroll-margin-top:118px}.opening-images .case-figure{margin:0}.opening-images .figure-art{aspect-ratio:4/3}.opening-images .figure-art img{height:100%;object-fit:cover;object-position:top}
.case-section{padding:95px 0 0;scroll-margin-top:24px}.section-copy{max-width:690px;margin:0 0 38px}.case-eyebrow{font-size:10px;letter-spacing:.055em;line-height:1.6;color:#8b959c;margin:0 0 24px;font-weight:400}
.section-copy h2{font-size:clamp(28px,2.75vw,39px);line-height:1.23;font-weight:400;letter-spacing:-1px;margin:0 0 24px}
.section-copy p:not(.case-eyebrow),.phase-body>p:not(.case-eyebrow),.design-chapter>p,.prototype-section>p,.handoff-copy>p{font-size:15px;line-height:1.75;color:#727c84;margin:17px 0 0;max-width:720px}
.section-copy strong{font-weight:500;color:#3f4b53}
.case-figure{margin:28px 0 0;min-width:0}.figure-art{padding:0;line-height:0;overflow:hidden;border-radius:5px;background:transparent;border:0}
.figure-art img{display:block;width:100%;height:auto;max-width:100%;border-radius:0;box-shadow:none}
.case-figure figcaption{display:flex;gap:20px;justify-content:space-between;align-items:baseline;font-size:10px;line-height:1.6;color:#969fa5;padding-top:12px}
.case-figure figcaption>span{max-width:82%}.case-figure figcaption>a{white-space:nowrap;color:#7d8b93;text-decoration:underline;text-underline-offset:3px}.case-figure figcaption a:hover{color:#244a62}
.figure-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.figure-pair .case-figure{margin-top:24px}.figure-pair .figure-art{padding:0;height:auto;aspect-ratio:auto;display:block}.figure-pair .figure-art img{height:auto;object-fit:contain}
.figure-pair figcaption{display:block}.figure-pair figcaption>span{display:block;max-width:none}.figure-pair figcaption>a{display:inline-block;margin-top:5px}
.numbered-list{list-style:none;margin:28px 0 0;padding:0;max-width:770px}.numbered-list li{display:grid;grid-template-columns:25px 1fr;gap:18px;padding:12px 0}.numbered-list li>span{font:10px/1.8 Plex,monospace;color:#a2acb2;padding-top:3px}.numbered-list p{font-size:14px;line-height:1.7;color:#737e86;margin:0}.numbered-list strong{font-weight:500;color:#3b4750}
.process-section{margin:90px -28px 0;padding:70px 28px;background:#f1f4f5}.process-section .section-copy{margin-bottom:36px}.process-section .board-figure{margin-top:36px}
.phase-list{margin-top:46px}.phase-list details{border-top:1px solid #d8e0e4;scroll-margin-top:24px}.phase-list details:last-child{border-bottom:1px solid #d8e0e4}
.phase-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding:28px 0;font-size:clamp(21px,2.2vw,30px);letter-spacing:-.7px;font-weight:400;cursor:pointer}.phase-list summary::-webkit-details-marker{display:none}.phase-list summary:focus-visible{outline:2px solid var(--case-cyan);outline-offset:7px;border-radius:3px}
.phase-icon{font-size:28px;font-weight:400;color:#8b979f;transition:transform .18s;line-height:1}.phase-list details[open] .phase-icon{transform:rotate(45deg)}.phase-body{padding:22px 0 45px}.phase-body h3,.design-chapter h3,.prototype-section h3,.handoff-copy h3{font-size:24px;line-height:1.35;letter-spacing:-.55px;font-weight:400;max-width:730px;margin:0 0 18px}.phase-body .case-eyebrow{color:#509bb0;margin-bottom:22px}.phase-body h3:not(:first-of-type){margin-top:48px}.phase-body .figure-pair{margin-bottom:25px}.phase-body .numbered-list{margin-bottom:22px}
.board-figure .figure-art,.prototype-figure .figure-art{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#becdd5 transparent;border-radius:4px}.board-figure .figure-art img,.prototype-figure .figure-art img{max-width:none}.board-figure figcaption:before,.prototype-figure figcaption:before{content:'↔';color:#7e929e;font-size:13px}.board-figure figcaption>span,.prototype-figure figcaption>span{flex:1;max-width:none}
.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0 44px}.decision-grid>div{border-top:1px solid #d5dfe4;padding-top:17px}.decision-grid h4{font-size:14px;font-weight:500;margin:0 0 10px}.decision-grid p{font-size:12px;line-height:1.7;color:#79868e;margin:0}
.prototype-section{margin-top:62px}.prototype-section>p{margin-bottom:30px}.prototype-figure{margin-top:29px}.prototype-figure .figure-art{background:#e6e9ec}
.design-chapter{margin-top:53px}.design-chapter>p{margin-bottom:27px}.screen-figure .figure-art{border-radius:5px;box-shadow:0 0 0 1px #e6ebee}.screen-figure img{width:100%;height:auto;object-fit:contain}.screen-figure{margin-top:29px}
.annotation-gallery{display:grid;gap:38px}.annotation-figure{margin:0}.annotation-figure .figure-art{background:#f4f6f8}.annotation-figure img{width:100%;height:auto}
.component-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:41px}.component-pair h3,.component-detail h3{font-size:19px;font-weight:400;line-height:1.4;letter-spacing:-.35px;max-width:420px;margin:0 0 14px}.component-pair p,.component-detail p{font-size:13px;color:#79868e;line-height:1.75;margin:0;max-width:440px}.component-figure{margin-top:28px}.component-figure .figure-art{border-radius:0;overflow:visible;background:transparent;padding:0}.component-figure img{width:100%;height:auto;max-width:600px}.component-figure figcaption{font-size:9px}
.component-detail{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-top:55px;padding-top:36px;border-top:1px solid #e1e7ea}.component-detail .component-figure{margin:0}.handoff-copy{margin-top:65px;max-width:730px}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:40px 0 15px}.impact-grid>div{border-top:1px solid #cbd6dc;padding-top:23px}.impact-grid strong{font-size:45px;font-weight:400;letter-spacing:-1.7px}.impact-grid p{font-size:13px;line-height:1.7;color:#677680;margin:13px 0 0}.impact-grid p span{font-size:10px;color:#97a2aa}.measurement-note{font-size:10px;color:#9aa5ac;margin:18px 0 35px}
.case-end{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #e1e8ec;padding-top:30px;margin-top:65px;font-size:12px;color:#7b8992}.case-end a:hover{color:#171c20}#reflection{padding-bottom:70px}.case-page footer .footer-column{font-family:Plex,monospace}
@media(min-width:1700px){.cover-inner{padding-top:90px;padding-bottom:100px}.case-layout{grid-template-columns:120px minmax(0,1fr);gap:30px;padding-top:65px}.contents a{font-size:12px}.project-facts{gap:40px}.project-facts h2{font-size:12px}.project-facts p{font-size:17px;margin-bottom:19px}.cover-copy>p{font-size:16px}.case-section{padding-top:115px}.process-section{padding-top:82px;margin-top:115px}}
@media(max-width:1100px){.cover-inner{gap:5%;grid-template-columns:minmax(0,47%) minmax(0,1fr)}.cover-copy h1{font-size:32px}.project-facts{gap:20px;grid-template-columns:minmax(140px,1.7fr) minmax(45px,.7fr) minmax(65px,.9fr)}.project-facts p{font-size:13px}.project-facts h2{font-size:10px}.cover-copy>p{font-size:13px}.case-layout{grid-template-columns:100px minmax(0,1fr);gap:20px}.contents a{font-size:10px}.contents .back-work{font-size:8px}.case-figure figcaption{font-size:9px}.section-copy p:not(.case-eyebrow),.phase-body>p:not(.case-eyebrow),.design-chapter>p,.prototype-section>p,.handoff-copy>p{font-size:14px}.component-pair,.component-detail{gap:25px}.component-pair p,.component-detail p{font-size:12px}.process-section{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}
@media(max-width:900px){.cover-inner{grid-template-columns:1fr;gap:38px;padding-top:50px;padding-bottom:54px}.cover-copy h1{max-width:600px;font-size:34px}.cover-copy>p{max-width:620px;font-size:14px}.cover-arrow{display:none}.project-facts{max-width:580px;grid-template-columns:1.7fr .8fr 1fr;gap:30px}.project-facts h2{font-size:10px;margin-bottom:16px}.project-facts p{font-size:13px;margin-bottom:10px}.case-layout{padding-top:38px}.opening-images{grid-template-columns:1fr}.opening-images .figure-art{aspect-ratio:auto}.opening-images .figure-art img{height:auto;object-fit:contain}}
@media(max-width:700px){html{scroll-padding-top:144px}.cover-inner{padding:40px 5% 45px;gap:32px}.cover-copy h1{font-size:31px;letter-spacing:-1px}.cover-copy h1 br:nth-child(2){display:none}.cover-copy>p{font-size:13px;line-height:1.75;margin-top:22px}.project-facts{grid-template-columns:1.6fr .75fr .9fr;gap:17px}.project-facts h2{font-size:8px;margin-bottom:15px}.project-facts p{font-size:10px;line-height:1.5;margin-bottom:9px}.project-facts>div>span{font-size:9px;margin-top:0}.case-layout{display:block;padding:0 5%}.contents{position:sticky;top:76px;z-index:10;background:rgba(249,250,250,.98);margin:0 -5.55%;border-bottom:1px solid #e7edf0;backdrop-filter:blur(10px)}.contents nav{position:static;display:flex;align-items:center;overflow-x:auto;gap:23px;padding:13px 5%;scrollbar-width:none}.contents a{font-size:9px;white-space:nowrap;padding:3px 0}.contents .back-work{display:none}.contents a[aria-current=location]::before{display:none}.contents a[aria-current=location]{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--case-cyan)}.opening-images{gap:25px;margin-top:25px;scroll-margin-top:160px}.case-section{padding-top:65px;scroll-margin-top:16px}.section-copy{margin-bottom:28px}.case-eyebrow{font-size:9px;margin-bottom:21px}.section-copy h2{font-size:29px;letter-spacing:-.8px}.section-copy p:not(.case-eyebrow),.phase-body>p:not(.case-eyebrow),.design-chapter>p,.prototype-section>p,.handoff-copy>p{font-size:13px;line-height:1.8}.figure-pair{grid-template-columns:1fr;gap:15px}.figure-pair .case-figure{margin-top:20px}.case-figure{margin-top:23px}.case-figure figcaption{font-size:9px;gap:12px}.case-figure figcaption>span{max-width:74%}.figure-pair figcaption{display:flex}.figure-pair figcaption>span{max-width:74%}.figure-pair figcaption>a{margin:0}.numbered-list{margin-top:24px}.numbered-list li{gap:12px;grid-template-columns:21px 1fr;padding:10px 0}.numbered-list p{font-size:12px}.process-section{margin:65px -5.55% 0;padding:50px 5.55%;scroll-margin-top:16px}.phase-list{margin-top:35px}.phase-list details{scroll-margin-top:16px}.phase-list summary{font-size:22px;letter-spacing:-.5px;padding:24px 0}.phase-body{padding:12px 0 32px}.phase-body h3,.design-chapter h3,.prototype-section h3,.handoff-copy h3{font-size:22px}.phase-body h3:not(:first-of-type){margin-top:39px}.decision-grid{grid-template-columns:1fr;gap:22px;margin-top:27px}.decision-grid p{font-size:12px}.prototype-section{margin-top:45px}.board-figure .figure-art img{min-width:940px}.prototype-figure .figure-art img{min-width:1400px}.board-figure figcaption>span,.prototype-figure figcaption>span{max-width:none}.design-chapter{margin-top:40px}.annotation-gallery{gap:29px}.annotation-figure .figure-art{overflow-x:auto;scrollbar-width:thin}.annotation-figure .figure-art img{min-width:1050px;width:100%;max-width:none}.annotation-figure figcaption:before{content:'↔'}.annotation-figure figcaption>span{flex:1;max-width:none}.component-pair,.component-detail{grid-template-columns:1fr;gap:38px}.component-pair h3,.component-detail h3{font-size:19px}.component-pair p,.component-detail p{font-size:12px}.component-detail{margin-top:37px;padding-top:30px;gap:22px}.component-figure{margin-top:23px}.component-figure img{max-width:none}.component-figure figcaption{font-size:8px}.handoff-copy{margin-top:45px}.impact-grid{gap:17px;margin-top:30px}.impact-grid strong{font-size:34px}.impact-grid p{font-size:10px;line-height:1.65}.impact-grid p span{font-size:8px}.measurement-note{font-size:9px;line-height:1.6}.case-end{font-size:10px;line-height:1.5;margin-top:40px;gap:28px}#reflection{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.phase-icon{transition:none}}
/* Crisp vector analytics: the chart is rendered directly, separately from decorative layers. */
.layered-scene{position:relative;isolation:isolate;aspect-ratio:4/3;overflow:hidden;border-radius:5px;background:radial-gradient(ellipse at 0 0,#56b1c8 0%,#b7e0e9 34%,transparent 76%),#f2f4f5}
.chart-layer{position:absolute;background:#ffffff70;border:1px solid #fff9;border-radius:7px;left:50%;transform:translateX(-50%)}.chart-layer-back{width:58%;height:36%;top:22%;opacity:.55}.chart-layer-middle{width:65%;height:38%;top:26%;opacity:.7}
.layered-scene>img{position:absolute;z-index:2;width:78%;height:auto;left:11%;top:31%;border-radius:8px;box-shadow:0 12px 25px #28495b16}
.delivery-reasoning,.technical-contract{margin-top:49px}.delivery-reasoning h3,.technical-contract h3{font-size:24px;font-weight:400;letter-spacing:-.55px;line-height:1.35;margin:0 0 19px}.delivery-reasoning>p{font-size:14px;line-height:1.8;color:#747f87;max-width:760px;margin:17px 0 0}
.technical-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:31px 40px;margin-top:30px;max-width:1000px}.technical-grid>div{padding-top:18px;border-top:1px solid #d3dee4}.technical-grid h4{font-size:15px;font-weight:500;margin:0 0 13px}.technical-grid p{font-size:13px;line-height:1.8;color:#74818a;margin:0;max-width:460px}.technical-note{font-size:11px;line-height:1.7;color:#92a0a8;margin:27px 0 0;max-width:740px}.reflection-followup{font-size:14px;line-height:1.8;color:#76838c;max-width:760px;margin-top:29px}
.date-component-stage{display:grid;place-items:center;min-height:480px;padding:45px 30px;background:#f3f5f7;border-radius:5px}.date-component-stage img{width:320px;max-width:100%;height:auto;display:block;box-shadow:0 15px 35px #2340520e;border-radius:10px}.date-component-figure{margin-top:35px}.date-component-figure figcaption>span{max-width:none}
.flow-source{position:relative}.flow-source .figure-art{overflow:auto;scrollbar-width:thin;scrollbar-color:#b7c8d3 #eef2f5;background:#fff;line-height:0}.flow-source .figure-art img{width:calc(100% * var(--flow-scale,1));min-width:0;max-width:none;display:block}.flow-tools{display:flex;justify-content:flex-end;align-items:center;gap:3px;padding:0 0 9px}.flow-tools button{width:28px;height:26px;border:1px solid #d9e1e6;color:#7c8c96;background:#fff;font-size:15px;line-height:1;border-radius:4px}.flow-tools button[data-flow-zoom=fit]{width:36px;font-size:10px}.flow-tools button:hover{color:#244a62;border-color:#acc3cf}.flow-tools button:disabled{opacity:.45}.flow-tools button:focus-visible{outline:2px solid #56b1c8;outline-offset:2px}
@media(min-width:1700px){.date-component-stage{min-height:600px}.date-component-stage img{width:370px}.technical-grid p,.delivery-reasoning>p,.reflection-followup{font-size:15px}}
@media(max-width:700px){.layered-scene{aspect-ratio:4/3}.delivery-reasoning h3,.technical-contract h3{font-size:22px}.delivery-reasoning>p,.reflection-followup{font-size:13px}.technical-grid{grid-template-columns:1fr;gap:26px}.technical-grid p{font-size:12px}.technical-note{font-size:10px}.date-component-stage{min-height:430px;padding:30px 25px}.date-component-stage img{width:280px}.flow-source .figure-art img{min-width:940px}.flow-tools{padding-bottom:9px}}
.date-component-stage img{width:min(620px,86%);max-width:100%;border-radius:0;box-shadow:none}.flow-source .figure-art{--flow-base:100%}.flow-source .figure-art img{width:calc(var(--flow-base) * var(--flow-scale,1))}
@media(max-width:700px){.date-component-stage{min-height:300px;padding:24px 12px}.date-component-stage img{width:100%}.flow-source .figure-art{--flow-base:940px}.flow-source .figure-art img{min-width:0}}
/* Preserve the native detail in original research evidence instead of stretching it. */
.phase-body .figure-pair{max-width:820px}

/* White reading surface; tinted canvases are limited to selected visuals. */
.case-page,.case-page header{background:#fff}.case-cover{background:#f4f5f6}.case-content{max-width:1280px;width:100%}.process-section{background:transparent;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.contents{background:#fff}
.opening-images .figure-art{aspect-ratio:1440/970}.opening-images .figure-art img{object-fit:contain}.opening-images .layered-scene{aspect-ratio:1440/970}
.redesign-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin-top:28px}.redesign-pair .case-figure{margin-top:0}.screen-figure .figure-art{box-shadow:none;border-radius:5px}.screen-figure img{width:100%;height:auto}.interface-details{margin-top:52px;scroll-margin-top:125px}.annotation-gallery{gap:38px;max-width:1120px}.annotation-figure .figure-art{background:transparent}.annotation-figure img{width:100%;height:auto}.prototype-figure{max-width:1280px}.board-figure{max-width:1120px}
.calendar-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;padding:65px 28px 52px;background:#f4f5f6;border-radius:6px}.calendar-state{min-width:0}.calendar-state h3{font:10px/1.7 Plex,monospace;color:#7c858c;letter-spacing:.015em;margin:0 0 26px 4%;font-weight:400}.calendar-trigger{display:inline-flex;align-items:center;gap:9px;margin-left:4%;padding:7px 10px;background:#fff;border:1px solid #e0e5e9;border-radius:5px;color:#43515b;font-size:10px;line-height:1.3}.calendar-trigger span:last-child{margin-left:8px}.calendar-state img{display:block;width:100%;height:auto;margin-top:2px}.date-component-figure figcaption>span{max-width:none}
@media(min-width:1700px){.case-layout{padding-top:54px}.case-section{padding-top:95px}.process-section{padding-top:0;margin-top:95px}.calendar-board{padding:85px 40px 65px;gap:28px}.calendar-state h3{font-size:11px}.calendar-trigger{font-size:11px}}
@media(max-width:700px){.contents{background:rgba(255,255,255,.98)}.process-section{margin:65px 0 0;padding:0}.redesign-pair{grid-template-columns:1fr;gap:26px}.interface-details{margin-top:36px}.calendar-board{grid-template-columns:1fr;padding:30px 10px 20px;gap:32px}.calendar-state h3{font-size:9px;margin-bottom:15px}.calendar-trigger{font-size:9px}.annotation-gallery{gap:27px}}
/* Keep product screens readable at a restrained width, including on large displays. */
.redesign-pair{grid-template-columns:1fr;max-width:960px;gap:34px}.annotation-gallery{max-width:1120px}.prototype-figure.flow-source .figure-art img{min-width:0}
@media(max-width:700px){.prototype-figure.flow-source .figure-art{--flow-base:1400px}}

/* Product canvases contrast with the white reading surface and centre the original UI. */
.case-page{--presentation-grey:#e5e8eb}
.case-figure:not(.flow-source):not(.board-figure) .figure-art{display:flex;justify-content:center;align-items:center;padding:42px;background:var(--presentation-grey);border-radius:7px;box-sizing:border-box}
.case-figure:not(.flow-source):not(.board-figure) .figure-art img{display:block;max-width:100%;height:auto;object-fit:contain}
.opening-images .opening-screen .figure-art{aspect-ratio:1440/1050;padding:30px}.opening-images .opening-screen .figure-art img{width:100%;height:auto}
.opening-images .layered-scene{aspect-ratio:1440/1050}
.redesign-pair{max-width:1120px;margin-left:auto;margin-right:auto}.redesign-pair .figure-art img{width:100%;max-width:960px}
.annotation-gallery{margin-left:auto;margin-right:auto}.annotation-figure .figure-art{padding:22px!important}
.figure-pair .figure-art{padding:24px!important}.figure-pair .figure-art img{width:100%}
.flow-source .figure-art{background:var(--presentation-grey);border-radius:7px}.board-figure .figure-art{background:var(--presentation-grey);padding:20px}
.prototype-figure.flow-source .figure-art{padding:0;background:var(--presentation-grey)}
.calendar-board{background:var(--presentation-grey);justify-items:center}.calendar-state{width:100%;max-width:540px}.calendar-state h3{min-height:34px;margin-bottom:17px}
.calendar-trigger{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:5px 9px;box-sizing:border-box;vertical-align:middle;white-space:nowrap;line-height:1.2}
.control-icon{width:13px;height:13px;display:block;flex:0 0 13px}.control-chevron{width:12px;height:12px;display:block;flex:0 0 12px;margin-left:8px}
.calendar-trigger span:last-child{margin-left:0}
.filter-component-figure{margin-top:35px}.filter-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:27px;padding:62px 32px;background:var(--presentation-grey);border-radius:7px}.filter-state{min-width:0;width:100%;max-width:308px;justify-self:center}.filter-state h3{font:10px/1.7 Plex,monospace;color:#747f87;font-weight:400;min-height:34px;margin:0 0 20px 7.8%}.filter-state .calendar-trigger{margin-left:7.8%;margin-bottom:0;height:28px}.filter-state .filter-popover{display:block;width:100%;height:auto;max-width:308px;margin:0 auto}.filter-state .native-filter-chip{display:block;width:189px;height:27px;max-width:100%;margin:0 0 1px 7.8%}.filter-applied p{font-size:12px;line-height:1.8;color:#75828a;max-width:245px;margin:26px 7.8% 0}
@media(max-width:900px){.case-figure:not(.flow-source):not(.board-figure) .figure-art{padding:28px}.filter-board{gap:16px;padding:45px 16px}.filter-state h3{font-size:9px}.filter-state .native-filter-chip{width:90%;height:auto}.filter-applied p{font-size:11px}}
@media(max-width:700px){.case-figure:not(.flow-source):not(.board-figure) .figure-art{padding:18px}.opening-images .opening-screen .figure-art{padding:20px}.figure-pair .figure-art{padding:17px!important}.annotation-figure .figure-art{padding:14px!important}.calendar-state h3{min-height:0}.calendar-trigger{min-height:27px;padding:5px 8px}.filter-board{grid-template-columns:1fr;padding:30px 16px;gap:33px}.filter-state h3{min-height:0;font-size:9px;margin-bottom:15px}.filter-state .native-filter-chip{width:189px;height:27px}.filter-applied p{font-size:12px}.board-figure .figure-art{padding:12px}}
@media(max-width:700px){.annotation-figure .figure-art{display:block!important}}

/* Give the visual gallery the available width; reading copy keeps its original measure. */
.case-content{max-width:none}.opening-images{max-width:none;width:100%;gap:24px;margin-left:auto;margin-right:auto}
.opening-images .opening-screen .figure-art{padding:0!important;aspect-ratio:1200/889}.opening-images .opening-screen .figure-art img{width:100%;height:100%;object-fit:cover}.opening-images .layered-scene{aspect-ratio:1200/889}
.redesign-pair{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:1320px;gap:24px;margin-left:auto;margin-right:auto}.redesign-pair .figure-art{padding:34px!important}.redesign-pair .figure-art img{width:100%;max-width:530px}
.case-figure{margin-left:auto;margin-right:auto}.case-figure:not(.screen-figure):not(.opening-screen):not(.opening-layered){max-width:1180px}.case-figure.prototype-figure{max-width:1520px}.case-figure.flow-source:not(.prototype-figure){max-width:1320px}.phase-body .figure-pair{margin-left:auto;margin-right:auto}.annotation-gallery{max-width:1180px;margin-left:auto;margin-right:auto}.calendar-board,.filter-board{width:100%;box-sizing:border-box}.calendar-state{max-width:480px}
@media(min-width:1700px){.opening-images{gap:26px}.redesign-pair .figure-art{padding:44px!important}}
@media(max-width:900px){.redesign-pair{gap:18px}.redesign-pair .figure-art{padding:24px!important}}
@media(max-width:700px){.opening-images{gap:25px}.redesign-pair{grid-template-columns:1fr;gap:26px}.redesign-pair .figure-art{padding:24px!important}.opening-images .opening-screen .figure-art{padding:0!important}}
.redesign-pair .case-figure{width:100%}.annotation-gallery{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.annotation-figure{width:100%;max-width:100%!important;min-width:0}.annotation-figure .figure-art{width:100%;max-width:100%;box-sizing:border-box}

/* Handoff explanation uses the standard case study body treatment. */
.technical-contract .technical-note{font-size:14px;line-height:1.8;color:#76838c;max-width:760px}
@media(max-width:700px){.technical-contract .technical-note{font-size:13px}}

/* Keep both original opening compositions at equal size in their grid cells. */
.opening-images>.case-figure{width:100%;min-width:0;margin-left:0;margin-right:0;justify-self:stretch}
.opening-images>.opening-layered .layered-scene{width:100%;height:auto}

.tradeteq-results{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.tradeteq-results{grid-template-columns:repeat(2,minmax(0,1fr))}}