/* Production-only glue. The visual sources are the approved homepage and F&B previews. */
.hero.home-showreel{padding:0;display:block;min-height:0;gap:0}.home-showreel .hero-video{object-position:50% 45%}
.redesign-page .food-hero .hero-bottom{display:block}
.redesign-page .hero-mosaic{direction:ltr}
.showcase-empty{color:var(--muted);padding-block:35px;font-size:16px}
.commissioning-link{font-size:11px;display:inline-block;border-bottom:1px solid #060a0655;margin-top:16px}
.redesign-page .food-hero h1 .serif{font-size:.88em;line-height:1.14}
.redesign-page .faq .serif{color:var(--white)}
.redesign-page .industry-offers-heading h2{max-width:none}
.redesign-page .industry-offer-grid{align-self:center}
.redesign-page .primary-nav .work-dropdown a{width:auto}
.redesign-page .reel-track{direction:ltr;pointer-events:none}
/* Keep the oversized moving track anchored at the left in both languages.
   RTL anchoring otherwise sends it beyond the viewport as it moves left. */
.redesign-page .reel-viewport{direction:ltr}
html[lang=ar] .redesign-page .footer-column h2{font-family:Noto Kufi,sans-serif;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:0}
.redesign-page .column-track{animation-play-state:running}
.redesign-page .motion-paused .column-track{animation-play-state:paused}
.redesign-page .faq-list summary>span:last-child{flex-shrink:0}
.redesign-page .faq-list details[open] summary>span:last-child{transform:rotate(45deg)}
.redesign-page #film-dialog .dialog-close{inset-inline-end:15px;right:auto;inset-inline-start:auto}
html[lang=en] .redesign-page #film-dialog .dialog-close{left:auto;right:15px}
html[lang=ar] .redesign-page #film-dialog .dialog-close{inset-inline:auto;left:auto;right:15px}
.redesign-page .panel-watch{inset-inline-end:20px;right:auto;inset-inline-start:auto}
/* Physical right:auto cancels inline-end in LTR; keep English controls on the right. */
html[lang=en] .redesign-page .panel-watch{left:auto;right:20px}
html[lang=en] .redesign-page .film-panel.is-active .panel-name{padding-right:45px}
.redesign-page .panel-name{line-height:1.3}
.redesign-page .film-panel.is-active .panel-name{padding-inline-end:45px;padding-right:0}
/* RTL mirrors the composition itself, not just text alignment. */
html[lang=ar] .redesign-page .food-hero{direction:rtl}
html[lang=ar] .redesign-page .food-hero-copy{text-align:right}
html[lang=ar] .redesign-page .food-hero h1{font-family:Noto Kufi,sans-serif;font-size:clamp(42px,4.7vw,78px);font-weight:400;letter-spacing:0;line-height:1.65}
html[lang=ar] .redesign-page .food-hero h1>span,html[lang=ar] .redesign-page .food-hero h1>em{white-space:normal}
html[lang=ar] .redesign-page .food-hero h1 em,html[lang=ar] .redesign-page .serif{font-family:Rakkas,serif;font-style:normal;font-weight:400;letter-spacing:0;font-size:1em;line-height:1.5}
html[lang=ar] .redesign-page .food-hero .industry-hero-line-blend{display:block}
html[lang=ar] .redesign-page .food-hero .industry-hero-line-blend .serif{display:inline}
html[lang=ar] .redesign-page .hero-bottom>p{font-size:clamp(13px,1.1vw,17px);line-height:1.95}
html[lang=ar] .redesign-page .industry-actions .pill,html[lang=ar] .redesign-page .industry-actions .text-link{font-size:12px}
html[lang=ar] .redesign-page .industry-offers-heading h2{font-family:Noto Kufi,sans-serif;font-size:clamp(35px,4.3vw,68px);line-height:1.65;letter-spacing:0}
html[lang=ar] .redesign-page .industry-offers-heading>p:last-child,html[lang=ar] .redesign-page .industry-offer-grid p{font-size:13px;line-height:1.95}
html[lang=ar] .redesign-page .industry-offer-grid h3{font-size:clamp(20px,1.8vw,29px);line-height:1.7;letter-spacing:0}
html[lang=ar] .redesign-page .panel-name{font-size:17px;letter-spacing:0}
html[lang=ar] .redesign-page .dialog-story h2{font-family:Noto Kufi,sans-serif;font-size:30px;letter-spacing:0;line-height:1.6}
html[lang=ar] .redesign-page #film-summary{font-size:15px;line-height:1.95;letter-spacing:0}
html[lang=ar] .redesign-page .dialog-meta dt{letter-spacing:0;font-size:10px}
html[lang=ar] .redesign-page .dialog-meta dd{font-size:11px;line-height:1.8}
html[lang=ar] .redesign-page #case-sections h3{font-family:Noto Kufi,sans-serif;font-size:12px;line-height:1.8}
html[lang=ar] .redesign-page #case-sections p{font-size:12px;line-height:2}
html[lang=ar] .redesign-page .panel-watch svg{transform:scaleX(-1)}
@media(max-width:760px){.redesign-page .food-hero{min-height:0}.redesign-page .film-panel.is-active .panel-name{left:auto;inset-inline-start:20px}.redesign-page #film-dialog .dialog-close{inset-inline-end:auto}.redesign-page .panel-name{writing-mode:horizontal-tb;transform:none}html[lang=ar] .redesign-page .food-hero h1{font-size:clamp(34px,8vw,54px);line-height:1.65}html[lang=ar] .redesign-page .hero-bottom>p{font-size:13px}html[lang=ar] .redesign-page .industry-offers-heading h2{font-size:38px}html[lang=ar] .redesign-page .industry-offer-grid article{grid-template-columns:24px 1fr}html[lang=ar] .redesign-page .industry-offer-grid p{grid-column:2}html[lang=ar] .redesign-page .industry-offer-grid h3{font-size:22px}}
@media(max-width:650px){html[lang=ar] .redesign-page #film-dialog .dialog-close{inset-inline:auto;left:auto;right:auto;float:right;margin:12px 12px -46px 0}}
@media(max-width:650px){html[lang=en] .redesign-page #film-dialog .dialog-close{left:auto;right:auto;float:right;margin:12px 12px -46px 0}}
@media(prefers-reduced-motion:reduce){.redesign-page .reel-track{transform:none!important}.redesign-page .column-track{animation:none!important}}
/* Placement follows page locale, not a Latin project's dir=auto text direction. */
html[lang=ar] .redesign-page .panel-name,html[lang=ar] .redesign-page #film-title{text-align:right}
html[lang=ar] .redesign-page .film-panel.is-active .panel-name{padding-inline:0;padding-left:56px;white-space:normal;max-width:calc(100% - 40px);align-self:flex-start}
@media(max-width:760px){html[lang=ar] .redesign-page .film-panel.is-active .panel-name{inset-inline:auto;left:auto;right:20px;text-align:right}}