/* One responsive frame for the homepage and the three editorial hero pages. */
:root{--gd-shared-hero-width:calc(100% - 48px);--gd-shared-hero-max-width:1664px;--gd-shared-hero-height:clamp(560px,calc(100svh - 126px),740px);--gd-shared-hero-min-height:560px;--gd-shared-hero-max-height:none;--gd-shared-hero-radius:24px}
.gd-home .hero-frame,#main :is(.gd-about-us,.gd-investor-journey)>.hero{box-sizing:border-box;width:var(--gd-shared-hero-width)!important;max-width:var(--gd-shared-hero-max-width)!important;height:var(--gd-shared-hero-height)!important;min-height:var(--gd-shared-hero-min-height)!important;max-height:var(--gd-shared-hero-max-height)!important;border-radius:var(--gd-shared-hero-radius)!important}
#main :is(.gd-about-us,.gd-investor-journey)>.hero{margin:12px auto 0!important}
@media(min-width:1700px){:root{--gd-shared-hero-height:740px}}
@media(max-width:1100px){:root{--gd-shared-hero-width:calc(100% - 32px)}}
@media(max-width:800px){:root{--gd-shared-hero-height:calc(100svh - 105px);--gd-shared-hero-min-height:570px;--gd-shared-hero-max-height:700px;--gd-shared-hero-radius:20px}}
@media(max-width:560px){:root{--gd-shared-hero-width:calc(100% - 24px);--gd-shared-hero-height:calc(100svh - 97px);--gd-shared-hero-min-height:580px;--gd-shared-hero-max-height:680px;--gd-shared-hero-radius:18px}}
@media(max-width:360px) and (max-height:700px){html[dir=rtl] #main .gd-about-us>.hero .declaration{margin-block:12px 0!important}}