:root{--ink:#080e0b;--paper:#eee9dd;--muted:#9b9e96;--body-copy:#9b9685;--olive:#7b8440;--orange:#ef941f;--line:rgba(155,158,150,.18);--gutter:#111710}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--gutter);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.case-shell{position:relative;width:min(calc(100% - 400px),1680px);min-height:100vh;margin:auto;overflow:hidden;background:linear-gradient(rgba(5,12,9,.93),rgba(5,12,9,.96)),url('../images/new-project-16-exact-2160x4500.png') center/cover;box-shadow:18px 18px 0 #050805}.stripe-rail{position:absolute;inset:0 auto 0 0;width:clamp(82px,10vw,160px);background:url('../images/new-project-16-exact-2160x4500.png') left top/auto 100%;border-right:1px solid rgba(238,233,221,.08)}.case-nav,article,.case-footer{position:relative;z-index:1;margin-left:clamp(130px,17vw,290px);margin-right:clamp(45px,7vw,120px)}.case-nav{height:120px;display:flex;align-items:center;justify-content:space-between;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.back-link,.nav-actions a{transition:color .2s}.back-link:hover,.nav-actions a:hover{color:#fff}.back-link span{color:var(--orange);padding-right:9px}.nav-actions{display:flex;gap:28px}.nav-actions a:before{content:'';display:inline-block;width:3px;height:14px;margin-right:8px;background:var(--olive);vertical-align:-2px}.nav-actions .accent:before{background:var(--orange)}.chapter{padding:100px 0;border-top:1px solid rgba(238,233,221,.12)}.hero{min-height:680px;padding-top:90px;border:0}.eyebrow,.chapter-heading p,.glance-item span,.callout span,.outcomes span{color:var(--olive);text-transform:uppercase;letter-spacing:.09em;font-weight:700;font-size:13px}.project-logo{width:150px;height:auto;margin:28px 0 36px;filter:grayscale(1) contrast(1.15)}h1,h2,strong{font-weight:800}h1{max-width:820px;margin:0;font-size:clamp(48px,5.2vw,90px);line-height:.94;letter-spacing:-.055em}.hero-deck{max-width:680px;margin:34px 0 55px;color:#c7c5bd;font-size:clamp(18px,1.5vw,25px)}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:900px;padding-top:24px;border-top:1px solid var(--line)}.meta-grid span{display:block;margin-bottom:8px;color:var(--orange);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.meta-grid strong{font-size:14px}.at-a-glance{display:grid;grid-template-columns:80px repeat(3,1fr);gap:34px}.section-index{color:var(--orange);font-size:42px;font-weight:800;line-height:1}.glance-item p{max-width:27ch;margin:10px 0 0;color:#c7c5bd;font-size:15px}.chapter-heading{display:grid;grid-template-columns:85px 1fr;gap:24px;margin-bottom:55px}.chapter-heading>span{color:var(--orange);font-size:50px;font-weight:800;line-height:1}.chapter-heading p{margin:0 0 10px}.chapter-heading h2{max-width:760px;margin:0;font-size:clamp(34px,3.5vw,60px);line-height:1;letter-spacing:-.04em}.story-copy{max-width:750px;margin-left:109px;columns:2;column-gap:50px;color:#c8c8c0;font-size:17px}.story-copy p{margin-top:0}.callout{max-width:750px;margin:55px 0 0 109px;padding:25px 28px;background:#515a29;border-left:5px solid var(--orange);box-shadow:9px 9px 0 #030604}.callout span{display:block;color:#c5c99d}.callout strong{display:block;margin-top:5px;font-size:24px}.process-list{list-style:none;margin:0 0 0 109px;padding:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:85px 160px 1fr;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.process-list li>span{color:var(--orange);font-weight:800}.process-list strong{font-size:19px}.process-list p{margin:3px 0 0;color:#aaa;font-size:14px}.section-intro{max-width:650px;margin:-25px 0 50px 109px;color:#aaa}.prototype-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-left:109px}.prototype-grid figure{margin:0}.prototype-grid .wide{grid-column:1/-1}.prototype-frame{aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:linear-gradient(135deg,rgba(108,119,51,.92),rgba(37,45,23,.95)),repeating-linear-gradient(135deg,transparent 0 15px,rgba(255,255,255,.03) 15px 16px);border:2px solid #151b10;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);box-shadow:inset 0 0 45px rgba(0,0,0,.35)}.prototype-frame:before{content:'';width:34%;height:3px;margin-bottom:auto;background:var(--orange)}.prototype-frame b{font-size:26px}.prototype-frame span{color:#c9cbaa}.prototype-grid figcaption{padding-top:12px;color:#969a91;font-size:13px}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-left:109px}.outcomes>div{padding-top:18px;border-top:2px solid var(--line)}.outcomes p{color:#c7c5bd}blockquote{margin:70px 0 0 109px;padding:30px 0 30px 35px;border-left:5px solid var(--orange);font-size:clamp(28px,3vw,48px);font-weight:800;line-height:1.05}.case-footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:50px;padding:70px 0 90px;border-top:1px solid var(--line)}.case-footer small{display:block;color:var(--olive);text-transform:uppercase;letter-spacing:.1em}.case-footer strong{display:block;margin-top:5px;font-size:25px}.case-footer .next-project{text-align:right}.case-footer .next-project span{color:var(--orange)}.case-footer p{margin:0;color:#85877f;font-size:11px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1200px){.case-shell{width:calc(100% - 100px)}.case-nav,article,.case-footer{margin-left:170px;margin-right:55px}}@media(max-width:760px){.case-shell{width:100%;box-shadow:none}.stripe-rail{width:45px;opacity:.65}.case-nav,article,.case-footer{margin-left:72px;margin-right:24px}.case-nav{height:85px}.chapter{padding:70px 0}.hero{min-height:auto}.meta-grid,.at-a-glance,.outcomes{grid-template-columns:1fr}.section-index{display:none}.chapter-heading{grid-template-columns:50px 1fr}.chapter-heading>span{font-size:34px}.story-copy,.process-list,.section-intro,.prototype-grid,.outcomes,blockquote{margin-left:0}.story-copy{columns:1}.process-list li{grid-template-columns:38px 1fr}.process-list li p{grid-column:2}.prototype-grid{grid-template-columns:1fr}.prototype-grid .wide{grid-column:auto}.case-footer{grid-template-columns:1fr}.case-footer .next-project{text-align:left}.nav-actions{gap:12px}h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

.tools-line{max-width:750px;margin:34px 0 0 109px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#c7c5bd;font-weight:700;letter-spacing:.035em}
.tools-line span{margin-right:18px;color:var(--orange);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.human-led{margin-left:109px;max-width:850px}
.human-led>p{max-width:720px;margin:0 0 40px;color:#c7c5bd;font-size:clamp(20px,2vw,30px);line-height:1.35}
.craft-list{display:flex;flex-wrap:wrap;gap:10px}
.craft-list span{padding:10px 14px;border:1px solid var(--line);background:rgba(70,80,36,.28);color:#d7d5cb;font-size:13px;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:760px){.tools-line,.human-led{margin-left:0}}

/* Connected production-workflow cards */
.process-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0;padding:0;border:0;overflow:visible}
.process-list li{position:relative;display:block;min-width:0;min-height:280px;padding:27px 21px 24px;border:1px solid #aaa99f;border-top:5px solid #365f49;background:linear-gradient(rgba(239,237,229,.96),rgba(224,222,213,.96)),url('../images/new-project-16-exact-2160x4500.png') center/cover;color:#161a18;box-shadow:8px 8px 0 #020503;transition:transform .22s ease,box-shadow .22s ease}
.process-list li:hover{transform:translateY(-6px);box-shadow:8px 14px 0 #020503}
.process-list li:not(:last-child)::after{content:'›';position:absolute;z-index:2;top:50%;right:-18px;width:16px;color:var(--orange);font-size:31px;font-weight:800;line-height:1;transform:translateY(-50%)}
.process-list li>span{display:block;margin-bottom:26px;color:#365f49;font-size:18px;font-weight:800;letter-spacing:.12em}
.process-list li strong{display:block;min-height:52px;margin-bottom:15px;font-size:19px;line-height:1.15}
.process-list li p{margin:0;color:#555951;font-size:14px;line-height:1.48}
@media(max-width:1250px){.process-list{grid-template-columns:repeat(3,1fr)}.process-list li:not(:last-child)::after{display:none}}
@media(max-width:760px){.process-list{grid-template-columns:1fr}.process-list li{min-height:0}.process-list li p{grid-column:auto}}

/* Compact type and spacing aligned with the home-page scale */
.case-nav{height:86px;font-size:12px}
.chapter{padding:68px 0}
.hero{min-height:500px;padding-top:58px}
.eyebrow,.chapter-heading p,.glance-item span,.callout span,.outcomes span{font-size:11px}
.project-logo{width:112px;margin:20px 0 26px}
h1{max-width:680px;font-size:clamp(34px,3.7vw,58px);line-height:.98}
.hero-deck{max-width:610px;margin:25px 0 38px;font-size:clamp(15px,1.15vw,18px)}
.meta-grid{max-width:820px;gap:22px;padding-top:18px}
.meta-grid span{font-size:10px}.meta-grid strong{font-size:12px}
.at-a-glance{grid-template-columns:60px repeat(3,1fr);gap:25px}
.section-index{font-size:32px}.glance-item p{font-size:13px}
.chapter-heading{grid-template-columns:62px 1fr;gap:18px;margin-bottom:38px}
.chapter-heading>span{font-size:36px}
.chapter-heading h2{max-width:680px;font-size:clamp(26px,2.5vw,40px)}
.story-copy{max-width:680px;margin-left:80px;column-gap:38px;font-size:14px}
.callout{max-width:680px;margin:38px 0 0 80px;padding:18px 22px}
.callout strong{font-size:18px}
.section-intro{max-width:620px;margin:-16px 0 34px 80px;font-size:14px}
.process-list li{min-height:220px;padding:20px 16px 18px}
.process-list li>span{margin-bottom:18px;font-size:14px}
.process-list li strong{min-height:40px;margin-bottom:11px;font-size:15px}
.process-list li p{font-size:12px;line-height:1.4}
.tools-line{max-width:680px;margin:25px 0 0 80px;padding:13px 0;font-size:13px}
.human-led{margin-left:80px;max-width:760px}
.human-led>p{max-width:650px;margin-bottom:28px;font-size:clamp(16px,1.45vw,22px)}
.craft-list span{padding:8px 11px;font-size:11px}
.outcomes{gap:23px;margin-left:80px}.outcomes p{font-size:13px}
blockquote{margin:48px 0 0 80px;padding:22px 0 22px 25px;font-size:clamp(22px,2.2vw,34px)}
.case-footer{padding:48px 0 62px}.case-footer strong{font-size:18px}.case-footer small{font-size:10px}
.meta-responsibilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px;font-size:14px;font-weight:400;line-height:1.35}
.meta-responsibilities span{display:block}
.meta-responsibilities--columns{grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.chapter{padding:52px 0}.hero{min-height:auto}.story-copy,.callout,.section-intro,.tools-line,.human-led,.outcomes,blockquote{margin-left:0}h1{font-size:38px}}

.hero .project-logo{width:224px}
.hero h1{font-size:17.6px;line-height:1.08;letter-spacing:-.02em;text-transform:uppercase}
.hero .meta-grid{border-top:0}
@media(max-width:760px){.hero .project-logo{width:180px}.hero h1{font-size:17.6px}}
.case-footer>a:first-child span{color:var(--orange)}
.case-footer>a{align-self:start;transform:translateY(-18px)}
.hero .hero-tools{max-width:820px;margin:18px 0 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:0}
.hero>.eyebrow{color:var(--olive);font-size:12.8px;font-weight:400;letter-spacing:.04em}
.case-nav .nav-actions{display:grid;gap:14px}
.case-nav .nav-actions{transform:translateY(20px)}
.case-nav .nav-actions a{display:flex;align-items:flex-start;gap:8px;color:#8b8f8b;font-size:13px;line-height:1;text-transform:none;letter-spacing:normal;transition:color .22s ease}
.case-nav .nav-actions a:hover,.case-nav .nav-actions a:focus-visible{color:#fff}
.case-nav .nav-actions a::before{width:3px;height:14px;margin:0;background:var(--olive);vertical-align:0}
.case-nav .nav-actions .accent::before{background:var(--orange)}
.case-shell{box-shadow:none}
.hero .meta-grid strong,.hero .hero-tools{font-weight:400}
.hero .hero-tools span{font-weight:700}
.hero .hero-deck{color:#8b8f8b}
.hero .meta-grid{grid-template-columns:1fr 1fr 1.6fr 1fr;max-width:1000px}
@media(max-width:900px){.hero .meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hero .meta-grid{grid-template-columns:1fr}}
.chapter{border-top-color:var(--line)}
.hero{min-height:450px}
.hero h1{margin-bottom:0}
.hero .hero-deck{margin:10px 0 20px;line-height:1.35}
.hero .meta-grid{gap:14px 22px;padding-top:8px}
.hero .meta-grid span{margin-bottom:3px;line-height:1}
.hero .meta-grid strong{display:block;line-height:1.28}
.case-shell{background:#09100c}
.case-shell::before{--slice-top:clamp(420px,40vw,850px);--slice-bottom:clamp(280px,22vw,460px);content:"";position:absolute;z-index:0;inset:0;box-sizing:border-box;border-style:solid;border-width:var(--slice-top) 0 var(--slice-bottom);border-image-source:url('../images/new-project-16-exact-2160x4500.png');border-image-slice:1100 0 1100 0 fill;border-image-width:var(--slice-top) 0 var(--slice-bottom);border-image-repeat:stretch;opacity:.3;pointer-events:none}
.case-shell::after{display:none}
.stripe-rail{display:none}
@media(max-width:760px){.meta-responsibilities{grid-template-columns:1fr}.case-footer>a{transform:translateY(-12px)}}
.hero h1{font-size:clamp(29px,calc(3.5vw - 5px),55px);font-weight:800;line-height:1;letter-spacing:-.04em;text-transform:none}
.hero .project-logo-ungodly{margin-left:0}
@media(max-width:760px){.hero .project-logo-ungodly{margin-left:0}}
.hero-details{width:calc(100% - 25px);max-width:920px;transform:translateX(25px)}
.nav-context{display:flex;align-items:center;gap:20px}.project-context{color:var(--olive);font-size:12px;letter-spacing:.08em}.back-link span{font-size:22px;line-height:.65;vertical-align:-1px}
.hero{padding-bottom:35px}
.story-copy-single{columns:1;max-width:750px}
.case-footer>a span{color:var(--orange);font-size:22px;line-height:.65;vertical-align:-1px}
.case-footer{padding-top:42px;padding-bottom:60px}

/* Dark editorial workflow inspired by the supplied icon treatment */
.workflow-chapter .chapter-heading h2{font-family:inherit;font-size:clamp(26px,2.5vw,40px);font-weight:800;line-height:1;letter-spacing:-.04em;text-transform:none}
.workflow-chapter .section-intro{max-width:620px}
.workflow-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:auto;max-width:620px;margin-left:80px;overflow:visible}
.workflow-list li{display:flex;flex-direction:column;align-items:center;min-height:245px;padding:4px 13px 18px;border:0;border-left:1px solid var(--line);background:none;color:var(--paper);box-shadow:none;text-align:center}
.workflow-list li:first-child{border-left:0}
.workflow-list li:hover{transform:translateY(-4px);box-shadow:none}
.workflow-list li::after{display:none!important}
.workflow-list li strong{min-height:0;margin:0 0 8px;color:var(--paper);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:19px;line-height:1;text-transform:uppercase;letter-spacing:.015em}
.workflow-list li p{max-width:125px;margin:0;color:#c7c5bd;font-size:12px;line-height:1.35}
.workflow-icon{position:relative;width:90px;height:90px;flex:0 0 90px;margin:0 auto 34px;border-radius:50%;background-image:url('../images/workflow-icon-sprite.png');background-repeat:no-repeat;background-size:650px auto;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.workflow-icon::after{content:"";position:absolute;left:50%;bottom:-25px;width:14px;height:14px;border-radius:50%;background:var(--orange);transform:translateX(-50%)}
.icon-direction{background-position:-29px -170px}
.icon-leverage{background-position:-424px -170px}
.icon-prototype{background-position:-293px -170px}
.icon-build{background-position:-163px -170px}
.icon-review{background-position:-559px -170px}
@media(max-width:1250px){.workflow-list{grid-template-columns:repeat(3,1fr);gap:35px 0}.workflow-list li:nth-child(4){border-left:0}}
@media(max-width:760px){.workflow-list{grid-template-columns:1fr;gap:34px;margin-left:0}.workflow-list li{min-height:0;padding-bottom:28px;border-left:0;border-bottom:1px solid var(--line)}.workflow-list li:last-child{border-bottom:0}}
.outcome-focus{grid-template-columns:1fr;width:50%;max-width:310px;margin-left:50%}
.outcome-focus>div{padding-top:0;border-top:0}
.outcome-focus span{font-size:14px}
.outcome-focus p{max-width:540px;font-size:18px;line-height:1.4}
@media(max-width:760px){.outcome-focus{width:100%;max-width:none;margin-left:0}}

.case-shell article p,.case-shell .hero-deck,.case-shell .glance-item p,.case-shell .story-copy,.case-shell .process-list p,.case-shell .section-intro,.case-shell .outcomes p,.case-shell .human-led>p,.case-shell .tools-line{color:var(--body-copy)}

/* Unified case navigation: keep previous/next links together and visually consistent. */
.case-nav{font-weight:700;letter-spacing:.02em;text-transform:none}
.back-link{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:800;letter-spacing:0;line-height:1}
.back-link span{display:inline-flex;align-items:center;padding-right:0;font-size:30px;line-height:.75;transform:translateY(-2px)}
.project-context{display:inline-flex;align-items:center;font-size:14px;line-height:1}
.meta-grid .meta-responsibilities span{margin:0;color:var(--paper);font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:normal;text-transform:none}
.meta-responsibilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;font-size:14px;font-weight:400;line-height:1.35}
.meta-grid .meta-responsibilities .meta-responsibility-column{display:grid;gap:0}
.meta-grid .meta-responsibilities .meta-responsibility-column>span{margin:0;line-height:1.35}
.hero .meta-grid strong.meta-responsibilities{display:grid;grid-template-columns:max-content max-content;gap:0 32px;width:max-content;min-width:0}
.hero .meta-grid{grid-template-columns:1fr 1fr 2.4fr}
.hero .meta-grid .meta-responsibilities{min-width:340px}
.meta-responsibility-column>span{white-space:nowrap}
.case-footer{grid-template-columns:auto auto 1fr;gap:28px}
.case-footer .next-project{text-align:left}
.case-footer>p{justify-self:end}
.case-footer{align-items:start;padding-top:10px}
.case-footer>a{align-self:start;transform:none}
.case-footer>p{align-self:start;margin:0;line-height:1;transform:translateY(2px)}
.case-footer strong{display:inline-flex;align-items:center;gap:8px;margin-top:0;line-height:1}
.case-footer>a span{display:inline-flex;align-items:center;font-size:30px;line-height:.75;vertical-align:middle;transform:translateY(-2px)}
.outcomes p{line-height:1.25}
@media(max-width:760px){.case-footer{grid-template-columns:1fr;gap:16px}.case-footer .next-project{text-align:left}.case-footer>p{justify-self:start}}
@media(max-width:760px){.meta-responsibilities{grid-template-columns:1fr}.meta-responsibility-column{gap:6px}}
@media(max-width:760px){.hero .meta-grid .meta-responsibilities{min-width:0}.meta-responsibility-column>span{white-space:normal}}
@media(max-width:760px){.hero .meta-grid strong.meta-responsibilities{width:auto;grid-template-columns:1fr}}
@media(max-width:900px){.hero .meta-grid{grid-template-columns:1fr 1fr}.hero .meta-grid strong.meta-responsibilities{width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hero .meta-grid{grid-template-columns:1fr}}