@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Oswald:wght@400;500;600&display=swap');

:root{
  --bmc-blue:#205f9e;
  --bmc-dark:#164e62;
  --bmc-cream:#fbf7ef;
  --bmc-red:#ca2d3c;
  --bmc-gold:#d1a34d;
  --bmc-text:#1c5267;
  --bmc-white:#ffffff;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.bmc-sirene-page-body{
  margin:0;
  background:#fff;
  color:var(--bmc-text);
  font-family:Arial,Helvetica,sans-serif;
}
body.bmc-sirene-page-body .site-header,
body.bmc-sirene-page-body .site-footer{
  display:none!important;
}
a{text-decoration:none}
.bmc-sirene-page{width:100%;overflow:hidden}
.bmc-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}

/* TOP BLUE BAR */
.bmc-topbar{
  height:31px;
  background:var(--bmc-blue);
  color:rgba(255,255,255,.52);
  font-size:12px;
}
.bmc-topbar-inner{
  height:31px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.bmc-topbar-left{
  display:flex;
  align-items:center;
  gap:12px;
}
.bmc-topbar-left a,
.bmc-topbar-left span{
  color:rgba(255,255,255,.52);
}
.bmc-topbar-left i{
  width:1px;
  height:14px;
  background:rgba(255,255,255,.18);
}
.bmc-topbar-social{
  display:flex;
  gap:14px;
  align-items:center;
  color:rgba(255,255,255,.38);
}

/* WHITE REFERENCE-STYLE HEADER */
.bmc-main-header{
  height:104px;
  background:#fff;
  position:relative;
  z-index:20;
}
.bmc-main-header-inner{
  max-width:1240px;
  height:104px;
  margin:0 auto;
  padding:0 26px;
  display:grid;
  grid-template-columns:320px 1fr 148px;
  gap:22px;
  align-items:center;
}
.bmc-main-brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.bmc-main-brand img{
  width:62px;
  height:62px;
  border-radius:50%;
  object-fit:cover;
}
.bmc-main-brand strong{
  display:block;
  font-family:'Oswald',Arial,sans-serif;
  color:#1f5f9d;
  font-size:24px;
  font-weight:600;
  letter-spacing:.03em;
  line-height:1;
  white-space:nowrap;
}
.bmc-main-brand small{
  display:block;
  margin-top:7px;
  font-family:'Oswald',Arial,sans-serif;
  color:#7a8b92;
  font-size:8px;
  letter-spacing:.24em;
  white-space:nowrap;
}
.bmc-main-menu{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:29px;
}
.bmc-main-menu a{
  position:relative;
  font-family:'Oswald',Arial,sans-serif;
  color:#3e7db3;
  font-size:12px;
  font-weight:500;
  letter-spacing:.20em;
  white-space:nowrap;
}
.bmc-main-menu a.active{
  color:#144f62;
  font-weight:600;
}
.bmc-main-menu a.active:after{
  content:'';
  position:absolute;
  width:4px;
  height:4px;
  left:50%;
  bottom:-12px;
  transform:translateX(-50%);
  border-radius:50%;
  background:var(--bmc-gold);
}
.bmc-book-btn{
  justify-self:end;
  width:132px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--bmc-red);
  color:#fff;
  font-family:'Oswald',Arial,sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.19em;
}

/* BLANK IMAGE SLIDER */
.bmc-hero-slider{
  position:relative;
  height:680px;
  overflow:hidden;
  background:#0a2835;
}
.bmc-hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.04);
  background-size:cover;
  background-position:center;
  transition:opacity 1.2s ease,transform 7s ease;
}
.bmc-hero-slide.is-active{
  opacity:1;
  transform:scale(1);
}
.bmc-hero-overlay{
  position:absolute;
  inset:0;
  background:rgba(5,27,38,.18);
  pointer-events:none;
}

/* FIVE FEATURE BOXES */
.bmc-feature-strip{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  min-height:188px;
  background:var(--bmc-cream);
}
.bmc-feature{
  padding:28px 22px 24px;
  text-align:center;
  border-right:1px solid #dedbd5;
}
.bmc-feature:last-child{border-right:0}
.bmc-feature-icon{
  height:34px;
  color:#db3d4d;
  font-size:29px;
}
.bmc-feature h3{
  margin:9px 0 2px;
  font-family:'Cormorant Garamond',Georgia,serif;
  color:#164e61;
  font-size:20px;
  font-weight:700;
}
.bmc-wave{
  color:var(--bmc-gold);
  font-size:11px;
  margin-bottom:10px;
}
.bmc-feature p{
  max-width:170px;
  margin:0 auto;
  color:#28596a;
  font-size:12px;
  line-height:1.55;
}

/* IMAGE + BLUE CONTENT PANEL */
.bmc-reference-intro{
  position:relative;
  height:365px;
  overflow:hidden;
}
.bmc-reference-image{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center 42%;
}
.bmc-reference-card{
  position:absolute;
  width:48%;
  min-height:225px;
  right:9%;
  top:0;
  z-index:5;
  padding:47px 55px 38px;
  background:#1e5c9d;
  color:#fff;
  text-align:center;
}
.bmc-reference-card:before{
  content:'';
  position:absolute;
  top:-13px;
  left:50%;
  transform:translateX(-50%);
  border-left:13px solid transparent;
  border-right:13px solid transparent;
  border-bottom:13px solid #1e5c9d;
}
.bmc-card-wave{
  font-size:14px;
  margin-bottom:15px;
}
.bmc-reference-card p{
  max-width:590px;
  margin:0 auto 25px;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:18px;
  line-height:1.35;
  font-style:italic;
}
.bmc-reference-card a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:46px;
  padding:0 28px;
  border:2px solid #fff;
  color:#fff;
  font-family:'Oswald',Arial,sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.18em;
}

.bmc-stop-area{
  height:240px;
  background:#fff;
}

@media(max-width:1050px){
  .bmc-main-header-inner{
    grid-template-columns:270px 1fr 120px;
  }
  .bmc-main-brand strong{font-size:20px}
  .bmc-main-menu{gap:15px}
  .bmc-main-menu a{font-size:10px;letter-spacing:.12em}
  .bmc-book-btn{width:112px}
}

@media(max-width:760px){
  .bmc-topbar{
    min-height:34px;
    height:auto;
  }
  .bmc-topbar-inner{
    min-height:34px;
    padding-top:6px;
    padding-bottom:6px;
  }
  .bmc-topbar-left{
    gap:7px;
    font-size:9px;
  }
  .bmc-topbar-left>span,
  .bmc-topbar-left i:nth-of-type(2),
  .bmc-topbar-social{
    display:none;
  }

  .bmc-main-header{
    height:78px;
  }
  .bmc-main-header-inner{
    height:78px;
    grid-template-columns:1fr auto;
    padding:0 14px;
  }
  .bmc-main-brand img{
    width:48px;
    height:48px;
  }
  .bmc-main-brand strong{
    font-size:17px;
  }
  .bmc-main-brand small{
    font-size:6.5px;
    margin-top:4px;
  }
  .bmc-main-menu{
    display:none;
  }
  .bmc-book-btn{
    width:96px;
    height:38px;
    font-size:9px;
  }

  .bmc-hero-slider{
    height:470px;
  }

  .bmc-feature-strip{
    grid-template-columns:1fr 1fr;
  }
  .bmc-feature{
    min-height:165px;
    border-bottom:1px solid #dedbd5;
  }
  .bmc-feature:nth-child(5){
    grid-column:1/3;
  }

  .bmc-reference-intro{
    height:520px;
  }
  .bmc-reference-card{
    width:88%;
    right:6%;
    top:250px;
    padding:36px 26px 30px;
  }
  .bmc-reference-card p{
    font-size:17px;
  }
  .bmc-stop-area{
    height:140px;
  }
}

/* ==========================================================
   SIRENE HEADER EXACT-PROPORTION REFINEMENT
   Based on supplied 1347x132 reference capture.
   ========================================================== */

:root{
  --sirene-ref-blue:#125294;
  --sirene-ref-red:#c33040;
  --sirene-ref-muted:#5e8ab6;
  --sirene-ref-dark:#0f4b5e;
}

/* 33px top bar, matching reference capture */
.bmc-topbar{
  height:33px !important;
  min-height:33px !important;
  background:var(--sirene-ref-blue) !important;
  color:rgba(255,255,255,.43) !important;
  font-size:12px !important;
}

.bmc-topbar-inner{
  height:33px !important;
  min-height:33px !important;
  width:100% !important;
  max-width:none !important;
  padding:0 31px !important;
}

.bmc-topbar-left{
  gap:11px !important;
}

.bmc-topbar-left a,
.bmc-topbar-left span{
  color:rgba(255,255,255,.43) !important;
  font-size:12px !important;
  line-height:1 !important;
}

.bmc-topbar-left i{
  height:15px !important;
  background:rgba(255,255,255,.18) !important;
}

.bmc-topbar-social{
  gap:13px !important;
  color:rgba(255,255,255,.38) !important;
  font-size:11px !important;
}

/* 99px white header; total top+header = 132px like reference */
.bmc-main-header{
  height:99px !important;
  min-height:99px !important;
  background:#fff !important;
  border-bottom:1px solid #e7edf3 !important;
  box-shadow:none !important;
}

.bmc-main-header-inner{
  height:99px !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 32px !important;
  display:grid !important;
  grid-template-columns:325px 1fr 166px !important;
  gap:20px !important;
  align-items:center !important;
}

/* Brand block proportions */
.bmc-main-brand{
  gap:13px !important;
  min-width:0 !important;
}

.bmc-main-brand img{
  width:64px !important;
  height:64px !important;
  object-fit:contain !important;
  flex:0 0 64px !important;
}

.bmc-main-brand strong{
  font-family:'Oswald',Arial,sans-serif !important;
  color:var(--sirene-ref-blue) !important;
  font-size:23px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:.018em !important;
}

.bmc-main-brand small{
  margin-top:6px !important;
  font-family:'Oswald',Arial,sans-serif !important;
  color:#7690a3 !important;
  font-size:7.5px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:.22em !important;
}

/* Navigation: narrow uppercase reference treatment */
.bmc-main-menu{
  justify-content:center !important;
  gap:31px !important;
}

.bmc-main-menu a{
  font-family:'Oswald',Arial,sans-serif !important;
  color:#4f82b6 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:.19em !important;
}

.bmc-main-menu a.active{
  color:#0e4b5d !important;
  font-weight:600 !important;
}

.bmc-main-menu a.active:after{
  width:3px !important;
  height:3px !important;
  bottom:-11px !important;
  background:#c99c4a !important;
}

/* Red CTA dimensions from reference */
.bmc-book-btn{
  justify-self:end !important;
  width:134px !important;
  min-width:134px !important;
  height:46px !important;
  background:var(--sirene-ref-red) !important;
  color:#fff !important;
  font-family:'Oswald',Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:.18em !important;
  border:0 !important;
  border-radius:0 !important;
}

/* Tablet keeps same visual language while fitting */
@media(max-width:1050px){
  .bmc-main-header-inner{
    grid-template-columns:275px 1fr 120px !important;
    padding:0 22px !important;
  }
  .bmc-main-brand strong{font-size:20px !important}
  .bmc-main-menu{gap:16px !important}
  .bmc-main-menu a{
    font-size:10px !important;
    letter-spacing:.12em !important;
  }
  .bmc-book-btn{
    width:112px !important;
    min-width:112px !important;
  }
}

/* Mobile: same brand/color/font character, compact layout */
@media(max-width:760px){
  .bmc-topbar{
    height:32px !important;
    min-height:32px !important;
  }

  .bmc-topbar-inner{
    height:32px !important;
    min-height:32px !important;
    padding:0 12px !important;
  }

  .bmc-main-header{
    height:78px !important;
    min-height:78px !important;
  }

  .bmc-main-header-inner{
    height:78px !important;
    grid-template-columns:1fr auto !important;
    padding:0 14px !important;
  }

  .bmc-main-brand img{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }

  .bmc-main-brand strong{
    font-size:16px !important;
  }

  .bmc-main-brand small{
    font-size:6.5px !important;
    letter-spacing:.16em !important;
  }

  .bmc-book-btn{
    width:96px !important;
    min-width:96px !important;
    height:38px !important;
    font-size:9px !important;
  }
}
