/* Shared full-width hero with headline, branding and booking controls over the media. */
/* Desktop only: the next content section begins below the opening viewport.
   The measured offset includes languages, offer, navigation and the admin toolbar.
   A minimum rather than a fixed height keeps long headings and controls usable. */
@media(min-width:1001px){
 body.h2oh-rebuild #h2oh-homepage section.hero.h2r-whole-hero>.heroContent{
  min-height:max(460px,calc(100vh - var(--h2r-opening-offset,120px)))!important;
  min-height:max(460px,calc(100dvh - var(--h2r-opening-offset,120px)))!important;
 }
}

body.h2oh-rebuild #h2oh-homepage .hero.h2r-whole-hero{height:auto!important;min-height:0!important;display:block!important;padding:0!important;background:#073b50!important;overflow:hidden}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero>.heroContent{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:112px minmax(0,1fr) 112px!important;grid-template-rows:auto minmax(88px,1fr) auto!important;align-items:center!important;gap:0!important;width:100%!important;max-width:none!important;min-height:clamp(460px,38vw,560px)!important;margin:0!important;padding:0!important;box-sizing:border-box;isolation:isolate}
#h2oh-homepage .h2r-whole-hero .heroContent>h1{position:relative;z-index:3;grid-column:1/-1;grid-row:1;align-self:start;width:100%!important;max-width:none!important;margin:0!important;padding:28px 24px 16px!important;font-size:clamp(28px,3.3vw,44px)!important;line-height:1.15!important;text-align:center!important;color:#fff!important;text-shadow:0 2px 12px #001b2c!important;box-sizing:border-box}
#h2oh-homepage .h2r-whole-hero .heroContent>.h2r-hero-logo{position:relative;grid-column:1;grid-row:2;align-self:center!important;justify-self:start;margin:12px 0 12px 5vw!important;z-index:3}
#h2oh-homepage .h2r-whole-hero .heroContent>.h2r-hero-media{grid-column:1/-1;grid-row:1/-1;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto!important;max-height:none!important;overflow:hidden;margin:0;background:#062e40;z-index:0}
#h2oh-homepage .h2r-whole-hero .h2r-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03293b80 0%,#03293b12 38%,#03293b30 60%,#03293bdb 100%);z-index:2;pointer-events:none}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media .heroPoster{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;border-radius:0!important;opacity:1}
#h2oh-homepage .h2r-whole-hero .h2r-hero-picture{display:contents}
/* Preserve the complete yacht without changing the approved hero height. */
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--4-5-piratas .heroPoster{object-position:center 70%!important}
@supports(width:100cqh){
 #h2oh-homepage .h2r-hero-media--texas{container-type:size;background-image:url("https://h2ohcruises.com/wp-content/uploads/2026/09/DJI_0096-scaled.webp")!important;background-size:cover!important;background-position:center!important}
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--texas .heroPoster{inset:0 auto auto 50%!important;width:min(100cqw,235cqh)!important;transform:translateX(-50%);object-position:center!important;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
}
@media(max-width:767px){@supports(width:100cqw){
 #h2oh-homepage .h2r-hero-media--4-5-piratas{container-type:size}
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--4-5-piratas .heroPoster{inset:auto!important;left:50%!important;top:50%!important;width:100cqh!important;height:100cqw!important;object-position:70% center!important;transform:translate(-50%,-50%) rotate(-90deg)}
}}
body.h2oh-rebuild #h2oh-homepage .h2r-extras-shop.h2r-extras-shop--extra .h2r-extra-card:has(img[data-h2r-source-attachment="52114"])>.h2r-extra-media{aspect-ratio:1!important}
@media(min-width:1001px){@supports(width:100cqh){
 #h2oh-homepage .h2r-hero-media--dos-piratas{container-type:size;background-image:url("https://h2ohcruises.com/wp-content/uploads/2023/03/dos-piratas-hero.jpeg")!important;background-size:cover!important;background-position:center!important}
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--dos-piratas .heroPoster{inset:0 auto auto 50%!important;width:min(100cqw,235cqh)!important;transform:translateX(-50%);object-position:center!important;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
 #h2oh-homepage .h2r-hero-media--4-5-piratas{container-type:size;background-image:url("https://h2ohcruises.com/wp-content/uploads/2023/03/DJI_0044-2.jpg")!important;background-size:85% auto!important;background-position:center top!important;background-repeat:repeat-x!important}
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--4-5-piratas .heroPoster{inset:0 auto auto 50%!important;width:min(100cqw,280cqh)!important;transform:translateX(-50%);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
}}
@media(max-width:767px){
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--dos-piratas .heroPoster{object-position:42% center!important}
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--texas .heroPoster{object-position:41% center!important;mask-image:none!important}
}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--group-trip-page .heroPoster,body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--birthday-page .heroPoster,body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--photo-and-video-galleries-boat-tours .heroPoster{object-position:center 30%!important}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--premium-yacht-charter .heroPoster{object-position:center 62%!important}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--piratas-too .heroPoster{object-position:center 40%!important}
@media(min-width:768px){@supports(width:100cqw){
 #h2oh-homepage .h2r-hero-media--piratas-too{container-type:size}
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--piratas-too .heroPoster{inset:auto!important;left:50%!important;top:50%!important;width:100cqh!important;height:100cqw!important;object-position:center!important;transform:translate(-50%,-50%) rotate(90deg)}
}}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media--bachelorette-page .heroPoster{object-position:center 44%!important}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media>.heroVideo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;border-radius:0!important;z-index:1;opacity:0!important}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media.h2r-video-ready>.heroPoster{display:none!important}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media.h2r-video-ready>.heroVideo{display:block!important;opacity:1!important}
#h2oh-homepage .h2r-whole-hero .heroContent>.videoToggle{position:absolute;z-index:4;bottom:12px!important;right:12px!important}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .heroContent>.h2r-hero-booking{position:relative;z-index:3;grid-column:1/-1;grid-row:3;align-self:end;width:100%!important;max-width:none!important;margin:0!important;padding:12px 5vw 30px!important;box-sizing:border-box;background:transparent!important;color:#fff!important;text-shadow:0 1px 6px #001b2c}
#h2oh-homepage .h2r-whole-hero .h2r-hero-location-links{margin:0 0 8px!important;font-size:15px!important;line-height:1.45!important;color:#fff!important;text-shadow:0 1px 6px #001b2c}
#h2oh-homepage .h2r-whole-hero .h2r-hero-location-links a{color:#fff!important}
#h2oh-homepage .h2r-whole-hero .h2r-hero-location-links>span{margin:3px auto 0!important}
#h2oh-homepage .h2r-whole-hero .h2r-hero-booking .actions{margin:8px auto 0!important;gap:12px!important}
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .heroContent>.h2r-hero-booking .actions .btn{flex:0 1 auto!important;width:auto!important;max-width:none!important;min-width:190px!important;min-height:44px!important;margin:0!important;padding:10px 24px!important;font-size:16px!important;text-shadow:none!important}
/* Keep the requested paused scene below the headline. */
body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media.h2r-crew-bow .heroPoster,body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media.h2r-crew-bow>.heroVideo{object-position:center 12%!important}
@media(max-width:767px){
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .h2r-hero-media.h2r-crew-bow .heroPoster{inset:24px 0 auto!important;height:calc(100% - 24px)!important;object-position:30% 12%!important}
}
/* Keep small original add-on photographs close to their native dimensions. */
#h2oh-homepage .h2r-extras-shop--extra .h2r-extras-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,190px))!important;justify-content:center;gap:18px!important;max-width:1230px;margin-inline:auto}
body.h2oh-rebuild #h2oh-homepage .h2r-extras-shop.h2r-extras-shop--extra .h2r-extra-card>.h2r-extra-media{display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1.85!important;padding:0!important;overflow:hidden}
body.h2oh-rebuild #h2oh-homepage .h2r-extras-shop.h2r-extras-shop--extra .h2r-extra-card--wide-banner>.h2r-extra-media{aspect-ratio:3.75!important}
#h2oh-homepage .h2r-extras-shop--extra .h2r-extra-card--wide-banner>.h2r-extra-media>img{object-fit:contain!important}
#h2oh-homepage .h2r-extras-shop--extra .h2r-extra-media>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important}
#h2oh-homepage .h2r-extras-shop--extra .h2r-extra-copy{padding:14px 12px!important}
#h2oh-homepage .h2r-extras-shop--extra .h2r-extra-copy h4{font-size:18px!important;line-height:1.3!important;overflow-wrap:break-word}
#h2oh-homepage .h2r-extras-shop--extra .h2r-extra-price{font-size:22px!important;line-height:1.3!important}
#h2oh-homepage .h2r-extras-shop--extra .h2r-extra-note{font-size:14px!important;line-height:1.45!important}
@media(max-width:600px){#h2oh-homepage .h2r-extras-shop--extra .h2r-extras-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;max-width:392px}}
/* Article originals stay at their natural size instead of stretching small historic photographs. */
#h2oh-homepage .h2r-journal-article img{width:auto!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
/* Card photos fill rounded frames; detail galleries retain the full photograph. */
#h2oh-homepage .yachtImage{overflow:hidden;border-radius:12px}
#h2oh-homepage .yachtImage>img,#h2oh-homepage .h2r-experience-photo,#h2oh-homepage .celebrationPhotos img,#h2oh-homepage .h2r-experience-gallery img{object-fit:cover!important;object-position:center!important;border-radius:12px!important;background:#e9f2f3}
body.h2oh-rebuild #h2oh-homepage .hy-slider .hy-slide img,#h2oh-homepage .hy-gallery img,#h2oh-homepage .h2r-gallery img{object-fit:contain!important;object-position:center!important;border-radius:12px!important;background:#e9f2f3}
@media(max-width:1000px){
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero>.heroContent{grid-template-columns:108px minmax(0,1fr) 12px!important;min-height:460px!important}
 #h2oh-homepage .h2r-whole-hero .heroContent>h1{padding:24px 20px 16px!important;font-size:clamp(25px,4vw,36px)!important}
 #h2oh-homepage .h2r-whole-hero .heroContent>.h2r-hero-logo{margin:12px 20px!important}
}
@media(max-width:767px){
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .heroContent>.videoToggle{top:auto!important;left:auto!important;bottom:10px!important;right:10px!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:6px 12px!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap;border-radius:22px}
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .heroContent>.h2r-hero-booking{padding-bottom:60px!important}
}
@media(max-width:600px){
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero>.heroContent{min-height:430px!important}
 #h2oh-homepage .h2r-whole-hero .heroContent>h1{font-size:clamp(23px,6.3vw,29px)!important;line-height:1.16!important}
 #h2oh-homepage .h2r-whole-hero .heroContent>.h2r-hero-media{max-height:none!important}
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .heroContent>.h2r-hero-booking{padding:10px 16px 60px!important}
 #h2oh-homepage .h2r-whole-hero .h2r-hero-location-links{font-size:13px!important}
 #h2oh-homepage .h2r-whole-hero .h2r-hero-location-links>span{gap:0!important}
 #h2oh-homepage .h2r-whole-hero .h2r-hero-location-links>span>span:not(.locationSeparator){padding:3px 2px!important}
 #h2oh-homepage .h2r-whole-hero .h2r-hero-booking .actions{display:grid!important;grid-template-columns:1fr 1fr!important;flex-direction:row!important;max-width:none!important;gap:8px!important}
 body.h2oh-rebuild #h2oh-homepage .h2r-whole-hero .heroContent>.h2r-hero-booking .actions .btn{min-width:0!important;width:auto!important;max-width:none!important;padding:10px 8px!important;font-size:14px!important}
}