.case-page{--case-accent:#6243c5}.case-page .header{height:115px}.case-hero{padding-bottom:35px}.case-back{display:inline-block;font-size:.8rem;color:var(--muted);margin-block:5px 40px}.case-back:hover{color:var(--case-accent)}.case-intro{max-width:850px}.case-intro .eyebrow{color:var(--case-accent);margin-bottom:24px}.case-intro h1{font-size:clamp(2.8rem,5.8vw,5.1rem);line-height:1.2;letter-spacing:-.02em}.case-summary{font-size:1.1rem;max-width:65ch;margin-top:28px;line-height:1.9}.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.case-tags span{font-size:.7rem;padding:7px 12px;border:1px solid var(--line);border-radius:24px}.case-meta{display:grid;grid-template-columns:1fr 1.6fr 1fr 1fr;gap:25px;border-block:1px solid var(--line);padding-block:25px;margin-block:45px 35px}.case-meta dt{font-size:.7rem;color:var(--muted);margin-bottom:10px}.case-meta dd{margin:0;font-size:.95rem}.case-cover{margin:0;aspect-ratio:1.85;border-radius:24px;display:grid;place-items:center;overflow:hidden;padding:30px}.case-cover img{width:100%;height:100%;max-height:540px;object-fit:contain;filter:drop-shadow(0 15px 20px #26222322)}.case-toc{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:30px;padding:22px 15px;background:var(--paper);border-bottom:1px solid var(--line);font-size:.8rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.case-toc a{padding:4px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.case-toc a:hover,.case-toc a[aria-current=true]{color:var(--case-accent);border-color:var(--case-accent)}.case-story{display:grid;grid-template-columns:.65fr 1.35fr;gap:65px;padding-block:70px;scroll-margin-top:60px}.case-story .eyebrow{font-size:.7rem;color:var(--case-accent);margin-bottom:20px}.case-story h2{font-size:2.7rem}.case-prose p{font-size:1.05rem;line-height:1.95;margin-bottom:22px}.case-prose p:last-child{margin-bottom:0}.case-image{margin:0 0 35px;min-width:0}.image-zoom{position:relative;display:block;width:100%;padding:24px;border:1px solid var(--line);background:#e3dfdf;border-radius:20px;overflow:hidden;cursor:zoom-in}.image-zoom img{width:100%;max-height:720px;object-fit:contain;transition:transform .6s var(--ease)}.image-zoom:hover img{transform:scale(1.015)}.zoom-label{position:absolute;left:15px;bottom:15px;display:block;background:#fff7fbeb;padding:8px 13px;border-radius:20px;font-size:.65rem;color:#43394a}.case-image figcaption{font-size:.7rem;color:var(--muted);padding-top:12px;text-align:center}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.case-system{scroll-margin-top:60px}.case-system .case-story{padding-bottom:35px}.system-image .image-zoom{background:#faf7f9}.system-image img{max-height:800px}.case-result{scroll-margin-top:60px}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;background:#dcd0f0;border-radius:20px;padding:35px;margin-bottom:45px;text-align:center}.case-metrics>div{display:flex;flex-direction:column;gap:12px}.case-metrics strong{font-family:'Suez One',serif;font-size:3rem;font-weight:400;color:#413251;line-height:1.2}.case-metrics span{font-size:.85rem;color:#665174}.case-conclusion{border-inline-start:3px solid #9c7add;padding:8px 30px;margin-block:45px 70px;max-width:800px}.case-conclusion .eyebrow{margin-bottom:18px;color:#7f649a}.case-conclusion p{font-size:1.15rem;color:#4a3b53;line-height:1.9}.case-next{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-top:1px solid var(--line);padding-block:50px}.case-next .eyebrow{margin-bottom:20px}.case-next h2{font-size:2.5rem;margin-bottom:28px}.case-next-image{border-radius:20px;padding:20px;overflow:hidden;aspect-ratio:1.5;display:grid;place-items:center}.case-next-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}.case-next-image:hover img{transform:scale(1.04)}.case-all-projects{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;border-block:1px solid var(--line);padding-block:24px;font-size:.8rem}.case-all-projects [aria-current=page]{color:var(--case-accent);text-decoration:underline;text-underline-offset:6px}.case-contact{text-align:center;padding-block:60px}.case-contact h2{font-size:2.6rem}.case-contact p{margin-block:18px 25px}.case-page footer{padding-bottom:35px}.case-lightbox{width:calc(100% - 32px);max-width:1300px;max-height:95vh;padding:45px 20px 15px;background:#f3eff3;border:0;border-radius:16px;overscroll-behavior:contain}.case-lightbox::backdrop{background:#17101ed9;backdrop-filter:blur(6px)}.case-lightbox img{max-width:100%;height:auto;margin:auto}.case-lightbox p{text-align:center;font-size:.8rem;margin-top:15px}.lightbox-close{position:fixed;top:22px;left:25px;width:42px;height:42px;border:1px solid #d8cfdc;border-radius:50%;background:#fff9fd;color:#30253a;font-size:1.6rem;cursor:pointer;z-index:40}.case-lightbox[open]{animation:dialogIn .3s var(--ease)}@media(max-width:750px){.case-page .header{height:95px}.case-back{margin-bottom:30px}.case-intro h1{font-size:clamp(2.4rem,8.3vw,3.4rem)}.case-summary{font-size:1rem;line-height:1.85;margin-top:22px}.case-meta{grid-template-columns:1fr 1fr;gap:25px 18px;margin-block:30px}.case-meta dd{font-size:.85rem}.case-cover{aspect-ratio:1.35;padding:15px;border-radius:18px}.case-toc{justify-content:flex-start;gap:22px;padding-block:17px;margin-inline:-20px;font-size:.75rem}.case-story{grid-template-columns:1fr;gap:25px;padding-block:45px}.case-story h2{font-size:2.4rem}.case-story .eyebrow{margin-bottom:15px}.case-prose p{font-size:1rem;line-height:1.85}.case-gallery{grid-template-columns:1fr;gap:0}.image-zoom{padding:13px;border-radius:16px}.case-image{margin-bottom:25px}.case-image figcaption{font-size:.65rem}.zoom-label{font-size:.6rem;padding:6px 10px;left:10px;bottom:10px}.case-metrics{gap:28px;grid-template-columns:1fr;padding:28px}.case-metrics strong{font-size:2.8rem}.case-conclusion{padding-inline:20px;margin-bottom:45px}.case-conclusion p{font-size:1.05rem}.case-next{grid-template-columns:1fr;gap:25px}.case-next h2{font-size:2.1rem}.case-next-image{aspect-ratio:1.5}.case-contact h2{font-size:2.4rem}.case-lightbox{padding-inline:10px}}

.twist-meta{grid-template-columns:1fr 1fr 1.5fr}.case-cover.twist-visual{padding:0;aspect-ratio:1.5}.case-cover.twist-visual img{max-height:none;filter:none}.twist-screen .image-zoom img{max-height:none}@media(max-width:750px){.twist-meta{grid-template-columns:1fr 1fr}.twist-meta>div:last-child{grid-column:1/-1}}
.twist-screen .image-zoom img{height:auto;max-height:none}

.project-brief{padding:clamp(32px,5vw,64px) 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.7fr;gap:48px}
.brief-intro h2{font-family:'Suez One',serif;font-size:clamp(27px,3vw,40px);line-height:1.3;margin-top:14px}
.project-brief dl{display:grid;grid-template-columns:1fr 1fr;gap:28px 36px;margin:0}
.project-brief dt{font-size:12px;color:var(--muted);margin-bottom:9px}
.project-brief dd{margin:0;font-size:16px;line-height:1.8}
.image-load-status{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;background:#eee9e7;color:#191719;border-radius:14px;padding:18px 24px;max-width:80vw;box-shadow:0 8px 32px #0002;z-index:2}
.image-load-status[hidden]{display:none}
.image-load-spinner{width:22px;height:22px;border:2px solid #cec5d8;border-top-color:#6240f5;border-radius:50%;animation:image-loading .8s linear infinite;flex-shrink:0}
@keyframes image-loading{to{transform:rotate(360deg)}}
@media(max-width:700px){
.project-brief{grid-template-columns:1fr;gap:26px}
.project-brief dl{gap:24px;grid-template-columns:1fr}
.project-brief dd{font-size:16px}
.case-toc{top:96px;scroll-padding-inline:20px}
.case-section{scroll-margin-top:160px}
.image-zoom{min-width:44px;min-height:44px}
.case-image figcaption{font-size:13px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.image-load-spinner{animation:none}}