/* Shared client feature and independently shareable project page. */
.case-feature{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--white)}
.case-feature-identity{display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:430px;padding:40px 44px;background:#e8e5da;color:#363e30}
.case-index{font:10px/1.5 Arial,var(--sans);letter-spacing:.14em;color:#616650}
.case-feature-identity h3{font-family:var(--serif);font-weight:400;font-size:clamp(44px,4.6vw,66px);letter-spacing:.06em;line-height:1.4}
.case-feature-identity h3+p{font-size:13px;letter-spacing:.15em;color:#66705c;margin-top:10px}
.case-stage{display:inline-flex;align-items:center;gap:8px;font-size:11px;line-height:1.7;color:#58624d}
.case-stage i{height:6px;width:6px;border-radius:50%;background:#65754b;flex-shrink:0}
.case-feature-copy{padding:44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.case-feature-copy h4{font:400 clamp(24px,2.3vw,32px)/1.55 var(--serif);letter-spacing:-.015em;margin:18px 0}
.case-feature-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.95;max-width:34em}
.case-scope-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:23px 0 28px}
.case-scope-tags li{font-size:10px;line-height:1.5;color:var(--muted);border:1px solid var(--line);padding:6px 9px;border-radius:6px}
.exploration-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:65px 0 25px}
.exploration-heading h3{font-family:var(--serif);font-size:25px;white-space:nowrap}
.exploration-heading p{font-size:11px;color:var(--muted);max-width:36em}
.case-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px}
.case-return{font-size:12px;color:var(--muted);padding:10px 0}
.case-return:hover{color:var(--ink)}
.case-page-hero{padding:60px 0 70px}
.case-page-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:45px}
.case-page-label .case-stage{color:var(--muted)}
.case-page-title{font:400 clamp(52px,7vw,94px)/1.3 var(--serif);letter-spacing:.04em}
.case-page-subtitle{font:400 clamp(22px,2.5vw,34px)/1.65 var(--serif);color:var(--accent);margin-top:22px;max-width:22em}
.case-page-intro{font-size:14px;line-height:2;color:var(--muted);max-width:46em;margin-top:26px}
.case-facts{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;margin:48px 0 0;padding:25px 0 0;border-top:1px solid var(--line)}
.case-facts div{min-width:0}.case-facts dt{font-size:10px;color:var(--muted);margin-bottom:10px}.case-facts dd{font-size:13px;line-height:1.8;margin:0}
.case-scope-section{background:var(--surface);padding:76px 0}
.case-scope-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:45px;align-items:end}
.case-scope-intro h2{font-size:38px;margin-top:16px;line-height:1.4}
.case-scope-intro>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:36em}
.case-scope-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;list-style:none;padding:0}
.case-scope-list>li{padding:28px 0;border-top:1px solid var(--line)}
.scope-number{font-size:11px;color:var(--muted)}
.case-scope-list h3{font-size:22px;line-height:1.5;margin:20px 0}
.case-scope-list ul{padding-left:18px;color:var(--muted);font-size:13px;line-height:2.4}
.case-current{padding:70px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px;border-bottom:1px solid var(--line)}
.case-current h2{font-size:34px;margin-top:16px;line-height:1.5}
.case-current p{font-size:14px;line-height:2;color:var(--muted);align-self:center;max-width:38em}
.case-next{padding:70px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}
.case-next h2{font-size:34px;line-height:1.5}.case-next p{font-size:13px;color:var(--muted);margin-top:15px}
.case-footer{border-top:1px solid var(--line);padding:27px 0;color:var(--muted);font-size:11px}
.case-footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1000px){.case-feature-identity,.case-feature-copy{padding:32px}.case-feature-identity{min-height:400px}.case-feature-copy h4{font-size:27px}.case-scope-tags{gap:6px}.case-facts{gap:20px}.case-scope-list{gap:22px}}
@media(max-width:760px){.case-feature{grid-template-columns:1fr;border-radius:18px}.case-feature-identity{padding:27px;min-height:295px;gap:35px}.case-feature-identity h3{font-size:46px}.case-feature-copy{padding:30px 27px}.case-feature-copy h4{font-size:29px}.case-feature-copy>p:not(.eyebrow){font-size:12px}.case-scope-tags{margin:20px 0 25px}.exploration-heading{flex-direction:column;align-items:flex-start;gap:10px;margin-top:44px}.exploration-heading h3{font-size:24px}.case-header-inner{min-height:80px;gap:16px}.case-return{font-size:11px}.case-page-hero{padding:38px 0 48px}.case-page-label{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:30px}.case-page-title{font-size:52px}.case-page-subtitle{font-size:24px;margin-top:20px}.case-page-intro{font-size:13px;margin-top:22px}.case-facts{grid-template-columns:1fr;gap:22px;margin-top:30px}.case-facts dt{margin-bottom:4px}.case-scope-section{padding:50px 0}.case-scope-intro{grid-template-columns:1fr;gap:24px;margin-bottom:27px}.case-scope-intro h2{font-size:32px}.case-scope-list{grid-template-columns:1fr;gap:0}.case-scope-list>li{padding:23px 0}.case-scope-list h3{font-size:22px;margin:12px 0}.case-current{grid-template-columns:1fr;gap:25px;padding:45px 0}.case-current h2{font-size:30px}.case-current p{font-size:13px}.case-next{flex-direction:column;align-items:flex-start;gap:26px;padding:48px 0}.case-next h2{font-size:30px}.case-next p{font-size:12px}.case-footer{font-size:10px}}
