/* Transparent artwork blends into both the white header and pale mint footer. */
:root{--brand-header-height:147px;--brand-logo-slot:174px}
.brand-contact-bar{background:#0a3357;color:#fff;font-family:DM,Arial,sans-serif;font-size:11px}
.brand-contact-inner{width:min(1280px,calc(100% - 64px));min-height:34px;margin:auto;display:flex;align-items:center;gap:32px}
.brand-contact-inner a{display:inline-flex;align-items:center;gap:9px;color:#fff!important;text-decoration:none;line-height:1.4;padding:7px 0;transform-origin:left center;transition:transform .44s cubic-bezier(.2,.65,.3,1)}
.brand-contact-inner svg{flex:none;width:17px;height:17px}
.brand-contact-inner a:focus-visible{outline-color:#fff4d8!important}
.sn-header .sn-row{height:112px;gap:24px}
.sactour-gateway-brand .sn-logo.gw-logo.brand-image-link{display:flex;flex:none;gap:0;width:var(--brand-logo-slot);min-height:44px;justify-content:center;line-height:0;letter-spacing:0}
.brand-image-frame{display:block;width:100%;aspect-ratio:1728/910;position:relative;background:transparent}
.brand-image-frame img{display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;object-fit:contain;transform:none!important}
/* Header and footer share one responsive logo size. */
.sn-header .brand-image-frame,.brand-footer-logo .brand-image-frame{width:66%;flex:none}
.brand-footer-logo{display:block;width:var(--brand-logo-slot);max-width:100%;line-height:0;margin-bottom:16px;transform-origin:left center}
.brand-image-link{transition:transform .44s cubic-bezier(.2,.65,.3,1),box-shadow .44s}
.brand-image-link:focus-visible{transform:translateY(-2px) scale(1.035)}
.sactour-gateway-brand .hero.hero-full{min-height:calc(100svh - var(--brand-header-height))}
.sn-panel{max-height:calc(100dvh - var(--brand-header-height));overflow-y:auto}
@media(hover:hover) and (pointer:fine){.brand-image-link:hover,.brand-contact-inner a:hover{transform:translateY(-2px) scale(1.035)}}
@media(min-width:1151px) and (max-width:1280px){.sn-header .sn-row{gap:13px}.sn-header .sn-trigger{padding-inline:9px;font-size:12px}:root{--brand-logo-slot:155px}.sn-header .sn-actions{gap:9px}.sn-header .sn-cta{padding-inline:12px;font-size:11px}}
@media(max-width:1150px){:root{--brand-header-height:129px}.sn-header .sn-row{height:94px!important}:root{--brand-logo-slot:145px}.brand-contact-inner{width:calc(100% - 40px)}.sn-header .sn-nav{max-height:calc(100dvh - var(--brand-header-height))}.sn-panel{max-height:none;overflow:visible}}
@media(max-width:760px){:root{--brand-header-height:119px}.sn-header .sn-row{height:84px!important}:root{--brand-logo-slot:124px}.brand-contact-inner{gap:19px;font-size:10px}.brand-contact-inner a{gap:6px}.brand-contact-inner svg{width:14px;height:14px}}
@media(max-width:420px){:root{--brand-header-height:113px}.sn-header .sn-row{height:78px!important}:root{--brand-logo-slot:106px}.brand-contact-inner{width:calc(100% - 24px);justify-content:space-between;gap:8px;font-size:9px}.brand-contact-inner a{gap:4px}.brand-contact-inner svg{width:12px;height:12px}.brand-contact-inner span{white-space:nowrap}.sn-header .sn-actions{gap:5px!important}}
@media(max-width:360px){:root{--brand-logo-slot:96px}.brand-contact-inner{font-size:8px;gap:6px}.brand-contact-inner a{gap:3px}.sn-header .sn-actions{gap:4px!important}.sn-header .language-switch summary{gap:2px;padding-inline:2px}.sn-header .sn-cta{max-width:72px;font-size:9px!important;padding:8px 6px!important;gap:3px!important}.sn-header .sn-toggle{width:34px}}
@media(prefers-reduced-motion:reduce){.brand-image-link,.brand-contact-inner a{transition:none;transform:none!important}}