/* BUTIGAL_OCEAN_V1711_BRANDING_V2: scoped customer Ocean pages only. */
.oc-shell .oc-nav-brand{gap:0;flex:0 1 auto;max-width:350px}
.oc-shell .oc-nav-brand img.oc-ocean-logo{display:block;width:320px;height:auto;max-height:84px;max-width:100%;object-fit:contain;object-position:left center}
.oc-shell .oc-nav{min-height:107px}
.oc-shell .oc-nav nav{flex:0 1 auto}
.oc-shell .oc-nav nav a{white-space:nowrap}
.oc-home-v1711 .oc-visual.oc-visual-v2{
  min-height:490px;padding:0;border-radius:26px;isolation:isolate;
  background:#123f38;box-shadow:0 29px 54px rgba(5,45,37,.22);
}
.oc-home-v1711 .oc-visual-v2 .oc-hero-photo{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center center;z-index:-2;display:block;
}
.oc-home-v1711 .oc-visual-v2:before{
  position:absolute;inset:0;z-index:-1;width:auto;height:auto;border-radius:0;
  background:linear-gradient(180deg,rgba(7,35,30,.69) 0%,rgba(8,35,29,.09) 36%,rgba(5,32,32,.03) 51%,rgba(5,36,30,.87) 100%);
  content:'';
}
.oc-home-v1711 .oc-visual-v2 .oc-photo-top{position:absolute;z-index:2;top:25px;left:25px;right:25px;
 display:flex;align-items:flex-start;justify-content:space-between;gap:14px;color:#fff;font-weight:900;
 text-shadow:0 2px 9px rgba(0,0,0,.58);letter-spacing:.1em;font-size:11px}
.oc-home-v1711 .oc-visual-v2 .oc-photo-tag{padding:7px 11px;border:1px solid rgba(255,255,255,.56);
 background:rgba(4,64,45,.72);border-radius:100px;letter-spacing:.05em;font-size:10px;white-space:nowrap}
.oc-home-v1711 .oc-visual-v2 .oc-photo-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;
 padding:31px 26px 27px;display:grid;gap:10px;color:#fff}
.oc-home-v1711 .oc-visual-v2 .oc-photo-bottom strong{font-size:23px;line-height:1.2;letter-spacing:-.025em;color:#fff;text-shadow:0 2px 8px #061e19}
.oc-home-v1711 .oc-visual-v2 .oc-photo-bottom p{font-size:12px;line-height:1.55;color:#edf9f5;max-width:410px;margin:0;text-shadow:0 1px 4px #071f19}
.oc-home-v1711 .oc-visual-v2 .oc-photo-route{display:flex;align-items:center;gap:10px;
 font-size:10px;font-weight:950;letter-spacing:.13em;color:#ffe082}
.oc-home-v1711 .oc-visual-v2 .oc-photo-route i{display:block;flex:0 0 34px;border-top:1px dashed #ffe082}
@media(max-width:970px){
 .oc-shell .oc-nav-brand img.oc-ocean-logo{width:285px;max-height:79px}
 .oc-shell .oc-nav{min-height:auto}
 .oc-home-v1711 .oc-visual.oc-visual-v2{min-height:440px}
}
@media(max-width:570px){
 .oc-shell .oc-nav-brand img.oc-ocean-logo{width:264px;max-height:73px}
 .oc-home-v1711 .oc-visual.oc-visual-v2{min-height:350px;border-radius:20px}
 .oc-home-v1711 .oc-visual-v2 .oc-photo-top{top:16px;left:17px;right:17px;flex-wrap:wrap}
 .oc-home-v1711 .oc-visual-v2 .oc-photo-bottom{padding:24px 18px 20px}
 .oc-home-v1711 .oc-visual-v2 .oc-photo-bottom strong{font-size:19px}
 .oc-home-v1711 .oc-visual-v2 .oc-photo-tag{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.oc-home-v1711 .oc-visual-v2 *{animation:none!important}}
