@import url('https://api.fontshare.com/v2/css?f[]=bespoke-serif@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&display=swap');

:root{--paper:#f4f0e7;--ink:#25261f;--muted:#6e745b;--green:#555945;--accent:#9a5e3a;--line:#d8d0c2;--sans:'Fira Sans','Segoe UI',Arial,sans-serif;--serif:'Bespoke Serif',Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{color:var(--green)}
:focus-visible{outline:2px solid var(--green);outline-offset:4px}
::selection{background:#dce8d5}
.skip-link{position:absolute;left:20px;top:-60px;z-index:20;background:var(--ink);color:#fff;padding:10px 14px}
.skip-link:focus{top:10px}
.site-shell{width:min(calc(100% - 96px),1180px);margin-inline:auto}
.site-header{background:var(--paper)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.site-name{font-size:18px;font-weight:700;letter-spacing:-.035em;white-space:nowrap}
.site-nav{display:flex;align-items:center;gap:34px}
.site-nav a{font-size:14px;font-weight:500}
.site-nav a:hover,.quiet-link:hover,.contact-links a:hover,.back-link:hover{text-decoration:underline;text-underline-offset:5px}
h1,h2,h3,p,figure{margin-top:0}
p{font-size:17px;line-height:1.68}
figcaption{color:var(--muted);font-size:13px;line-height:1.5}
.reading-column{max-width:670px}
.quiet-link{display:inline-block;color:var(--green);font-size:15px;font-weight:600}

/* Home */
.home-intro{padding-top:clamp(110px,13vw,185px);padding-bottom:clamp(120px,14vw,195px)}
.role{margin-bottom:32px;color:var(--green);font-size:16px;font-weight:600}
.home-intro h1{max-width:1020px;margin-bottom:38px;font-size:clamp(46px,6.1vw,83px);line-height:1.13;letter-spacing:-.065em;font-weight:500}
.intro-note{max-width:650px;margin:0;font-size:18px;line-height:1.65;color:#495e4f}
.home-work{padding-bottom:clamp(110px,13vw,175px)}
.section-title{margin-bottom:44px;font-size:29px;line-height:1.25;letter-spacing:-.04em;font-weight:600}
.project-heading{display:grid;grid-template-columns:1fr minmax(300px,.75fr);gap:70px;align-items:start;margin-bottom:40px}
.project-heading h3{max-width:570px;margin-bottom:15px;font-size:clamp(36px,4vw,56px);font-weight:500;letter-spacing:-.055em;line-height:1.14}
.project-meta{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.project-heading>p{max-width:480px;margin:4px 0 0;font-size:17px}
.project-image-link{display:block;overflow:hidden;background:#d7ded5}
.project-image-link img{width:100%;height:clamp(390px,50vw,620px);object-fit:cover;object-position:center 64%;transition:transform .5s ease}
.project-image-link:hover img{transform:scale(1.025)}
.image-caption-row{display:flex;justify-content:space-between;align-items:baseline;gap:25px;padding-top:15px;color:var(--muted);font-size:13px}
.home-about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:clamp(95px,10vw,135px)}
.home-about h2{margin:0;font-size:clamp(35px,3.7vw,50px);font-weight:500;letter-spacing:-.055em;line-height:1.17}
.about-copy{max-width:560px}
.about-copy p{margin-bottom:19px}
.contact-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px}
.contact-links a{color:var(--green);font-size:15px;font-weight:600}
.site-footer{border-top:1px solid var(--line)}
.footer-inner{min-height:85px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}

/* Case study */
.case-intro{padding-top:70px;padding-bottom:65px}
.back-link{display:inline-block;margin-bottom:86px;color:var(--green);font-size:14px}
.case-context{margin-bottom:18px;color:var(--muted);font-size:14px}
.case-intro h1{max-width:1000px;margin-bottom:24px;font-size:clamp(47px,6.1vw,82px);font-weight:500;letter-spacing:-.065em;line-height:1.1}
.case-deck{max-width:760px;margin-bottom:25px;font-size:20px;line-height:1.56}
.hero-photo{margin:0}
.hero-photo img{width:100%;height:clamp(410px,53vw,700px);object-fit:cover;object-position:center 63%}
.hero-photo figcaption{padding-top:12px}
.case-page h2{margin-bottom:22px;font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-.045em;line-height:1.2}
.case-page h3{margin-bottom:13px;font-size:22px;font-weight:600;letter-spacing:-.035em;line-height:1.3}
.case-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:90px;padding-top:110px;padding-bottom:105px}
.summary-copy{max-width:680px}
.summary-copy p{margin-bottom:19px}
.small-note{color:var(--muted);font-size:14px!important}
.project-details{margin:7px 0 0}
.project-details div{display:grid;grid-template-columns:92px 1fr;gap:15px;padding:0 0 16px}
.project-details dt{color:var(--muted);font-size:13px}
.project-details dd{margin:0;font-size:14px;line-height:1.5}
.outcome-preview{padding-bottom:120px}
.outcome-preview>p{margin-bottom:36px}
.preview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(235px,.65fr);gap:22px;align-items:start}
.preview-grid figure{margin:0;min-width:0}
.preview-grid img{width:100%;background:#eff0ea}
.preview-web img{height:500px;object-fit:cover;object-position:top}
.preview-ar img{height:500px;object-fit:cover;object-position:top}
.preview-grid figcaption{padding-top:12px}
.case-section{padding-bottom:clamp(100px,11vw,155px)}
.case-section>.reading-column{margin-bottom:38px}
.case-section p{margin-bottom:18px}
.wide-figure{margin:44px 0 0}
.wide-figure img{width:100%;max-height:650px;object-fit:cover;object-position:center 56%}
.wide-figure figcaption{padding-top:12px}
#problem .wide-figure img{height:580px;object-position:center 52%}
.research-section>.reading-column{margin-bottom:60px}
.research-pair{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:75px;align-items:center;margin-bottom:80px}
.research-pair.reverse{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);margin-bottom:0}
.research-copy{max-width:510px}
.research-pair figure{margin:0}
.research-pair img{width:100%;height:440px;object-fit:cover}
.research-pair figcaption{padding-top:12px}
.reframe-section{padding-top:15px}
.reframe-line{margin:10px 0 26px!important;font-size:clamp(30px,3.6vw,48px);font-weight:500;letter-spacing:-.05em;line-height:1.2}
.stakeholder-map{max-width:1050px;margin-top:55px;margin-bottom:33px}
.stakeholder-map img{width:100%;height:auto;max-height:none;object-fit:contain}
.direction-shift{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:48px}
.direction-shift>div{padding-top:17px;border-top:1px solid var(--line)}
.direction-shift h3{font-size:17px}
.direction-shift p{max-width:400px}
.scenario-section>.reading-column{margin-bottom:40px}
.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.scenario-grid figure{margin:0;min-width:0}
.scenario-grid img{width:100%;height:230px;object-fit:cover}
.scenario-grid figcaption{padding-top:11px;color:var(--ink);font-size:14px}
.design-section{padding-bottom:125px}
.design-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:52px 0 0;padding:0;list-style:none}
.design-steps li{padding-top:17px;border-top:1px solid var(--line)}
.design-steps span{display:block;margin-bottom:10px;color:var(--muted);font-size:13px}
.design-steps strong{font-size:18px;font-weight:500;line-height:1.35}
.web-section>.reading-column{margin-bottom:48px}
.web-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.web-views figure{margin:0;min-width:0}
.web-crop{position:relative;height:370px;overflow:hidden;background:#fff;border:1px solid #e8e9e3}
.web-crop img{position:absolute;left:-50%;top:0;width:200%;max-width:none;height:auto}
.crop-interpret img{top:-68%}
.crop-response img{top:auto;bottom:0}
.web-views figcaption{padding-top:13px;font-size:14px}
.web-views figcaption strong{display:block;margin-bottom:5px;color:var(--ink);font-size:16px;font-weight:600}
.ar-section>.reading-column{margin-bottom:45px}
.ar-composition{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);gap:45px;align-items:start}
.ar-composition figure{margin:0}
.ar-primary{max-width:470px}
.ar-primary img{width:100%;height:auto}
.ar-support{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:100px}
.ar-support img{width:100%;height:auto}
.ar-composition figcaption{padding-top:10px}
.reflection-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:130px}
.reflection-section>.reading-column{margin-bottom:0}
.reflection-questions{padding-top:7px}
.reflection-questions h3{font-size:18px}
.reflection-questions ul{margin:0 0 24px;padding-left:20px;font-size:16px;line-height:1.7}
.reflection-questions li{padding-left:4px;margin-bottom:7px}

@media(max-width:900px){.site-shell{width:min(calc(100% - 64px),1180px)}.project-heading{gap:35px}.case-summary{gap:45px}.research-pair,.research-pair.reverse{gap:35px}.preview-web img,.preview-ar img{height:420px}.ar-composition{gap:24px}.ar-support{padding-top:55px}}
@media(max-width:680px){.site-shell{width:calc(100% - 40px)}.header-inner{min-height:68px;align-items:flex-start;padding-top:21px;padding-bottom:18px}.site-name{font-size:16px}.site-nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}.site-nav a{font-size:12px}.home-intro{padding-top:90px;padding-bottom:110px}.role{margin-bottom:23px;font-size:14px}.home-intro h1{font-size:clamp(39px,10vw,59px);margin-bottom:25px}.intro-note{font-size:16px}.home-work{padding-bottom:100px}.section-title{font-size:25px;margin-bottom:29px}.project-heading{display:block;margin-bottom:25px}.project-heading h3{font-size:36px}.project-heading>p{margin-top:22px;font-size:16px}.project-image-link img{height:380px}.image-caption-row{align-items:flex-start}.image-caption-row>span{max-width:200px}.home-about{display:block;padding-bottom:95px}.home-about h2{margin-bottom:25px}.about-copy p{font-size:16px}.case-intro{padding-top:42px;padding-bottom:50px}.back-link{margin-bottom:65px}.case-intro h1{font-size:clamp(43px,10vw,60px)}.case-deck{font-size:17px}.hero-photo img{height:420px}.case-page h2{font-size:31px}.case-summary{display:block;padding-top:75px;padding-bottom:95px}.summary-copy{margin-bottom:38px}.project-details div{grid-template-columns:80px 1fr}.outcome-preview{padding-bottom:95px}.preview-grid{grid-template-columns:1fr 160px;gap:12px}.preview-web img,.preview-ar img{height:300px}.case-section{padding-bottom:95px}.case-section p{font-size:16px}.wide-figure{margin-top:30px}#problem .wide-figure img{height:400px}.research-section>.reading-column{margin-bottom:42px}.research-pair,.research-pair.reverse{display:flex;flex-direction:column;align-items:stretch;gap:19px;margin-bottom:55px}.research-pair.reverse{flex-direction:column-reverse;margin-bottom:0}.research-pair img{height:340px}.reframe-line{font-size:35px}.stakeholder-map{margin-top:38px}.direction-shift{gap:22px;margin-top:35px}.scenario-grid{grid-template-columns:repeat(3,240px);overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.scenario-grid figure{scroll-snap-align:start}.scenario-grid img{height:170px}.design-steps{gap:14px;margin-top:35px}.design-steps strong{font-size:15px}.web-views{grid-template-columns:1fr;gap:35px}.web-crop{height:310px}.ar-composition{grid-template-columns:1fr;gap:35px}.ar-primary{max-width:410px}.ar-support{max-width:500px;padding-top:0}.reflection-section{display:block}.reflection-section>.reading-column{margin-bottom:27px}.footer-inner{min-height:70px}}
@media(max-width:420px){.header-inner{display:block}.site-nav{justify-content:flex-start;gap:15px;margin-top:13px}.site-nav a{font-size:12px}.project-image-link img{height:300px}.preview-grid{grid-template-columns:1fr 115px}.preview-web img,.preview-ar img{height:240px}.design-steps{grid-template-columns:1fr;gap:18px}.design-steps li{display:grid;grid-template-columns:100px 1fr;gap:12px}.design-steps span{margin:0}.ar-support{gap:10px}}
@media(max-width:680px){.stakeholder-map a{display:block;overflow-x:auto}.stakeholder-map img{min-width:650px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image-link img{transition:none}}

/* Reference-led visual language: cream canvas, serif headings, product-led card. */
.site-header{background:var(--paper)}
.site-name{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:-.03em}
.site-nav a{color:var(--green);font-size:13px}
.site-nav a:hover,.back-link,.quiet-link,.contact-links a{color:var(--accent)}
.home-intro{max-width:850px;padding-top:clamp(105px,12vw,165px);padding-bottom:clamp(115px,13vw,170px);text-align:center}
.home-intro h1{max-width:none;margin-bottom:26px;font-family:var(--serif);font-size:clamp(39px,4.2vw,54px);font-weight:500;letter-spacing:-.03em;line-height:1.08}
.home-intro h1 span{color:var(--accent)}
.home-intro .role{margin-bottom:22px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.home-intro .intro-note{max-width:720px;margin-inline:auto;color:var(--ink);font-size:18px;line-height:1.6}
.home-work{padding-bottom:clamp(105px,11vw,145px)}
.section-kicker{margin-bottom:13px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.home-work .section-title{margin-bottom:34px;font-family:var(--serif);font-size:clamp(36px,4vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.08}
.project-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.selected-project{min-width:0}
.project-card{display:flex;min-height:520px;height:100%;flex-direction:column;gap:24px;padding:50px;background:#e8e0d0;border:1px solid #282d2329;border-radius:26px;transition:transform .25s ease,box-shadow .25s ease}
.project-card:hover{color:var(--ink);transform:translateY(-5px);box-shadow:0 16px 28px #25261f16}
.project-card-image{height:266px;width:100%;flex:none}
.project-card-image img{width:100%;height:100%;object-fit:contain}
.project-card-copy{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.project-card .project-meta{margin:0;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}
.project-card h3{max-width:510px;margin:0;font-family:var(--serif);font-size:clamp(34px,3.2vw,42px);font-weight:500;letter-spacing:-.03em;line-height:1.02}
.project-card .project-description{max-width:520px;margin:0;color:#25261fbd;font-size:18px;line-height:1.6}
.card-link{color:var(--accent);font-size:14px;font-weight:700;line-height:1.2}
.home-about h2,.case-page h2{font-family:var(--serif);font-weight:500;letter-spacing:-.03em;line-height:1.08}
.home-about h2{font-size:clamp(36px,3.9vw,48px)}
.contact-links{gap:10px;margin-top:30px}
.contact-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:12px 18px;border:1px solid #25261f47;border-radius:100px;color:var(--ink);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:background .2s,color .2s}
.contact-links a:first-child{background:var(--ink);border-color:var(--ink);color:#fbf8f1}
.contact-links a:hover{background:var(--green);border-color:var(--green);color:#fbf8f1;text-decoration:none}
.site-footer{background:var(--ink);border:0}
.footer-inner{color:#fbf8f1a8}
.footer-inner>a,.footer-inner>span:first-child{color:#fbf8f1;font-family:var(--serif);font-size:22px}
.footer-inner nav{display:flex;gap:26px}
.footer-inner nav a{color:#fbf8f1;font-size:13px}
.footer-inner nav a:hover{text-decoration:underline;text-underline-offset:4px}
.case-intro{padding-top:56px;padding-bottom:58px}
.case-intro .case-context{margin-bottom:17px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.case-intro h1{max-width:930px;margin-bottom:24px;font-family:var(--serif);font-size:clamp(40px,3.8vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.04}
.case-deck{font-size:18px;line-height:1.6}
.case-page p{line-height:1.6}
.case-page h2{font-size:clamp(36px,3.7vw,48px)}
.case-page h3{font-family:var(--serif);font-size:26px;font-weight:500}
.case-page .quiet-link{color:var(--accent);font-size:14px;font-weight:700}
.case-intro>.quiet-link{display:inline-flex;align-items:center;min-height:40px;padding:12px 18px;background:var(--ink);border-radius:100px;color:#fbf8f1}
.case-intro>.quiet-link:hover{background:var(--green);text-decoration:none}
.hero-product{padding:58px 0 18px;background:#e8e0d0}
.hero-product img{width:min(calc(100% - 112px),1050px);height:auto;max-height:630px;margin-inline:auto;object-fit:contain}
.hero-product figcaption{padding-top:13px;color:var(--muted)}
.project-details dt{color:var(--muted)}
.direction-shift>div,.design-steps li{border-color:var(--line)}
.reflection-questions h3{font-family:var(--sans);font-size:18px;font-weight:600}
@media(max-width:900px){.project-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-card{min-height:0;padding:32px}.project-card-image{height:230px}}
@media(max-width:680px){.home-intro{padding-top:95px;padding-bottom:115px}.home-intro h1{font-size:clamp(38px,10vw,48px)}.home-intro .intro-note{font-size:16px}.project-list{grid-template-columns:1fr}.project-card{max-width:610px;min-height:0;padding:24px;border-radius:22px}.project-card-image{height:240px}.project-card h3{font-size:36px}.project-card .project-description{font-size:16px}.home-work .section-title{font-size:38px}.case-intro h1{font-size:clamp(39px,10vw,50px)}.hero-product{padding-top:32px}.hero-product img{width:calc(100% - 36px);max-height:none}.case-page h2{font-size:37px}.footer-inner{flex-wrap:wrap;gap:16px;padding-block:24px}.footer-inner nav{order:3;width:100%;gap:18px}}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}.project-card:hover{transform:none}}

/* Case study hierarchy and the restored interpretive model. */
.case-page .section-kicker,.home-about .section-kicker{margin-bottom:13px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.14em;line-height:1.35;text-transform:uppercase}
.case-page h2{font-size:clamp(34px,3.4vw,42px);line-height:1.12}
.case-section>.section-heading{margin-bottom:38px}
.case-section>.section-heading h2{margin-bottom:22px}
.case-summary{display:block;padding-top:106px;padding-bottom:112px}
.summary-heading{max-width:900px;margin-bottom:43px}
.summary-heading h2{max-width:760px;margin:0}
.summary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,1fr);gap:56px;align-items:start}
.summary-copy{max-width:570px}
.summary-copy p{font-family:var(--sans);font-size:17px;font-weight:400;color:var(--ink);line-height:1.6}
.project-details{margin:0;border-top:1px solid #282d232e}
.project-details div{grid-template-columns:115px 1fr;gap:24px;padding:17px 0;border-bottom:1px solid #282d2324}
.project-details dt{font-size:13px;font-weight:500}
.project-details dd{font-size:14px;line-height:1.5}
.summary-model{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:58px;padding:35px 42px;background:var(--green);border-radius:24px;color:#fbf8f1}
.summary-model div{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center}
.summary-model strong{font-family:var(--serif);font-size:46px;font-weight:500;line-height:1}
.summary-model span{font-size:13px;color:#fbf8f1c9}
.problem-section{padding-bottom:120px}
.research-section{padding-bottom:145px}
.reframe-section{padding-bottom:150px}
.scenario-section{padding-bottom:105px}
.design-section{padding-bottom:70px}
.web-section{padding-bottom:145px}
.ar-section{padding-bottom:135px}
.reflection-section{padding-bottom:105px}
.problem-section .time-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;max-width:850px;margin-top:34px}
.time-comparison>div{padding-top:17px;border-top:1px solid var(--line)}
.time-comparison h3{margin-bottom:7px;font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:0}
.time-comparison p{max-width:360px;color:#25261fba;font-size:15px}
.problem-section .wide-figure{margin-top:50px}
.problem-section .wide-figure img{height:520px;object-position:center 62%}
.research-artifact{max-width:1000px;margin:35px 0 0}
.research-artifact a{display:block}
.research-artifact img{width:100%;height:auto;border:1px solid #282d2317;border-radius:12px}
.research-artifact figcaption{padding-top:12px}
.scenario-grid figcaption strong,.scenario-grid figcaption span{display:block}
.scenario-grid figcaption strong{margin-bottom:7px;font-size:15px;font-weight:600}
.scenario-grid figcaption span{max-width:300px;color:var(--muted);font-size:13px;line-height:1.5}
.framework-section{padding-top:0;padding-bottom:145px}
.framework-section>.section-heading{margin-bottom:40px}
.framework-interactive{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:26px;background:#e8e0d0}
.framework-controls{display:grid;gap:32px;padding:40px}
.framework-fieldset{min-width:0;margin:0;padding:0;border:0}
.framework-fieldset legend{width:100%;margin-bottom:14px;padding:0;color:var(--ink);font-size:15px;font-weight:600}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.choice{min-height:46px;padding:11px 14px;border:1px solid #25261f38;border-radius:100px;background:#f4f0e7;color:var(--ink);cursor:pointer;font:500 14px/1.25 var(--sans);text-align:left;transition:background .2s,color .2s,border-color .2s}
.choice:hover{border-color:var(--green)}
.choice.active{border-color:var(--ink);background:var(--ink);color:#fbf8f1}
.choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.framework-result{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:43px;background:var(--green);color:#fbf8f1}
.result-topline{display:flex;justify-content:space-between;gap:18px;margin-bottom:70px;color:#fbf8f1bd;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.framework-result #context-combination{margin-bottom:12px;color:#fbf8f1cf;font-size:14px}
.framework-result h3{max-width:440px;margin-bottom:22px;font-family:var(--serif);font-size:clamp(31px,3.1vw,43px);font-weight:500;line-height:1.12}
.framework-result #context-text{max-width:450px;margin-bottom:40px;color:#fbf8f1ed;font-size:16px;line-height:1.65}
.framework-result .result-note{max-width:400px;margin:0;padding-top:15px;border-top:1px solid #fbf8f14a;color:#fbf8f1b7;font-size:13px;line-height:1.5}
.framework-footnote{max-width:780px;margin-top:17px!important;color:var(--muted);font-size:13px!important;line-height:1.5}
.framework-footnote a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ar-support{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:60px}
.ar-support figure:last-child{grid-column:2}
@media(max-width:900px){.summary-grid{gap:32px}.framework-interactive{grid-template-columns:1fr 1fr}.framework-controls,.framework-result{padding:28px}.result-topline{margin-bottom:42px}.choice-grid{grid-template-columns:1fr}}
@media(max-width:680px){.case-summary{padding-top:77px;padding-bottom:90px}.summary-heading{margin-bottom:30px}.summary-grid{grid-template-columns:1fr;gap:30px}.project-details div{grid-template-columns:95px 1fr}.summary-model{gap:8px;margin-top:36px;padding:26px 17px;border-radius:18px}.summary-model strong{font-size:38px}.summary-model span{font-size:11px}.case-section{padding-bottom:90px}.design-section{padding-bottom:55px}.problem-section .time-comparison{gap:18px}.time-comparison p{font-size:13px!important}.problem-section .wide-figure img{height:350px}.research-artifact{margin-top:28px}.case-page h2{font-size:34px}.framework-interactive{grid-template-columns:1fr;border-radius:20px}.framework-controls{padding:24px;gap:24px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{min-height:45px;padding:10px;font-size:12px}.framework-result{min-height:340px;padding:27px}.result-topline{margin-bottom:36px}.framework-result h3{font-size:35px}.ar-support{padding-top:0}}
@media(max-width:380px){.choice-grid{grid-template-columns:1fr}.summary-model{grid-template-columns:1fr;gap:24px}.summary-model div{flex-direction:row;justify-content:center;gap:15px}.summary-model strong{min-width:35px}.problem-section .time-comparison{grid-template-columns:1fr}}
@media(max-width:680px){.research-artifact a{overflow-x:auto}.research-artifact img{min-width:700px}}

/* Outcome and project imagery */
.project-card{overflow:hidden}
.project-card-image.product-pair{position:relative;height:285px;overflow:hidden}
.product-pair img{position:absolute;max-width:none;object-fit:contain}
.project-card-image.product-pair .product-laptop{left:-4%;top:10%;width:91%;height:80%}
.project-card-image.product-pair .product-phone{right:-8%;top:-4%;width:39%;height:112%;clip-path:inset(2% 13% 1% 13% round 14%)}
.outcome-hero{padding-bottom:0}
.outcome-heading{padding-top:28px;padding-bottom:32px}
.outcome-heading h2{margin-bottom:14px}
.outcome-heading>p:last-child{max-width:660px;margin:0;color:#25261fbd;font-size:16px}
.outcome-stage{background:#e8e0d0}
.outcome-stage-inner{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:620px;padding-top:44px;padding-bottom:34px}
.outcome-stage figure{margin:0;text-align:center}
.outcome-laptop{width:min(78%,900px)}
.outcome-laptop img{width:100%;max-height:540px;object-fit:contain}
.outcome-phone{width:30%;margin-left:-10%!important;z-index:1}
.outcome-phone img{width:100%;max-height:560px;object-fit:contain;clip-path:inset(2% 13% 1% 13% round 14%)}
.outcome-stage figcaption{padding-top:10px;color:#555945;font-size:12px}
.case-summary{padding-top:88px;padding-bottom:110px}

/* Context as evidence, rather than one large photograph */
.context-gallery{display:grid;grid-template-columns:1.45fr .8fr;grid-template-rows:repeat(2,240px);gap:17px;margin-top:46px}
.context-gallery figure{min-width:0;margin:0}
.context-gallery .context-lead{grid-row:1 / 3}
.context-gallery img{width:100%;height:calc(100% - 35px);object-fit:cover;border-radius:3px}
.context-gallery .context-lead img{object-position:center 62%}
.context-gallery figure:nth-child(2) img{object-position:center 68%}
.context-gallery figcaption{padding-top:8px;font-size:12px}

/* A visible selection among three scenario directions */
.scenario-grid{gap:16px}
.scenario-grid .scenario-card{overflow:hidden;border:1px solid #25261f24;border-radius:18px;background:#eee9df;transition:transform .3s ease,box-shadow .3s ease}
.scenario-grid .scenario-card:hover{transform:translateY(-3px)}
.scenario-grid .scenario-card img{height:auto;object-fit:contain}
.scenario-grid .scenario-card figcaption{min-height:176px;padding:19px 20px 22px}
.scenario-grid .scenario-card .scenario-index{margin-bottom:15px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.scenario-grid .scenario-card strong{margin-bottom:10px;font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.1}
.scenario-grid .scenario-card figcaption span:last-child{max-width:none;font-size:13px}
.scenario-grid .scenario-card.selected{border:2px solid var(--green);background:#e7e9dc;box-shadow:0 14px 30px #25261f18}
.scenario-grid .scenario-card.selected .scenario-index{color:var(--accent)}
.focus-takeaway{max-width:760px;margin-top:26px!important;color:#25261fd9;font-size:15px!important}
.focus-takeaway span{display:inline-block;margin-right:14px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* The full width of the interface is retained; only vertical bands are shown. */
.web-views{grid-template-columns:1fr;max-width:960px;gap:30px}
.web-views figure{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:start}
.web-views figcaption{grid-column:1;grid-row:1;padding-top:12px}
.web-crop{grid-column:2;grid-row:1;height:265px;border-radius:8px;box-shadow:0 8px 24px #25261f0c}
.web-crop img{left:0;top:0;width:100%;max-width:100%;height:auto;transform:none}
.crop-interpret img{top:0;transform:translateY(-31%)}
.crop-response img{top:0;bottom:auto;transform:translateY(-59%)}

/* One annotated key AR state, then three supporting seasons. */
.ar-composition{display:block}
.ar-feature{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:clamp(40px,6vw,105px);align-items:start}
.ar-primary{max-width:none}
.ar-primary img{width:100%;clip-path:inset(2% 13% 1% 13% round 10%)}
.ar-callouts{display:flex;flex-direction:column;justify-content:space-around;min-height:840px;padding:35px 0 50px}
.ar-callout{position:relative;display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;max-width:360px}
.ar-callout:before{content:"";position:absolute;right:calc(100% + 12px);top:17px;width:clamp(40px,5vw,105px);border-top:1px solid #8b8f79}
.ar-callout:after{content:"";position:absolute;right:calc(100% + 12px + clamp(40px,5vw,105px));top:13px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.callout-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid #9a5e3a85;border-radius:50%;color:var(--accent);font-size:11px;font-weight:700}
.ar-callout h3{margin:0 0 8px;font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:0}
.ar-callout p{max-width:285px;margin:0;color:#25261fba;font-size:14px;line-height:1.5}
.ar-support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1000px;margin-top:62px;padding-top:0}
.ar-support figure:last-child{grid-column:auto}
.ar-support img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:left top}
.ar-support figcaption{padding-inline:0;font-size:12px;text-align:left}

/* Quiet scroll motion and a fixed reading guide. */
.js-motion .reveal{opacity:0;transform:translateY(23px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1)}
.js-motion .reveal.is-visible{opacity:1;transform:none}
.js-motion .reveal-delay-1{transition-delay:.08s}
.js-motion .reveal-delay-2{transition-delay:.16s}
.stage-nav{--stage-progress:0;position:fixed;z-index:8;right:18px;top:50%;display:flex;flex-direction:column;gap:10px;width:150px;transform:translateY(-50%)}
.stage-track{position:absolute;left:5px;top:7px;bottom:7px;width:1px;background:#25261f30;pointer-events:none}
.stage-track span{display:block;width:2px;height:calc(100% * var(--stage-progress));background:var(--accent);transition:height .35s ease}
.stage-nav a{position:relative;display:flex;align-items:center;gap:11px;min-height:19px;color:#6e745bbb;font-size:11px;font-weight:500;line-height:1.2;transition:color .25s ease}
.stage-nav a i{position:relative;z-index:1;flex:none;width:11px;height:11px;border:1px solid #6e745ba0;border-radius:50%;background:var(--paper);transition:background .25s ease,border-color .25s ease,transform .25s ease}
.stage-nav a:hover,.stage-nav a.is-active{color:var(--ink)}
.stage-nav a.is-active{font-weight:700}
.stage-nav a.is-active i{transform:scale(1.15);border-color:var(--accent);background:var(--accent)}
.stage-nav a:focus-visible{outline-offset:2px}

@media(max-width:1480px){.stage-nav{right:7px;width:120px}.stage-nav a{font-size:10px}}
@media(max-width:1250px){.stage-nav{right:10px;width:12px}.stage-nav a span{display:none}}
@media(max-width:900px){.outcome-stage-inner{min-height:470px}.ar-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.ar-callouts{min-height:650px}.ar-callout:before{width:25px}.ar-callout:after{right:calc(100% + 37px)}.ar-callout h3{font-size:15px}.ar-callout p{font-size:12px}}
@media(max-width:680px){.project-card-image.product-pair{height:235px}.project-card-image.product-pair .product-laptop{left:-11%;width:100%}.project-card-image.product-pair .product-phone{right:-10%;width:48%}.outcome-heading{padding-top:12px}.outcome-stage-inner{min-height:350px;padding-top:18px;padding-bottom:20px}.outcome-laptop{width:80%}.outcome-phone{width:39%;margin-left:-16%!important}.outcome-stage figcaption{font-size:10px}.case-summary{padding-top:75px}.context-gallery{grid-template-columns:1fr 1fr;grid-template-rows:250px 210px;gap:12px}.context-gallery .context-lead{grid-column:1 / 3;grid-row:1}.context-gallery img{height:calc(100% - 44px)}.context-gallery figcaption{font-size:10px}.scenario-grid{grid-template-columns:repeat(3,270px)}.scenario-grid .scenario-card img{height:auto}.scenario-grid .scenario-card figcaption{min-height:180px}.web-views figure{display:block}.web-views figcaption{padding-top:0;padding-bottom:12px}.web-crop{height:180px}.ar-feature{display:block}.ar-primary{max-width:470px;margin-inline:auto!important}.ar-callouts{display:grid;grid-template-columns:1fr 1fr;gap:25px;min-height:0;margin-top:30px;padding:0}.ar-callout{display:block}.ar-callout:before,.ar-callout:after{display:none}.callout-number{margin-bottom:10px}.ar-support{grid-template-columns:repeat(3,minmax(170px,1fr));gap:13px;overflow-x:auto;margin-top:40px;padding-bottom:8px;scroll-snap-type:x mandatory}.ar-support figure{scroll-snap-align:start}.ar-support img{max-height:none}}
@media(max-width:420px){.outcome-stage-inner{min-height:280px}.outcome-stage figcaption{font-size:9px}.context-gallery{grid-template-rows:210px 170px}.web-crop{height:145px}.ar-callouts{grid-template-columns:1fr 1fr;gap:20px}.ar-callout h3{font-size:14px}.ar-callout p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none;transition:none}.stage-track span,.stage-nav a,.stage-nav a i,.scenario-grid .scenario-card{transition:none}}

/* Final proportion adjustments */
.project-list{grid-template-columns:minmax(0,840px)}
.project-card-image.product-pair{height:360px}
.project-card-image.product-pair .product-laptop{left:-2%;top:3%;width:85%;height:92%}
.project-card-image.product-pair .product-phone{right:0;top:-4%;width:32%;height:112%}
.project-card-image.product-pair .product-phone,.outcome-phone img,.ar-primary img{clip-path:none}
.ar-callouts{position:relative;display:block;min-height:1160px;padding:0}
.ar-callouts{min-height:0;aspect-ratio:auto}
.ar-callout{position:absolute;left:0}
.callout-context{top:8%}
.callout-layers{top:25%}
.callout-habitat{top:55%}
.callout-guidance{top:82%}
@media(max-width:900px){.ar-callouts{min-height:800px}}
@media(max-width:680px){.project-card-image.product-pair{height:250px}.project-card-image.product-pair .product-laptop{left:-10%;top:7%;width:100%;height:84%}.project-card-image.product-pair .product-phone{right:-6%;top:-3%;width:44%;height:106%}.ar-callouts{display:grid;min-height:0}.ar-callout{position:relative;top:auto}}
@media(min-width:1251px){.case-page .site-shell{width:min(calc(100% - 260px),1100px)}}
@media(max-width:900px){.ar-callouts{min-height:0}}
@media(max-width:680px){.stage-nav{display:none}.ar-callouts{aspect-ratio:auto}}

/* Current content hierarchy keeps the established type and palette. */
.home-page .home-intro{padding-bottom:clamp(75px,8vw,115px)}
.home-page .home-work{padding-bottom:clamp(75px,8vw,110px)}
.home-work>.section-kicker{margin-bottom:27px}
.intro-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 27px;margin-top:25px}
.intro-links a{color:var(--accent);font-size:14px;font-weight:600}
.intro-links a:hover{text-decoration:underline;text-underline-offset:4px}
.case-deck-secondary{margin-top:-8px;font-size:17px;color:#25261fc2}
.outcome-stage figcaption strong{color:var(--ink);font-weight:600}
.research-pair{align-items:start}
.research-question{margin-top:24px!important;color:var(--accent);font-family:var(--serif);font-size:20px!important;line-height:1.4!important}
.research-timeline-intro{margin-top:68px}
.research-timeline-intro h3{margin-bottom:14px}
.design-principle{margin-top:24px!important;color:var(--accent);font-family:var(--serif);font-size:22px!important;line-height:1.4!important}
.design-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.design-steps span{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.design-steps strong{font-size:15px;line-height:1.42}
.web-explanation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:18px 0 26px}
.web-explanation>div{padding-top:16px;border-top:1px solid var(--line)}
.web-explanation h3{margin-bottom:8px;font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:0}
.web-explanation p{max-width:300px;margin:0;color:#25261fba;font-size:14px}
.web-decision{margin-bottom:45px!important;color:var(--accent)}
.epistemic-note{margin-top:28px!important;color:var(--muted);font-size:13px!important;line-height:1.55!important}
.ar-iteration{margin-top:80px}
.ar-iteration h3{margin-bottom:14px}
.ar-feature{position:relative}
.ar-callout:before,.ar-callout:after{content:none!important}
.ar-callouts{z-index:2}
.ar-callout{z-index:2}
.ar-leaders{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.callout-context{top:13%}
.callout-layers{top:21%}
.callout-food{top:47%}
.callout-nesting{top:62%}
.callout-boundary{top:71%}
.callout-guidance{top:84%}
.callout-habitat{top:auto}
.ar-callout h3{font-size:16px}
.ar-callout p{font-size:13px}

/* The online CV is readable in the browser; the source document remains optional. */
.cv-main{max-width:1100px;padding-top:34px;padding-bottom:115px}
.cv-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.cv-top .back-link{margin:0}
.cv-download{color:var(--accent);font-size:13px;font-weight:600}
.cv-download:hover{text-decoration:underline;text-underline-offset:4px}
.cv-heading{padding:88px 0 70px}
.cv-heading h1{margin:0 0 13px;font-family:var(--serif);font-size:clamp(46px,5vw,66px);font-weight:500;letter-spacing:-.03em;line-height:1.05}
.cv-heading>p:not(.section-kicker){margin-bottom:25px;font-size:20px}
.cv-contact{display:flex;flex-wrap:wrap;gap:7px 22px;color:var(--muted);font-size:13px}
.cv-contact a:hover{text-decoration:underline;text-underline-offset:3px}
.cv-section{display:grid;grid-template-columns:210px minmax(0,1fr);gap:42px;padding:35px 0;border-top:1px solid var(--line)}
.cv-section>h2{margin:0;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.cv-section>div>p{max-width:730px;margin:0;font-size:15px;line-height:1.65}
.cv-entry{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #d8d0c280}
.cv-entry:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.cv-entry-heading{display:flex;justify-content:space-between;gap:25px}
.cv-entry-heading h3{margin:0 0 4px;font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.2}
.cv-entry-heading h3 a:hover{color:var(--accent)}
.cv-entry-heading p{margin:0 0 7px;color:var(--muted);font-size:14px;line-height:1.5}
.cv-entry-heading>span{flex:none;color:var(--muted);font-size:13px;line-height:1.5;text-align:right}
.cv-entry ul{margin:17px 0 0;padding-left:19px;font-size:14px;line-height:1.6}
.cv-entry li{padding-left:3px;margin:0 0 9px}
.cv-entry li:last-child{margin-bottom:0}
.cv-entry.compact{padding-bottom:19px;margin-bottom:19px}
.cv-skills p{margin:0 0 13px!important;font-size:14px!important}
.cv-skills strong{display:inline-block;min-width:110px;color:var(--ink);font-weight:600}
@media(max-width:1000px){.design-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ar-callout h3{font-size:14px}.ar-callout p{font-size:12px}}
@media(max-width:680px){.home-page .home-intro{padding-bottom:75px}.home-page .home-work{padding-bottom:80px}.intro-links{margin-top:22px}.case-deck-secondary{font-size:16px}.research-timeline-intro{margin-top:48px}.design-steps{grid-template-columns:1fr 1fr;gap:18px}.design-steps li{display:block}.web-explanation{grid-template-columns:1fr;gap:15px}.web-explanation p{max-width:none}.ar-leaders{display:none}.ar-callout{top:auto}.ar-iteration{margin-top:55px}.cv-main{padding-top:20px;padding-bottom:80px}.cv-heading{padding:65px 0 50px}.cv-section{grid-template-columns:1fr;gap:18px;padding:27px 0}.cv-entry-heading{display:block}.cv-entry-heading>span{display:block;margin:7px 0 0;text-align:left}.cv-skills strong{min-width:0;display:block;margin-bottom:3px}}
@media(max-width:420px){.design-steps{grid-template-columns:1fr}.intro-links{gap:10px 20px}.cv-heading h1{font-size:44px}}
@media print{.cv-page .site-header,.cv-page .site-footer,.cv-top,.skip-link{display:none!important}.cv-main{width:100%;padding:0}.cv-heading{padding:0 0 26px}.cv-section{break-inside:avoid;padding:20px 0}.cv-entry{break-inside:avoid}}

/* Editorial reading rhythm, scoped to the project. */
.case-page :is(p,li,dd,figcaption){text-wrap:pretty}
.case-page :is(h1,h2,h3,h4,.design-steps strong){text-wrap:balance}
.case-intro>.case-deck:not(.case-deck-secondary){text-wrap:balance}

/* Both captions occupy the same grid row, independently of device height. */
.outcome-stage-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr auto;align-items:end;column-gap:24px;row-gap:14px}
.outcome-stage figure{display:grid;grid-template-rows:subgrid;grid-row:1 / 3;width:auto;min-width:0;margin:0!important;align-items:end}
.outcome-laptop img{width:130%;max-width:none;justify-self:start}
.outcome-phone img{width:76%;max-height:560px;justify-self:center}
.outcome-stage figcaption{padding:0;font-size:12px;white-space:nowrap}

/* A shared temporal reference, followed by two equally weighted readings. */
.shared-moment{max-width:960px;margin:88px auto 0}
.moment-anchor{text-align:center}
.case-page .moment-anchor h3{max-width:710px;margin:0 auto 24px;font-family:var(--serif);font-size:clamp(28px,3vw,38px);font-weight:500;letter-spacing:-.03em;text-transform:none}
.case-page .moment-place{margin:0 0 30px;color:var(--muted);font-size:14px}
.moment-stamp{display:flex;flex-direction:column;align-items:center;gap:14px;font-family:var(--serif);font-weight:500}
.moment-date{font-size:clamp(20px,2.4vw,28px);letter-spacing:.06em;color:var(--green)}
.moment-clock{font-size:clamp(64px,8vw,104px);letter-spacing:-.055em;line-height:1.05}
.moment-readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}
.moment-readings>div{text-align:center}
.moment-readings h4{margin:0 0 17px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;color:var(--muted)}
.case-page .moment-readings p{max-width:400px;margin:0 auto;color:var(--muted);font-size:15px}
.case-page .moment-readings .moment-status{margin-bottom:12px;color:var(--ink);font-family:var(--serif);font-size:25px;line-height:1.25;text-wrap:balance}
.moment-clock{font-variant-numeric:tabular-nums}
@media(max-width:1000px){.outcome-stage-inner{column-gap:16px}.outcome-stage figcaption{font-size:11px}}
@media(max-width:800px){
  .outcome-stage-inner{grid-template-columns:1fr;grid-template-rows:auto;gap:34px;padding-block:32px}
  .outcome-stage figure{grid-row:auto;grid-template-rows:auto auto;gap:14px}
  .outcome-laptop img{width:100%;max-width:100%}
  .outcome-phone img{width:62%;max-height:400px}
  .outcome-stage figcaption{font-size:clamp(9px,2.7vw,12px)}
}
@media(max-width:680px){
  .summary-copy p{font-size:16px}
  .shared-moment{margin-top:60px}
  .moment-readings{gap:20px;margin-top:32px;padding-top:24px}
  .moment-readings h4{font-size:11px}
  .case-page .moment-readings p{font-size:14px}
  .case-page .moment-readings .moment-status{font-size:22px}
}

/* The return link sits outside animated content and remains at the viewport edge. */
.case-back{position:fixed;z-index:15;top:18px;left:20px;display:grid;place-items:center;width:44px;height:44px;background:var(--paper);color:var(--accent);border:1px solid var(--line);border-radius:50%;font-size:24px;line-height:1}
.case-back:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.case-page .case-intro{padding-top:164px}
@media(max-width:1250px){.case-page .header-inner{padding-left:44px}}
@media(max-width:680px){.case-back{top:12px;left:12px}.case-page .header-inner{padding-left:52px}.case-page .case-intro{padding-top:110px}}
@media print{.case-back{display:none}}

/* Research evidence retains its original visual character. */
.research-method{margin-top:76px}
.research-method .reading-column{margin-bottom:30px}
.research-section .method-label{margin-bottom:16px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.research-section .research-method h3{font-size:clamp(27px,2.8vw,34px);line-height:1.15;margin-bottom:20px}
.research-section strong{font-weight:600}
.research-section figure{margin:0;min-width:0}
.research-section figcaption{padding-top:10px;font-size:12px}
.research-section>.reading-column{max-width:850px}
.research-section>.reading-column>p:last-child{max-width:730px}
.desk-evidence{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1.15fr) minmax(0,.7fr);grid-template-rows:clamp(240px,28vw,340px) auto;gap:14px 26px;margin-top:36px}
.desk-evidence figure{display:grid;grid-template-rows:subgrid;grid-row:1 / 3}
.desk-evidence img{width:100%;height:100%;object-fit:contain;object-position:left top}
.desk-evidence a{display:block;min-height:0;height:100%}
.desk-evidence figcaption{padding-top:0}
.desk-evidence a:focus-visible{outline-offset:6px}
.field-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;margin-bottom:28px}
.field-evidence{display:grid;grid-template-columns:1.3fr .85fr .85fr;grid-template-rows:auto 220px;gap:26px 20px}
.field-evidence img{width:100%;height:calc(100% - 30px);object-fit:cover}
.field-evidence-lead{grid-column:1 / 3;grid-row:1}
.field-evidence-lead img{height:auto}
.field-evidence-route{grid-column:3;grid-row:1}
.field-evidence-boundary{grid-column:1;grid-row:2}
.field-evidence-view{grid-column:2 / 4;grid-row:2}
.field-evidence-boundary img{object-position:50% 82%}
.field-evidence-view img{object-position:50% 85%}
.field-takeaway{margin:36px 0 0 auto;padding-left:24px;border-left:1px solid var(--line)}
.field-takeaway .research-question{margin-top:14px!important;margin-bottom:0}
.manager-research{padding-top:32px;border-top:1px solid var(--line)}
.manager-copy{max-width:670px}
.manager-evidence{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:30px}
.manager-evidence img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}
.research-synthesis .research-artifact{margin-top:30px}
.research-synthesis .research-artifact img{width:100%;height:auto}
@media(max-width:900px){.field-intro{gap:32px}.field-evidence{grid-template-rows:auto 170px}.desk-evidence{column-gap:18px}}
@media(max-width:680px){
  .research-method{margin-top:54px}
  .desk-evidence{grid-template-columns:1fr;grid-template-rows:auto;gap:30px;margin-top:28px}
  .desk-evidence figure{display:block;grid-row:auto}
  .desk-evidence a{height:auto}
  .desk-evidence img{height:auto;max-height:560px}
  .desk-evidence figcaption{padding-top:12px}
  .field-intro{display:block}
  .field-evidence{grid-template-columns:1fr 1fr;grid-template-rows:auto 300px 230px 230px;gap:24px 14px}
  .field-evidence-lead{grid-column:1 / -1;grid-row:1}
  .field-evidence-route{grid-column:1 / -1;grid-row:2}
  .field-evidence-route img{object-position:50% 65%}
  .field-evidence-boundary{grid-column:1 / -1;grid-row:3}
  .field-evidence-view{grid-column:1 / -1;grid-row:4}
  .field-takeaway{padding-left:18px}
  .manager-evidence{grid-template-columns:1fr;gap:25px}
  .moment-readings{grid-template-columns:1fr;gap:28px}
}

/* Clear emphasis without turning whole paragraphs into display text. */
.case-page p strong{font-weight:600;color:var(--ink)}

/* Research leads into a change in the interpretation of time. */
.reframe-section .reframe-intro{max-width:800px}
.reframe-section .reframe-transition{max-width:690px;margin-bottom:32px;color:var(--muted)}
.reframe-section .reframe-tide{margin-top:38px}
.reframe-section .stakeholder-map{margin-top:36px;margin-bottom:22px}
.reframe-section .reframe-takeaway{margin-bottom:0}
.reframe-section .direction-shift{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:30px;margin-top:52px;padding-block:30px;border-block:1px solid var(--line)}
.reframe-section .direction-shift>div{padding:0;border:0}
.reframe-section .direction-shift .shift-label{margin:0 0 14px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.reframe-section .direction-shift h3{max-width:370px;font-size:clamp(26px,2.7vw,34px);line-height:1.15}
.reframe-section .direction-shift p:last-child{margin-bottom:0;font-size:16px}
.shift-connector{align-self:center;color:var(--accent);font-size:24px;text-align:center}
.reframe-section .reframe-next{max-width:760px;margin-top:40px;margin-bottom:0}
.reframe-next>p:first-child{color:var(--muted);font-size:15px}
.reframe-next .research-question{font-size:clamp(23px,2.6vw,30px)!important;line-height:1.4!important;margin-bottom:0}

/* Smaller scenario choices, with a clearly selected design focus. */
.scenario-grid{max-width:940px;margin:40px auto 0;gap:36px;padding:8px 4px 28px}
.scenario-grid .scenario-card{border-radius:30px;border-width:2px}
.scenario-grid .scenario-card img{border-radius:28px 28px 0 0}
.scenario-grid .scenario-card figcaption{min-height:180px;padding:18px 18px 22px}
.scenario-grid .scenario-card strong{font-size:22px}
.scenario-grid .scenario-card.selected{border-color:var(--green);background:var(--green);box-shadow:0 12px 28px #25261f30,0 0 0 3px #55594524}
.scenario-grid .scenario-card.selected figcaption{background:var(--green);color:var(--paper)}
.scenario-grid .scenario-card.selected strong,.scenario-grid .scenario-card.selected .scenario-index{color:#fffaf0}
.scenario-grid .scenario-card.selected figcaption span:last-child{color:#f4f0e7df}
@media(max-width:900px){.scenario-grid{gap:24px}.reframe-section .direction-shift{gap:20px}}
@media(max-width:680px){
  .scenario-grid{grid-template-columns:repeat(3,240px);gap:26px;max-width:none;margin-top:28px;padding:8px 5px 28px}
  .scenario-grid .scenario-card{border-radius:28px}
  .scenario-grid .scenario-card img{border-radius:26px 26px 0 0}
  .reframe-section .direction-shift{grid-template-columns:1fr;gap:24px}
  .shift-connector{justify-self:start;transform:rotate(90deg)}
}

/* Give headings the available section width while keeping prose easy to read. */
.case-section>.reading-column,.case-section>.section-heading{max-width:100%}
.case-section>.reading-column>p,.case-section>.section-heading>p{max-width:720px}
.case-page h2,.case-page h3{text-wrap:pretty}
.reframe-section .direction-shift h3{max-width:none;font-size:clamp(24px,2.2vw,30px)}
.scope-brief{padding-bottom:65px}
.scope-brief>.reading-column{margin-bottom:0}
.web-section>.quiet-link{margin-top:28px}
.case-page .scope-brief h2{font-size:clamp(28px,3vw,36px)}
.ar-support figcaption{padding-left:15%;padding-right:7%;text-align:left}
.potential-section>.potential-closing{max-width:760px;margin:22px 0 0}
.potential-section .scenario-grid{margin-top:30px;padding-top:12px}
.potential-section>.reading-column:first-child{margin-bottom:0}
.reflection-section{row-gap:56px}
.reflection-section>.potential-section{grid-column:1 / -1;min-width:0}
.potential-section>.reading-column{max-width:760px}
.reflection-section>.reflection-ending{grid-column:1 / -1;text-align:center;padding:14px 0 4px}
.reflection-ending .ending-ellipsis{display:block;color:var(--muted);font-family:var(--serif);font-size:46px;line-height:1;letter-spacing:.16em;margin-bottom:24px}
.case-page .reflection-ending p{margin:0;color:var(--accent);font-family:var(--serif);font-size:clamp(32px,4vw,48px);font-weight:500;letter-spacing:-.025em;line-height:1.2}
@media(max-width:680px){.reflection-section>.potential-section{margin-top:48px}.reflection-section>.reflection-ending{margin-top:46px}}

/* The hover movement remains active after the existing scroll reveal completes. */
.js-motion .scenario-grid .scenario-card.is-visible{transition:transform .25s ease,box-shadow .25s ease;transition-delay:0s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .scenario-grid .scenario-card:hover,.js-motion .scenario-grid .scenario-card.is-visible:hover{transform:translateY(-7px);box-shadow:0 17px 30px #25261f24}
  .scenario-grid .scenario-card.selected:hover,.js-motion .scenario-grid .scenario-card.selected.is-visible:hover{box-shadow:0 18px 34px #25261f36,0 0 0 3px #55594524}
}
@media(prefers-reduced-motion:reduce){
  .scenario-grid .scenario-card:hover,.js-motion .scenario-grid .scenario-card.is-visible:hover{transform:none;transition:none}
}
@media(max-width:680px){
  .scope-brief{padding-bottom:48px}
  .case-page .ar-callout h3{font-size:14px}
}

/* A quieter scale and more space around the reading area. */
.case-page .site-shell{width:min(calc(100% - 120px),1040px)}
.case-page h2{font-size:clamp(29px,3vw,37px);line-height:1.2}
.case-page .case-section p,.case-page .summary-copy p{font-size:16px;line-height:1.8}
.case-page .case-section>.reading-column>p{max-width:680px}
.case-page .case-section>.reading-column{margin-bottom:44px}
.case-page .research-method h3{font-size:clamp(25px,2.5vw,30px)}
.case-page .scenario-grid{max-width:900px;gap:36px}
.case-page .scenario-grid .scenario-card strong{font-size:20px;line-height:1.25}
.case-page .scenario-grid .scenario-card figcaption{padding:22px;min-height:185px}

/* Reflection follows one reading direction, with two equally weighted rows. */
.case-page .reflection-section{display:block;padding-bottom:110px}
.reflection-heading{margin-bottom:38px}
.case-page .reflection-heading h2{margin:0}
.reflection-review{border-top:1px solid var(--line)}
.reflection-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:68px;padding:38px 0 44px;border-bottom:1px solid var(--line)}
.case-page .reflection-row h3{margin:0;font-family:var(--serif);font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.02em}
.reflection-number{display:block;margin-bottom:16px;color:var(--muted);font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.12em}
.reflection-copy{max-width:660px;padding:0}
.case-page .reflection-copy p{margin-bottom:20px}
.case-page .reflection-copy>p:last-child{margin-bottom:0}
.reflection-copy ul{margin:26px 0;padding-left:20px;font-size:15px;line-height:1.8}
.reflection-copy li{padding-left:6px;margin-bottom:10px}
.reflection-section>.potential-section{margin-top:64px}
.potential-section>.reading-column{max-width:720px}
.case-page .potential-section h3{font-size:28px;margin-bottom:22px}
.potential-section .scenario-grid{margin-top:40px}
.case-page .potential-section>.potential-closing{width:100%;max-width:none;margin:40px auto 0;text-align:center;text-wrap:pretty;font-size:16px;line-height:1.85}
.reflection-section>.reflection-ending{margin-top:70px;padding:0}
.case-page .reflection-section .reflection-ending p{font-size:clamp(30px,3.4vw,42px);line-height:1.2}
.reflection-section>.reflection-resources{justify-content:center;gap:14px;margin-top:38px}
.reflection-resources a{font-size:13px;padding:12px 20px}
@media(max-width:900px){
  .case-page .site-shell{width:calc(100% - 72px)}
  .reflection-row{grid-template-columns:200px minmax(0,1fr);gap:36px}
}
@media(max-width:680px){
  .case-page .site-shell{width:calc(100% - 48px)}
  .case-page .case-section p,.case-page .summary-copy p{font-size:15px;line-height:1.8}
  .case-page .case-section{padding-bottom:90px}
  .case-page .scope-brief{padding-bottom:48px}
  .case-page .scenario-grid{gap:26px}
  .reflection-heading{margin-bottom:26px}
  .reflection-row{grid-template-columns:1fr;gap:24px;padding:30px 0 34px}
  .case-page .reflection-row h3{font-size:25px;max-width:290px}
  .reflection-number{margin-bottom:10px}
  .reflection-section>.potential-section{margin-top:50px}
  .case-page .potential-section>.potential-closing{font-size:15px;margin-top:30px}
  .reflection-section>.reflection-ending{margin-top:54px}
}

/* Editorial reading: avoid short dangling lines without fixed line breaks. */
main :is(p,li,dd,figcaption,blockquote){text-wrap:pretty}
main :is(h1,h2,h3,h4){text-wrap:balance}
main p{letter-spacing:-.008em}