/* Reference layout: plain category rail, two-column detail panel, site typography. */
body .sg-mega{display:grid;grid-template-columns:30.5% minmax(0,1fr);color:var(--text);text-align:left;min-height:340px}
body .sg-mega *{box-sizing:border-box}
body .sg-mega b,body .sg-mega small,body .sg-mega span,body .sg-mega button,body .sg-mega p,body .sg-mega a{font-family:var(--font-display)!important;font-weight:400}
body .sg-tabs{padding:20px 20px 28px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--text) 1%,var(--bg))}
body .sg-tab{width:100%;display:block;padding:16px 0;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
body .sg-tab+ .sg-tab{margin-top:6px}
body .sg-tab>span{display:block;min-width:0}
body .sg-tab b{display:inline;font-size:clamp(17px,1.45vw,22px);line-height:1.4}
body .sg-tab .sg-label{display:inline-block;margin-left:14px;font-family:var(--font-display)!important;font-style:normal;font-size:12px;line-height:1.5;letter-spacing:.03em;color:color-mix(in srgb,var(--text) 32%,var(--bg))}
body .sg-tab small{display:block;margin-top:5px;font-size:clamp(14px,1.2vw,18px);line-height:1.45;color:var(--dim)}
body .sg-tab[aria-selected=true] b,body .sg-tab:hover b{color:var(--accent)}
body .sg-number{font-family:var(--font-display)!important;font-size:10px;line-height:23px;opacity:.55;flex:none}
body .sg-panels{padding:30px 22px 32px 42px;min-width:0}
body .sg-panel[hidden]{display:none!important}
body .sg-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
body .sg-panel-head p{font-size:16px;line-height:1.5;color:var(--accent);margin:0}
body .sg-panel-head .sg-overview{font-size:16px;color:var(--dim);text-decoration:none;min-height:28px}
body .sg-panel-head .sg-overview:hover{color:var(--accent)}
body .sg-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}
body .sg-link{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;padding:6px 8px;text-decoration:none;color:inherit;border-radius:0}
body .sg-link>span{min-width:0}
body .sg-link b{display:block;font-size:clamp(16px,1.4vw,21px);line-height:1.4;overflow-wrap:break-word}
body .sg-link small{display:block;margin-top:4px;font-size:clamp(14px,1.2vw,18px);line-height:1.5;color:var(--dim)}
body .sg-link i{font-style:normal;color:var(--accent);font-size:18px;flex:none}
body .sg-link:hover b{color:var(--accent)}
body .sg-mega :focus-visible,body .sg-mobile :focus-visible,body .social-studio :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:1024px){
 html body header.topbar .syo-services-menu>.dropdown.sg-dropdown{top:100%;padding:0;overflow:auto;max-height:calc(100dvh - var(--syo-header-height) - 20px);border-radius:0;background:var(--bg);border:1px solid var(--line);box-shadow:0 18px 30px #00000008}
}
/* A dedicated, full-width social studio in the footer. */
body .social-studio{margin:42px 0 48px;padding:30px 0;border-block:1px solid var(--line)}
body .social-studio-heading{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:end;margin-bottom:22px}
body .social-studio-heading p{grid-column:1/-1;font-size:10px;letter-spacing:.16em;color:var(--accent);margin:0}
body .social-studio-heading h3{font-family:var(--font-display)!important;font-size:clamp(22px,2.6vw,34px);letter-spacing:-.04em;line-height:1.2;margin:0}
body .social-studio-heading>span{font-family:var(--font-body)!important;font-size:12px;opacity:.7}
body .social-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}
body .social-tile{--social-color:#ff8a3d;min-width:0;perspective:700px}
body .social-tile{--social-color:var(--accent)}
body .social-tile>a,body .social-tile>.social-pending{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-height:190px;padding:18px;border-radius:18px;background:color-mix(in srgb,var(--social-color) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--social-color) 28%,var(--line));color:var(--text);text-decoration:none;overflow:hidden;transition:transform .35s ease,background .35s ease,box-shadow .35s ease}
body .social-tile>a:before,body .social-tile>.social-pending:before{content:"";position:absolute;width:125px;height:125px;right:-40px;top:38px;border:1px solid color-mix(in srgb,var(--social-color) 50%,transparent);border-radius:50%;z-index:-1;box-shadow:0 0 0 20px color-mix(in srgb,var(--social-color) 8%,transparent)}
body .social-tile span{font-family:var(--font-body)!important}
body .social-tile-top{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:11px;opacity:.65}
body .social-tile-top>span:last-child{font-size:21px;line-height:1}
body .social-tile svg{width:30px;height:30px;fill:currentColor;margin:20px 0 16px;flex:none}
body .social-tile .social-tile-name{font-family:var(--font-display)!important;font-size:17px;font-weight:400;letter-spacing:-.02em}
body .social-tile-caption{font-size:11px;line-height:1.5;opacity:.7;margin-top:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body .social-tile>a:hover{transform:translateY(-6px) rotateX(5deg);background:color-mix(in srgb,var(--social-color) 26%,var(--bg));box-shadow:0 20px 30px #0001}}
body .syo-top-socials a{position:relative;transition:color .2s}
body .syo-top-socials svg{padding:3px;width:24px;height:24px;border-radius:8px;background:#ffffff15}
body .syo-top-socials svg{color:var(--accent)}
@media(max-width:1023.98px){
 body #mmenu{background:var(--bg);color:var(--text)}
 body #mmenu .mm-head{background:var(--bg);border-bottom:1px solid var(--line)}
 body #mmenu .mm-nav{padding:12px 18px 24px}
 body #mmenu .mm-link{font-family:var(--font-body)!important;font-size:19px;min-height:58px;letter-spacing:-.02em}
 body #mmenu .mm-acc.open>.mm-link{color:var(--accent)}
 body #mmenu .mm-acc.open>.mm-services-groups{display:block!important;padding:8px 0 14px}
 body .sg-mobile-group{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;overflow:hidden;background:transparent}
 body .sg-mobile-group summary{list-style:none;display:flex;align-items:center;gap:11px;padding:18px 0;min-height:64px;cursor:pointer}
 body .sg-mobile-group summary::-webkit-details-marker{display:none}
 body .sg-mobile-group summary>span{min-width:0;flex:1}
 body .sg-mobile-group summary b{font-family:var(--font-display)!important;font-weight:400;display:block;font-size:17px;line-height:1.4}
 body .sg-mobile-group summary small{display:block;font-size:12px;line-height:1.5;opacity:.65;margin-top:4px}
 body .sg-mobile-group summary i{font-style:normal;font-size:22px;flex:none;color:var(--accent);transition:transform .2s}
 body .sg-mobile-group[open] summary b{color:var(--accent)}
 body .sg-mobile-group[open] summary i{transform:rotate(45deg)}
 body .sg-mobile-links{padding:0 0 12px 16px}
 body .sg-mobile-links .sg-link{padding:16px 4px;min-height:52px;border-bottom:1px solid var(--line);border-radius:0}
 body .sg-mobile-links .sg-link:last-child{border-bottom:0}
 body .sg-mobile-links .sg-link b{font-size:14px}
 body .sg-mobile-links .sg-link small{font-size:12px;line-height:1.6}
 body #mmenu .mm-foot{box-shadow:0 -8px 24px #00000006}
 body #mmenu .mm-cta{background:var(--accent);color:#211207;font-family:var(--font-body)!important}
 body .social-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
 body .social-studio{margin-block:28px 36px;padding-block:24px}
 body .social-studio-heading{display:block}
 body .social-studio-heading h3{margin:10px 0;font-size:28px;max-width:14ch}
 body .social-studio-heading>span{display:block;font-size:13px;line-height:1.6}
 body .social-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body .social-tile>a,body .social-tile>.social-pending{padding:16px;min-height:185px;border-radius:16px}
 body .social-tile:last-child{grid-column:1/-1}
 body .social-tile:last-child>.social-pending,body .social-tile:last-child>a{min-height:150px}
 body .social-tile:last-child svg{position:absolute;right:28px;bottom:22px;width:50px;height:50px;opacity:.5}
 body .social-tile:last-child .social-tile-name{margin-top:28px}
 body .social-tile-name{font-size:17px}
 body .social-tile-caption{font-size:12px}
 body section#hero.syo-cinema .cinema-contact{border-radius:12px;box-shadow:0 8px 30px #0002}
 body #services .svc-row{padding:24px 0}
 body #services .svc-row .sar{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ff8a3d66;border-radius:50%;font-size:18px}
}
@media(prefers-reduced-motion:reduce){body .social-tile>a,body .sg-tab,body .sg-link,body .sg-mobile-group summary i{transition:none;transform:none}}

body .sg-mobile .sg-link b{font-family:var(--font-display)!important;font-weight:400}body .sg-mobile .sg-link small{font-family:var(--font-body)!important}

/* Compact desktop dropdown; mobile keeps its touch target sizes. */
@media(min-width:1024px){
 html body header.topbar .syo-services-menu>.dropdown.sg-dropdown{width:min(960px,100%);left:0;right:0;margin-inline:auto;max-height:min(430px,calc(100dvh - var(--syo-header-height) - 20px))}
 body .sg-mega{grid-template-columns:28% minmax(0,1fr);min-height:0}
 body .sg-tabs{padding:10px 16px}
 body .sg-tab{padding:10px 0;min-height:44px}
 body .sg-tab+ .sg-tab{margin-top:0}
 body .sg-tab b{font-size:14px;line-height:1.4}
 body .sg-tab .sg-label{font-size:9px;margin-left:8px;letter-spacing:0}
 body .sg-tab small{font-size:12px;line-height:1.4;margin-top:3px}
 body .sg-panels{padding:18px 20px 20px 24px}
 body .sg-panel-head{gap:12px;margin-bottom:14px}
 body .sg-panel-head p,body .sg-panel-head .sg-overview{font-size:12px}
 body .sg-panel-head .sg-overview{min-height:28px;display:inline-flex;align-items:center}
 body .sg-links{gap:12px 22px}
 body .sg-link{padding:5px 0;min-height:44px}
 body .sg-link b{font-size:14px;line-height:1.4}
 body .sg-link small{font-size:12px;line-height:1.4;margin-top:3px}
}