
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf4f2;background:#1c252b;font-size:16px;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #79d5d2;outline-offset:5px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.top{border-bottom:1px solid #46575b}.top .wrap{min-height:84px;display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-block:25px}.brand{display:inline-flex;align-items:baseline;gap:16px;white-space:nowrap;line-height:1.1;font-weight:800;letter-spacing:-.02em;font-size:1.35rem;text-decoration:none}.brand .brand-mark{color:#79d5d2}.brand .brand-divider{align-self:center;width:1px;height:1.35rem;background:#46575b;font-size:0;flex:none}.brand .brand-name{font-size:.9rem;font-weight:500;letter-spacing:0;color:#b9cacb}.nav{display:flex;gap:30px;font-size:.95rem;color:#b9cacb}.nav a{text-decoration:none}.nav a:hover{color:#79d5d2}.footer{padding:25px 0;display:flex;justify-content:space-between;color:#b9cacb;font-size:.875rem;position:relative}.footer::before{content:"";position:absolute;top:0;left:calc(50% - 50vw);width:100vw;border-top:1px solid #46575b}
.case-back{display:inline-block;margin:47px 0 0;color:#79d5d2;text-decoration:none;font-weight:700;text-underline-offset:5px}.case-back:hover,.case-end a:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:700;font-size:.875rem;color:#79d5d2}.case-intro{position:relative;isolation:isolate;padding-bottom:85px}.case-intro::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:radial-gradient(ellipse at 76% 48%,#2b484b 0%,#22383e 34%,#1c252b 76%);pointer-events:none}.case-hero{padding:68px 0 88px;display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:end}.case-hero h1{font-size:clamp(3.3rem,7.5vw,7.2rem);letter-spacing:-.012em;line-height:1.04;margin:20px 0 0;overflow-wrap:anywhere}.case-hero h1 span{color:#79d5d2}.case-lead{font-size:clamp(1.2rem,1.9vw,1.55rem);line-height:1.52;color:#d2e0de;margin:0;max-width:45ch}.project-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#526a6d;border:1px solid #526a6d;margin:0}.project-overview div{background:#233238;padding:25px 28px}.project-overview dt{color:#79d5d2;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;margin-bottom:10px}.project-overview dd{margin:0;line-height:1.45;font-size:1.05rem}
.nav a{position:relative;padding:10px 0}.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:linear-gradient(90deg,#79d5d2,#a2dfa7);transition:right .28s ease}.nav a:hover::after,.nav a:focus-visible::after{right:0}
.case-section{padding:100px 0;position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.case-section::after,.artifact-section::before{content:"";position:absolute;left:calc(50% - 50vw);width:100vw;border-bottom:1px solid #46575b;pointer-events:none}.case-section::after{bottom:0}.case-section h2,.artifact-section h2{font-size:clamp(2.15rem,3.7vw,3.7rem);line-height:1.07;letter-spacing:-.012em;margin:16px 0 0}.case-section p{font-size:1.12rem;line-height:1.75;color:#c5d5d4;margin:0 0 22px}.case-section p:last-child{margin-bottom:0}.artifact-section{position:relative;padding:95px 0}.artifact-section::before{top:0;border-bottom:0;border-top:1px solid #46575b}.artifact-section>p{font-size:1.12rem;line-height:1.7;color:#c5d5d4;max-width:66ch;margin:20px 0 36px}.artifact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.artifact-grid article{border:1px solid #526a6d;background:#233238;min-width:0}.artifact-slot{height:185px;background:linear-gradient(135deg,#21373b,#29454a);border-bottom:1px solid #526a6d;display:grid;place-items:center;color:#a7c3c2;letter-spacing:.12em;text-transform:uppercase;font-size:.875rem}.artifact-meta{padding:22px}.artifact-meta h3{font-size:1.2rem;line-height:1.3;margin:0 0 8px}.artifact-meta p{color:#c5d5d4;line-height:1.55;margin:0}.case-end{position:relative;min-height:250px;padding:75px 0 100px;display:flex;align-items:center}.case-end::before{content:"";position:absolute;inset:0 calc(50% - 50vw);background:linear-gradient(90deg,#1c252b 0%,rgba(28,37,43,.94) 35%,rgba(28,37,43,.48) 72%,rgba(28,37,43,.23) 100%),url("blueprint-tracing-paper.png") center right/cover no-repeat;pointer-events:none}.case-end a{position:relative;color:#79d5d2;text-underline-offset:5px;font-weight:700}
.case-points{color:#c5d5d4;font-size:1.12rem;line-height:1.75;padding-left:1.4rem;margin:8px 0 0}.case-points li{padding-left:.2rem;margin-bottom:.65rem}@media(max-width:760px){.wrap{width:min(100% - 36px,1160px)}.top .wrap{min-height:72px;padding-block:19px}.nav{gap:16px;font-size:.875rem}.brand{gap:10px}.brand .brand-name{font-size:.8rem}.case-back{margin-top:30px}.case-intro{padding-bottom:65px}.case-hero{grid-template-columns:1fr;gap:28px;padding:45px 0 65px}.case-hero h1{font-size:clamp(3.1rem,11vw,5.5rem)}.project-overview{grid-template-columns:1fr}.case-section{grid-template-columns:1fr;gap:28px;padding:70px 0}.artifact-section{padding:70px 0}.artifact-grid{grid-template-columns:1fr 1fr}.case-end::before{background:linear-gradient(90deg,rgba(28,37,43,.95),rgba(28,37,43,.78)),url("blueprint-tracing-paper.png") 68% center/cover no-repeat}.footer{gap:14px;flex-wrap:wrap}}@media(max-width:520px){.artifact-grid{grid-template-columns:1fr}.artifact-slot{height:140px}}@media(max-width:430px){.nav a:nth-child(2){display:none}.brand{flex-direction:column;align-items:flex-start;gap:0}.brand .brand-divider{display:none}.brand .brand-name{display:block;font-size:.69rem;line-height:1.2}.top .wrap{gap:8px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
