/* Wider breathing room on larger screens, with edge-to-edge opening scenes. */
@media(min-width:761px){
 body{--page-gutter:clamp(32px,4vw,96px)}
 .section,.client-strip{max-width:1800px;padding-inline:var(--page-gutter)}
 .header,.footer{max-width:1920px;padding-inline:var(--page-gutter)}
 .closing{max-width:calc(100% - var(--page-gutter)*2)}
}
.glass-page>.header{position:absolute;inset:0 0 auto;width:100%;max-width:none;background:transparent;border:0;box-shadow:none;color:#fff;z-index:10}
.glass-page .header .wordmark,.glass-page .header .desktop-nav a,.glass-page .header .menu-toggle,.glass-page .header .language-picker summary{color:#fff}
.glass-page .header .wordmark i{background:#fff}
.glass-page .header .desktop-nav a.active:after{background:#fff}
.glass-page .header .language-picker summary{border-color:#ffffff60;background:transparent}
.glass-page .header .header-cta{color:#fff;border:1px solid #ffffff70;background:transparent}
.glass-page .header .header-cta>span{color:#fff;background:transparent}
.glass-page .header .header-cta:hover{background:#ffffff18}
.glass-page .header .language-options{background:#181411;color:#fff}
.glass-page .mobile-nav{background:#15100ff5;border:1px solid #ffffff30}
.glass-page .hero.glass-hero{width:100%;max-width:none;margin:0;padding:0}
.glass-hero.photo-hero .hero-scene{height:100svh;min-height:720px;max-height:none;border-radius:0;background-color:#090402}
.glass-hero.photo-hero .hero-title{left:var(--page-gutter,22px);top:27%}
.glass-hero.photo-hero .hero-aside{right:var(--page-gutter,22px)}
.glass-hero.photo-hero .hero-bottom{left:var(--page-gutter,22px);right:var(--page-gutter,22px);bottom:38px}
.glass-service.sl-hero-editorial,.glass-service.service-hero-editorial{width:100%;max-width:none;margin:0 0 65px;padding:180px var(--page-gutter,24px) 100px;min-height:85svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:35px;border:0;border-radius:0;background:#090402;position:relative;isolation:isolate;overflow:hidden}
.glass-service:before{display:none}
.glass-service:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#10050090,transparent 90%),linear-gradient(0deg,#08040270,transparent 60%)}
.glass-service>:not(canvas){position:relative;z-index:2}
.glass-service>div:not(.service-sculpture){max-width:850px}
.glass-service .service-hero-copy h1,.glass-service h1{font-size:clamp(48px,6vw,100px);color:#fff;max-width:1000px}
.glass-service h1 em{color:#fff}
.glass-service .sl-intro,.glass-service .service-hero-copy>p,.glass-service .sl-fit{color:#f6e6d9}
.glass-service .sl-crumb{padding:0;margin:0;font-size:12px;max-width:none;color:#f6e6d9}
.glass-service .text-link{color:#fff;border-color:#ffffff70}
html[lang=ar] .glass-hero.photo-hero .hero-title{left:var(--page-gutter,22px);right:auto;top:25%}
html[lang=ar] .glass-hero.photo-hero .hero-aside{right:var(--page-gutter,22px);left:auto}
html[lang=ar] .glass-service h1{font-size:clamp(46px,5.8vw,90px);line-height:1.4}
html[lang=ar] .glass-service:after{background:linear-gradient(270deg,#10050090,transparent 90%),linear-gradient(0deg,#08040270,transparent 60%)}
@media(min-width:761px) and (max-width:1100px){
 .glass-page .desktop-nav{gap:12px}.glass-page .desktop-nav a{font-size:11px}
 .glass-page .header-cta{font-size:11px;gap:8px;padding:8px 10px}
 .glass-page .language-picker summary{min-width:78px;padding:8px 11px}
 .glass-page .header{gap:12px}
 .glass-hero.photo-hero .hero-title{width:65%;top:30%}
 .glass-hero.photo-hero h1{font-size:clamp(60px,8vw,85px)}
 html[lang=ar] .glass-hero.photo-hero .hero-title{width:55%}
 html[lang=ar] .glass-hero.photo-hero h1{font-size:clamp(52px,7vw,76px)}
}
@media(max-width:760px){
 .glass-hero.photo-hero .hero-scene{min-height:820px;height:100svh;border-radius:0}
 .glass-hero.photo-hero .hero-title,html[lang=ar] .glass-hero.photo-hero .hero-title{top:145px;left:22px;right:22px;width:auto}
 .glass-hero.photo-hero .hero-aside,html[lang=ar] .glass-hero.photo-hero .hero-aside{left:22px;right:22px;top:auto;bottom:145px;width:auto}
 .glass-hero.photo-hero .hero-bottom{bottom:30px}
 .glass-service.sl-hero-editorial,.glass-service.service-hero-editorial{padding:130px 24px 65px;min-height:85svh;margin-bottom:40px}
 .glass-service h1,.glass-service .service-hero-copy h1{font-size:clamp(39px,10vw,60px)}
 html[lang=ar] .glass-service h1{font-size:40px}
}
.glass-page .header .menu-toggle b{color:#fff}