/* PATO branding and Main Stage overrides. */
.site-header .logo-header img[data-brand-logo] { height: 50px; width: auto; max-width: 180px; }
.pato-hero { --pato-rail: 225px; background: #11131b; }
.pato-hero .side-heading-info { width: var(--pato-rail); padding: clamp(90px, 12vh, 170px) 32px;  justify-content: center; gap: 18px; z-index: 2; background: #f4f2ed; border-left: 1px solid #ddd8cd; }
.pato-hero .side-heading-info .title { font-size: clamp(36px, 3.3vw, 56px); letter-spacing: -.035em; white-space: nowrap; margin: 0; }
.pato-hero .side-heading-info .sub-title { font: 400 13px/1.6 var(--font-family-base, sans-serif); letter-spacing: .12em; white-space: nowrap; margin: 0; color: #77716a; background: none; -webkit-text-fill-color: currentColor; }
.pato-hero .main-bnr-one { background: radial-gradient(ellipse at 70% 20%, #4f4256, #181923 55%, #0c0d12); }
.pato-hero .banner-inner { min-height: 760px; height: min(930px, 100svh); padding: 120px 5vw 90px calc(var(--pato-rail) + 4vw); }
.pato-hero .banner-inner::before { background: linear-gradient(100deg, #11131b55, #11131b99); backdrop-filter: none; }
.pato-hero .banner-inner .banner-content .title { font-family: var(--font-family-base, sans-serif); font-size: clamp(32px, 3.4vw, 60px); font-weight: 500; line-height: 1.13; letter-spacing: -.045em; margin: 20px 0 24px; text-wrap: balance; }
.pato-hero .main-bnr-one .banner-inner .banner-content .pato-hero__eyebrow { font-size: 11px; letter-spacing: .15em; text-transform: uppercase; color: #eee4ce; margin: 0; }
.pato-hero .main-bnr-one .banner-inner .banner-content .pato-hero__intro { max-width: 440px; font-size: clamp(15px, 1.2vw, 18px); line-height: 1.8; color: #e0dde3; margin: 0 0 16px; }
.pato-hero .main-bnr-one .banner-inner .banner-content .pato-hero__statement { font-size: 14px; color: #fff; font-style: italic; margin-bottom: 30px; }
.pato-hero__film { position: relative; border: 1px solid #ffffff30; padding: 9px; background: #ffffff08; }
.pato-hero .main-bnr-one video#video-background3 { display: block; width: 100%; height: clamp(300px, 47vw, 520px); padding: 0; object-fit: cover; }
.pato-hero__film-label { position: absolute; bottom: 24px; left: 24px; z-index: 2; color: white; font-size: 9px; letter-spacing: .22em; text-shadow: 0 1px 5px #000; }
.pato-hero__cta { letter-spacing: .04em; }
.pato-hero__cta i { margin-left: 20px; }
.pato-hero__cta-caption { display: block; margin-top: 12px; color: #cdc8d2; font-size: 11px; letter-spacing: .06em; }
.pato-hero__motion { position: absolute; right: 30px; bottom: 24px; z-index: 2; color: #fff; background: #111a; border: 1px solid #ffffff60; border-radius: 30px; padding: 8px 16px; font-size: 11px; }
.pato-hero a:focus-visible, .pato-hero button:focus-visible { outline: 3px solid #edd6a1; outline-offset: 5px; }
@media (max-width: 991px) {
    .pato-hero { --pato-rail: 100px; }
    .pato-hero .side-heading-info { padding: 100px 22px; }
    .pato-hero .banner-inner { height: auto; min-height: 740px; padding-right: 25px; }
    .pato-hero .side-heading-info .title { font-size: 36px; }
    .pato-hero .side-heading-info .sub-title { font-size: 11px; }
}
@media (max-width: 767px) {
    .pato-hero { --pato-rail: 0px; }
    .pato-hero .side-heading-info { position: relative; width: 100%; height: auto; writing-mode: horizontal-tb; transform: none; padding: 92px 24px 24px; display: block; text-align: left; }
    .pato-hero .side-heading-info .title { font-size: 30px; letter-spacing: -.03em; margin-bottom: 6px; }
    .pato-hero .side-heading-info .sub-title { font-size: 11px; letter-spacing: .06em; }
    .pato-hero .banner-inner { padding: 30px 20px 80px; min-height: 0; }
    .pato-hero .banner-inner .banner-content { padding: 0; text-align: left; }
    .pato-hero .main-bnr-one video#video-background3 { height: 250px; }
    .pato-hero .banner-inner .banner-content .title { font-size: 36px; }
    .pato-hero__motion { right: 20px; }
}

.pato-hero .main-bnr-one .banner-inner .banner-content p { text-transform: none; }