.pd-hero{height:900px;position:relative;color:#fffaf2;background:#07110c;overflow:hidden}.pd-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pd-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06100ce0,#06100c65 48%,transparent 80%)}.pd-hero .wrap{position:relative;z-index:1;padding-top:285px}.pd-hero h1{font-size:96px;line-height:1.04;margin:25px 0}.pd-hero p{font-size:17px;max-width:470px;color:#d6dfd8}.hero-role{display:block;margin-top:55px;font-size:12px;color:#c2d1c6}.media-note{position:absolute;bottom:25px;right:35px;font-size:9px;color:#cbd4ce;z-index:2}.case-intro,.framework,.lab{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:95px 0}.case-intro h2,.framework h2,.lab h2{font-size:56px;line-height:1.1;margin:20px 0}.case-intro .lede{font-size:20px;line-height:1.55;margin-top:0}.case-intro .eyebrow,.framework .eyebrow,.lab .eyebrow{color:#8c4c3f}.case-metadata{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:40px;padding-bottom:55px;border-bottom:1px solid #d5cfc3}.case-metadata span{display:block;color:#736d63;font-size:11px;margin-bottom:12px}.case-metadata strong{font-size:13px;font-weight:500}details{border-top:1px solid #c8c2b8;margin-top:28px}summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:13px;padding:20px 0}summary::-webkit-details-marker{display:none}summary span{transition:transform .3s}details[open] summary span{transform:rotate(180deg)}.detail p{font-size:14px;color:#696258}.detail a{text-decoration:underline;text-underline-offset:5px;font-size:13px}.architecture{height:1100px;position:relative;overflow:hidden;margin-top:55px;background:#c3c3bd}.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-heading{position:relative;z-index:2;padding-top:75px}.scene-heading h2{font-size:58px;line-height:1.08;margin:20px 0}.light-scene .scene-heading{color:#141311}.light-scene .scene-heading:before{content:'';position:absolute;inset:0 auto auto -64px;width:700px;height:350px;background:linear-gradient(90deg,#e8e7dfaa,transparent);z-index:-1}.light-scene .media-note{color:#3e423c}.device{position:absolute;z-index:1;filter:drop-shadow(0 30px 35px #0006)}.device-lid{padding:16px;background:linear-gradient(145deg,#333b38,#090d0b);border:2px solid #78817b;border-radius:15px;overflow:hidden}.device-lid img{display:block;width:100%;height:auto;border-radius:3px}.laptop{width:960px;left:calc(50% - 480px);bottom:140px;transform:rotate(-3deg)}.laptop .device-lid{width:94%;margin:auto;padding:14px 14px 22px;border-radius:13px 13px 5px 5px}.laptop .device-base{height:30px;background:linear-gradient(#ced2cf,#6d7470 60%,#333b36);clip-path:polygon(3% 0,97% 0,100% 70%,94% 100%,6% 100%,0 70%);border-radius:0 0 15px 15px}.laptop .device-base:after{content:'';display:block;width:14%;height:7px;margin:auto;background:#737d76;border-radius:0 0 7px 7px}.desktop .device-lid{padding:20px 20px 36px;border-radius:14px;background:linear-gradient(145deg,#444c48,#111714)}.desktop .device-base{width:23%;height:120px;background:linear-gradient(90deg,#444c48,#afb6b0,#444c48);margin:auto;clip-path:polygon(28% 0,72% 0,72% 77%,100% 95%,100% 100%,0 100%,0 95%,28% 77%)}.dark-scene{height:1100px;margin-top:0;background:#0b0e0c;color:white}.dark-scene .scene-heading h2{font-size:55px}.primary-device{width:850px;left:90px;top:360px;transform:rotate(-4deg)}.secondary-device{width:610px;left:auto;right:50px;bottom:70px;transform:rotate(5deg)}.architecture-map{padding:25px;background:#dedfd7;border:1px solid #c3c6bd;align-self:center}.map-top{padding:20px;background:#f5f4ed;border-bottom:1px solid #bbb;font-size:11px;color:#566259}.map-body{display:flex;min-height:280px;gap:10px;margin-top:10px}.map-primary{background:#203a2a;color:white;width:75px;padding:23px 8px;font-size:10px}.map-secondary{background:#c7d6ca;color:#2a4c35;width:100px;padding:23px 12px;font-size:11px}.map-task{flex:1;background:#f5f6ee;padding:28px 18px;font-size:14px}.map-rows{display:flex;gap:8px;margin-top:35px}.map-rows i{height:120px;flex:1;background:linear-gradient(#cfdbcf,#e0e7dc);border-top:3px solid #76927b}.map-caption{display:block;font-size:9px;color:#758171;margin-top:16px}.lab-sequence{border-top:1px solid #bdb5a8;align-self:center}.lab-sequence>div{display:grid;grid-template-columns:50px 1fr;gap:8px 15px;padding:24px 0;border-bottom:1px solid #bdb5a8}.lab-sequence b{font:32px Georgia;color:#999080;grid-row:span 2}.lab-sequence strong{font-size:15px;font-weight:500}.lab-sequence span{font-size:12px;color:#736d63}.result{padding:110px 0;background:#13231a;color:#fffaf2}.result .wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px}.result-number{font:150px Georgia;letter-spacing:-.065em;margin-top:25px;color:#b6d8b9}.result h2{font-size:50px;line-height:1.12;margin:15px 0 25px}.result p{font-size:16px;color:#d1ded3}.result small{font-size:11px;color:#96b29e}.result details{border-color:#597360}.result .detail p{color:#c6d4c7}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.source-grid figure{margin:0}.source-grid img{width:100%;height:auto}.source-grid figcaption{font-size:10px;margin-top:10px}.case-close{display:flex;align-items:center;justify-content:space-between;padding:100px 0}.case-close h2{font-size:56px;line-height:1.1}.case-close .contact-cta{padding:22px 32px;border-radius:999px;background:#141311;color:#fffaf2;font-weight:700;font-size:15px;min-width:240px;text-align:center}@media(max-width:850px){.pd-hero{height:800px}.pd-hero .wrap{padding-top:180px}.pd-hero h1{font-size:65px}.pd-hero>img{object-position:65%}.case-intro,.framework,.lab,.result .wrap{grid-template-columns:1fr;gap:30px}.case-intro,.framework,.lab{padding:65px 0}.case-intro h2,.framework h2,.lab h2{font-size:43px}.case-metadata{grid-template-columns:1fr;gap:25px}.architecture{height:820px}.scene-heading{padding-top:55px}.scene-heading h2,.dark-scene .scene-heading h2{font-size:42px}.laptop{width:760px;left:calc(50% - 380px);bottom:120px}.dark-scene{height:950px}.primary-device{width:640px;left:30px;top:310px}.secondary-device{width:470px;right:-60px;bottom:60px;left:auto}.result{padding:70px 0}.result-number{font-size:120px}.result h2{font-size:42px}.case-close{display:block;padding:65px 0}.case-close h2{font-size:43px;margin-bottom:40px}.media-note{font-size:8px;right:20px;left:20px}.light-scene .scene-heading:before{left:-20px;width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Tight, diagonal architectural texture rather than wide establishing scenes. */
.architecture .scene-bg{transform:scale(2) rotate(-30deg);transform-origin:52% 52%}.dark-scene .scene-bg{transform:scale(2) rotate(30deg);transform-origin:65% 50%}.light-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#ecebe54d,transparent 40%);pointer-events:none}.light-scene .device{z-index:2}.scene-heading{z-index:3}

.hero-proof{font-size:15px;margin-top:28px;font-weight:600;color:#c5e0cb}.hero-role{margin-top:25px}.company-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:10px 0 50px}.company-scale strong{font:42px Georgia;display:block}.company-scale span{display:block;font-size:12px;margin-top:10px;color:#736d63}.company-scale small{grid-column:1/-1;font-size:10px;color:#736d63}.commercial-proof{margin-top:40px;border-top:1px solid #597360;padding-top:25px}.commercial-proof strong{display:block;font:52px Georgia;color:#b6d8b9}.commercial-proof span{font-size:14px;color:#d1ded3}@media(max-width:700px){.company-scale{grid-template-columns:1fr}.hero-proof{font-size:13px}.pd-hero .wrap{padding-top:155px}.pd-hero p{font-size:15px}}

.design-evidence-column{align-self:center}.inline-evidence{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.inline-evidence figure,.workshop-photo{margin:0}.inline-evidence img{width:100%;height:auto;display:block}.inline-evidence figcaption,.workshop-photo figcaption{font-size:11px;line-height:1.5;color:#736d63;margin-top:12px}.workshop-photo img{display:block;width:100%;height:360px;object-fit:cover;object-position:center 45%}.leadership-evidence .lab-sequence{margin-top:25px}.leadership-evidence .lab-sequence>div{padding:18px 0}@media(max-width:850px){.workshop-photo img{height:320px}}
/* The case opens with the company, the design contribution and the outcomes. */
.pd-hero .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:136px;padding-bottom:70px}
.pd-hero .client-brand{margin:0}
.pd-hero h1{font-size:70px;line-height:1.12;margin:0;max-width:900px}
.pd-hero p{font-size:17px;line-height:1.55;margin:0;max-width:600px}
.pd-hero:after{background:linear-gradient(90deg,#06100cf0,#06100cb3 52%,transparent 88%)}
.hero-impact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;width:min(1100px,100%);background:#07130ed9;border:1px solid #b7d0be33;border-radius:8px;backdrop-filter:blur(16px);padding:18px 24px}
.hero-impact strong{font:700 36px/1.2 Inter,Arial,sans-serif;color:#fffaf2;display:block}
.hero-impact span{display:block;color:#d6e3d9;font-size:13px;line-height:1.5;margin-top:8px}
.pd-hero .hero-role{margin:0;font-size:12px}
.business-change{position:relative;isolation:isolate;overflow:hidden;background:var(--paper);padding:50px 0 60px}
.business-change .wrap{position:relative;z-index:1}
.growth-background{position:absolute;inset:-40px 0 auto;width:100%;height:440px;object-fit:cover;opacity:.25;z-index:-1}
.business-change .eyebrow{font-size:12px;margin-bottom:28px}
.change-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.change-grid strong{display:block;font:700 clamp(24px,2.25vw,32px)/1.3 Inter,Arial,sans-serif;white-space:nowrap}
.change-grid>div>span{display:block;font-size:14px;color:var(--muted);margin-top:12px;line-height:1.5}
.metric-source{font-size:11px;color:var(--muted);max-width:1050px;margin:28px 0 0}
.result .outcome-story{align-items:start}.result .outcome-story>div>p:first-child{margin-top:0}
.result .source-grid{margin:24px 0}.result .source-grid img{display:block}.result .source-grid figcaption{color:#c6d4c7;line-height:1.5}
@media(max-width:850px){.pd-hero:after{background:linear-gradient(90deg,#06100cf0,#06100cc9 65%,#06100c99)}.pd-hero{height:auto;min-height:920px}.pd-hero .wrap{padding-top:130px}.pd-hero h1{font-size:clamp(43px,7.4vw,64px)}.pd-hero p{font-size:16px}.hero-impact{gap:20px;padding:20px}.hero-impact strong{font-size:30px}.hero-impact span{font-size:12px}.change-grid{grid-template-columns:1fr;gap:28px}.change-grid strong{font-size:32px}.business-change{padding:44px 0}.growth-background{height:100%;object-fit:cover;object-position:60%}.result .outcome-story{gap:30px}}
@media(max-width:560px){.pd-hero{min-height:1060px}.pd-hero .wrap{padding-top:115px;gap:20px}.pd-hero h1{font-size:43px;letter-spacing:-.04em}.hero-impact{grid-template-columns:1fr;gap:18px;max-width:350px}.hero-impact>div{display:grid;grid-template-columns:95px 1fr;gap:10px;align-items:center}.hero-impact span{margin:0}.pd-hero .hero-role{max-width:320px}.result .source-grid{grid-template-columns:1fr}}