/* RON GROUP Spaces & Solutions A6 — page-only additions. Never edit shared .m/.img/.fl. */
/* Reserve the first viewport before the JS collection builds so the static footer never flashes at the top. */
#a2-root #a2-main:empty{min-height:100svh;background:#151817}
#a2-root .a2-mega-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px clamp(12px,2vw,29px)}
#a2-root .a2-mega-item{min-width:0;transition:background .18s ease,border-color .18s ease}
#a2-root .a2-mega-item.feature{
 border:1.5px solid #d4ac5a;outline:1px solid rgba(212,172,90,.28);
 outline-offset:-5px;padding:10px 0 12px;
 color:#e4c47f;background:linear-gradient(160deg,#272b25 0%,#161b19 100%);
 box-shadow:inset 0 0 0 4px rgba(212,172,90,.05)
}
#a2-root .a2-mega-item.feature img{width:min(100%,155px);height:auto;border:0;outline:0;aspect-ratio:1/1;object-fit:cover}
#a2-root .a2-mega-item.feature span{font-weight:600;font-size:11px;letter-spacing:.025em}
#a2-root .a2-mega-item.feature:hover,#a2-root .a2-mega-item.feature:focus-visible{border-color:#f1ca78;background:#35392e;color:#fff}
/* Align PRODUCT text with sibling links: anchors start at the top of a 42px hit target. */
#a2-root .a2-nav>button[data-menu-toggle]{align-items:flex-start;padding:0;font-weight:600}
#a2-root .a2-nav>button[data-menu-toggle] svg{margin-top:3px}
#a2-root .a2-nav>button[aria-expanded=true]{color:#e8c076}
#a2-root .a2-nav>button[aria-expanded=true] svg{transform:rotate(180deg)}
#a2-root .a2-hero-wrap img{color:transparent}
#a2-root .a2-card-visual img{color:transparent}
/* A8: art-directed desktop and mobile imagery for the first Case Studies teaser only. */
#a2-root .a2-next-card:first-child picture{display:block;position:absolute;inset:0;width:100%;height:100%}
#a2-root .a2-next-card:first-child picture img{display:block;width:100%;height:100%;object-fit:cover}
#a2-root .a2-next-card:first-child:before{background:linear-gradient(90deg,rgba(12,18,14,.43),rgba(12,18,14,.04) 86%),linear-gradient(0deg,rgba(6,12,9,.65),transparent 61%)}
#a2-root .a6-film-spotlight{
 background:#18201d;color:#f6f5ef;
 border-top:1px solid #d4ac5a38
}
#a2-root .a6-film-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:clamp(28px,5vw,90px);align-items:center;padding-block:clamp(48px,6vw,86px)}
#a2-root .a6-film-visual{position:relative;aspect-ratio:1.7;min-width:0;overflow:hidden;background:#31362f url("a6-menu-feature.webp") center/cover no-repeat;isolation:isolate}
#a2-root .a6-film-visual img{width:100%;height:100%;object-fit:cover}
#a2-root .a6-film-visual:after{content:"";position:absolute;inset:48% 0 0;pointer-events:none;background:linear-gradient(transparent,#111915c4)}
#a2-root .a6-film-visual-label{position:absolute;left:18px;bottom:17px;z-index:2;color:#e9d39f;letter-spacing:.14em;font-size:10px;font-weight:600}
#a2-root .a6-film-copy{min-width:0;max-width:515px}
#a2-root .a6-film-copy h2{font-size:clamp(32px,3.55vw,57px);font-weight:500;line-height:1.14;letter-spacing:-.045em;margin:16px 0 17px}
#a2-root .a6-film-copy p{max-width:450px;font-size:13px;line-height:1.85;color:#c1c6bd}
#a2-root .a6-film-link{display:inline-flex;align-items:center;gap:22px;justify-content:space-between;margin-top:28px;border:1px solid #d4ac5a;color:#1b201d;background:#d4ac5a;padding:12px 17px;font-size:12px;min-height:50px;font-weight:600;transition:background .2s ease,transform .2s ease}
#a2-root .a6-film-link:hover{background:#efc677;transform:translateY(-2px)}
#a2-root .a6-film-link svg{width:16px;height:16px}
#a2-root .a6-film-frame{background:#1a201c;max-width:100%;width:100%;aspect-ratio:16/9;margin-top:16px;overflow:hidden}
#a2-root .a6-film-trigger{position:relative;background:#1d231f;border:1px solid #bda16e;color:#fff;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}
#a2-root .a6-film-trigger img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.67)}
#a2-root .a6-film-playicon{position:relative;z-index:1;border:1px solid #e1c27d;border-radius:50%;display:grid;place-items:center;width:69px;height:69px;color:#f0cf82;background:#17221cc7;font-size:21px;padding-left:5px}
#a2-root .a6-film-trigger strong{position:absolute;z-index:2;bottom:19px;left:20px;font-weight:500;font-size:12px;letter-spacing:.04em}
#a2-root .a6-film-player{width:100%;height:100%;display:block;object-fit:contain;background:#0b0e0b}
#a2-root .a6-film-footnote{font-size:10px;color:#878f85;margin-top:12px}
#a2-root #foot{margin:0;position:relative;z-index:1;overflow:hidden}
#a2-root #foot .ron-footer-shell{min-width:0}
#a2-root #foot .ron-footer-logo img{object-fit:contain}
#a2-root #foot .ron-footer-subscribe{display:none!important}
@media(min-width:769px) and (max-width:1199px){
 #a2-root .a2-mega-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
 #a2-root .a6-film-layout{grid-template-columns:1fr 1fr}
}
@media(min-width:540px) and (max-width:768px){
 #a2-root .a2-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 #a2-root .a6-film-layout{grid-template-columns:1fr}
}
@media(max-width:539px){
 #a2-root .a2-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 #a2-root .a2-mega-item.feature{padding:8px 0 10px}
 #a2-root .a2-mega-item.feature span{font-size:10px}
 #a2-root .a6-film-layout{grid-template-columns:1fr;padding-block:43px}
 /* Stable two-row hero actions: prevent webfont swap from pushing the second CTA onto a new line. */
 #a2-root .a2-hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
 #a2-root .a6-film-visual{aspect-ratio:1.35}
 #a2-root .a6-film-copy h2{font-size:36px}
 #a2-root .a6-film-copy p{font-size:12px}
 #a2-root .a6-film-link{min-height:48px}
}
@media(prefers-reduced-motion:reduce){
 #a2-root .a6-film-link,#a2-root .a2-mega-item{transition:none!important}
}