/* Portfolio entry points: shared spacing, logical layout and direct destinations. */
.portfolio-entry-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.portfolio-primary{flex-shrink:0;text-align:center}
.portfolio-band{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink,#14293c);color:var(--pearl,#fdffff);padding:28px 32px;margin-top:44px;font-size:clamp(20px,2vw,28px)}
.portfolio-band:hover{background:#243f50}
.selected-work .selected-work-more,.home-selected-work .selected-work-more{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-selected-work{background:var(--pearl,#fdffff)}
.home-selected-work .selected-work-more{margin-top:0}
.home-selected-work img{aspect-ratio:16/9}
.brand-system #main .scroll-film .film-links.portfolio-entry-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;max-width:475px}
/* Keep the hero grid gutter when Arabic mobile-film.css is loaded afterward. */
.brand-system #main .scroll-film .film-links.stacked.portfolio-entry-links{display:grid;column-gap:20px}
.brand-system #main .scroll-film .film-links.portfolio-entry-links>a{min-width:0;gap:8px;white-space:normal}
.brand-system #main .scroll-film .film-links.portfolio-entry-links>.hero-portfolio-link{grid-column:1/-1;color:var(--sand,#e7d6be)}
.case-index h1,.case-detail h1{font-size:clamp(36px,5vw,72px);line-height:1.2;max-width:20ch}
.case-index,.case-detail{padding-top:180px}
.case-filters{display:flex;flex-wrap:wrap;gap:12px;padding-block:28px;border-bottom:1px solid #aab3b7;margin-bottom:36px}
.case-filters button,.case-controls button,.case-selectors button{background:transparent;border:1px solid #8c9ba4;color:var(--ink);padding:14px 18px;min-height:44px;font:inherit;cursor:pointer}
.case-filters button{display:flex;align-items:center;gap:10px}.case-filters svg{width:28px;height:28px}
.case-filters button[aria-pressed=true],.case-selectors button[aria-pressed=true]{background:var(--ink);color:var(--pearl)}
.case-controls button:disabled{opacity:.45;cursor:default}
.case-browser-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px}
.case-selectors{display:flex;flex-direction:column;gap:12px}.case-selectors button{text-align:start}
.case-controls{display:flex;gap:12px;margin-top:24px}
.case-panels img,.case-cards img,.case-detail-image img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.case-panels h2,.case-cards h3{font-size:clamp(23px,2vw,34px);line-height:1.35;margin-block:24px 16px}
.case-panels article+article{margin-top:40px}.case-panels article[hidden]+article{margin-top:0}
.case-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.case-meta{display:flex;flex-wrap:wrap;gap:32px;margin-block:28px}.case-meta dt{font-weight:700}.case-meta dd{margin:8px 0 0}
.case-detail-image{margin:36px 0}.case-story{max-width:900px;margin-inline:auto}.case-section{border-top:1px solid #aab3b7;padding-block:32px}.case-section h2{font-size:28px}.case-section li{margin-bottom:12px}
.case-services,.case-adjacent{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:32px}
.case-index [hidden]{display:none!important}
@media(max-width:760px){
 .portfolio-primary,.portfolio-entry-actions{width:100%}.portfolio-primary{display:flex;justify-content:space-between}
 .selected-work .selected-work-more,.home-selected-work .selected-work-more{grid-template-columns:1fr}
 .portfolio-band{padding:24px 20px;margin-top:32px;font-size:20px}
 .brand-system #main .scroll-film .film-links.portfolio-entry-links{max-width:none}
 .case-index,.case-detail{padding-top:132px}.case-browser-grid{grid-template-columns:1fr;gap:28px}.case-selectors{flex-direction:row;overflow-x:auto}.case-selectors button{flex:0 0 65%}.case-controls{justify-content:space-between}.case-filters{gap:8px}.case-filters button{flex:1 1 45%;padding:12px;font-size:13px}.case-cards{grid-template-columns:1fr}
}