/* Rize Charter cross-promotion */
.charter-wrap{padding:28px clamp(20px,3.7vw,72px) 0;background:#fff}
.charter-banner{display:flex;position:relative;isolation:isolate;overflow:hidden;align-items:center;justify-content:space-between;gap:24px;min-height:220px;padding:32px 40px;color:#fff;background:#11242e;text-decoration:none}
.charter-banner>.charter-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;z-index:-2}
.charter-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,27,.9),rgba(6,18,27,.22) 65%,rgba(6,18,27,.5));z-index:-1}
.charter-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.charter-logo{width:156px;height:auto;display:block;mix-blend-mode:screen}
.charter-copy strong{font-size:clamp(30px,3.5vw,48px);line-height:1.05;letter-spacing:-.04em}
.charter-cta{display:flex;align-items:center;gap:24px;background:#fff;color:#111;padding:18px 24px;font-size:15px;white-space:nowrap}
.charter-banner:hover .charter-cta{background:#f5e8d5}
.charter-banner:focus-visible{outline:3px solid #2452ff;outline-offset:4px}
@media(max-width:600px){.charter-wrap{padding-top:20px}.charter-banner{min-height:280px;padding:24px;align-items:flex-start;flex-direction:column;gap:24px}.charter-logo{width:128px}.charter-banner>.charter-photo{object-position:65% center}.charter-banner:before{background:linear-gradient(90deg,rgba(6,18,27,.85),rgba(6,18,27,.2))}.charter-cta{padding:14px 18px}}

/* even spacing (Tim, 7 Oct 2026): the banner sits on the page gutter with the same air below it as above */
.charter-wrap{padding:0 var(--pad) clamp(48px,6vw,96px)!important}

/* v2 (Tim, 17 Oct 2026: "make a nicer banner that fits here, create new image"): blue-hour yacht off Dubai Marina, taller,
   copy stacked on the left with the button under it, site type (Neue Haas), square button like the rest of the page */
.charter-banner{min-height:clamp(320px,30vw,460px)!important;padding:clamp(28px,4vw,64px)!important;align-items:flex-end!important;justify-content:flex-start!important;background:#07101a!important}
.charter-banner>.charter-photo{object-position:62% 55%!important;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.charter-banner:hover>.charter-photo{transform:scale(1.03)}
.charter-banner:before{background:linear-gradient(90deg,rgba(4,10,18,.88) 0%,rgba(4,10,18,.55) 38%,rgba(4,10,18,0) 62%),linear-gradient(0deg,rgba(4,10,18,.45),rgba(4,10,18,0) 45%)!important}
.charter-copy{gap:16px!important;max-width:min(520px,100%)}
.charter-logo{width:132px!important;opacity:.95}
.charter-copy strong{font-family:"neue-haas-grotesk-display","neue-haas-grotesk-text",-apple-system,"Helvetica Neue",sans-serif;font-weight:700;font-size:clamp(34px,4.4vw,64px)!important;line-height:.95!important;letter-spacing:-.035em!important;text-wrap:balance}
.charter-sub{display:block;font-size:clamp(14px,1.15vw,17px);line-height:1.45;color:rgba(255,255,255,.82);max-width:44ch}
.charter-banner .charter-cta{position:static;margin-top:8px;align-self:flex-start;background:#fff;color:#0a0a0b;padding:16px 22px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-radius:0}
.charter-banner:hover .charter-cta{background:#fff!important;color:#0a0a0b}
@media(max-width:600px){.charter-banner{min-height:440px!important;align-items:flex-end!important}.charter-banner>.charter-photo{object-position:68% 50%!important}.charter-banner:before{background:linear-gradient(0deg,rgba(4,10,18,.92) 0%,rgba(4,10,18,.55) 45%,rgba(4,10,18,0) 75%)!important}}
@media(min-width:601px){.charter-copy{max-width:min(520px,44%)!important}}