/* Compatibility fixes, scoped to the existing public JEL components. */
#project-form,.jel-contact-anchor{scroll-margin-top:110px}
.jel-contact-anchor{display:block;height:0}
.jel-manifesto__rail{overflow:hidden!important}
#jel-hero-3d .jel-3d-poster{display:none!important}
/* Reveal only a fully rendered live model, not its loading frames. */
#jel-hero-3d #model-stage:not([data-model-state="ready"]) #model-canvas{opacity:0!important}
#jel-hero-3d #model-stage[data-model-state="ready"] #model-canvas{opacity:1;transition:opacity .28s ease}
#jel-hero-3d #model-status{font-size:13px;max-width:380px;margin-inline:auto}
/* A transformed header otherwise becomes the containing block for fixed panels. */
#jel-ghf-header.jghf-menu-is-open{transform:none!important;filter:none!important;perspective:none!important;contain:none!important;opacity:1!important;visibility:visible!important}
#jel-ghf-header .jghf-mobile-panel{height:100dvh!important;max-height:100dvh!important;bottom:auto!important;overflow-y:auto!important;overscroll-behavior:contain}
@supports not (height:100dvh){#jel-ghf-header .jghf-mobile-panel{height:100vh!important;max-height:100vh!important}}
@media(max-width:1100px){
 .jel-hero-sequence.jel-hero-sequence--prev4{height:auto!important;min-height:0!important}
 .jel-hero-sequence--prev4>.jel-hero-sequence__sticky{position:relative!important;height:auto!important;min-height:0!important;overflow:hidden!important}
 .jel-hero-sequence--prev4 .jel-opening{position:relative!important;height:72svh!important;min-height:460px!important;opacity:1!important;transform:none!important}
 .jel-hero-sequence--prev4 .jel-opening__panel{inset:14px!important}
 .jel-hero-sequence--prev4 .jel-opening__brand{opacity:1!important;transform:none!important}
 .jel-hero-sequence--prev4 .jel-opening__agency{opacity:1!important}
 .jel-hero-sequence__sticky>#jel-hero-3d.jel-vr-hero--prev4{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:0!important;opacity:1!important;transform:none!important;padding:42px 0 0!important}
 #jel-hero-3d .jel-vr-hero__copy{position:relative!important;width:calc(100% - 40px)!important;max-width:650px!important;margin:0 auto!important;padding:0!important;transform:none!important}
 #jel-hero-3d .jel-vr-hero__copy>*{opacity:1!important;transform:none!important;filter:none!important}
 #jel-hero-3d .jel-hero-model{position:relative!important;inset:auto!important;flex:none;width:100%!important;height:clamp(330px,90vw,540px)!important;margin:20px 0 0!important}
 #jel-hero-3d h1{font-size:clamp(34px,8.4vw,52px)!important;line-height:1.06!important;hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important;letter-spacing:-.035em!important}
 #jel-hero-3d .jel-kicker{margin-bottom:18px!important}
 #jel-hero-3d .jel-lead{font-size:16px!important;line-height:1.55!important;margin-top:20px!important}
 #jel-hero-3d .jel-actions{margin-top:24px!important}
 #jel-hero-3d:before{display:none!important}
 .jel-sequence-ready #jel-ghf-header,.jel-sequence-pending #jel-ghf-header{opacity:1!important;visibility:visible!important;transform:none!important}
}
@media(max-width:600px){
 .jel-shell,.jghf-shell{max-width:calc(100% - 32px)}
 .jel-manifesto .jel-shell{width:calc(100% - 32px)!important;margin-inline:auto}
 :where(.jel-page-hero,.jel-case-hero,.jhero,.jcl-hero,.jcl-article-hero,.jtb-article-hero) h1{font-size:clamp(30px,8.4vw,42px)!important;line-height:1.1!important;hyphens:none!important;overflow-wrap:break-word!important}
 .jcl-hero,.jcl-article-hero{padding-bottom:32px!important;min-height:0!important}
 .jcl-article p,.jcl-article li{hyphens:auto;overflow-wrap:anywhere}
 .jel-opening__languages{display:none!important}
}