/* Shared compact ForgeCore layout. */

body.editorial-home{--blue:#0074d5;--ink:#092742;--muted:#627c94;--line:#dceaf4;background:#f6faff;color:var(--ink)}

body.editorial-home main{width:calc(100% - 64px);max-width:1120px;margin-inline:auto;background:#fff}

body.editorial-home header.refined-header{width:calc(100% - 64px);max-width:1120px;margin-inline:auto;padding:0 26px;height:94px;gap:20px;background:#ffffffed;border:1px solid #e2edf5;border-top:0;border-radius:0 0 22px 22px;box-shadow:0 8px 28px #006fbd0b;backdrop-filter:blur(20px)}

body.editorial-home header.refined-header nav{gap:4px;padding:5px;border:1px solid #deebf5;border-radius:24px;background:#f8fcffcc;box-shadow:0 7px 24px #007bd410;font-size:12px}

body.editorial-home header.refined-header nav>a:not(.button){background:transparent;border-color:transparent;border-radius:17px;padding:11px 10px;box-shadow:none}

body.editorial-home header.refined-header nav>a:not(.button):hover,body.editorial-home header.refined-header nav>a[aria-current=page]{background:#d9edff;color:#006ac3;border-color:#d9edff}

body.editorial-home header.refined-header nav>.button{background:#0074d5;border-color:#0074d5;padding:12px 18px;margin-left:4px}

body.editorial-home main>.section,body.editorial-home main>.hero,body.editorial-home main>.portfolio-hero,body.editorial-home main>#portfolio{padding-inline:40px}

body.editorial-home .portfolio-hero{gap:28px;padding-top:48px;padding-bottom:40px}

body.editorial-home .portfolio-hero h1{font-size:clamp(76px,7.2vw,96px);letter-spacing:-4px}

body.editorial-home .hero-proof{margin-inline:40px;gap:50px}

body.editorial-home .section-top{gap:28px}

body.editorial-home .hero{gap:36px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);background:#f4faff url('/optimized/hero-background.webp') center/cover no-repeat}

body.editorial-home .hero h1{font-size:clamp(48px,5vw,66px);letter-spacing:-3px}

body.editorial-home .hero .lead{font-size:20px;line-height:1.65}

body.editorial-home .hero-image.hero-film{max-width:300px}

body.editorial-home .button{border-radius:11px;background:#0074d5;box-shadow:0 6px 18px #0074d51a}

body.editorial-home .expertise-overview article,body.editorial-home .service-card{border:1px solid #d9eaf7;border-radius:18px;background:#eff8ff;overflow:hidden}

body.editorial-home .expertise-overview article:nth-child(3n+2),body.editorial-home .service-card:nth-child(3n+2){background:#f4f2ff;border-color:#e5e0f7}

body.editorial-home .expertise-overview article:nth-child(3n),body.editorial-home .service-card:nth-child(3n){background:#eefbfe}

body.editorial-home .expertise-overview article>div{border:0;padding:24px}

body.editorial-home .expertise-overview img{border-radius:0}

body.editorial-home .featured-visual{border-radius:18px}

body.editorial-home .dubai-intro{background:#f4faff url('/optimized/hero-background.webp') center/cover no-repeat}

body.editorial-home .dubai-service{border-bottom:1px solid #dfebf4}

body.editorial-home .dubai-service.soft,body.editorial-home .dubai-process{background:#f0f8fe}

body.editorial-home footer{width:calc(100% - 64px);max-width:1120px;margin-inline:auto;padding-inline:40px;background:#fff}

/* Prominent, keyboard-accessible product-detail action. */

body.editorial-home .product-copy .link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 16px;margin:12px 0 8px;border:1px solid #0067be;border-radius:10px;background:#0074d5;color:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 16px #0074d52b;cursor:pointer;text-decoration:none;transition:background .2s,box-shadow .2s}

body.editorial-home .product-copy .link:hover{background:#005dab;box-shadow:0 8px 22px #0074d540}

body.editorial-home .product-copy .link:focus-visible{outline:3px solid #003e75;outline-offset:4px}

@media(max-width:1050px) and (min-width:961px){body.editorial-home header.refined-header{padding:0 16px;gap:14px}body.editorial-home header.refined-header .brand{font-size:19px;gap:8px}body.editorial-home header.refined-header nav{font-size:11px}body.editorial-home header.refined-header nav>a:not(.button){padding:10px 8px}}

@media(max-width:960px){body.editorial-home header.refined-header{height:78px;width:calc(100% - 32px);padding:0 18px}body.editorial-home header.refined-header nav{display:none}body.editorial-home header.refined-header nav.open{display:flex;flex-direction:column;align-items:stretch;background:#fffffff8;padding:16px;gap:7px;border-radius:20px;max-height:calc(100dvh - 110px);box-shadow:0 18px 45px #123d5526}body.editorial-home header.refined-header nav>a:not(.button){justify-content:flex-start;padding:14px 17px;background:#f2f8fd;border-color:#e1edf6;font-size:16px}body.editorial-home header.refined-header nav>.button{margin:8px 0 0}body.editorial-home main,body.editorial-home footer{width:calc(100% - 32px)}body.editorial-home main>.section,body.editorial-home main>.hero,body.editorial-home main>.portfolio-hero,body.editorial-home main>#portfolio,body.editorial-home footer{padding-inline:28px}body.editorial-home .hero-proof{margin-inline:28px}.fresh-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:760px){body.editorial-home main,body.editorial-home footer{width:100%}body.editorial-home header.refined-header{width:100%;border-radius:0;padding:0 5%}body.editorial-home main>.section,body.editorial-home main>.hero,body.editorial-home main>.portfolio-hero,body.editorial-home main>#portfolio,body.editorial-home footer{padding-inline:6%}body.editorial-home .hero,body.editorial-home .portfolio-hero{grid-template-columns:1fr;gap:30px}body.editorial-home .portfolio-hero h1{font-size:clamp(68px,14vw,90px);letter-spacing:-3px}body.editorial-home .hero h1{font-size:clamp(44px,9vw,62px);letter-spacing:-2.4px}body.editorial-home .hero .lead{font-size:18px}body.editorial-home .hero-proof{margin-inline:6%;gap:24px}body.editorial-home .product-copy .link{font-size:14px}.fresh-products .product-grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){body.editorial-home .product-copy .link{transition:none}}


/* Fluid shared width: generous imagery on desktop, full width on phones. */
body.editorial-home{--page-width:94%;--page-inset:clamp(24px,3vw,64px)}
body.editorial-home main,body.editorial-home header.refined-header,body.editorial-home footer{width:var(--page-width);max-width:none;box-sizing:border-box}
body.editorial-home main>.section,body.editorial-home main>.hero,body.editorial-home main>.portfolio-hero,body.editorial-home main>#portfolio,body.editorial-home footer{padding-inline:var(--page-inset)}
body.editorial-home .hero-proof{margin-inline:var(--page-inset)}
body.editorial-home .portfolio-hero{grid-template-columns:minmax(0,0.85fr) minmax(0,1.4fr);gap:clamp(28px,4vw,80px)}
body.editorial-home .product-film-stage{max-width:none}
@media(min-width:1800px){body.editorial-home .portfolio-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}body.editorial-home .portfolio-hero h1{font-size:clamp(96px,6vw,148px)}}
@media(max-width:960px){body.editorial-home{--page-width:96%;--page-inset:24px}}
@media(max-width:760px){body.editorial-home{--page-width:100%;--page-inset:6%}body.editorial-home .portfolio-hero{grid-template-columns:minmax(0,1fr);gap:30px}}

/* Balanced fluid site width. */
body.editorial-home{--page-width:90%}
body.editorial-home main,body.editorial-home header.refined-header,body.editorial-home footer{max-width:1600px}
body.editorial-home .hero.services-film-hero{display:flex;position:relative;isolation:isolate;overflow:hidden;min-height:640px;padding-block:70px;background:#edf5fa}
.services-film-hero .services-film-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}
.services-film-hero .services-film-backdrop video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.services-film-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(248,252,255,.97) 0%,rgba(248,252,255,.94) 30%,rgba(248,252,255,.72) 48%,rgba(248,252,255,.16) 74%,rgba(248,252,255,.06) 100%)}
.services-film-hero .hero-copy{width:58%;max-width:750px;position:relative}
body.editorial-home .services-film-hero h1{font-size:clamp(48px,4.5vw,76px)}
.services-film-hero .hero-paths{max-width:540px}
.hero-video-control{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffffa8;border-radius:50%;background:#ffffffde;color:#12334c;cursor:pointer;z-index:2}
.hero-video-control svg{width:18px;height:18px;fill:currentColor}
.hero-video-control:focus-visible{outline:3px solid #0074d5;outline-offset:4px}
@media(max-width:960px){body.editorial-home{--page-width:96%}.services-film-hero .hero-copy{width:76%}.services-film-hero::after{background:linear-gradient(90deg,#f8fcfff5,#f8fcffe0 45%,#f8fcff66)}}
@media(max-width:760px){body.editorial-home{--page-width:100%}body.editorial-home .hero.services-film-hero{padding-block:44px 300px;min-height:0}.services-film-hero .hero-copy{width:100%;max-width:none}.services-film-hero .services-film-backdrop{top:auto;height:270px}.services-film-hero::after{background:linear-gradient(180deg,#f8fcff 0%,#f8fcff 57%,#f8fcff08 85%)}body.editorial-home .services-film-hero h1{font-size:clamp(44px,9vw,62px)}}

/* Increase the shared desktop width by 35%, bounded by the viewport. */
body.editorial-home main,body.editorial-home header.refined-header,body.editorial-home footer{width:min(121.5%,calc(100% - 48px));max-width:2160px}
@media(max-width:960px){body.editorial-home main,body.editorial-home header.refined-header,body.editorial-home footer{width:96%}}
@media(max-width:760px){body.editorial-home main,body.editorial-home header.refined-header,body.editorial-home footer{width:100%}}

/* Internal spacing must not include the outer viewport margins. */
body.editorial-home{--content-inset:var(--page-inset,clamp(24px,3vw,64px))}
body.editorial-home .spotlight{padding-inline:var(--content-inset);min-width:0}
body.editorial-home .spotlight-copy>p{max-width:60ch}
