:root{--yellow:#f4cf36;--ink:#151510;--paper:#edece6;--muted:#aaa99f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Inter Tight',Arial,sans-serif}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.wrap{width:min(1320px,90%);margin:auto}.icon-arrow{display:inline-block;width:1em;height:1em;min-width:1em;flex:0 0 1em;vertical-align:-.12em;overflow:visible;pointer-events:none}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid #ffffff2a;font-size:12px;letter-spacing:.04em}.top-nav a{transition:color .2s}.top-nav a:hover{color:var(--yellow)}.logo{font:750 26px Archivo,sans-serif;letter-spacing:-2px}.case-nav{position:sticky;top:0;z-index:10;background:#151510ef;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;padding:18px 0;gap:15px}.case-nav a{font-size:11px;color:var(--muted);padding:8px 13px;border-radius:24px;transition:background .25s,color .25s}.case-nav a.active,.case-nav a:hover{background:var(--yellow);color:var(--ink)}.case-nav>span{font-size:11px;color:var(--muted);align-self:center}.case-intro{padding:65px 0 0}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:500;color:var(--yellow)}h1{font:650 clamp(58px,9vw,136px)/1 Archivo,Arial,sans-serif;letter-spacing:-.065em;margin:25px 0 30px;max-width:1150px}.intro-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin:0 0 43px}.intro-copy h2{font-size:clamp(26px,3.1vw,43px);font-weight:500;line-height:1.15;letter-spacing:-.04em;margin:0}.intro-copy p{font-size:17px;line-height:1.6;color:#c9c8bd;margin:0}.case-hero{margin:0;border-radius:7px;overflow:hidden;background:var(--paper)}.case-hero img{display:block;width:100%;height:auto;filter:none}.hero-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin:14px 0 0}.facts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:30px;padding:32px 0 42px;margin:0;border-bottom:1px solid #ffffff30}.facts dt{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:13px}.facts dd{font-size:16px;margin:0;line-height:1.5}.feature-section{padding:90px 0 0}.section-title{display:flex;justify-content:space-between;gap:35px;align-items:end;padding-bottom:35px}.section-title h2{font:550 clamp(36px,5vw,70px)/1.05 Archivo,sans-serif;letter-spacing:-.05em;margin:18px 0 0}.section-title p{max-width:320px;color:var(--muted);font-size:14px;line-height:1.6;margin:0}.feature-row{display:grid;grid-template-columns:.85fr 1.8fr;gap:48px;align-items:center;padding:65px 0;border-top:1px solid #ffffff25}.feature-copy{max-width:390px}.feature-row.flip{grid-template-columns:1.8fr .85fr}.feature-row.flip .feature-copy{order:2}.feature-index{font-family:Archivo,sans-serif;font-size:15px;color:var(--yellow);letter-spacing:.06em}.feature-copy h3{font:500 clamp(26px,2.7vw,38px)/1.12 Archivo,sans-serif;letter-spacing:-.04em;margin:19px 0}.feature-copy>p{font-size:16px;color:#b8b8ac;line-height:1.65;margin:0}.feature-points{list-style:none;padding:0;margin:25px 0 0}.feature-points li{border-top:1px solid #ffffff25;padding:12px 0;font-size:12px;color:#d5d4ca}.feature-points li:before{content:'+';color:var(--yellow);margin-right:11px}.feature-media{margin:0;min-width:0}.media-shell{background:#e1dfd5;border-radius:7px;padding:30px;position:relative;overflow:hidden}.media-shell.is-phone{background:#23231e;display:flex;justify-content:center;padding:32px}.media-shell.is-phone .screen-scroll{width:min(330px,100%);max-height:680px;border:7px solid #0b0b0c;border-radius:25px;background:#0b0b0c;box-shadow:0 16px 32px #0004}.screen-scroll{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:3px}.media-shell.is-long:not(.is-phone) .screen-scroll{max-height:610px}.screen-image{display:block;width:100%;height:auto;filter:none}.source-caption{display:flex;justify-content:space-between;gap:16px;margin-top:13px;font-size:10px;color:var(--muted);line-height:1.5}.zoom-button{flex-shrink:0;border:0;background:var(--yellow);color:var(--ink);padding:12px 16px;border-radius:3px;cursor:pointer;font-size:11px;display:inline-flex;align-items:center;gap:10px;transition:transform .25s,background .25s}.zoom-button:hover{transform:translateY(-3px);background:#ffe573}.zoom-button .icon-arrow{font-size:17px}.feature-row.wide{grid-template-columns:1fr;gap:28px}.feature-row.wide .feature-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;max-width:none;order:0}.feature-row.wide .feature-index{grid-column:1/-1}.feature-row.wide .feature-copy h3{grid-row:2/4;margin-top:15px}.feature-row.wide .feature-copy>p{margin-top:15px}.feature-row.wide .feature-points{margin-top:18px}.feature-row.wide .media-shell{padding:40px}.feature-row.wide .media-shell.is-phone .screen-scroll{width:340px}.role-section{padding:90px 0 0}.role-panel{background:var(--yellow);color:var(--ink);padding:55px;border-radius:7px;display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.role-panel .eyebrow{color:var(--ink)}.role-panel h2{font:550 clamp(35px,4.2vw,60px)/1.05 Archivo,sans-serif;letter-spacing:-.05em;margin:20px 0}.draft{display:inline-block;border:1px solid #15151050;border-radius:20px;padding:8px 12px;font-size:10px;letter-spacing:.08em}.role-panel .role-text{font-size:21px;line-height:1.55;margin:0 0 25px;letter-spacing:-.02em}.role-list{list-style:none;margin:0;padding:0;counter-reset:roles}.role-list li{counter-increment:roles;border-top:1px solid #15151035;padding:17px 0;font-size:14px}.role-list li:before{content:'0' counter(roles);font-size:10px;margin-right:18px}.draft-note{font-size:11px;line-height:1.6;max-width:300px;opacity:.7}.references{display:flex;justify-content:space-between;gap:30px;padding:28px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.references p{max-width:660px;margin:0}.references a{color:var(--paper);border-bottom:1px solid #ffffff40}.references .links{display:flex;gap:18px;flex-wrap:wrap;align-items:start}.next-project{display:block;border-top:1px solid #ffffff30;padding:35px 0;margin-top:70px}.next-project .eyebrow{color:var(--muted)}.next-project strong{display:flex;justify-content:space-between;align-items:center;font:550 clamp(35px,5vw,75px)/1.05 Archivo,sans-serif;letter-spacing:-.05em;margin-top:20px}.next-project .icon-arrow{color:var(--yellow);transition:transform .3s}.next-project:hover .icon-arrow{transform:translate(7px,-7px)}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding:25px 0 35px;font-size:11px;color:var(--muted);gap:20px}dialog{width:min(1440px,96vw);max-height:94vh;border:0;border-radius:7px;background:#e9e8e0;padding:22px;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}dialog .dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:2;background:#e9e8e0;padding-bottom:15px;color:var(--ink);font-size:12px}dialog button{background:var(--ink);color:var(--yellow);padding:12px 18px;border:0;border-radius:3px;cursor:pointer;white-space:nowrap}dialog img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}body:has(dialog[open]){overflow:hidden}.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;background:var(--yellow);z-index:25;transform-origin:left;transform:scaleX(0)}html.motion .enter{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}html.motion .enter.visible{opacity:1;transform:none}@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:88%}.top-nav{font-size:10px;padding:22px 0}.logo{font-size:24px}.case-nav{padding:12px 0}.case-nav>span{display:none}.case-nav a{font-size:10px;padding:9px 11px}.case-intro{padding-top:38px}h1{font-size:clamp(43px,12vw,75px);margin:22px 0}.intro-copy{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.intro-copy h2{font-size:29px}.intro-copy p{font-size:15px}.hero-caption{font-size:9px;display:block}.hero-caption span{display:block;margin-top:5px}.facts{grid-template-columns:1fr;gap:24px;padding:26px 0}.facts dt{margin-bottom:7px}.facts dd{font-size:14px}.feature-section{padding-top:55px}.section-title{display:block;padding-bottom:28px}.section-title h2{font-size:39px}.section-title p{margin-top:20px}.feature-row,.feature-row.flip{grid-template-columns:1fr;gap:27px;padding:40px 0}.feature-row.flip .feature-copy{order:0}.feature-copy{max-width:none}.feature-copy h3{font-size:31px}.feature-copy>p{font-size:15px}.feature-points{margin-top:20px}.media-shell,.media-shell.is-phone{padding:14px}.media-shell.is-phone .screen-scroll{width:min(300px,100%);max-height:570px;border-width:5px;border-radius:20px}.media-shell.is-long:not(.is-phone) .screen-scroll{max-height:450px}.feature-row.wide .feature-copy{display:block}.feature-row.wide .media-shell{padding:14px}.feature-row.wide .feature-copy h3{margin-top:19px}.source-caption{font-size:9px;align-items:center}.zoom-button{font-size:10px;padding:11px 12px}.role-section{padding-top:45px}.role-panel{padding:28px;grid-template-columns:1fr;gap:20px}.role-panel h2{font-size:40px}.role-panel .role-text{font-size:18px}.draft-note{max-width:none}.references{display:block;font-size:10px}.references .links{margin-top:20px}.next-project{margin-top:45px}.next-project strong{font-size:39px}footer{font-size:10px}dialog{padding:12px}dialog .dialog-bar{font-size:10px}dialog button{padding:10px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after{transition:none!important;animation:none!important}html.motion .enter{opacity:1;transform:none}}

.dialog-actions{display:flex;gap:8px}dialog .dialog-bar{left:0}.actual-size img{max-width:none;width:auto}.chapter-index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 45px}.chapter-index a{font-size:11px;border:1px solid #ffffff30;border-radius:25px;padding:10px 14px;color:var(--muted);transition:background .25s,color .25s}.chapter-index a:hover{background:var(--yellow);color:var(--ink)}.chapter-heading{padding:35px 0 25px;border-top:1px solid #ffffff40;scroll-margin-top:100px}.chapter-heading span{font-size:10px;color:var(--yellow);letter-spacing:.12em}.chapter-heading h3{font:500 clamp(26px,3vw,43px)/1.1 Archivo,sans-serif;letter-spacing:-.04em;margin:15px 0 0}.chapter-heading+.feature-row{border-top:0;padding-top:25px}@media(max-width:760px){.chapter-index{margin-bottom:30px}.chapter-index a{font-size:10px}.chapter-heading{padding-top:25px}}

.media-shell.already-framed .screen-scroll{border:0;background:transparent;box-shadow:none;border-radius:0}