@font-face{font-family:Space;src:url(/assets/SpaceGrotesk-Regular.69ac882113ef.woff2) format("woff2");font-display:optional}@font-face{font-family:Space;src:url(/assets/SpaceGrotesk-Bold.b30ae13cf011.woff2) format("woff2");font-weight:700;font-display:optional}:root{color-scheme:light;--ink:#173c36;--muted:#536b65;--accent:#15584f;--paper:#f8f9f6;--line:#dce4df;--blue:#236c81}*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #2886a0;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:#fff;z-index:10}.skip:focus{top:12px}.page-bar{border-bottom:1px solid var(--line);background:#fbfcf9}.page-bar>div{max-width:1160px;margin:auto;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font:700 19px/1.2 Space,system-ui,sans-serif;letter-spacing:-.04em;text-decoration:none}.brand:before{content:"";display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:2px;margin:0 10px 2px 0}.page-bar nav{display:flex;gap:25px;font-size:13px}.page-bar nav a{text-decoration:none;min-height:32px;display:flex;align-items:center}.page-wrap{max-width:1160px;margin:auto;padding:30px 36px 20px}.breadcrumb{display:flex;gap:10px;margin:0 0 30px;color:var(--muted);font-size:12px}.breadcrumb a{text-decoration:none}.project-hero{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:60px;align-items:center;padding:0 0 32px}.kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 15px;font-size:11px;line-height:1.4;letter-spacing:.055em;color:var(--muted)}.kicker>span:first-child{color:var(--accent);font-weight:700;text-transform:uppercase}.kicker>span+span{border-left:1px solid #baccc2;padding-left:10px}h1{margin:0;font:700 clamp(34px,4.2vw,58px)/1.08 Space,system-ui,sans-serif;letter-spacing:-.06em;text-wrap:balance;overflow-wrap:anywhere}.purpose{font-size:18px;line-height:1.65;max-width:57ch;margin:18px 0;color:#39564f}.tags{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:12px 0 0;list-style:none}.tags li{font-size:12px;line-height:1.5;border-radius:5px;padding:4px 9px;background:#edf2ee;color:#315f54;border:1px solid #dce5df;overflow-wrap:anywhere}.hero-copy>.tags li{background:transparent;border:0;border-radius:0;padding:0;margin:0;font-size:12px;color:var(--muted)}.hero-copy>.tags{gap:9px}.hero-copy>.tags li+li:before{content:"\b7";margin-right:9px;color:#87a399}.tags.tools li{background:#edf3f5;border-color:#dce6eb;color:#315e6c}.project-art{width:184px;justify-self:end;margin:0}.project-art img{display:block;width:184px;height:184px;border-radius:18px;object-fit:cover;border:1px solid #d1ddd5;box-shadow:0 4px 9px #1d49320a,0 20px 42px -22px #1d49323d}.project-art figcaption{font-size:10px;line-height:1.6;color:var(--muted);margin-top:10px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 0}.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid #cbd8d0;background:#fff;color:#294d42;text-decoration:none;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.action.primary{background:#18594f;color:#fff;border-color:#18594f;box-shadow:0 2px 3px #113b2710}.action-note{font-size:11px;color:var(--muted);margin:10px 0 0}.project-metrics{display:flex;flex-wrap:wrap;gap:15px 32px;padding:16px 0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-metrics div{display:flex;align-items:baseline;gap:7px}.project-metrics dd{order:-1;margin:0;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.project-metrics dt{font-size:11px;color:var(--muted)}.case-nav{display:flex;gap:24px;border-bottom:1px solid var(--line);font-size:12px}.case-nav a{padding:15px 0;min-height:44px;text-decoration:none;color:var(--muted)}.case-nav a:first-child{color:var(--accent);font-weight:600;border-bottom:2px solid var(--accent);margin-bottom:-1px}.project-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 48px;padding:34px 0}.project-content section{min-width:0}.wide{grid-column:1/-1}.case-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:0 0 6px}.case-overview>section{padding-top:12px;border-top:1px solid #bfd2c7}h2{margin:0 0 17px;font:700 18px/1.3 Space,system-ui,sans-serif;letter-spacing:-.035em}.case-overview h2{display:flex;gap:10px;align-items:baseline}.section-index{color:var(--blue);font-size:10px;font-weight:400;letter-spacing:.07em}.bullet-list{padding:0;margin:0;list-style:none}.bullet-list li{position:relative;padding-left:16px;margin-bottom:10px;font-size:14px;line-height:1.7;max-width:64ch;color:#3d5750}.bullet-list li:before{content:"";position:absolute;left:0;top:.72em;width:4px;height:4px;background:#72a092;border-radius:1px}.section-note{color:var(--muted);font-size:12px;line-height:1.6}.project-gallery{border-top:1px solid var(--line);padding-top:28px}.gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:0 0 18px}.gallery-heading h2{margin:0}.gallery-heading>span{font-size:11px;color:var(--muted);white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gallery-view{margin:0;min-width:0}.gallery-lead{grid-column:1/-1}.gallery-view>a{display:block;background:#eef2ec;border:1px solid #d1dcd5;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px -15px #183c2c33}.gallery-view img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.gallery-view figcaption{display:flex;gap:12px;margin-top:11px;color:var(--muted);font-size:12px;line-height:1.6}.view-number{color:var(--blue);font-size:10px;font-variant-numeric:tabular-nums;padding-top:2px}.gallery-source{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:21px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}.gallery-source a{color:var(--blue)}.gallery-grid>.gallery-view:last-child:nth-child(2){max-width:720px;grid-column:1/-1}.media{margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px}.media img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#eff3ee;border-radius:6px}.media figcaption{padding:11px 3px 3px;font-size:12px;color:var(--muted)}.detail-note{border-top:1px solid var(--line);padding-top:14px}.detail-note summary{font-size:12px;cursor:pointer;min-height:36px;line-height:36px;color:var(--muted)}.detail-note p{font-size:12px;color:var(--muted)}.detail-note h2{font-size:13px;margin:18px 0 9px}.detail-note .tags{padding-left:0}.related{border-top:1px solid var(--line);padding:28px 0}.related>h2{font-size:15px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-card{display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fcfdfa;padding:14px;text-decoration:none;min-width:0}.related-card img{display:block;width:48px;height:48px;object-fit:cover;border-radius:8px;flex:none}.related-card span{font-size:13px;font-weight:600;overflow-wrap:anywhere}.page-footer{border-top:1px solid var(--line);padding:22px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}@media(hover:hover){.action:hover{background:#edf3ee;border-color:#aac5b5}.action.primary:hover{background:#10473f;border-color:#10473f}.related-card:hover{border-color:#8db7a8;background:#fff}.case-nav a:hover,.page-bar nav a:hover{color:var(--accent)}}@media(max-width:700px){.page-bar>div{padding:15px 20px}.page-wrap{padding:23px 20px 15px}.page-bar nav{gap:18px}.breadcrumb{margin-bottom:24px}.project-hero{grid-template-columns:minmax(0,1fr) 104px;gap:14px 20px;padding-bottom:26px}.hero-copy{display:contents}.hero-copy .kicker{grid-column:1/-1;margin:0}.hero-copy h1{grid-column:1;grid-row:2;align-self:center;font-size:clamp(30px,6vw,40px)}.project-art{grid-column:2;grid-row:2;align-self:start;width:104px}.project-art img{width:104px;height:104px;border-radius:12px}.project-art figcaption{font-size:9px;margin-top:6px}.hero-copy .purpose,.hero-copy>.tags,.hero-copy .actions,.hero-copy .action-note{grid-column:1/-1;margin:0}.purpose{font-size:16px;line-height:1.6}.hero-copy .actions{margin-top:5px}.action{font-size:12px;padding:10px 14px}.project-metrics{gap:12px 20px}.project-content{grid-template-columns:1fr;gap:26px;padding:26px 0}.case-overview{grid-template-columns:1fr;gap:18px}.case-overview>section{padding-top:12px}.case-overview h2{margin-bottom:12px}.wide{grid-column:1}.gallery-grid{grid-template-columns:1fr;gap:22px}.gallery-heading{align-items:center}.gallery-heading h2{font-size:17px}.gallery-heading>span{font-size:10px}.gallery-source{display:block}.gallery-source span{display:block;margin-top:9px}.gallery-view figcaption{font-size:12px}.related-grid{grid-template-columns:1fr}.page-footer>span{display:none}.case-nav{gap:23px}}@media(max-width:360px){.page-wrap{padding-right:16px;padding-left:16px}.project-hero{grid-template-columns:minmax(0,1fr) 88px;column-gap:16px}.project-art,.project-art img{width:88px}.project-art img{height:88px}.hero-copy h1{font-size:28px}.gallery-heading{align-items:start}.gallery-heading>span{white-space:normal;text-align:right;max-width:100px}}@media screen and (max-width:700px){.project-art{display:contents}.project-art img{grid-column:2;grid-row:2;justify-self:end}.project-art figcaption{grid-column:1/-1;order:8;margin:0;font-size:10px;line-height:1.5;max-width:60ch}.hero-copy h1{align-self:center}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#111;font-size:11pt}.page-bar,.breadcrumb,.actions,.action-note,.case-nav,.related,.page-footer{display:none}.page-wrap{padding:0;max-width:none}.project-hero{grid-template-columns:1fr 120px;gap:24px}.project-art,.project-art img{width:120px}.project-art img{height:120px;box-shadow:none}.project-content,.case-overview{display:block}.project-content section{margin:20px 0;break-inside:avoid}.gallery-view>a{box-shadow:none}.gallery-view img,.media img{max-height:250px}.detail-note{display:none}}