/* The shared portfolio shell stays black. Colour comes from the concept artwork. */
.brand-track img[alt="Bostani"]{filter:grayscale(1) brightness(0) invert(1)}
.case-editorial{--case-accent:#DCC5A3;--case-muted:#B7AFA5}
.case-editorial .case-label{color:var(--case-accent);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}
.case-editorial h1{max-width:950px;font-size:clamp(46px,6vw,80px);line-height:1.04;text-wrap:balance}
.case-editorial .case-intro{margin-top:44px;max-width:none;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}
.case-editorial .case-intro>.case-overview-copy{min-width:0}
.case-editorial .case-intro .case-type{font-size:13px;line-height:1.7;color:var(--case-muted)}
.case-editorial .case-description{font-size:16px;line-height:1.8}
.case-editorial .case-cover{aspect-ratio:4/3;max-height:none;object-fit:contain;margin-top:52px}
.case-editorial .case-note{color:var(--case-muted);font-size:13px;margin-top:24px;padding-top:20px;border-color:#302A23}
.case-flavour-palette{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:0;margin:42px 0 86px}
.case-flavour-palette li{border-top:4px solid var(--flavour-colour);padding-top:15px;display:flex;flex-direction:column;gap:6px}
.case-flavour-palette span{font-size:12px;color:var(--case-muted)}
.case-flavour-palette strong{font-weight:500;font-size:15px}
.case-chapters{display:grid;gap:92px}
.case-chapter-heading{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;margin-bottom:30px;align-items:start}
.case-chapter-heading>div>p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--case-accent);margin-bottom:13px}
.case-chapter-heading h2{font:500 44px/1.08 var(--display);letter-spacing:-.02em;max-width:420px;text-wrap:balance}
.case-chapter-heading>p{font-size:15px;line-height:1.85;color:#C9C4BE}
.case-chapter-images{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.case-chapter:first-child .case-chapter-images{grid-template-columns:1fr}
.case-chapter-images figure{margin:0;min-width:0}
.case-chapter-images img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:16px;background:#15120E}
.case-chapter-images figcaption{font-size:12px;line-height:1.65;color:var(--case-muted);padding-top:12px}
.case-presentation{margin-top:84px;padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:35px;border-block:1px solid #302A23}
.case-presentation h2{font:500 38px/1.1 var(--display);margin-bottom:12px}
.case-presentation p{max-width:500px;font-size:14px;line-height:1.7;color:var(--case-muted)}
.case-presentation a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 22px;border-radius:100px;background:#E1CFB4;color:#19140E;font-size:13px;font-weight:600;flex-shrink:0;transition:background .2s,transform .2s}
.case-presentation a .icon{filter:brightness(0)}
.case-presentation a:hover{background:#F3E6D2;transform:translateY(-2px)}
.case-presentation a:focus-visible{outline:2px solid #fff;outline-offset:5px}
[lang=ar] .case-editorial .case-label,[lang=ar] .case-chapter-heading>div>p{letter-spacing:0;text-transform:none}
[lang=ar] .case-chapter-heading h2{line-height:1.4}
@media(max-width:650px){
 .case-editorial{padding-top:120px}
 .case-editorial .case-label{font-size:10px;line-height:1.8}
 .case-editorial h1{font-size:46px;line-height:1.08}
 .case-editorial .case-description{font-size:15px}
 .case-editorial .case-cover{margin-top:36px;border-radius:12px}
 .case-editorial .case-intro{grid-template-columns:1fr;gap:15px;margin-top:30px}
 .case-editorial .case-note{margin-top:8px;font-size:12px}
 .case-flavour-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0 55px}
 .case-flavour-palette li:last-child{grid-column:1/-1}
 .case-chapters{gap:54px}
 .case-chapter-heading{grid-template-columns:1fr;gap:18px;margin-bottom:22px}
 .case-chapter-heading h2{font-size:35px;max-width:340px}
 .case-chapter-heading>p{font-size:14px;line-height:1.8}
 .case-chapter-images{grid-template-columns:1fr;gap:25px}
 .case-chapter-images img{border-radius:12px}
 .case-presentation{flex-direction:column;align-items:start;margin-top:50px;gap:23px;padding:28px 0}
 .case-presentation h2{font-size:33px}
 .case-presentation a{max-width:100%;font-size:12px}
 [lang=ar] .case-editorial h1{font-size:42px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.case-presentation a{transition:none}.case-presentation a:hover{transform:none}}