.page-shell:has(.project-case){background:linear-gradient(180deg,var(--project-bg) 0%,var(--project-bg) 10%,color-mix(in srgb,var(--project-bg) 65%,var(--bg)) 30%,var(--bg) 65%,var(--bg) 100%)}
.project-themed.project-case{--case-line:color-mix(in srgb,var(--project-ink),transparent 80%);padding-bottom:40px;background:transparent}
.case-heading{width:90%;max-width:1700px;margin:auto;padding:50px 0 58px}
.case-back{display:inline-block;color:var(--project-ink);opacity:.7;font-size:14px;margin-bottom:30px}
.case-heading h1{font-size:clamp(46px,6vw,112px);line-height:1.04;font-weight:500;letter-spacing:-.045em;max-width:1450px;overflow-wrap:anywhere}
.case-heading>p{font-size:clamp(20px,2vw,34px);line-height:1.4;margin-top:18px;max-width:1100px;color:var(--project-ink);opacity:.8}
.case-layout{display:flex;flex-direction:column}
.project-case .case-layout>.detail-art,.case-cover{width:95%;max-width:1800px;margin:0 auto;padding:0;background:transparent;border-radius:26px;overflow:hidden}
.project-case .case-layout>.detail-art:first-of-type,.case-cover{order:-2}
.project-case .detail-art img,.case-cover img{display:block;width:100%;max-width:none;height:auto;max-height:1100px;object-fit:cover;border-radius:0}
.project-case .detail-art figcaption{padding:16px 24px;align-self:flex-start}
.project-parallax-frame{position:relative;width:100%;overflow:hidden;border-radius:inherit}
.project-parallax-frame.parallax-active{height:clamp(380px,80vh,980px)}
.project-case .parallax-active img{position:absolute;left:0;top:-8%;width:100%;height:116%;max-height:none;object-fit:cover;object-position:center;transition:none}
@media(max-width:700px){.project-parallax-frame.parallax-active{height:clamp(280px,58vh,540px)}}
.case-overview{order:-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:10%;width:90%;max-width:1700px;margin:auto;padding:60px 0;border-bottom:1px solid var(--case-line)}
.case-kicker{font-size:12px;letter-spacing:.14em;opacity:.65;margin-bottom:18px}
.case-overview h2{font-size:clamp(30px,3vw,58px);font-weight:500;letter-spacing:-.025em;line-height:1.12}
.case-summary{font-size:clamp(19px,1.7vw,29px);line-height:1.6;margin-top:28px;opacity:.8}
.case-title h1{font-size:clamp(44px,5.5vw,96px);line-height:1.08;font-weight:500;letter-spacing:-.04em;overflow-wrap:anywhere}
.case-title .case-summary{max-width:950px;margin-top:24px}
.case-information{display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.case-information h3{font-size:15px;font-weight:400;opacity:.55;margin:0 0 8px}
.case-information p,.case-information li{font-size:20px;line-height:1.6}
.case-information ul{list-style:none;padding:0;margin:0}
.case-visit{display:inline-flex;align-items:center;gap:30px;padding:16px 26px;border-radius:40px;background:var(--project-ink);color:var(--project-bg);font-size:17px;margin-top:18px;transition:transform .2s}
.case-visit:hover{transform:translateY(-3px)}
.project-case .case-story{width:90%;max-width:1700px;display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:90px 0;margin:0 auto;border-bottom:1px solid var(--case-line)}
.project-case .case-story .eyebrow{font-size:clamp(22px,2.5vw,42px);line-height:1.2;letter-spacing:-.02em;text-transform:none;color:var(--project-ink);margin:0}
.project-case .case-story h2{font-size:clamp(28px,3vw,50px);font-weight:500;line-height:1.2}
.project-case .case-story p:not(.eyebrow){font-size:clamp(16px,1.5vw,21px);line-height:1.7;font-weight:normal}
.project-case .case-scope{width:90%;max-width:1700px;margin:auto;padding:90px 0;border-bottom:1px solid var(--case-line)}
.project-case .case-scope>h2{font-size:clamp(30px,3vw,56px);font-weight:500;margin-bottom:35px}
.project-case .value-grid{gap:20px}
.project-case .value-grid article{background:color-mix(in srgb,var(--project-ink),transparent 95%);border:1px solid var(--case-line);padding:30px;border-radius:16px}
.project-case .value-grid h3{color:var(--project-ink)}
.project-case .inner-cta{padding:100px 5%;margin:0;text-align:center;border:0}
.project-case .inner-cta h2{font-size:clamp(36px,5vw,84px);line-height:1.1}
.project-case .inner-cta .next-project{display:block;margin:28px auto 0}
@media(max-width:800px){.case-heading{padding:35px 0 40px}.case-heading h1{font-size:clamp(40px,9vw,70px)}.case-overview{grid-template-columns:1fr;gap:40px;padding:55px 0}.case-information{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.case-visit{grid-column:1/-1;justify-self:start}.project-case .case-story{grid-template-columns:1fr;gap:24px;padding:55px 0}.project-case .case-scope{padding:55px 0}.project-case .case-layout>.detail-art,.case-cover{border-radius:15px}.project-case .inner-cta{padding:65px 5%}}
@media(prefers-reduced-motion:reduce){.case-visit{transition:none}}