.case-page{max-width:1800px;margin:auto;padding:24px 3vw 0}.case-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;background:#1b1b1b}.case-hero-image{height:clamp(500px,calc(100svh - 160px),790px)}.case-hero-image img{display:block;width:100%;height:100%;object-fit:cover}.case-hero:after{content:'';position:absolute;inset:35% 0 0;z-index:0;background:linear-gradient(transparent,rgba(0,0,0,.88));pointer-events:none}.case-hero-overlay{position:absolute;z-index:1;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:45px;align-items:end;padding:clamp(25px,4.5vw,75px);direction:ltr;color:#fff}.case-title{text-align:left;min-width:0}.case-kind{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ddd;margin:0 0 18px}.case-title h1{font-size:clamp(48px,6.5vw,115px);line-height:1.05;letter-spacing:-.045em;margin:0;color:#fff}.case-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 30px;margin:0;padding:0}.case-facts dt{font-size:12px;color:#bdbdbd;margin-bottom:6px}.case-facts dd{font-size:15px;font-weight:500;line-height:1.5;margin:0}.case-second{margin:24px 0 0;overflow:hidden;border-radius:8px;background:#202020}.case-second img{display:block;width:100%;height:auto}.case-overview{display:grid;grid-template-columns:1fr 1.65fr;gap:65px;padding:95px 3vw 100px}.case-back{display:inline-block;color:#a9a9a9;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-bottom:25px}.case-overview h2,.case-credits h2{font-size:clamp(25px,3vw,42px);line-height:1.25;margin:0}.case-overview>p{font-size:clamp(18px,1.8vw,27px);line-height:1.85;color:#c5c5c5;margin:0;max-width:900px}.case-bento{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.case-tile{min-width:0;margin:0;border-radius:8px;overflow:hidden;background:#202020}.case-wide{grid-column:1/-1}.case-zoom{border:0;padding:0;cursor:zoom-in;display:block;width:100%;background:none;position:relative;color:#fff}.case-tile img,.case-tile video{display:block;width:100%;height:auto}.case-expand{position:absolute;inset-inline-end:18px;bottom:18px;border:1px solid #ffffff50;background:#111b;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:22px;opacity:0;transition:opacity .2s}.case-zoom:hover .case-expand,.case-zoom:focus-visible .case-expand{opacity:1}.case-credits{border-top:1px solid #ffffff30;padding:40px 3vw;margin-top:80px;display:grid;grid-template-columns:1fr 1.65fr;gap:40px}.case-credits>div{display:flex;gap:40px;flex-wrap:wrap}.case-credits p{margin:0}.case-credits strong{display:block;font-size:20px;font-weight:500}.case-credits span{display:block;color:#aaa;margin-top:8px}.case-cta{margin:70px 0 0;padding:60px 4.5vw;background:transparent;border:1px solid #ffffff85;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:45px}.case-cta>div>p:first-child{font-size:12px;color:#aaa}.case-cta h2{font-size:clamp(35px,4.6vw,72px);line-height:1.25;letter-spacing:-.035em;margin:24px 0}.case-cta h2 em{font-style:normal;color:inherit}.case-cta p{max-width:580px;line-height:1.8;color:#bbb}.case-cta .pill{background:#ff6534;color:#101010;flex-shrink:0;font-weight:600}.case-next{display:flex;gap:24px;align-items:center;padding:64px 3vw;margin-top:25px;border-bottom:1px solid #333}.case-next>span:first-child{color:#aaa;font-size:14px}.case-next strong{font-size:clamp(28px,4vw,56px);margin-inline-start:auto}.case-next>span:last-child{font-size:36px;color:#ff8057}.case-lightbox{max-width:96vw;width:96vw;max-height:96vh;padding:55px 16px 16px;background:#111;border:1px solid #444;border-radius:12px}.case-lightbox::backdrop{background:#000e}.case-lightbox>img{display:block;width:auto;height:auto;max-width:100%;max-height:82vh;object-fit:contain;margin:auto}.case-lightbox .dialog-close{font-size:30px}.project-card{color:inherit;text-decoration:none}.case-page a:focus-visible,.case-page button:focus-visible{outline:3px solid #ff8057;outline-offset:5px}html[lang=ar] .case-title h1,html[lang=ar] .case-cta h2{letter-spacing:0}html[lang=ar] .case-facts{direction:rtl;text-align:right}html[lang=ar] .case-title{direction:rtl;text-align:left}html[lang=ar] .case-kind{letter-spacing:0}
@media(max-width:700px){.case-page{padding:14px 14px 0}.case-hero-image{height:620px}.case-hero-overlay{grid-template-columns:1fr;gap:32px;padding:28px 22px}.case-title h1{font-size:clamp(44px,12vw,70px);line-height:1.15}.case-facts{gap:18px 20px}.case-facts dd{font-size:13px}.case-kind{margin-bottom:12px}.case-second{margin-top:14px}.case-overview{grid-template-columns:1fr;gap:25px;padding:50px 8px}.case-bento{grid-template-columns:1fr;gap:14px}.case-wide{grid-column:auto}.case-expand{opacity:1}.case-credits{grid-template-columns:1fr;gap:25px;margin-top:45px;padding:30px 8px}.case-cta{margin-top:40px;padding:32px 24px;display:block}.case-cta h2{font-size:38px}.case-cta .pill{margin-top:16px}.case-next{flex-wrap:wrap;padding:38px 8px}.case-next>span:first-child{width:100%}.case-next strong{margin-inline-start:0}.case-next>span:last-child{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){.case-expand{transition:none}}