.case-study{margin-top:48px;padding-top:24px;border-top:1px solid #aaa298}.case-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.project-tag{border:1px solid #aaa298;padding:8px 12px;font:9px monospace;letter-spacing:.8px}.case-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.case-copy h3{font:600 clamp(36px,4vw,58px)/.97 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:0 0 26px}.case-copy dl{margin:0}.case-copy dt{font:9px monospace;letter-spacing:1px;margin:22px 0 9px;color:#6c645b}.case-copy dd{margin:0;font-size:13px;line-height:1.8;color:#49453f;max-width:420px}.text-link{display:flex;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid #bcb4a9;padding:17px 0 0;margin-top:25px;text-align:left;font-size:12px}.text-link span{color:var(--red);font-size:20px}.case-status{font-size:10px;line-height:1.7;color:#6c645b;margin-top:22px;max-width:760px}.function-map{background:#e7e3dc;padding:24px 28px}.function-map-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #c5bdb2;font:9px monospace;letter-spacing:1px}.function-map-head>span:last-child{color:var(--red);font-size:24px}.function-row{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #cec7bd}.function-row:last-child{border:0;padding-bottom:0}.function-row>span{font:10px monospace;color:#8e8274;padding-top:4px}.function-row h4{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:0 0 5px}.function-row p{font-size:11px;line-height:1.6;color:#71695e;margin:0}dialog{width:min(720px,94vw)}dialog .project-facts{padding:0 0 12px}dialog .project-facts h3{color:#191918}dialog .project-facts p{margin-bottom:18px}@media(max-width:700px){.case-layout{grid-template-columns:1fr;gap:26px}.case-study{margin-top:38px}.case-copy h3{font-size:42px}.case-heading{align-items:start;gap:12px}.case-heading .label{font-size:9px;line-height:1.5}.project-tag{font-size:8px;max-width:135px;flex-shrink:0;text-align:right}.function-map{padding:20px}.function-row{padding:15px 0}.function-row h4{font-size:16px}.case-status{font-size:9px}}

.case-overview{display:flex;flex-direction:column;gap:18px}.project-peek{margin:0;background:#e7e3dc;border:1px solid #bdb5a9}.peek-window{height:210px;overflow:hidden;background:#d9d4ca}.peek-window img{display:block;width:100%;height:auto}.project-peek figcaption{padding:11px 14px;font:8px monospace;letter-spacing:.8px;color:#6c645b;border-top:1px solid #bdb5a9}.function-map{padding:18px 24px}.function-map-head{padding-bottom:12px}.function-row{padding:12px 0}.function-row h4{font-size:15px}.function-row p{font-size:11px}.case-overview+.case-status{grid-column:1/-1}@media(max-width:700px){.case-layout{gap:24px}.peek-window{height:200px}.case-overview{gap:14px}.function-map{padding:18px 20px}}
.hero h1{font-size:clamp(68px,9vw,140px)}.hero h1 i{font-size:.8em;right:0;top:0;bottom:auto}@media(max-width:700px){.hero h1{font-size:clamp(54px,12vw,84px)}}
.hero h1 .outline{color:var(--red);text-shadow:none}

/* Section titles have their own hierarchy; arrows render as line graphics. */
.section-kicker{display:flex;align-items:center;gap:15px;max-width:100%}.section-kicker>b{display:grid;place-items:center;flex:0 0 47px;height:47px;background:var(--red);color:var(--paper);font:700 25px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:0}.section-kicker>strong{font:600 clamp(15px,1.65vw,21px)/1.25 'DM Sans',Arial,sans-serif;letter-spacing:.2px;max-width:320px}.section-top{align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:34px}.process .section-top{border-color:#4b4943}.section-top>.label:last-child{font-size:9px;color:#746c61}.process .section-top>.label:last-child{color:var(--taupe)}.arrow-icon{display:inline-block;vertical-align:middle;width:21px;height:21px;color:#191918;flex-shrink:0}.service-list b{font-size:0;line-height:1}.service-list b .arrow-icon{width:24px;height:24px}.function-map-head>span:last-child{font-size:0;color:#191918}.function-map-head .arrow-icon{width:20px;height:20px}.contact h2>.arrow-icon{width:.5em;height:.5em}.button .arrow-icon,nav .arrow-icon,footer .arrow-icon{width:15px;height:15px}.contact .arrow-icon{color:#191918}@media(max-width:700px){.section-kicker{gap:12px}.section-kicker>b{flex-basis:41px;height:41px;font-size:23px}.section-kicker>strong{font-size:16px;max-width:245px}.section-top{padding-bottom:20px}.section-top p{margin-top:20px}}
