/* Two-level header and fluid layouts for desktop, Android and short screens. */
:root{--syo-contact-height:40px;--syo-nav-height:76px;--syo-header-height:calc(var(--syo-contact-height) + var(--syo-nav-height))}
html{scroll-padding-top:calc(var(--syo-header-height) + 16px)}
.syo-topheader{position:fixed;inset:0 0 auto;z-index:51;height:var(--syo-contact-height);background:#141510;color:#f7f4ee;border-bottom:1px solid #ffffff20}
.syo-topheader-inner{height:100%;max-width:1500px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.syo-top-socials,.syo-top-contact{display:flex;align-items:center;gap:20px;min-width:0}
.syo-topheader a{display:inline-flex;align-items:center;gap:7px;min-height:40px;color:inherit;white-space:nowrap;font-size:11px;text-decoration:none}
.syo-topheader a,.syo-topheader span{font-family:var(--font-body)!important}
.syo-topheader a:hover{color:#ffac6f}.syo-topheader .syo-top-wa{color:#92e5a9}
.syo-topheader svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
html body header.topbar{top:var(--syo-contact-height)!important;height:var(--syo-nav-height);padding-top:8px!important;padding-bottom:8px!important;background:var(--bg)!important;color:var(--text)!important;border-bottom:1px solid var(--line);z-index:50}
header.topbar>div{height:100%;position:relative}
html body header.topbar .nav-link,html body header.topbar .drop-toggle,html body header.topbar .wm-ink{color:var(--text)!important}
header.topbar .logo-box{max-height:54px}header.topbar .logo-box img{max-height:54px;object-fit:contain}
header.topbar .mainnav{min-width:0}
@media(min-width:1024px){
 header.topbar .syo-services-menu{position:static}
 header.topbar .syo-services-menu>.dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;max-width:none;transform:translateY(10px);padding:16px;border-radius:0 0 18px 18px;box-sizing:border-box}
 header.topbar .syo-services-menu:hover>.dropdown,header.topbar .syo-services-menu.open>.dropdown,header.topbar .syo-services-menu:focus-within>.dropdown{transform:translateY(0);opacity:1;visibility:visible}
 header.topbar .syo-services-menu .dd-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 12px;max-height:calc(100dvh - var(--syo-header-height) - 42px);overflow:auto;padding:0;overscroll-behavior:contain}
 header.topbar .syo-services-menu .ddl{min-width:0;align-items:center;padding:10px 8px;gap:10px;border-radius:10px}
 header.topbar .syo-services-menu .ddi{width:30px;height:30px;flex:0 0 30px}
 header.topbar .syo-services-menu .ddt{min-width:0}
 header.topbar .syo-services-menu .ddt b{font-family:var(--font-body)!important;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
 header.topbar .syo-services-menu .ddt i{font-size:10px;line-height:1.4;white-space:normal}
 header.topbar .nav-item:focus-within>.dropdown{opacity:1;visibility:visible}
}
@media(min-width:1024px) and (max-width:1399px){header.topbar .logo-wrap .wm-ink{display:none!important}header.topbar .cta-nav{display:none!important}header.topbar .mainnav{gap:0!important}header.topbar .nav-link{padding-inline:9px!important;font-size:12px!important}header.topbar .syo-services-menu .dd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Keep hero content in document flow: no overlapping absolute blocks. */
body section#hero.syo-cinema .cinema-stage{height:100svh;min-height:0;display:flex;flex-direction:column;gap:0;padding:calc(var(--syo-header-height) + 25px) 7vw 23px;box-sizing:border-box}
body section#hero.syo-cinema .cinema-topline{position:relative;inset:auto;flex:none;font-size:9px;line-height:1.5}
body section#hero.syo-cinema .cinema-stories{position:relative;inset:auto;flex:1;min-height:0;display:flex;align-items:center;padding-block:22px}
body section#hero.syo-cinema .cinema-title{font-size:clamp(62px,min(8vw,12svh),118px)!important;margin-bottom:22px!important;line-height:.98!important}
body section#hero.syo-cinema .cinema-title span{font-size:.72em;padding-left:4vw}
body section#hero.syo-cinema .cinema-kicker{margin-bottom:20px}
body section#hero.syo-cinema .cinema-description{font-size:clamp(14px,1.2vw,18px)!important;max-width:580px}
body section#hero.syo-cinema .cinema-actions{position:relative;inset:auto;flex:none;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 24px}
body section#hero.syo-cinema .cinema-bottom{position:relative;inset:auto;flex:none;margin-top:25px}
body section#hero.syo-cinema .cinema-contact{min-height:46px;box-sizing:border-box}
@media(max-width:1023.98px){:root{--syo-nav-height:64px}header.topbar .logo-box img{max-height:46px}#mmenu{z-index:100!important}#mmenu .mm-sub{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#mmenu .mm-acc.open .mm-sub{display:grid;max-height:none!important}#mmenu .mm-sublink{min-width:0;white-space:normal;line-height:1.4;font-size:12px!important;overflow-wrap:anywhere}}
@media(max-width:600px){
 .syo-topheader-inner{padding-inline:12px;gap:8px}.syo-top-socials{gap:6px}.syo-top-contact{gap:12px}.syo-top-socials a{justify-content:center;width:32px}.syo-top-socials span{display:none}.syo-topheader a{font-size:10px;gap:5px}.syo-topheader svg{width:15px;height:15px}
 body section#hero.syo-cinema .cinema-stage{padding:calc(var(--syo-header-height) + 20px) 22px 18px}
 body section#hero.syo-cinema .cinema-topline{font-size:7px;gap:14px}.cinema-topline span:last-child{max-width:132px}
 body section#hero.syo-cinema .cinema-stories{padding-block:24px}
 body section#hero.syo-cinema .cinema-title{font-size:clamp(43px,11.3vw,67px)!important;letter-spacing:-.065em!important;margin-bottom:22px!important}
 body section#hero.syo-cinema .cinema-title span{padding-left:0;font-size:.7em;line-height:1.2}
 body section#hero.syo-cinema .cinema-kicker{font-size:8px;letter-spacing:.08em;line-height:1.6;margin-bottom:18px}
 body section#hero.syo-cinema .cinema-description{font-size:14px!important;line-height:1.65!important;max-width:100%}
 body section#hero.syo-cinema .cinema-actions{gap:12px;align-items:flex-start;flex-direction:column}
 body section#hero.syo-cinema .cinema-actions a{font-size:12px}
 body section#hero.syo-cinema .cinema-bottom{margin-top:22px;gap:12px;align-items:center}
 body section#hero.syo-cinema .cinema-skip{font-size:7px;max-width:145px;line-height:1.6;gap:8px}
 .cinema-navigation{gap:5px}.cinema-navigation button{min-width:40px;min-height:44px}
 .sec-wrap{width:100%;min-width:0}.fm-socials{max-width:100%}
}
@media(max-width:359px){.syo-top-contact{gap:8px}.syo-top-contact svg{display:none}.syo-topheader-inner{padding-inline:8px}.syo-top-socials a{width:27px}body section#hero.syo-cinema .cinema-stage{padding-inline:16px}body section#hero.syo-cinema .cinema-title{font-size:40px!important}}
@media(max-height:600px){body section#hero.syo-cinema.is-enhanced{height:auto!important}body section#hero.syo-cinema .cinema-stage{position:relative;min-height:660px;height:auto}body section#hero.syo-cinema .cinema-stories{min-height:265px}.cinema-progress{display:none}}

header.topbar .nav-item.syo-dismissed>.dropdown{visibility:hidden!important;opacity:0!important}