/*
 * Extracted verbatim from the archived production Code Modules.
 * Source order is preserved for visual parity and browser caching.
 */

/* body-01.html */
html{
  scroll-behavior:smooth;
}

.os-ct-hero4{
  --gold:#b6aa83;
  --blue:#212d42;
  --dark:#3c3c3c;
  width:100%;
  margin:0;
  background:var(--gold);
}

.os-ct-hero4__card{
  width:100%;
  display:grid;
  grid-template-columns:1.55fr 1fr;
  min-height:clamp(360px, 36vw, 560px);
  overflow:hidden;
  background:var(--gold);
}

/* DESKTOP/TABLET keeps gradient */
.os-ct-hero4__media{
  position:relative;
  background:
    linear-gradient(0deg, rgba(182,170,131,.18), rgba(182,170,131,.18)),
    linear-gradient(90deg,
      rgba(182,170,131,0) 0%,
      rgba(182,170,131,.10) 38%,
      rgba(182,170,131,.28) 55%,
      rgba(182,170,131,.55) 68%,
      rgba(182,170,131,.78) 78%,
      rgba(182,170,131,.92) 86%,
      rgba(182,170,131,1) 92%,
      rgba(182,170,131,1) 100%),
    url("../../../../../uploads/2026/07/Charter-Types-IHero.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* Overlap curtain to eliminate seam (desktop/tablet) */
.os-ct-hero4__media::after{
  content:"";
  position:absolute;
  top:0;
  right:-1px;
  width:80px;
  height:100%;
  background:var(--gold);
  pointer-events:none;
}

.os-ct-hero4__headline{
  position:absolute;
  left:clamp(28px, 4vw, 64px);
  top:clamp(60px, 8vw, 140px);
  max-width:720px;
  z-index:2;
}

.os-ct-hero4__h1{
  margin:0 0 14px;
  font-family:"Bungee", sans-serif;
  font-size:clamp(38px, 4.8vw, 76px);
  letter-spacing:.04em;
  color:var(--blue);
  line-height:1.02;
}

.os-ct-hero4__sub{
  margin:0;
  font:500 16px/1.7 "Inter", system-ui, sans-serif;
  color:var(--dark);
  max-width:620px;
}

.os-ct-hero4__nav{
  background:var(--gold);
  display:flex;
  align-items:center;
  position:relative;
  z-index:5;
}

.os-ct-hero4__nav-inner{
  width:100%;
  padding:clamp(28px, 3.4vw, 56px);
}

.os-ct-hero4__nav-head{
  font-family:"Anton", sans-serif;
  font-size:clamp(22px, 2.2vw, 28px);
  letter-spacing:.14em;
  color:#ffffff;
  margin-bottom:22px;
  white-space:nowrap;
}

.os-ct-hero4__links{
  display:grid;
  gap:14px;
}

.os-ct-hero4__link{
  position:relative;
  padding:10px 0 14px;
  font:800 14px/1.2 "Inter", system-ui, sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--blue);
  text-decoration:none;
}

.os-ct-hero4__link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--blue);
  opacity:.75;
}

.os-ct-hero4__link:hover{
  opacity:.85;
}

.os-ct-hero4__hint{
  margin-top:18px;
  font:500 12.5px/1.6 "Inter", system-ui, sans-serif;
  color:rgba(33,45,66,.78);
}

/* RESPONSIVE */
@media (max-width:980px){
  .os-ct-hero4__card{
    grid-template-columns:1fr;
  }

  .os-ct-hero4__media{
    min-height:320px;
  }

  .os-ct-hero4__media::after{
    display:none;
  }

  .os-ct-hero4__headline{
    top:40px;
    left:20px;
    right:20px;
  }

  .os-ct-hero4__nav-head{
    white-space:normal;
  }
}

/* MOBILE ONLY: remove the gold gradient overlays entirely */
@media (max-width:640px){
  .os-ct-hero4__media{
    background:
      url("../../../../../uploads/2026/07/Charter-Types-IHero.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }
}

/* body-02.html */
.os-dt3{
  --ink:#0a1533;
  --muted:#3b4254;
  --bg:#f2f3f5;
  --gold:#c5b380;
  background:var(--bg);
  padding:40px 10px;
  position:relative;
  overflow:clip;

  /* sticky header offset for anchor scroll */
  scroll-margin-top:140px;
}

.os-dt3--dividers::before,
.os-dt3--dividers::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:10px;
  background:var(--gold);
}

/* TOP DIVIDER — THEME BLUE */
.os-dt3--dividers::before{
  background:#193258;
}
.os-dt3--dividers::before{ top:0; }
.os-dt3--dividers::after{ bottom:0; }

.os-dt3__wrap{
  width:min(95vw, 1500px);
  margin:0 auto;
}

/* HEADER */
.os-dt3__top{
  text-align:center;
  max-width:1100px;
  margin:0 auto 28px;
}
.os-dt3__title{
  font-family:"Bungee", sans-serif;
  font-size:clamp(36px, 3.6vw, 54px);
  margin-bottom:12px;
  color:var(--ink);
}
.os-dt3__intro{
  font-family:Inter, sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}

/* GRID (DESKTOP) */
.os-dt3__grid{
  display:grid;
  grid-template-columns:1.35fr 1.15fr;
  grid-template-rows:auto 1fr;
  gap:26px 34px;
}

/* BOAT IMAGE */
.os-dt3__boat{
  grid-row:1 / span 2;
  position:relative;
  padding:8px;
  background:var(--gold);
  border-radius:0 !important;
  overflow:visible !important;
  transition:transform .45s ease, box-shadow .45s ease;
}

.os-dt3__boat:hover{
  transform:translateY(-4px);
}

.os-dt3__boat img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0 !important;
  position:relative;
  z-index:1;
  transition:transform .6s ease;
}

.os-dt3__boat:hover img{
  transform:scale(1.015);
}

.os-dt3__boat::after{
  content:"";
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  bottom:12px;
  border:3px solid var(--ink);
  border-radius:0 !important;
  pointer-events:none;
  z-index:2;
}

/* LEFT / RIGHT CONTENT */
.os-dt3__kicker{
  font-family:"Bungee", sans-serif;
  font-size:26px;
  margin-bottom:14px;
  color:var(--ink);
}
.os-dt3__p{
  font-family:Inter, sans-serif;
  font-size:16.5px;
  line-height:1.75;
  max-width:680px;
  color:var(--muted);
}

/* CARD */
.os-dt3__card{
  display:grid;
  grid-template-columns:320px 1fr;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(10,21,51,.1);
  transition:transform .45s ease, box-shadow .45s ease;
}

.os-dt3__card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 50px rgba(10,21,51,.14);
}

.os-dt3__cardImg{
  overflow:hidden;
}

.os-dt3__cardImg img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s ease;
}

.os-dt3__card:hover .os-dt3__cardImg img{
  transform:scale(1.03);
}

.os-dt3__cardBody{
  padding:20px;
}
.os-dt3__cardTitle{
  font-family:"Bungee", sans-serif;
  font-size:18px;
  margin-bottom:14px;
  color:var(--ink);
}

/* GOLD BULLETS ONLY */
.os-dt3__list{
  list-style:none;
  padding:0;
  margin:0;
}
.os-dt3__list li{
  position:relative;
  padding-left:22px;
  margin-bottom:12px;
  font-family:Inter, sans-serif;
  font-weight:600;
  color:var(--ink);
}
.os-dt3__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:8px;
  height:8px;
  background:var(--gold);
  border-radius:50%;
}

/* BOTTOM CTA */
.os-dt3__bottom{
  margin-top:22px;
  text-align:center;
}
.os-dt3__btn{
  display:inline-block;
  background:var(--gold);
  color:var(--ink);
  font-family:"Bungee", sans-serif;
  padding:14px 32px;
  border-radius:10px;
  text-decoration:none;
  letter-spacing:.1em;
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
  box-shadow:0 10px 22px rgba(10,21,51,.10);
}

.os-dt3__btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(10,21,51,.16);
  filter:brightness(1.02);
}

/* MOBILE */
@media (max-width:980px){
  .os-dt3{
    scroll-margin-top:110px;
  }

  .os-dt3__grid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:18px !important;
  }

  .os-dt3__boat,
  .os-dt3__expect,
  .os-dt3__card{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
  }

  .os-dt3__boat img{
    height:auto !important;
    aspect-ratio:16 / 9;
  }

  .os-dt3__expect{
    display:none !important;
  }

  .os-dt3__card{
    grid-template-columns:1fr !important;
  }

  .os-dt3__cardBody{ order:1; }
  .os-dt3__cardImg{ order:2; }

  .os-dt3__cardImg img{
    height:auto !important;
    aspect-ratio:16 / 10;
    display:block;
  }

  .os-dt3__cardTitle{ text-align:center; }
  .os-dt3__list{
    max-width:520px;
    margin:0 auto;
  }
}

/* DESKTOP ONLY */
@media (min-width:981px){
  .os-dt3.os-dt3--dividers{
    padding-top:70px !important;
  }
  .os-dt3.os-dt3--dividers .os-dt3__bottom{
    margin-top:40px !important;
    margin-bottom:40px !important;
  }
}

/* body-03.html */
/* =========================
SECTION + DIVIDERS
========================= */
.os-dt3{
  --ink:#0a1533;
  --muted:#3b4254;
  --bg:#f2f3f5;
  --gold:#c5b380;

  background:var(--bg);
  padding:40px 10px;
  position:relative;

  /* anchor offset for sticky header */
  scroll-margin-top:140px;
}

.os-dt3--dividers::before,
.os-dt3--dividers::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:10px;
  background:var(--gold);
}

/* TOP DIVIDER — THEME BLUE */
.os-dt3--dividers::before{
  background:#193258;
}

.os-dt3--dividers::before{ top:0; }
.os-dt3--dividers::after{ bottom:0; }

.os-dt3__wrap{
  width:min(95vw, 1500px);
  margin:0 auto;
}

/* =========================
HEADER
========================= */
.os-dt3__top{
  text-align:center;
  max-width:1100px;
  margin:0 auto 28px;
}
.os-dt3__title{
  font-family:"Bungee", sans-serif;
  font-size:clamp(36px, 3.6vw, 54px);
  margin-bottom:12px;
  color:var(--ink);
}
.os-dt3__intro{
  font-family:Inter, sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}

/* =========================
GRID
========================= */
.os-dt3__grid{
  display:grid;
  grid-template-columns:1.15fr 1.35fr;
  grid-template-rows:auto 1fr;
  gap:26px 34px;
}

/* FLIP LAYOUT ONLY WHEN os-dt3--flip IS PRESENT */
.os-dt3.os-dt3--flip .os-dt3__expect{
  grid-column:1;
  grid-row:1;
}
.os-dt3.os-dt3--flip .os-dt3__card{
  grid-column:1;
  grid-row:2;
}
.os-dt3.os-dt3--flip .os-dt3__boat{
  grid-column:2;
  grid-row:1 / span 2;
}

/* =========================
BOAT IMAGE — SQUARE GOLD FRAME (FORCED)
========================= */
.os-dt3__boat{
  grid-row:1 / span 2;
  position:relative;
  padding:8px;
  background:var(--gold);
  border-radius:0 !important;
  overflow:visible !important;
}

.os-dt3__boat img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0 !important;
  position:relative;
  z-index:1;
}

.os-dt3__boat::after{
  content:"";
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  bottom:12px;
  border:3px solid var(--ink);
  border-radius:0 !important;
  pointer-events:none;
  z-index:2;
}

/* =========================
LEFT CONTENT
========================= */
.os-dt3__kicker{
  font-family:"Bungee", sans-serif;
  font-size:26px;
  margin-bottom:14px;
}
.os-dt3__p{
  font-family:Inter, sans-serif;
  font-size:16.5px;
  line-height:1.75;
  max-width:680px;
}

/* =========================
CARD
========================= */
.os-dt3__card{
  display:grid;
  grid-template-columns:320px 1fr;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(10,21,51,.1);
}
.os-dt3__cardImg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.os-dt3__cardBody{
  padding:20px;
}
.os-dt3__cardTitle{
  font-family:"Bungee", sans-serif;
  font-size:18px;
  margin-bottom:14px;
}

/* GOLD BULLETS ONLY */
.os-dt3__list{
  list-style:none;
  padding:0;
  margin:0;
}
.os-dt3__list li{
  list-style:none;
  position:relative;
  padding-left:22px;
  margin-bottom:12px;
  font-family:Inter, sans-serif;
  font-weight:600;
}
.os-dt3__list li::marker{ content:none; }
.os-dt3__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:8px;
  height:8px;
  background:var(--gold);
  border-radius:50%;
}

/* =========================
BOTTOM CTA
========================= */
.os-dt3__bottom{
  margin-top:22px;
  text-align:center;
}
.os-dt3__btn{
  display:inline-block;
  background:var(--gold);
  color:var(--ink);
  font-family:"Bungee", sans-serif;
  padding:14px 32px;
  border-radius:10px;
  text-decoration:none;
  letter-spacing:.1em;
}

/* =========================
RESPONSIVE
========================= */
@media (max-width:980px){
  .os-dt3{
    scroll-margin-top:110px;
  }
}

/* body-04.html */
/* =========================
SECTION + DIVIDERS
========================= */
.os-dt3{
  --ink:#0a1533;
  --muted:#3b4254;
  --bg:#f2f3f5;
  --gold:#c5b380;

  background:var(--bg);
  padding:40px 10px;
  position:relative;

  /* anchor offset for sticky header */
  scroll-margin-top:140px;
}

.os-dt3--dividers::before,
.os-dt3--dividers::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:10px;
  background:var(--gold);
}

/* TOP DIVIDER — THEME BLUE */
.os-dt3--dividers::before{
  background:#193258;
}

.os-dt3--dividers::before{ top:0; }
.os-dt3--dividers::after{ bottom:0; }

.os-dt3__wrap{
  width:min(95vw, 1500px);
  margin:0 auto;
}

/* =========================
HEADER
========================= */
.os-dt3__top{
  text-align:center;
  max-width:1100px;
  margin:0 auto 28px;
}
.os-dt3__title{
  font-family:"Bungee", sans-serif;
  font-size:clamp(36px, 3.6vw, 54px);
  margin-bottom:12px;
  color:var(--ink);
}
.os-dt3__intro{
  font-family:Inter, sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}

/* =========================
GRID
========================= */
.os-dt3__grid{
  display:grid;
  grid-template-columns:1.15fr 1.35fr;
  grid-template-rows:auto 1fr;
  gap:26px 34px;
}

/* =========================
BOAT IMAGE — SQUARE GOLD FRAME (FORCED)
========================= */
.os-dt3__boat{
  grid-row:1 / span 2;
  position:relative;
  padding:8px;
  background:var(--gold);
  border-radius:0 !important;
  overflow:visible !important;
}

/* IMAGE — SQUARE */
.os-dt3__boat img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0 !important;
  position:relative;
  z-index:1;
}

/* BLUE FRAME — OVER IMAGE */
.os-dt3__boat::after{
  content:"";
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  bottom:12px;
  border:3px solid var(--ink);
  border-radius:0 !important;
  pointer-events:none;
  z-index:2;
}

/* =========================
LEFT CONTENT
========================= */
.os-dt3__kicker{
  font-family:"Bungee", sans-serif;
  font-size:26px;
  margin-bottom:14px;
}
.os-dt3__p{
  font-family:Inter, sans-serif;
  font-size:16.5px;
  line-height:1.75;
  max-width:680px;
}

/* =========================
CARD
========================= */
.os-dt3__card{
  display:grid;
  grid-template-columns:320px 1fr;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(10,21,51,.1);
}
.os-dt3__cardImg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.os-dt3__cardBody{
  padding:20px;
}
.os-dt3__cardTitle{
  font-family:"Bungee", sans-serif;
  font-size:18px;
  margin-bottom:14px;
}

/* GOLD BULLETS ONLY */
.os-dt3__list{
  list-style:none;
  padding:0;
  margin:0;
}
.os-dt3__list li{
  list-style:none;
  position:relative;
  padding-left:22px;
  margin-bottom:12px;
  font-family:Inter, sans-serif;
  font-weight:600;
}
.os-dt3__list li::marker{ content:none; }
.os-dt3__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:8px;
  height:8px;
  background:var(--gold);
  border-radius:50%;
}

/* =========================
BOTTOM CTA
========================= */
.os-dt3__bottom{
  margin-top:22px;
  text-align:center;
}
.os-dt3__btn{
  display:inline-block;
  background:var(--gold);
  color:var(--ink);
  font-family:"Bungee", sans-serif;
  padding:14px 32px;
  border-radius:10px;
  text-decoration:none;
  letter-spacing:.1em;
}

/* =========================
RESPONSIVE
========================= */
@media (max-width:980px){
  .os-dt3{
    scroll-margin-top:110px;
  }
}

/* body-05.html */
.os-dt3{
  --ink:#0a1533;
  --muted:#3b4254;
  --bg:#f2f3f5;
  --gold:#c5b380;
  background:var(--bg);
  padding:40px 10px;
  position:relative;

  /* anchor offset for sticky header */
  scroll-margin-top:140px;
}

.os-dt3--dividers::before,
.os-dt3--dividers::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:10px;
  background:var(--gold);
}
.os-dt3--dividers::before{ background:#193258; top:0; }
.os-dt3--dividers::after{ bottom:0; }

.os-dt3__wrap{
  width:min(95vw, 1500px);
  margin:0 auto;
}

.os-dt3__top{
  text-align:center;
  max-width:1100px;
  margin:0 auto 28px;
}
.os-dt3__title{
  font-family:"Bungee", sans-serif;
  font-size:clamp(36px, 3.6vw, 54px);
  margin-bottom:12px;
  color:var(--ink);
}
.os-dt3__intro{
  font-family:Inter, sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}

.os-dt3__grid{
  display:grid;
  grid-template-columns:1.15fr 1.35fr;
  grid-template-rows:auto 1fr;
  gap:26px 34px;
}

.os-dt3.os-dt3--flip .os-dt3__expect{ grid-column:1; grid-row:1; }
.os-dt3.os-dt3--flip .os-dt3__card{ grid-column:1; grid-row:2; }
.os-dt3.os-dt3--flip .os-dt3__boat{ grid-column:2; grid-row:1 / span 2; }

/* BOAT IMAGE */
.os-dt3__boat{
  grid-row:1 / span 2;
  position:relative;
  padding:8px;
  background:var(--gold);
  border-radius:0 !important;
  overflow:visible !important;
}
.os-dt3__boat img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 25%;
  display:block;
  border-radius:0 !important;
  position:relative;
  z-index:1;
}
.os-dt3__boat::after{
  content:"";
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  bottom:12px;
  border:3px solid var(--ink);
  border-radius:0 !important;
  pointer-events:none;
  z-index:2;
}

/* LEFT CONTENT */
.os-dt3__kicker{
  font-family:"Bungee", sans-serif;
  font-size:26px;
  margin-bottom:14px;
}
.os-dt3__p{
  font-family:Inter, sans-serif;
  font-size:16.5px;
  line-height:1.75;
  max-width:680px;
}

/* CARD */
.os-dt3__card{
  display:grid;
  grid-template-columns:320px 1fr;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(10,21,51,.1);
}
.os-dt3__cardImg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 18%;
  display:block;
}
.os-dt3__cardBody{
  padding:20px;
}
.os-dt3__cardTitle{
  font-family:"Bungee", sans-serif;
  font-size:18px;
  margin-bottom:14px;
}

.os-dt3__list{
  list-style:none;
  padding:0;
  margin:0;
}
.os-dt3__list li{
  position:relative;
  padding-left:22px;
  margin-bottom:12px;
  font-family:Inter, sans-serif;
  font-weight:600;
}
.os-dt3__list li::marker{ content:none; }
.os-dt3__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:8px;
  height:8px;
  background:var(--gold);
  border-radius:50%;
}

/* CTA */
.os-dt3__bottom{
  margin-top:22px;
  text-align:center;
}
.os-dt3__btn{
  display:inline-block;
  background:var(--gold);
  color:var(--ink);
  font-family:"Bungee", sans-serif;
  padding:14px 32px;
  border-radius:10px;
  text-decoration:none;
  letter-spacing:.1em;
}

/* Responsive anchor offset */
@media(max-width:980px){
  .os-dt3{
    scroll-margin-top:110px;
  }
}

/* Mobile tweak: even MORE top if needed */
@media(max-width:640px){
  .os-dt3__boat img{ object-position:50% 18%; }
  .os-dt3__cardImg img{ object-position:50% 10%; }
}

/* body-06.html */
/* =========================
SECTION + DIVIDERS
========================= */
.os-dt3{
  --ink:#0a1533;
  --muted:#3b4254;
  --bg:#f2f3f5;
  --gold:#c5b380;

  background:var(--bg);
  padding:40px 10px;
  position:relative;

  /* anchor offset for sticky header */
  scroll-margin-top:140px;
}

.os-dt3--dividers::before,
.os-dt3--dividers::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:10px;
  background:var(--gold);
}

/* TOP DIVIDER — THEME BLUE */
.os-dt3--dividers::before{
  background:#193258;
}

.os-dt3--dividers::before{ top:0; }
.os-dt3--dividers::after{ bottom:0; }

.os-dt3__wrap{
  width:min(95vw, 1500px);
  margin:0 auto;
}

/* =========================
HEADER
========================= */
.os-dt3__top{
  text-align:center;
  max-width:1100px;
  margin:0 auto 28px;
}
.os-dt3__title{
  font-family:"Bungee", sans-serif;
  font-size:clamp(36px, 3.6vw, 54px);
  margin-bottom:12px;
  color:var(--ink);
}
.os-dt3__intro{
  font-family:Inter, sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}

/* =========================
GRID
========================= */
.os-dt3__grid{
  display:grid;
  grid-template-columns:1.15fr 1.35fr;
  grid-template-rows:auto 1fr;
  gap:26px 34px;
}

/* =========================
BOAT IMAGE — SQUARE GOLD FRAME (FORCED)
========================= */
.os-dt3__boat{
  grid-row:1 / span 2;
  position:relative;
  padding:8px;
  background:var(--gold);
  border-radius:0 !important;
  overflow:visible !important;
}

/* IMAGE — SQUARE */
.os-dt3__boat img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0 !important;
  position:relative;
  z-index:1;
}

/* BLUE FRAME — OVER IMAGE */
.os-dt3__boat::after{
  content:"";
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  bottom:12px;
  border:3px solid var(--ink);
  border-radius:0 !important;
  pointer-events:none;
  z-index:2;
}

/* =========================
LEFT CONTENT
========================= */
.os-dt3__kicker{
  font-family:"Bungee", sans-serif;
  font-size:26px;
  margin-bottom:14px;
}
.os-dt3__p{
  font-family:Inter, sans-serif;
  font-size:16.5px;
  line-height:1.75;
  max-width:680px;
}

/* =========================
CARD
========================= */
.os-dt3__card{
  display:grid;
  grid-template-columns:320px 1fr;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(10,21,51,.1);
}
.os-dt3__cardImg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.os-dt3__cardBody{
  padding:20px;
}
.os-dt3__cardTitle{
  font-family:"Bungee", sans-serif;
  font-size:18px;
  margin-bottom:14px;
}

/* GOLD BULLETS ONLY */
.os-dt3__list{
  list-style:none;
  padding:0;
  margin:0;
}
.os-dt3__list li{
  list-style:none;
  position:relative;
  padding-left:22px;
  margin-bottom:12px;
  font-family:Inter, sans-serif;
  font-weight:600;
}
.os-dt3__list li::marker{ content:none; }
.os-dt3__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:8px;
  height:8px;
  background:var(--gold);
  border-radius:50%;
}

/* =========================
BOTTOM CTA
========================= */
.os-dt3__bottom{
  margin-top:22px;
  text-align:center;
}
.os-dt3__btn{
  display:inline-block;
  background:var(--gold);
  color:var(--ink);
  font-family:"Bungee", sans-serif;
  padding:14px 32px;
  border-radius:10px;
  text-decoration:none;
  letter-spacing:.1em;
}

/* =========================
RESPONSIVE
========================= */
@media (max-width:980px){
  .os-dt3{
    scroll-margin-top:110px;
  }
}

/* body-07.html */
/* =========================
SECTION + DIVIDERS
========================= */
.os-dt3{
  --ink:#0a1533;
  --muted:#3b4254;
  --bg:#f2f3f5;
  --gold:#c5b380;

  background:var(--bg);
  padding:40px 10px;
  position:relative;

  /* anchor offset for sticky header */
  scroll-margin-top:140px;
}

.os-dt3--dividers::before,
.os-dt3--dividers::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:10px;
  background:var(--gold);
}

/* ONLY CHANGE — TOP DIVIDER COLOR */
.os-dt3--dividers::before{
  background:#193258;
}

.os-dt3--dividers::before{ top:0; }
.os-dt3--dividers::after{ bottom:0; }

.os-dt3__wrap{
  width:min(95vw, 1500px);
  margin:0 auto;
}

/* =========================
HEADER
========================= */
.os-dt3__top{
  text-align:center;
  max-width:1100px;
  margin:0 auto 28px;
}
.os-dt3__title{
  font-family:"Bungee", sans-serif;
  font-size:clamp(36px, 3.6vw, 54px);
  margin-bottom:12px;
  color:var(--ink);
}
.os-dt3__intro{
  font-family:Inter, sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}

/* =========================
GRID
========================= */
.os-dt3__grid{
  display:grid;
  grid-template-columns:1.15fr 1.35fr;
  grid-template-rows:auto 1fr;
  gap:26px 34px;
}

/* FLIP ONLY WHEN os-dt3--flip IS PRESENT */
.os-dt3.os-dt3--flip .os-dt3__expect{
  grid-column:1;
  grid-row:1;
}
.os-dt3.os-dt3--flip .os-dt3__card{
  grid-column:1;
  grid-row:2;
}
.os-dt3.os-dt3--flip .os-dt3__boat{
  grid-column:2;
  grid-row:1 / span 2;
}

/* =========================
BOAT IMAGE — SQUARE GOLD FRAME (FORCED)
========================= */
.os-dt3__boat{
  grid-row:1 / span 2;
  position:relative;
  padding:8px;
  background:var(--gold);
  border-radius:0 !important;
  overflow:visible !important;
}

.os-dt3__boat img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0 !important;
  position:relative;
  z-index:1;
}

.os-dt3__boat::after{
  content:"";
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  bottom:12px;
  border:3px solid var(--ink);
  border-radius:0 !important;
  pointer-events:none;
  z-index:2;
}

/* =========================
LEFT CONTENT
========================= */
.os-dt3__kicker{
  font-family:"Bungee", sans-serif;
  font-size:26px;
  margin-bottom:14px;
}
.os-dt3__p{
  font-family:Inter, sans-serif;
  font-size:16.5px;
  line-height:1.75;
  max-width:680px;
}

/* =========================
CARD
========================= */
.os-dt3__card{
  display:grid;
  grid-template-columns:320px 1fr;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(10,21,51,.1);
}
.os-dt3__cardImg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.os-dt3__cardBody{
  padding:20px;
}
.os-dt3__cardTitle{
  font-family:"Bungee", sans-serif;
  font-size:18px;
  margin-bottom:14px;
}

/* GOLD BULLETS ONLY */
.os-dt3__list{
  list-style:none;
  padding:0;
  margin:0;
}
.os-dt3__list li{
  position:relative;
  padding-left:22px;
  margin-bottom:12px;
  font-family:Inter, sans-serif;
  font-weight:600;
}
.os-dt3__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:8px;
  height:8px;
  background:var(--gold);
  border-radius:50%;
}

/* =========================
BOTTOM CTA
========================= */
.os-dt3__bottom{
  margin-top:22px;
  text-align:center;
}
.os-dt3__btn{
  display:inline-block;
  background:var(--gold);
  color:var(--ink);
  font-family:"Bungee", sans-serif;
  padding:14px 32px;
  border-radius:10px;
  text-decoration:none;
  letter-spacing:.1em;
}

/* =========================
RESPONSIVE
========================= */
@media (max-width:980px){
  .os-dt3{
    scroll-margin-top:110px;
  }
}

/* body-08.html */
/* =========================
SECTION + DIVIDERS
========================= */
.os-dt3{
  --ink:#0a1533;
  --muted:#3b4254;
  --bg:#f2f3f5;
  --gold:#c5b380;

  background:var(--bg);
  padding:40px 10px;
  position:relative;

  /* anchor offset for sticky header */
  scroll-margin-top:140px;
}

.os-dt3--dividers::before,
.os-dt3--dividers::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:10px;
  background:var(--gold);
}

/* TOP DIVIDER — THEME BLUE */
.os-dt3--dividers::before{
  background:#193258;
}

.os-dt3--dividers::before{ top:0; }
.os-dt3--dividers::after{ bottom:0; }

.os-dt3__wrap{
  width:min(95vw, 1500px);
  margin:0 auto;
}

/* =========================
HEADER
========================= */
.os-dt3__top{
  text-align:center;
  max-width:1100px;
  margin:0 auto 28px;
}
.os-dt3__title{
  font-family:"Bungee", sans-serif;
  font-size:clamp(36px, 3.6vw, 54px);
  margin-bottom:12px;
  color:var(--ink);
}
.os-dt3__intro{
  font-family:Inter, sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}

/* =========================
GRID
========================= */
.os-dt3__grid{
  display:grid;
  grid-template-columns:1.15fr 1.35fr;
  grid-template-rows:auto 1fr;
  gap:26px 34px;
}

/* =========================
BOAT IMAGE — SQUARE GOLD FRAME (FORCED)
========================= */
.os-dt3__boat{
  grid-row:1 / span 2;
  position:relative;
  padding:8px;
  background:var(--gold);
  border-radius:0 !important;
  overflow:visible !important;
}

/* IMAGE — SQUARE */
.os-dt3__boat img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0 !important;
  position:relative;
  z-index:1;
}

/* BLUE FRAME — OVER IMAGE */
.os-dt3__boat::after{
  content:"";
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  bottom:12px;
  border:3px solid var(--ink);
  border-radius:0 !important;
  pointer-events:none;
  z-index:2;
}

/* =========================
LEFT CONTENT
========================= */
.os-dt3__kicker{
  font-family:"Bungee", sans-serif;
  font-size:26px;
  margin-bottom:14px;
}
.os-dt3__p{
  font-family:Inter, sans-serif;
  font-size:16.5px;
  line-height:1.75;
  max-width:680px;
}

/* =========================
CARD
========================= */
.os-dt3__card{
  display:grid;
  grid-template-columns:320px 1fr;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(10,21,51,.1);
}
.os-dt3__cardImg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.os-dt3__cardBody{
  padding:20px;
}
.os-dt3__cardTitle{
  font-family:"Bungee", sans-serif;
  font-size:18px;
  margin-bottom:14px;
}

/* GOLD BULLETS ONLY */
.os-dt3__list{
  list-style:none;
  padding:0;
  margin:0;
}
.os-dt3__list li{
  list-style:none;
  position:relative;
  padding-left:22px;
  margin-bottom:12px;
  font-family:Inter, sans-serif;
  font-weight:600;
}
.os-dt3__list li::marker{ content:none; }
.os-dt3__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:8px;
  height:8px;
  background:var(--gold);
  border-radius:50%;
}

/* =========================
BOTTOM CTA
========================= */
.os-dt3__bottom{
  margin-top:22px;
  text-align:center;
}
.os-dt3__btn{
  display:inline-block;
  background:var(--gold);
  color:var(--ink);
  font-family:"Bungee", sans-serif;
  padding:14px 32px;
  border-radius:10px;
  text-decoration:none;
  letter-spacing:.1em;
}

/* =========================
RESPONSIVE
========================= */
@media (max-width:980px){
  .os-dt3{
    scroll-margin-top:110px;
  }
}

/* body-09.html */
/* =========================
SECTION + DIVIDERS
========================= */
.os-dt3{
  --ink:#0a1533;
  --muted:#3b4254;
  --bg:#f2f3f5;
  --gold:#c5b380;

  background:var(--bg);
  padding:40px 10px;
  position:relative;

  /* anchor offset for sticky header */
  scroll-margin-top:140px;
}

.os-dt3--dividers::before,
.os-dt3--dividers::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:10px;
  background:var(--gold);
}

/* TOP DIVIDER — THEME BLUE */
.os-dt3--dividers::before{
  background:#193258;
}

.os-dt3--dividers::before{ top:0; }
.os-dt3--dividers::after{ bottom:0; }

.os-dt3__wrap{
  width:min(95vw, 1500px);
  margin:0 auto;
}

/* =========================
HEADER
========================= */
.os-dt3__top{
  text-align:center;
  max-width:1100px;
  margin:0 auto 28px;
}
.os-dt3__title{
  font-family:"Bungee", sans-serif;
  font-size:clamp(36px, 3.6vw, 54px);
  margin-bottom:12px;
  color:var(--ink);
}
.os-dt3__intro{
  font-family:Inter, sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}

/* =========================
GRID
========================= */
.os-dt3__grid{
  display:grid;
  grid-template-columns:1.15fr 1.35fr;
  grid-template-rows:auto 1fr;
  gap:26px 34px;
}

/* FLIP LAYOUT ONLY WHEN os-dt3--flip IS PRESENT */
.os-dt3.os-dt3--flip .os-dt3__expect{
  grid-column:1;
  grid-row:1;
}
.os-dt3.os-dt3--flip .os-dt3__card{
  grid-column:1;
  grid-row:2;
}
.os-dt3.os-dt3--flip .os-dt3__boat{
  grid-column:2;
  grid-row:1 / span 2;
}

/* =========================
BOAT IMAGE — SQUARE GOLD FRAME (FORCED)
========================= */
.os-dt3__boat{
  grid-row:1 / span 2;
  position:relative;
  padding:8px;
  background:var(--gold);
  border-radius:0 !important;
  overflow:visible !important;
}

/* IMAGE — SQUARE */
.os-dt3__boat img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0 !important;
  position:relative;
  z-index:1;
}

/* BLUE FRAME — OVER IMAGE */
.os-dt3__boat::after{
  content:"";
  position:absolute;
  top:12px;
  left:12px;
  right:12px;
  bottom:12px;
  border:3px solid var(--ink);
  border-radius:0 !important;
  pointer-events:none;
  z-index:2;
}

/* =========================
LEFT CONTENT
========================= */
.os-dt3__kicker{
  font-family:"Bungee", sans-serif;
  font-size:26px;
  margin-bottom:14px;
}
.os-dt3__p{
  font-family:Inter, sans-serif;
  font-size:16.5px;
  line-height:1.75;
  max-width:680px;
}

/* =========================
CARD
========================= */
.os-dt3__card{
  display:grid;
  grid-template-columns:320px 1fr;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(10,21,51,.1);
}
.os-dt3__cardImg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.os-dt3__cardBody{
  padding:20px;
}
.os-dt3__cardTitle{
  font-family:"Bungee", sans-serif;
  font-size:18px;
  margin-bottom:14px;
}

/* GOLD BULLETS ONLY */
.os-dt3__list{
  list-style:none;
  padding:0;
  margin:0;
}
.os-dt3__list li{
  list-style:none;
  position:relative;
  padding-left:22px;
  margin-bottom:12px;
  font-family:Inter, sans-serif;
  font-weight:600;
}
.os-dt3__list li::marker{ content:none; }
.os-dt3__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:8px;
  height:8px;
  background:var(--gold);
  border-radius:50%;
}

/* =========================
BOTTOM CTA
========================= */
.os-dt3__bottom{
  margin-top:22px;
  text-align:center;
}
.os-dt3__btn{
  display:inline-block;
  background:var(--gold);
  color:var(--ink);
  font-family:"Bungee", sans-serif;
  padding:14px 32px;
  border-radius:10px;
  text-decoration:none;
  letter-spacing:.1em;
}

/* =========================
RESPONSIVE
========================= */
@media (max-width:980px){
  .os-dt3{
    scroll-margin-top:110px;
  }
}