@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
.case-page{--accent:#004b60;--on-accent:#fff;--ink:#17211f;--muted:#59635f;--line:#d4dcd6;--serif:'Instrument Serif',Georgia,serif;background:#fff;color:var(--ink)}
.case-page .wrap{width:min(1400px,calc(100% - 96px));margin-inline:auto}.case-page h1,.case-page h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.02;margin:0}.case-page h1 em,.case-page h2 em{font-weight:400;color:var(--accent)}.gallery-intro{padding:34px 0 54px}.gallery-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-kicker>span{font-size:12px;color:var(--muted)}.gallery-intro h1{font-size:clamp(68px,8.4vw,128px);margin:40px 0 32px;max-width:1100px}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.intro-bottom p{font:400 17px/1.6 'DM Sans',Arial,sans-serif;color:var(--muted);margin:0}.gallery-jump{display:flex;align-items:center;gap:50px;padding:12px 0;border-bottom:1px solid;font-size:14px}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:24px 0}.gallery-tools .eyebrow{margin:0}.gallery-filters{display:flex;gap:8px;flex-wrap:wrap}.gallery-filters button{font:500 12px/1.5 'DM Sans',Arial,sans-serif;padding:10px 17px;min-height:42px;border:1px solid var(--line);border-radius:30px;background:#fff;color:var(--ink)}.gallery-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.case-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}.case-card{display:block;text-decoration:none!important;color:inherit;min-width:0;outline-offset:6px}.case-card[hidden]{display:none}.case-art{height:390px;overflow:hidden;position:relative}.plumbing-art{background:#004b60;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:25px}.art-meta{font:500 9px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.08em;display:flex;justify-content:space-between;gap:12px}.sample-dot{white-space:nowrap}.sample-dot:before{content:'';display:inline-block;background:#b8d6c3;width:6px;height:6px;border-radius:50%;margin-right:7px}.plumbing-story{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 0}.workflow-lines{position:absolute;inset:0;width:100%;height:100%}.workflow-lines path{fill:none;stroke:#ffffff35;stroke-width:2}.workflow-lines .signal-line{stroke:#bed9d2;stroke-dasharray:50 500;stroke-dashoffset:550;animation:route-signal 5s ease-in-out infinite}.mini-node{display:flex;position:relative;flex-direction:column;align-items:center;text-align:center}.mini-icon{width:80px;height:80px;display:grid;place-items:center;background:#004b60;border:1px solid #a6c6c2;border-radius:50%;margin-bottom:18px}.mini-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.mini-node>span:not(.mini-icon){font:400 29px/1.1 var(--serif)}.mini-node small{font:400 10px/1.4 'DM Sans',Arial,sans-serif;color:#d2e1df;margin-top:9px}.art-equation{border-top:1px solid #ffffff38;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;font:400 11px/1.5 'DM Sans',Arial,sans-serif}.art-equation b{font:400 22px var(--serif);color:#bed9d2}.spirits-art{background:#151f1d}.spirits-art img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1)}.art-caption{position:absolute;inset:auto 0 0;padding:55px 26px 24px;background:linear-gradient(transparent,#101a18c9);color:#fff;display:flex;justify-content:space-between;gap:20px}.art-caption span:first-child{font:500 9px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.08em}.art-caption span:last-child{font:italic 32px/1 var(--serif)}.case-copy{padding:24px 0 30px}.case-category{display:flex;justify-content:space-between;gap:15px;font:500 9px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.08em;color:var(--muted)}.case-category span:last-child{letter-spacing:0;font-size:10px}.case-copy h2{font-size:clamp(36px,3.5vw,52px);margin:24px 0}.case-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.case-card-bottom p{margin:0;font:400 13px/1.65 'DM Sans',Arial,sans-serif;color:var(--muted)}.case-open{border:1px solid #a2b9b4;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font:300 30px/1 Arial;flex-shrink:0;transition:background .25s,color .25s}.case-card:hover .case-open,.case-card:focus-visible .case-open{background:var(--accent);color:white}.case-card:hover .spirits-art img{transform:scale(1.035)}.filter-status{font-size:11px;color:var(--muted);margin:10px 0 0}.gallery-next{border-top:1px solid var(--line);margin-top:60px;padding:50px 0 65px;position:relative}.gallery-next h2{font-size:clamp(48px,6vw,85px);margin:23px 0}.gallery-next>a{display:inline-flex;align-items:center;justify-content:space-between;gap:70px;background:var(--accent);color:white;padding:18px 24px;font-size:14px}.gallery-footer{border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.gallery-footer p,.gallery-footer>a:last-child{font:400 11px/1.6 'DM Sans',Arial,sans-serif;color:var(--muted)}
@keyframes route-signal{0%{stroke-dashoffset:550}75%,100%{stroke-dashoffset:0}}
@media(max-width:900px){.case-page .wrap{width:calc(100% - 48px)}.case-grid{grid-template-columns:1fr}.case-art{height:380px}.gallery-tools{align-items:flex-start;flex-direction:column}.gallery-kicker>span{display:none}.case-copy h2{font-size:48px}.gallery-footer{flex-wrap:wrap}.gallery-intro h1{font-size:80px}}
@media(max-width:500px){.case-page .wrap{width:calc(100% - 36px)}.gallery-intro{padding-bottom:34px}.gallery-intro h1{font-size:62px;margin-top:30px}.intro-bottom{align-items:flex-start;flex-direction:column;gap:20px}.intro-bottom p{font-size:14px}.gallery-tools{gap:16px}.gallery-filters button{padding:8px 12px;font-size:11px}.case-art{height:300px}.plumbing-art{padding:20px 16px}.art-meta{font-size:7px}.mini-icon{width:60px;height:60px;margin-bottom:14px}.mini-icon svg{width:28px;height:28px}.mini-node>span:not(.mini-icon){font-size:24px}.mini-node small{font-size:8px}.plumbing-story{gap:10px;padding:20px 0}.art-equation{font-size:9px}.case-copy h2{font-size:40px}.case-category{font-size:8px;gap:8px}.case-card-bottom p{font-size:12px}.case-open{width:44px;height:44px}.gallery-next{margin-top:30px}.gallery-footer{align-items:flex-start;flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){.workflow-lines .signal-line{animation:none;stroke-dasharray:none}.spirits-art img,.case-open{transition:none}}
