

html, body { margin: 0; padding: 0; }
html { background: #0B2B54; }
body { background: #F6FAFD; overflow-x: hidden; }
img, video { max-width: 100%; }


  .ctg-skip { position: absolute; left: -9999px; top: 12px; z-index: 100000;
    background: #0B2B54; color: #FFFFFF; font: 700 13px/1 'DM Sans', system-ui, sans-serif;
    letter-spacing: .06em; padding: 12px 18px; border-radius: 8px; text-decoration: none; }
  .ctg-skip:focus { left: 12px; }
  main { display: block; }



.ct-scope, .ct-scope, .ct-scope, .ct-scope {
    background: #FBF8F0 !important;
    color: #1C2840 !important;
    font-family: 'DM Sans', system-ui, sans-serif !important;
  }

  .ct-scope, .ct-scope *, .ct-scope *::before, .ct-scope *::after { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }
  .ct-scope, .ct-scope { overflow-x: clip !important; scroll-behavior: smooth; }
  .ct-scope {
    font-family: 'DM Sans', system-ui, sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    background: #FBF8F0 !important;
    color: #1C2840 !important;
    -webkit-font-smoothing: antialiased;
  }
  .ct-scope img { max-width: 100% !important; height: auto !important; display: block !important; }
  .ct-scope a { color: inherit !important; text-decoration: none !important; }
  .ct-scope button { font-family: inherit !important; cursor: pointer !important; border: 0 !important; background: transparent !important; }
  .ct-scope ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
  :root {
    
    --sunset: #F4C752;         
    --sunset-light: #F8DC8B;   
    --sunset-pale: #FDF2C8;    
    --peach-bg: #FDF8E5;       
    --orange: #EB9555;         
    --orange-light: #F5B57F;
    --orange-pale: #FCE3CB;

--teal-deep: #2D8A8E;
    --teal: #3C9DA0;
    --teal-soft: #B5DCDE;

--cyan: #5BC5D6;
    --cyan-light: #A8DBE3;
    --cyan-pale: #E0F2F5;

--navy: #1C2840;
    --navy-soft: #2E3C58;
    --ink: #1C2840;
    --muted: #6B7888;
    --cream: #FBF8F0;
    --cream-warm: #FDFBF5;
    --white: #FFFFFF;
    --line: rgba(28, 40, 64, 0.10);
    --line-warm: rgba(244, 199, 82, 0.20);
  }
  .ct-scope .wrap { max-width: 1400px !important; margin: 0 auto !important; padding: 0 clamp(20px, 4vw, 56px) !important; }

  .ct-scope .intro {
    position: fixed !important; inset: 0 !important;
    background: linear-gradient(180deg, #F5B57F 0%, #3C9DA0 60%, #5BC5D6 100%) !important;
    z-index: 10000 !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    overflow: hidden !important;
    animation: ct-intro-out 1.0s cubic-bezier(0.76, 0, 0.24, 1) forwards;
    animation-delay: 2.0s;
  }
  .ct-scope .intro-logo {
    width: clamp(160px, 20vw, 280px) !important;
    opacity: 0 !important; transform: scale(0.9) !important;
    animation: ct-intro-logo 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: 0.2s;
    filter: drop-shadow(0 8px 30px rgba(28, 40, 64, 0.15)) !important;
  }
  .ct-scope .intro-tag {
    position: absolute !important;
    bottom: 56px !important; left: 0 !important; right: 0 !important;
    text-align: center !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4em !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 600 !important;
    opacity: 0 !important;
    animation: ct-fade-in 0.8s ease forwards;
    animation-delay: 1.2s;
  }
@keyframes ct-intro-logo { to { opacity: 1 !important; transform: scale(1) !important; } }
@keyframes ct-fade-in { to { opacity: 1 !important; } }
@keyframes ct-intro-out { to { transform: translateY(-100%) !important; pointer-events: none !important; visibility: hidden !important; } }

  .ct-scope .topbar {
    background: var(--white) !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 9px 0 !important;
    font-size: 12px !important;
    color: var(--navy) !important;
  }
  .ct-scope .topbar-inner {
    max-width: 1400px !important; margin: 0 auto !important;
    padding: 0 clamp(20px, 4vw, 56px) !important;
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important;
  }
  .ct-scope .topbar-left, .ct-scope .topbar-right { display: flex !important; align-items: center !important; gap: 22px !important; }
  .ct-scope .topbar a { transition: color .2s ease; font-weight: 500 !important; }
  .ct-scope .topbar a:hover { color: var(--orange) !important; }
  .ct-scope .topbar .pill-tag {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    background: var(--sunset) !important;
    color: var(--white) !important;
    padding: 4px 12px !important;
    border-radius: 100px !important;
    font-weight: 700 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
  }
  .ct-scope .topbar .wa-dot {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    color: var(--teal-deep) !important;
  }
  .ct-scope .topbar .wa-dot::before {
    content: ''; width: 7px !important; height: 7px !important;
    background: #25D366 !important; border-radius: 50% !important;
  }
  .ct-scope .topbar .lang-switch { display: flex !important; gap: 10px !important; font-weight: 600 !important; letter-spacing: 0.10em !important; }
  .ct-scope .topbar .lang-switch a { opacity: 0.45 !important; }
  .ct-scope .topbar .lang-switch a.active, .ct-scope .topbar .lang-switch a:hover { opacity: 1 !important; color: var(--orange) !important; }

  .ct-scope .nav {
    background: rgba(255, 255, 255, 0.92) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid var(--line) !important;
    position: sticky !important; top: 0 !important; z-index: 100 !important;
  }
  .ct-scope .nav-inner {
    max-width: 1400px !important; margin: 0 auto !important;
    padding: 12px clamp(20px, 4vw, 56px) !important;
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important;
  }
  .ct-scope .nav-logo img { height: 58px !important; width: auto !important; }
  .ct-scope .nav-menu { display: flex !important; gap: clamp(20px, 2.2vw, 36px) !important; align-items: center !important; }
  .ct-scope .nav-menu > li { position: relative !important; }
  .ct-scope .nav-menu > li > a {
    font-size: 14px !important; font-weight: 600 !important;
    color: var(--navy) !important;
    padding: 10px 4px !important;
    display: inline-block !important;
    white-space: nowrap !important;
    transition: color .2s ease;
    position: relative !important;
  }
  .ct-scope .nav-menu > li > a::after {
    content: ''; position: absolute !important;
    bottom: 6px !important; left: 4px !important; right: 4px !important;
    height: 2px !important; background: var(--sunset) !important;
    transform: scaleX(0) !important; transform-origin: left !important;
    transition: transform .3s ease;
    border-radius: 100px !important;
  }
  .ct-scope .nav-menu > li > a:hover { color: var(--sunset) !important; }
  .ct-scope .nav-menu > li > a:hover::after { transform: scaleX(1) !important; }
  .ct-scope .nav-menu .caret { font-size: 9px !important; margin-left: 4px !important; opacity: 0.6 !important; }
  .ct-scope .nav-sub {
    position: absolute !important; top: 100% !important; left: -16px !important;
    background: var(--white) !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    padding: 12px !important; min-width: 240px !important;
    box-shadow: 0 30px 80px rgba(28, 40, 64, 0.12) !important;
    opacity: 0 !important; visibility: hidden !important;
    transform: translateY(8px) !important;
    transition: all .25s ease;
  }
  .ct-scope .nav-menu > li:hover .nav-sub { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
  .ct-scope .nav-sub a {
    display: block !important; padding: 9px 14px !important;
    font-size: 13px !important; color: var(--navy) !important;
    border-radius: 12px !important;
    font-weight: 500 !important;
    transition: all .2s ease;
  }
  .ct-scope .nav-sub a:hover { background: var(--peach-bg) !important; color: var(--sunset) !important; padding-left: 18px !important; }
  .ct-scope .nav-cta {
    display: inline-flex !important; align-items: center !important; gap: 10px !important;
    background: var(--sunset) !important;
    color: var(--white) !important;
    padding: 13px 24px !important;
    border-radius: 100px !important;
    font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    transition: all .25s ease;
    border: 2px solid var(--sunset) !important;
  }
  .ct-scope .nav-cta:hover { background: var(--teal-deep) !important; border-color: var(--teal-deep) !important; }
  .ct-scope .nav-cta .arrow { transition: transform .2s ease; }
  .ct-scope .nav-cta:hover .arrow { transform: translateX(4px) !important; }

  .ct-scope .nav-burger {
    display: none !important;
    width: 44px !important; height: 44px !important;
    border-radius: 50% !important;
    background: var(--navy) !important;
    color: var(--white) !important;
    cursor: pointer !important;
    align-items: center !important; justify-content: center !important;
    position: relative !important;
    transition: background .25s ease;
  }
  .ct-scope .nav-burger:hover { background: var(--sunset) !important; color: var(--navy) !important; }
  .ct-scope .nav-burger span {
    display: block !important;
    width: 20px !important; height: 1.8px !important;
    background: currentColor !important;
    position: absolute !important;
    left: 12px !important;
    transition: all .3s ease;
  }
  .ct-scope .nav-burger span:nth-child(1) { top: 16px !important; }
  .ct-scope .nav-burger span:nth-child(2) { top: 21px !important; }
  .ct-scope .nav-burger span:nth-child(3) { top: 26px !important; }
  body.menu-open .ct-scope .nav-burger span:nth-child(1) { transform: translateY(5px) rotate(45deg) !important; }
  body.menu-open .ct-scope .nav-burger span:nth-child(2) { opacity: 0 !important; }
  body.menu-open .ct-scope .nav-burger span:nth-child(3) { transform: translateY(-5px) rotate(-45deg) !important; }
  .ct-scope .mobile-drawer {
    position: fixed !important;
    top: 0 !important; right: 0 !important;
    width: min(420px, 100vw) !important;
    height: 100vh !important;
    background: var(--white) !important;
    z-index: 999 !important;
    transform: translateX(100%) !important;
    transition: transform .5s cubic-bezier(0.76, 0, 0.24, 1);
    display: flex !important; flex-direction: column !important;
    overflow-y: auto !important;
    box-shadow: -20px 0 60px rgba(28, 40, 64, 0.25) !important;
  }
  body.menu-open .ct-scope .mobile-drawer { transform: translateX(0) !important; }
  .ct-scope .mobile-drawer-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(28, 40, 64, 0.55) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 998 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all .4s ease;
  }
  body.menu-open .ct-scope .mobile-drawer-backdrop { opacity: 1 !important; visibility: visible !important; }
  .ct-scope .mobile-drawer-head {
    padding: 20px 24px !important;
    border-bottom: 1px solid var(--line) !important;
    display: flex !important; align-items: center !important; justify-content: space-between !important;
  }
  .ct-scope .mobile-drawer-head img { height: 48px !important; width: auto !important; }
  .ct-scope .mobile-drawer-close {
    width: 40px !important; height: 40px !important;
    border-radius: 50% !important;
    background: var(--cream) !important;
    color: var(--navy) !important;
    cursor: pointer !important;
    font-size: 22px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    transition: all .2s ease;
  }
  .ct-scope .mobile-drawer-close:hover { background: var(--sunset) !important; }
  .ct-scope .mobile-drawer-body { padding: 24px !important; flex: 1 !important; }
  .ct-scope .mobile-drawer-body ul { display: flex !important; flex-direction: column !important; gap: 4px !important; }
  .ct-scope .mobile-drawer-body > ul > li > a {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    padding: 14px 16px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--navy) !important;
    border-radius: 12px !important;
    transition: all .2s ease;
  }
  .ct-scope .mobile-drawer-body > ul > li > a:hover { background: var(--peach-bg) !important; color: var(--sunset) !important; }
  .ct-scope .mobile-drawer-body .sub-toggle {
    width: 100% !important;
    text-align: left !important;
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    padding: 14px 16px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--navy) !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all .2s ease;
  }
  .ct-scope .mobile-drawer-body .sub-toggle:hover { background: var(--peach-bg) !important; color: var(--sunset) !important; }
  .ct-scope .mobile-drawer-body .sub-toggle .caret { transition: transform .3s ease; font-size: 12px !important; }
  .ct-scope .mobile-drawer-body .sub-toggle.open .caret { transform: rotate(180deg) !important; }
  .ct-scope .mobile-drawer-body .sub-list {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height .4s ease;
    padding-left: 16px !important;
  }
  .ct-scope .mobile-drawer-body .sub-list.open { max-height: 400px !important; }
  .ct-scope .mobile-drawer-body .sub-list a {
    display: block !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    color: var(--navy-soft) !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
    transition: all .2s ease;
  }
  .ct-scope .mobile-drawer-body .sub-list a:hover { background: var(--peach-bg) !important; color: var(--sunset) !important; }
  .ct-scope .mobile-drawer-foot {
    padding: 20px 24px !important;
    border-top: 1px solid var(--line) !important;
    background: var(--cream) !important;
    display: flex !important; flex-direction: column !important; gap: 12px !important;
  }
  .ct-scope .mobile-drawer-foot a.cta-mobile {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    background: var(--sunset) !important;
    color: var(--navy) !important;
    padding: 14px 22px !important;
    border-radius: 100px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
  }
  .ct-scope .mobile-drawer-foot .contacts {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    font-size: 13px !important;
    color: var(--navy) !important;
  }
  .ct-scope .mobile-drawer-foot .contacts a { font-weight: 600 !important; }
  .ct-scope .mobile-drawer-foot .contacts a:hover { color: var(--orange) !important; }

  .ct-scope .hero {
    position: relative !important;
    min-height: 78vh !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, rgba(168, 219, 227, 0.50) 0%, rgba(252, 227, 203, 0.20) 50%, rgba(251, 248, 240, 0.95) 100%) !important;
  }
  .ct-scope .hero-video {
    position: absolute !important; inset: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
  .ct-scope .hero::before {
    content: '';
    position: absolute !important; inset: 0 !important;
    background:
      linear-gradient(95deg, rgba(28, 40, 64, 0.55) 0%, rgba(28, 40, 64, 0.28) 35%, rgba(28, 40, 64, 0.10) 60%, transparent 100%),
      linear-gradient(180deg, rgba(28, 40, 64, 0.05) 0%, rgba(251, 248, 240, 0.20) 75%, rgba(251, 248, 240, 0.95) 100%) !important;
    z-index: 1 !important;
  }

  .ct-scope .hero-sun-deco {
    position: absolute !important;
    top: -200px !important; right: -200px !important;
    width: 600px !important; height: 600px !important;
    background: radial-gradient(circle, rgba(244, 199, 82, 0.45) 0%, rgba(245, 181, 127, 0.25) 40%, transparent 70%) !important;
    border-radius: 50% !important;
    z-index: 1 !important;
    pointer-events: none !important;
    animation: ct-sun-pulse 12s ease-in-out infinite;
  }
@keyframes ct-sun-pulse {
    0%, 100% { transform: scale(1) !important; opacity: 0.9 !important; }
    50% { transform: scale(1.05) !important; opacity: 1 !important; }
  }

  .ct-scope .birds-layer {
    position: absolute !important; inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }
  .ct-scope .bird-svg {
    position: absolute !important;
    color: var(--white) !important;
    animation: ct-bird-cross 22s linear infinite;
    will-change: transform;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.15)) !important;
  }
  .ct-scope .bird-svg.b1 { top: 20% !important; animation-duration: 24s; animation-delay: 1s; width: 32px !important; opacity: 0.75 !important; }
  .ct-scope .bird-svg.b2 { top: 30% !important; animation-duration: 28s; animation-delay: 6s; width: 22px !important; opacity: 0.6 !important; }
  .ct-scope .bird-svg.b3 { top: 16% !important; animation-duration: 19s; animation-delay: 10s; width: 28px !important; opacity: 0.7 !important; }
  .ct-scope .bird-svg.b4 { top: 38% !important; animation-duration: 32s; animation-delay: 14s; width: 26px !important; opacity: 0.55 !important; }
@keyframes ct-bird-cross {
    0% { transform: translateX(-60px) translateY(0) !important; }
    30% { transform: translateX(35vw) translateY(-20px) !important; }
    55% { transform: translateX(58vw) translateY(14px) !important; }
    80% { transform: translateX(85vw) translateY(-10px) !important; }
    100% { transform: translateX(115vw) translateY(0) !important; }
  }
  .ct-scope .bird-svg svg { width: 100% !important; height: auto !important; display: block !important; }
  .ct-scope .hero-content {
    position: relative !important; z-index: 3 !important;
    height: 100% !important;
    min-height: 78vh !important;
    display: flex !important; flex-direction: column !important; justify-content: center !important;
    padding: clamp(70px, 9vw, 110px) clamp(20px, 4vw, 56px) clamp(60px, 7vw, 90px) !important;
    max-width: 1400px !important; margin: 0 auto !important;
  }
  .ct-scope .hero-eyebrow {
    display: inline-flex !important; align-items: center !important; gap: 12px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    padding: 9px 20px !important;
    border-radius: 100px !important;
    border: 1px solid rgba(255, 255, 255, 0.30) !important;
    margin-bottom: 24px !important;
    align-self: flex-start !important;
    font-size: 11px !important; font-weight: 700 !important;
    text-transform: uppercase !important; letter-spacing: 0.14em !important;
    color: var(--white) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
    box-shadow: 0 8px 24px rgba(15, 22, 42, 0.18) !important;
  }
  .ct-scope .hero-eyebrow .dot {
    width: 8px !important; height: 8px !important;
    background: var(--sunset) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 12px rgba(244, 199, 82, 0.7) !important;
  }
  .ct-scope .hero h1 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(40px, 5.8vw, 86px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.025em !important;
    color: var(--white) !important;
    margin: 0 0 22px !important;
    max-width: 1100px !important;
    text-shadow: 0 2px 30px rgba(15, 22, 42, 0.4) !important;
  }
  .ct-scope .hero h1 .sun {
    display: inline-block !important;
    color: var(--orange) !important;
    text-shadow: 0 2px 24px rgba(235, 149, 85, 0.45) !important;
  }
  .ct-scope .hero h1 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    color: var(--sunset-light) !important;
  }
  .ct-scope .hero-lede {
    max-width: 620px !important;
    font-size: clamp(16px, 1.4vw, 19px) !important;
    line-height: 1.55 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 0 32px !important;
    font-weight: 400 !important;
    text-shadow: 0 2px 14px rgba(15, 22, 42, 0.45) !important;
  }
  .ct-scope .hero-ctas { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; align-items: center !important; }

  .ct-scope .hero-awards {
    margin-top: 56px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid var(--line) !important;
    border-radius: 28px !important;
    padding: 24px 28px !important;
    box-shadow: 0 14px 40px rgba(28, 40, 64, 0.08) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    display: flex !important; align-items: center !important;
    gap: 28px !important;
    flex-wrap: wrap !important;
  }
  .ct-scope .hero-awards .ha-lbl {
    flex-shrink: 0 !important;
    display: flex !important; flex-direction: column !important; gap: 4px !important;
    padding-right: 24px !important;
    border-right: 1px solid var(--line) !important;
  }
  .ct-scope .hero-awards .ha-lbl .big {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #A8761E !important;
    letter-spacing: -0.02em !important;
  }
  .ct-scope .hero-awards .ha-lbl .sub {
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
    color: var(--navy) !important;
    font-weight: 700 !important;
  }
  .ct-scope .hero-awards .ha-grid {
    flex: 1 !important; min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 12px !important;
  }

  .ct-scope .ha-badge {
    display: flex !important; flex-direction: column !important;
    align-items: center !important; gap: 6px !important;
    padding: 14px 8px 10px !important;
    border-radius: 16px !important;
    background: var(--cream) !important;
    border: 1px solid var(--line) !important;
    transition: all .25s ease;
    text-align: center !important;
    color: inherit !important;
    position: relative !important;
  }
  .ct-scope .ha-badge:hover {
    background: var(--peach-bg) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 28px rgba(244, 199, 82, 0.20) !important;
    border-color: var(--sunset) !important;
  }
  .ct-scope .ha-medal {
    width: 44px !important; height: 56px !important;
    position: relative !important;
    flex-shrink: 0 !important;
  }
  .ct-scope .ha-medal svg { width: 100% !important; height: 100% !important; display: block !important; }
  .ct-scope .ha-badge .cat {
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-weight: 700 !important;
    color: var(--navy) !important;
    line-height: 1.2 !important;
    margin-top: 2px !important;
  }
  .ct-scope .ha-badge .yr {
    font-size: 9px !important;
    color: #A8761E !important;
    letter-spacing: 0.16em !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
  }
  .ct-scope .ha-badge.bronze .yr { color: #8B5A2B !important; }

  .ct-scope .btn {
    display: inline-flex !important; align-items: center !important; gap: 12px !important;
    padding: 16px 28px !important;
    border-radius: 100px !important;
    font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: 0.10em !important; text-transform: uppercase !important;
    border: 2px solid currentColor !important;
    transition: all .3s cubic-bezier(0.22, 1, 0.36, 1);
    cursor: pointer !important;
    font-family: 'DM Sans', sans-serif !important;
  }
  .ct-scope .btn .arrow { transition: transform .25s ease; }
  .ct-scope .btn:hover .arrow { transform: translateX(8px) !important; }

  .ct-scope .btn-sunset { background: var(--sunset) !important; color: var(--navy) !important; border-color: var(--sunset) !important; box-shadow: 0 8px 24px rgba(244, 199, 82, 0.30) !important; }
  .ct-scope .btn-sunset:hover { background: var(--teal-deep) !important; border-color: var(--teal-deep) !important; color: var(--white) !important; transform: translateY(-2px) !important; box-shadow: 0 14px 32px rgba(45, 138, 142, 0.30) !important; }
  .ct-scope .btn-teal { background: var(--teal-deep) !important; color: var(--white) !important; border-color: var(--teal-deep) !important; }
  .ct-scope .btn-teal:hover { background: var(--sunset) !important; border-color: var(--sunset) !important; color: var(--navy) !important; transform: translateY(-2px) !important; }
  .ct-scope .btn-cyan { background: var(--cyan) !important; color: var(--navy) !important; border-color: var(--cyan) !important; }
  .ct-scope .btn-cyan:hover { background: var(--teal-deep) !important; border-color: var(--teal-deep) !important; color: var(--white) !important; transform: translateY(-2px) !important; }
  .ct-scope .btn-navy { background: var(--navy) !important; color: var(--white) !important; border-color: var(--navy) !important; box-shadow: 0 8px 24px rgba(28, 40, 64, 0.30) !important; }
  .ct-scope .btn-navy:hover { background: var(--sunset) !important; border-color: var(--sunset) !important; color: var(--navy) !important; transform: translateY(-2px) !important; box-shadow: 0 14px 32px rgba(244, 199, 82, 0.35) !important; }
  .ct-scope .btn-line-navy { background: transparent !important; color: var(--navy) !important; border-color: var(--navy) !important; }
  .ct-scope .btn-line-navy:hover { background: var(--navy) !important; color: var(--white) !important; }
  .ct-scope .btn-line-white { background: transparent !important; color: var(--white) !important; border-color: rgba(255, 255, 255, 0.6) !important; }
  .ct-scope .btn-line-white:hover { background: var(--white) !important; color: var(--navy) !important; border-color: var(--white) !important; }
  .ct-scope .btn-line-cream { background: transparent !important; color: var(--cream) !important; border-color: rgba(251, 248, 240, 0.6) !important; }
  .ct-scope .btn-line-cream:hover { background: var(--cream) !important; color: var(--navy) !important; border-color: var(--cream) !important; }

  .ct-scope .hero-strip {
    background: var(--white) !important;
    padding: clamp(40px, 5vw, 72px) 0 clamp(40px, 5vw, 72px) !important;
    position: relative !important;
  }
  .ct-scope .hs-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px !important;
  }
  .ct-scope .hs-card {
    position: relative !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    aspect-ratio: 5/4 !important;
    color: var(--white) !important;
    display: block !important;
    background: var(--teal) !important;
    transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s ease;
    isolation: isolate !important;
  }
  .ct-scope .hs-card:hover { transform: translateY(-10px) !important; box-shadow: 0 36px 60px rgba(28, 40, 64, 0.28) !important; }
  .ct-scope .hs-card .ph {
    position: absolute !important; inset: 0 !important;
    background-size: cover !important; background-position: center !important;
    transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 0 !important;
  }
  .ct-scope .hs-card:hover .ph { transform: scale(1.10) !important; }
  .ct-scope .hs-card::after {
    content: '';
    position: absolute !important; inset: 0 !important;
    background: linear-gradient(180deg, rgba(15, 22, 42, 0.10) 0%, rgba(15, 22, 42, 0.40) 50%, rgba(15, 22, 42, 0.85) 100%) !important;
    z-index: 1 !important;
    transition: background .4s ease;
  }
  .ct-scope .hs-card:hover::after {
    background: linear-gradient(180deg, rgba(15, 22, 42, 0.05) 0%, rgba(15, 22, 42, 0.30) 50%, rgba(244, 199, 82, 0.75) 100%) !important;
  }
  .ct-scope .hs-card .meta {
    position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    padding: clamp(24px, 3vw, 36px) !important;
    z-index: 2 !important;
  }

.ct-scope .hs-card h3 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.0 !important;
    color: var(--white) !important;
    margin: 0 0 6px !important;
    letter-spacing: -0.02em !important;
  }
  .ct-scope .hs-card h3 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: var(--sunset-light) !important;
  }
  .ct-scope .hs-card .sub {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin: 0 0 16px !important;
    line-height: 1.45 !important;
    max-width: 80% !important;
  }
  .ct-scope .hs-card .arrow-pill {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 44px !important; height: 44px !important;
    border-radius: 50% !important;
    background: var(--white) !important;
    color: var(--navy) !important;
    font-size: 20px !important;
    transition: all .35s ease;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
  }
  .ct-scope .hs-card:hover .arrow-pill {
    background: var(--sunset) !important;
    color: var(--white) !important;
    transform: translateX(8px) rotate(-12deg) !important;
  }

  .ct-scope .trust {
    background: var(--white) !important;
    padding: 50px 0 !important;
    border-bottom: 1px solid var(--line) !important;
  }
  .ct-scope .trust-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 0 !important;
  }
  .ct-scope .trust-pill {
    padding: 8px 28px !important;
    display: flex !important; flex-direction: column !important; gap: 8px !important;
    border-right: 1px solid var(--line) !important;
    color: inherit !important;
    transition: transform .25s ease;
  }
  .ct-scope .trust-pill:hover { transform: none !important; }
  .ct-scope .trust-pill:hover .v { color: inherit !important; }
  .ct-scope .trust-pill:last-child { border-right: 0 !important; }
  .ct-scope .trust-pill .v {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(28px, 3vw, 40px) !important;
    line-height: 1 !important;
    color: var(--navy) !important;
    letter-spacing: -0.02em !important;
    transition: color .25s ease;
  }
  .ct-scope .trust-pill .v em {
    font-style: normal !important;
    color: #A8761E !important;
    font-weight: 700 !important;
  }
  .ct-scope .trust-pill .l {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    color: var(--muted) !important;
    font-weight: 600 !important;
  }

  .ct-scope .section {
    padding: clamp(48px, 6vw, 90px) 0 !important;
    position: relative !important;
  }
  .ct-scope .head { text-align: center !important; margin-bottom: clamp(40px, 6vw, 80px) !important; max-width: 820px !important; margin-left: auto !important; margin-right: auto !important; }
  .ct-scope .head .eyebrow {
    display: inline-flex !important; align-items: center !important; gap: 10px !important;
    background: var(--peach-bg) !important;
    padding: 7px 18px !important;
    border-radius: 100px !important;
    border: 1px solid var(--line-warm) !important;
    font-size: 10px !important; font-weight: 700 !important;
    text-transform: uppercase !important; letter-spacing: 0.18em !important;
    color: #A8761E !important;
    margin-bottom: 20px !important;
  }
  .ct-scope .head .eyebrow .dot { width: 6px !important; height: 6px !important; background: var(--sunset) !important; border-radius: 50% !important; }
  .ct-scope .head h2 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(34px, 5vw, 64px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.025em !important;
    color: var(--navy) !important;
    margin: 0 !important;
  }
  .ct-scope .head h2 .sun { color: #A8761E !important; }
  .ct-scope .head h2 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    color: var(--teal-deep) !important;
  }
  .ct-scope .head p {
    margin-top: 16px !important;
    font-size: clamp(15px, 1.4vw, 18px) !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
  }

  .ct-scope .wave-divider { position: relative !important; line-height: 0 !important; }
  .ct-scope .wave-divider svg { display: block !important; width: 100% !important; height: clamp(36px, 5vw, 76px) !important; }

  .ct-scope .moods { background: var(--cream) !important; }
  .ct-scope .moods-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 18px !important;
  }
  .ct-scope .mood-card {
    position: relative !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    aspect-ratio: 4/5 !important;
    background: var(--cyan-pale) !important;
    cursor: pointer !important;
    transition: transform .4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .4s ease;
    color: var(--white) !important;
  }
  .ct-scope .mood-card:hover { transform: translateY(-8px) !important; box-shadow: 0 28px 60px rgba(45, 138, 142, 0.22) !important; }
  .ct-scope .mood-card .ph {
    position: absolute !important; inset: 0 !important;
    background-size: cover !important; background-position: center !important;
    transition: transform 1s ease;
  }
  .ct-scope .mood-card:hover .ph { transform: scale(1.08) !important; }
  .ct-scope .mood-card::after {
    content: '';
    position: absolute !important; inset: 0 !important;
    
    background: linear-gradient(180deg, rgba(45, 138, 142, 0.05) 0%, rgba(28, 40, 64, 0.15) 45%, rgba(28, 40, 64, 0.62) 100%) !important;
    transition: background .45s ease;
  }

  .ct-scope .mood-card:hover::after {
    background: linear-gradient(180deg, rgba(45, 138, 142, 0.0) 0%, rgba(28, 40, 64, 0.08) 40%, rgba(244, 199, 82, 0.55) 100%) !important;
  }
  .ct-scope .mood-card .meta {
    position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    padding: 22px !important;
    z-index: 2 !important;
  }
  .ct-scope .mood-card .icon {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 44px !important; height: 44px !important;
    margin-bottom: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 50% !important;
    color: var(--white) !important;
    transition: all .3s ease;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
    background: rgba(255, 255, 255, 0.15) !important;
  }
  .ct-scope .mood-card:hover .icon { background: var(--sunset) !important; border-color: var(--sunset) !important; }
  .ct-scope .mood-card .icon svg { width: 20px !important; height: 20px !important; }
  .ct-scope .mood-card h3 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(24px, 2.4vw, 32px) !important;
    line-height: 1.1 !important;
    margin: 0 0 6px !important;
    letter-spacing: -0.01em !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45) !important;
  }
  .ct-scope .mood-card h3 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    color: var(--sunset-light) !important;
  }
  .ct-scope .mood-card p {
    font-size: 13px !important;
    opacity: 0.95 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    max-width: 90% !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5) !important;
  }
  .ct-scope .mood-card .tag {
    position: absolute !important; top: 18px !important; left: 18px !important;
    background: var(--white) !important;
    color: var(--navy) !important;
    padding: 6px 14px !important;
    border-radius: 100px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    z-index: 2 !important;
  }

  .ct-scope .zones { background: var(--peach-bg) !important; }
  .ct-scope .zones-grid {
    display: grid !important;
    grid-template-columns: 1.4fr 1fr 1fr !important;
    grid-template-rows: 320px 320px !important;
    gap: 16px !important;
  }
  .ct-scope .zone-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    background: var(--teal) !important;
    color: var(--white) !important;
    display: block !important;
    transition: transform .4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .4s ease;
  }
  .ct-scope .zone-card:hover { transform: translateY(-6px) !important; box-shadow: 0 28px 60px rgba(28, 40, 64, 0.22) !important; }
  .ct-scope .zone-card.feature { grid-row: span 2 !important; }
  .ct-scope .zone-card .ph {
    position: absolute !important; inset: 0 !important;
    background-size: cover !important; background-position: center !important;
    transition: transform 1.2s ease;
  }
  .ct-scope .zone-card:hover .ph { transform: scale(1.06) !important; }
  .ct-scope .zone-card::after {
    content: '';
    position: absolute !important; inset: 0 !important;
    background: linear-gradient(180deg, rgba(45, 138, 142, 0.10) 0%, rgba(28, 40, 64, 0.30) 50%, rgba(28, 40, 64, 0.85) 100%) !important;
  }
  .ct-scope .zone-meta {
    position: absolute !important; top: 20px !important; left: 20px !important; right: 20px !important;
    z-index: 2 !important;
    display: flex !important; justify-content: space-between !important;
  }
  .ct-scope .zone-meta .num {
    background: var(--white) !important;
    color: var(--navy) !important;
    padding: 6px 14px !important;
    border-radius: 100px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
  }
  .ct-scope .zone-meta .coord {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    color: var(--white) !important;
    background: rgba(28, 40, 64, 0.5) !important;
    padding: 6px 12px !important;
    border-radius: 100px !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
    letter-spacing: 0.05em !important;
    font-weight: 600 !important;
    display: none !important; 
  }
  .ct-scope .zone-body {
    position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    z-index: 2 !important;
    padding: 26px !important;
  }
  .ct-scope .zone-card h3 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(28px, 3vw, 48px) !important;
    line-height: 1 !important;
    color: var(--white) !important;
    margin: 0 0 8px !important;
    letter-spacing: -0.01em !important;
  }
  .ct-scope .zone-card.feature h3 { font-size: clamp(40px, 5vw, 78px) !important; }
  .ct-scope .zone-card h3 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    color: var(--sunset-light) !important;
  }
  .ct-scope .zone-card p { font-size: 13px !important; color: rgba(255, 255, 255, 0.92) !important; margin: 0 0 12px !important; max-width: 90% !important; line-height: 1.5 !important; }
  .ct-scope .zone-tags { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
  .ct-scope .zone-tags li {
    background: rgba(255, 255, 255, 0.20) !important;
    color: var(--white) !important;
    padding: 4px 12px !important;
    border-radius: 100px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
  }

  .ct-scope .zone-fact {
    position: absolute !important;
    top: 70px !important; left: 20px !important;
    background: var(--white) !important;
    color: var(--navy) !important;
    padding: 14px 18px !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 44px rgba(28, 40, 64, 0.30) !important;
    z-index: 3 !important;
    max-width: 240px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    opacity: 0 !important;
    transform: translateY(-6px) scale(0.96) !important;
    transition: all .3s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none !important;
    border: 1px solid var(--line) !important;
  }
  .ct-scope .zone-fact::before {
    content: '';
    position: absolute !important;
    top: -7px !important; left: 28px !important;
    width: 14px !important; height: 14px !important;
    background: var(--white) !important;
    transform: rotate(45deg) !important;
    border-radius: 2px !important;
    border-top: 1px solid var(--line) !important;
    border-left: 1px solid var(--line) !important;
  }
  .ct-scope .zone-fact .ttl {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: var(--sunset) !important;
    margin-bottom: 4px !important;
    letter-spacing: -0.01em !important;
  }
  .ct-scope .zone-fact .ttl::after {
    content: '?';
    margin-left: 2px !important;
    color: var(--teal-deep) !important;
  }
  .ct-scope .zone-card.fact-open .zone-fact { opacity: 1 !important; transform: translateY(0) scale(1) !important; pointer-events: auto !important; }

  .ct-scope .zone-info {
    position: absolute !important;
    top: 18px !important; right: 18px !important;
    z-index: 4 !important;
    width: 38px !important; height: 38px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--navy) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    cursor: pointer !important;
    transition: all .25s ease;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    box-shadow: 0 6px 16px rgba(15, 22, 42, 0.18) !important;
  }
  .ct-scope .zone-info:hover {
    background: var(--sunset) !important;
    color: var(--navy) !important;
    transform: scale(1.08) !important;
  }
  .ct-scope .zone-card.fact-open .zone-info {
    background: var(--sunset) !important;
    color: var(--navy) !important;
    transform: rotate(45deg) !important;
  }
  .ct-scope .zone-card.fact-open .zone-info::before {
    content: '×';
    font-family: 'DM Sans', sans-serif !important;
    font-size: 22px !important;
    font-style: normal !important;
  }
  .ct-scope .zone-card.fact-open .zone-info-i { display: none !important; }

  .ct-scope .exc { background: var(--white) !important; }
  .ct-scope .exc-grid { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 24px 18px !important; }
  .ct-scope .exc-card { text-align: center !important; cursor: pointer !important; transition: transform .35s ease; }
  .ct-scope .exc-card:hover { transform: translateY(-8px) !important; }
  .ct-scope .exc-photo {
    width: 100% !important; aspect-ratio: 1/1 !important;
    border-radius: 50% !important;
    overflow: hidden !important; position: relative !important;
    margin-bottom: 14px !important;
    border: 4px solid var(--white) !important;
    box-shadow: 0 14px 28px rgba(28, 40, 64, 0.10) !important;
    transition: border-color .3s ease, box-shadow .3s ease;
  }
  .ct-scope .exc-card:hover .exc-photo {
    border-color: var(--sunset) !important;
    box-shadow: 0 24px 48px rgba(244, 199, 82, 0.30) !important;
  }
  .ct-scope .exc-photo::before {
    content: '';
    position: absolute !important; inset: 0 !important;
    background-size: cover !important; background-position: center !important;
    transition: transform 1s ease;
  }
  .ct-scope .exc-card:hover .exc-photo::before { transform: scale(1.1) !important; }
  .ct-scope .exc-photo::after {
    content: '';
    position: absolute !important; inset: 0 !important;
    background: linear-gradient(180deg, transparent 60%, rgba(28, 40, 64, 0.30) 100%) !important;
    border-radius: 50% !important;
  }
  .ct-scope .exc-photo .dur {
    position: absolute !important; bottom: 14px !important; left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
    background: var(--white) !important;
    color: var(--navy) !important;
    padding: 4px 12px !important;
    border-radius: 100px !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: 0 6px 16px rgba(28, 40, 64, 0.18) !important;
  }
  .ct-scope .exc-card h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    color: var(--navy) !important;
    margin: 0 0 3px !important;
  }
  .ct-scope .exc-card .sub {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: var(--muted) !important;
    font-weight: 600 !important;
  }

  .ct-scope .hotels { background: var(--cyan-pale) !important; }
  .ct-scope .hotels-grid {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
    grid-auto-rows: 110px !important;
    gap: 16px !important;
  }
  .ct-scope .hotel {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    background: var(--teal) !important;
    color: var(--white) !important;
    transition: transform .4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .4s ease;
  }
  .ct-scope .hotel:hover { transform: translateY(-6px) !important; box-shadow: 0 28px 60px rgba(28, 40, 64, 0.22) !important; }
  .ct-scope .hotel .ph {
    position: absolute !important; inset: 0 !important;
    background-size: cover !important; background-position: center !important;
    transition: transform 1s ease;
  }
  .ct-scope .hotel:hover .ph { transform: scale(1.05) !important; }
  .ct-scope .hotel::after {
    content: '';
    position: absolute !important; inset: 0 !important;
    background: linear-gradient(180deg, rgba(28, 40, 64, 0.05) 0%, rgba(28, 40, 64, 0.25) 50%, rgba(28, 40, 64, 0.80) 100%) !important;
  }
  .ct-scope .hotel .badge {
    position: absolute !important; top: 16px !important; left: 16px !important; z-index: 2 !important;
    background: var(--white) !important;
    color: var(--navy) !important;
    padding: 6px 14px !important;
    border-radius: 100px !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
  }
  .ct-scope .hotel .badge.lux { background: var(--sunset) !important; color: var(--white) !important; }
  .ct-scope .hotel .badge.aon { background: var(--navy) !important; color: var(--white) !important; }
  .ct-scope .hotel .badge.fam { background: var(--cyan) !important; color: var(--navy) !important; }
  .ct-scope .hotel .stars {
    position: absolute !important; top: 16px !important; right: 16px !important; z-index: 2 !important;
    background: rgba(28, 40, 64, 0.4) !important;
    color: var(--sunset-light) !important;
    padding: 4px 10px !important;
    border-radius: 100px !important;
    font-size: 10px !important; letter-spacing: 0.10em !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
  }
  .ct-scope .hotel .meta { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; padding: 22px !important; z-index: 2 !important; }
  .ct-scope .hotel .city {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    color: var(--sunset-light) !important;
    margin-bottom: 3px !important;
    font-weight: 700 !important;
  }
  .ct-scope .hotel .name {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(20px, 1.8vw, 28px) !important;
    line-height: 1.05 !important;
    color: var(--white) !important;
    letter-spacing: -0.01em !important;
  }
  .ct-scope .h-parklane { grid-column: span 7 !important; grid-row: span 4 !important; }
  .ct-scope .h-elysium { grid-column: span 5 !important; grid-row: span 4 !important; }
  .ct-scope .h-amavi { grid-column: span 4 !important; grid-row: span 3 !important; }
  .ct-scope .h-sunrise { grid-column: span 4 !important; grid-row: span 3 !important; }
  .ct-scope .h-adams { grid-column: span 4 !important; grid-row: span 3 !important; }
  .ct-scope .h-mare-paphos { grid-column: span 6 !important; grid-row: span 3 !important; }
  .ct-scope .h-pernera { grid-column: span 6 !important; grid-row: span 3 !important; }

  .ct-scope .manif {
    background: var(--white) !important;
  }
  .ct-scope .manif-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(40px, 6vw, 96px) !important;
    align-items: center !important;
  }
  .ct-scope .manif-photo {
    display: flex !important; flex-direction: column !important;
    gap: 14px !important;
  }
  .ct-scope .manif-video-wrap {
    position: relative !important;
    border-radius: 32px !important;
    overflow: hidden !important;
    aspect-ratio: 16/9 !important;
    background: var(--navy) !important;
  }
  .ct-scope .manif-video-wrap video, .ct-scope .manif-video-wrap img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .ct-scope .manif-mini-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }
  .ct-scope .manif-mini {
    position: relative !important;
    aspect-ratio: 1/1 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: transform .35s ease, box-shadow .35s ease;
  }
  .ct-scope .manif-mini:hover { transform: translateY(-4px) !important; box-shadow: 0 18px 36px rgba(28, 40, 64, 0.18) !important; }
  .ct-scope .manif-mini::before {
    content: '';
    position: absolute !important; inset: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    transition: transform 1s ease;
  }
  .ct-scope .manif-mini:hover::before { transform: scale(1.08) !important; }
  .ct-scope .manif-mini::after {
    content: '';
    position: absolute !important; inset: 0 !important;
    background: linear-gradient(180deg, transparent 50%, rgba(28, 40, 64, 0.55) 100%) !important;
  }
  .ct-scope .manif-mini .lbl {
    position: absolute !important;
    bottom: 12px !important; left: 12px !important;
    z-index: 2 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--white) !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
  }
  .ct-scope .manif-mini.m1::before { background-image: url('gr-plaka.webp') !important; }
  .ct-scope .manif-mini.m2::before { background-image: url('gr-santorin.webp') !important; }
  .ct-scope .manif-mini.m3::before { background-image: url('gr-rhodes.webp') !important; }
  .ct-scope .manif-photo .badge {
    position: absolute !important; top: 24px !important; left: 24px !important;
    background: var(--white) !important;
    border-radius: 100px !important;
    padding: 10px 18px !important;
    font-size: 11px !important; font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: var(--navy) !important;
    box-shadow: 0 6px 24px rgba(28, 40, 64, 0.15) !important;
  }
  .ct-scope .manif-photo .badge .sun { color: var(--sunset) !important; }
  .ct-scope .manif-photo .year {
    position: absolute !important;
    bottom: 24px !important; left: 24px !important;
    background: var(--sunset) !important;
    color: var(--white) !important;
    padding: 14px 22px !important;
    border-radius: 24px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(32px, 4vw, 56px) !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
  }
  .ct-scope .manif h2 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(34px, 5vw, 64px) !important;
    line-height: 1.05 !important;
    color: var(--navy) !important;
    margin: 0 0 24px !important;
    letter-spacing: -0.02em !important;
  }
  .ct-scope .manif h2 .sun { color: #A8761E !important; }
  .ct-scope .manif h2 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    color: var(--teal-deep) !important;
  }
  .ct-scope .manif-text { font-size: 16px !important; line-height: 1.7 !important; color: var(--navy-soft) !important; }
  .ct-scope .manif-text p { margin: 0 0 18px !important; }
  .ct-scope .manif-text strong { color: var(--navy) !important; font-weight: 700 !important; }
  .ct-scope .manif-stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin-top: 32px !important;
  }
  .ct-scope .manif-stat {
    background: var(--peach-bg) !important;
    border: 1px solid var(--line-warm) !important;
    border-radius: 22px !important;
    padding: 18px 14px !important;
    text-align: center !important;
  }
  .ct-scope .manif-stat .v {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(22px, 2.5vw, 32px) !important;
    color: var(--sunset) !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
    letter-spacing: -0.02em !important;
  }
  .ct-scope .manif-stat .l {
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: var(--muted) !important;
    font-weight: 700 !important;
  }

  .ct-scope .awards-sec { background: var(--peach-bg) !important; position: relative !important; overflow: hidden !important; }

  .ct-scope .award-bubble {
    position: absolute !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 6px solid rgba(255, 255, 255, 0.92) !important;
    box-shadow:
      0 30px 60px rgba(28, 40, 64, 0.30),
      0 14px 28px rgba(28, 40, 64, 0.20),
      inset 0 2px 6px rgba(255, 255, 255, 0.5),
      inset 0 -3px 10px rgba(28, 40, 64, 0.15) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    opacity: 0.88 !important;
    will-change: transform;
  }
  .ct-scope .award-bubble::after {
    content: '';
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% !important;
    background:
      radial-gradient(ellipse at 30% 25%, rgba(255, 255, 255, 0.35) 0%, transparent 40%),
      radial-gradient(ellipse at 70% 80%, rgba(28, 40, 64, 0.18) 0%, transparent 50%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }
  .ct-scope .award-bubble img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .ct-scope .award-bubble.ab1 {
    width: 200px !important; height: 200px !important;
    top: 6% !important; left: 3% !important;
    transform: rotate(-6deg) perspective(800px) rotateY(8deg) !important;
    animation: ab-float-1 9s ease-in-out infinite;
  }
  .ct-scope .award-bubble.ab2 {
    width: 160px !important; height: 160px !important;
    top: 10% !important; right: 4% !important;
    transform: rotate(8deg) perspective(800px) rotateY(-8deg) !important;
    animation: ab-float-2 11s ease-in-out infinite;
  }
  .ct-scope .award-bubble.ab3 {
    width: 190px !important; height: 190px !important;
    bottom: 12% !important; left: 2% !important;
    transform: rotate(5deg) perspective(800px) rotateY(6deg) !important;
    animation: ab-float-1 12s ease-in-out infinite reverse;
  }
  .ct-scope .award-bubble.ab4 {
    width: 170px !important; height: 170px !important;
    bottom: 6% !important; right: 3% !important;
    transform: rotate(-8deg) perspective(800px) rotateY(-10deg) !important;
    animation: ab-float-2 10s ease-in-out infinite reverse;
  }
@keyframes ab-float-1 {
    0%, 100% { transform: rotate(-6deg) perspective(800px) rotateY(8deg) translateY(0) !important; }
    50% { transform: rotate(-3deg) perspective(800px) rotateY(4deg) translateY(-18px) !important; }
  }
@keyframes ab-float-2 {
    0%, 100% { transform: rotate(8deg) perspective(800px) rotateY(-8deg) translateY(0) !important; }
    50% { transform: rotate(11deg) perspective(800px) rotateY(-4deg) translateY(-14px) !important; }
  }
  .ct-scope .awards-sec .wrap { position: relative !important; z-index: 2 !important; }
@media (max-width: 1024px) {
  .ct-scope .award-bubble.ab1, .ct-scope .award-bubble.ab3 { width: 140px !important; height: 140px !important; }
  .ct-scope .award-bubble.ab2, .ct-scope .award-bubble.ab4 { width: 110px !important; height: 110px !important; }
}
@media (max-width: 720px) {
  .ct-scope .award-bubble { display: none !important; }
}
  .ct-scope .awards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
  .ct-scope .award {
    background: var(--white) !important;
    border-radius: 28px !important;
    padding: 36px 28px 28px !important;
    display: flex !important; flex-direction: column !important; align-items: center !important; gap: 18px !important;
    transition: all .3s ease;
    position: relative !important;
    overflow: hidden !important;
    text-align: center !important;
    text-decoration: none !important;
    color: inherit !important;
  }
  .ct-scope .award:hover { transform: translateY(-8px) !important; box-shadow: 0 28px 56px rgba(244, 199, 82, 0.25) !important; }
  .ct-scope .award::before {
    content: '';
    position: absolute !important;
    top: -50% !important; right: -30% !important;
    width: 280px !important; height: 280px !important;
    background: radial-gradient(circle, rgba(244, 199, 82, 0.10) 0%, transparent 70%) !important;
    border-radius: 50% !important;
  }
  .ct-scope .award .award-medal {
    width: 100px !important; height: 130px !important;
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 4px !important;
  }
  .ct-scope .award .award-medal svg { width: 100% !important; height: 100% !important; display: block !important; filter: drop-shadow(0 8px 20px rgba(244, 199, 82, 0.25)) !important; }
  .ct-scope .award .award-medal.bronze svg { filter: drop-shadow(0 8px 20px rgba(180, 120, 85, 0.25)) !important; }
  .ct-scope .award .rank-pill {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    background: var(--sunset) !important;
    color: var(--white) !important;
    padding: 5px 14px !important;
    border-radius: 100px !important;
    font-size: 10px !important; font-weight: 800 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    position: relative !important; z-index: 1 !important;
  }
  .ct-scope .award .rank-pill.bronze { background: #B47855 !important; }
  .ct-scope .award h3 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    color: var(--navy) !important;
    margin: 0 !important;
    position: relative !important; z-index: 1 !important;
    letter-spacing: -0.01em !important;
    max-width: 280px !important;
  }
  .ct-scope .award .yr {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 14px !important;
    color: var(--muted) !important;
    font-weight: 500 !important;
    position: relative !important; z-index: 1 !important;
    letter-spacing: 0.06em !important;
  }

  .ct-scope .award-detail {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(255, 251, 245, 0.97) 0%, rgba(253, 248, 229, 0.99) 100%) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 28px !important;
    padding: 28px 26px !important;
    display: flex !important; flex-direction: column !important;
    justify-content: center !important;
    z-index: 4 !important;
    opacity: 0 !important;
    transform: translateY(12px) !important;
    transition: opacity .35s ease, transform .35s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none !important;
    border: 1px solid var(--line-warm) !important;
    text-align: left !important;
  }
  .ct-scope .award:hover .award-detail, .ct-scope .award.is-open .award-detail {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
  .ct-scope .award-detail .ad-tier {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    background: var(--sunset) !important;
    color: var(--navy) !important;
    padding: 4px 12px !important;
    border-radius: 100px !important;
    font-size: 9px !important; font-weight: 800 !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
    align-self: flex-start !important;
    margin-bottom: 12px !important;
  }
  .ct-scope .award-detail .ad-tier.bronze { background: #B47855 !important; color: var(--white) !important; }
  .ct-scope .award-detail .ad-tier::before { content: '★'; font-size: 11px !important; }
  .ct-scope .award-detail h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    color: var(--navy) !important;
    margin: 0 0 12px !important;
    letter-spacing: -0.01em !important;
  }
  .ct-scope .award-detail p {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    color: var(--navy-soft) !important;
    margin: 0 !important;
  }
  .ct-scope .award-detail p strong {
    color: var(--navy) !important;
    font-weight: 700 !important;
    background: linear-gradient(transparent 70%, rgba(244, 199, 82, 0.5) 70%) !important;
    padding: 0 2px !important;
  }

  .ct-scope .dmc-bridge { background: var(--white) !important; padding: clamp(48px, 6vw, 90px) 0 !important; }
  .ct-scope .dmc-card {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    min-height: 520px !important;
    border-radius: 32px !important;
    overflow: hidden !important;
    border: 1px solid var(--line) !important;
    box-shadow: 0 24px 60px rgba(28, 40, 64, 0.08) !important;
  }
  .ct-scope .dmc-img::before {
    content: '';
    position: absolute !important; inset: 0 !important;
    background: linear-gradient(180deg, rgba(15, 22, 42, 0.15) 0%, rgba(15, 22, 42, 0.40) 100%) !important;
  }
  .ct-scope .dmc-img .stamp {
    position: absolute !important;
    top: 24px !important; right: 24px !important;
    z-index: 2 !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: var(--white) !important;
    padding: 8px 16px !important;
    border-radius: 100px !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    display: inline-flex !important; align-items: center !important; gap: 8px !important;
  }
  .ct-scope .dmc-img .stamp::before {
    content: '';
    width: 7px !important; height: 7px !important;
    background: var(--sunset) !important;
    border-radius: 50% !important;
  }
  .ct-scope .dmc-img .caption {
    position: absolute !important;
    bottom: 22px !important; left: 24px !important;
    z-index: 2 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.88) !important;
    letter-spacing: 0.02em !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5) !important;
  }
  .ct-scope .dmc-img .caption::before {
    content: '— ';
    color: var(--sunset-light) !important;
    font-style: normal !important;
  }
  .ct-scope .dmc-content {
    background: linear-gradient(135deg, #1F3870 0%, #1A3D8C 50%, #224A8C 100%) !important;
    padding: clamp(36px, 4vw, 56px) !important;
    display: flex !important; flex-direction: column !important;
    justify-content: center !important;
    gap: 18px !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .ct-scope .dmc-content::before {
    content: '';
    position: absolute !important;
    top: -30% !important; right: -20% !important;
    width: 360px !important; height: 360px !important;
    background: radial-gradient(circle, rgba(244, 199, 82, 0.18) 0%, transparent 65%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
  }
  .ct-scope .dmc-content > * { position: relative !important; z-index: 1 !important; }
  .ct-scope .dmc-content .eyebrow {
    display: inline-flex !important; align-items: center !important; gap: 10px !important;
    background: var(--sunset) !important;
    color: var(--navy) !important;
    padding: 6px 14px !important;
    border-radius: 100px !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
    align-self: flex-start !important;
  }
  .ct-scope .dmc-content .eyebrow::before {
    content: '';
    width: 6px !important; height: 6px !important;
    background: var(--navy) !important;
    border-radius: 50% !important;
  }
  .ct-scope .dmc-content h3 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(28px, 3.4vw, 44px) !important;
    line-height: 1.05 !important;
    color: var(--white) !important;
    margin: 0 !important;
    letter-spacing: -0.02em !important;
  }
  .ct-scope .dmc-content h3 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: var(--orange) !important;
  }
  .ct-scope .dmc-content p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin: 0 !important;
  }
  .ct-scope .dmc-content p strong { color: var(--white) !important; font-weight: 700 !important; }
  .ct-scope .dmc-content ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 4px !important;
  }
  .ct-scope .dmc-content ul li {
    font-size: 11px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    color: var(--white) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 100px !important;
    padding: 8px 14px !important;
    text-align: center !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
  }
  .ct-scope .dmc-content .ctas {
    display: flex !important; gap: 10px !important; flex-wrap: wrap !important;
    margin-top: 6px !important;
  }
  .ct-scope .dmc-content .btn-line-navy {
    color: var(--white) !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
  }
  .ct-scope .dmc-content .btn-line-navy:hover {
    background: var(--white) !important;
    color: var(--navy) !important;
    border-color: var(--white) !important;
  }

  .ct-scope .sustain {
    background: linear-gradient(180deg, var(--cream) 0%, var(--cyan-pale) 100%) !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .ct-scope .sustain::before {
    content: '';
    position: absolute !important;
    top: -10% !important; left: -15% !important;
    width: 500px !important; height: 500px !important;
    background: radial-gradient(circle, rgba(60, 157, 160, 0.18) 0%, transparent 65%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
  }
  .ct-scope .sustain::after {
    content: '';
    position: absolute !important;
    bottom: -20% !important; right: -10% !important;
    width: 600px !important; height: 600px !important;
    background: radial-gradient(circle, rgba(244, 199, 82, 0.15) 0%, transparent 70%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
  }
  .ct-scope .sustain .wrap { position: relative !important; z-index: 1 !important; }
  .ct-scope .sustain-hero {
    display: grid !important;
    grid-template-columns: 1.1fr 1fr !important;
    gap: clamp(40px, 6vw, 80px) !important;
    align-items: center !important;
    margin-bottom: clamp(48px, 6vw, 80px) !important;
  }
  .ct-scope .sustain-photos {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 14px !important;
    aspect-ratio: 1/1 !important;
  }
  .ct-scope .sustain-photos .ph {
    position: relative !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .ct-scope .sustain-photos .ph::after {
    content: '';
    position: absolute !important; inset: 0 !important;
    background: linear-gradient(180deg, transparent 60%, rgba(28, 40, 64, 0.45) 100%) !important;
  }
  .ct-scope .sustain-photos .ph .lbl {
    position: absolute !important;
    bottom: 14px !important; left: 14px !important;
    z-index: 1 !important;
    background: var(--white) !important;
    color: var(--navy) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 5px 11px !important;
    border-radius: 100px !important;
  }
  .ct-scope .sustain-photos .ph.tall {
    grid-row: span 2 !important;
  }
  .ct-scope .sustain h2 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(36px, 5vw, 68px) !important;
    line-height: 1.0 !important;
    color: var(--navy) !important;
    margin: 16px 0 20px !important;
    letter-spacing: -0.025em !important;
  }
  .ct-scope .sustain h2 .sun { color: var(--sunset) !important; }
  .ct-scope .sustain h2 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    color: var(--teal-deep) !important;
  }
  .ct-scope .sustain .lede {
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: var(--navy-soft) !important;
    margin: 0 0 32px !important;
    max-width: 520px !important;
  }
  .ct-scope .sustain-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
  .ct-scope .sustain-list li {
    background: var(--white) !important;
    border-radius: 20px !important;
    padding: 20px !important;
    border: 1px solid var(--line) !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
  .ct-scope .sustain-list .ic {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 38px !important; height: 38px !important;
    border-radius: 50% !important;
    background: var(--teal) !important;
    color: var(--white) !important;
    flex-shrink: 0 !important;
  }
  .ct-scope .sustain-list .ic.s { background: var(--sunset) !important; }
  .ct-scope .sustain-list .ic.c { background: var(--cyan) !important; color: var(--navy) !important; }
  .ct-scope .sustain-list .ic.n { background: var(--navy) !important; }
  .ct-scope .sustain-list .ic svg { width: 16px !important; height: 16px !important; }
  .ct-scope .sustain-list .body { flex: 1 !important; min-width: 0 !important; }
  .ct-scope .sustain-list .t {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: var(--navy) !important;
    margin-bottom: 4px !important;
    letter-spacing: -0.01em !important;
  }
  .ct-scope .sustain-list .d {
    font-size: 12px !important;
    color: var(--muted) !important;
    line-height: 1.5 !important;
  }

  .ct-scope .sustain-partners {
    background: var(--white) !important;
    border: 1px solid var(--line) !important;
    border-radius: 32px !important;
    padding: clamp(32px, 4vw, 48px) clamp(40px, 6vw, 80px) !important;
    box-shadow: 0 20px 60px rgba(28, 40, 64, 0.06) !important;
  }
  .ct-scope .sustain-partners-head {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 28px !important;
    padding-bottom: 24px !important;
    border-bottom: 1px solid var(--line) !important;
  }
  .ct-scope .sustain-partners-head .ttl {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(20px, 2vw, 26px) !important;
    color: var(--navy) !important;
    letter-spacing: -0.01em !important;
  }
  .ct-scope .sustain-partners-head .ttl .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    color: var(--sunset) !important;
  }
  .ct-scope .sustain-partners-head .sub {
    font-size: 12px !important;
    color: var(--muted) !important;
    font-weight: 600 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
  }
  .ct-scope .sp-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
  .ct-scope .sp-card {
    background: var(--white) !important;
    border-radius: 22px !important;
    padding: 20px !important;
    text-align: center !important;
    border: 1px solid var(--line) !important;
    transition: all .3s ease;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    text-decoration: none !important;
  }
  .ct-scope .sp-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 22px 44px rgba(244, 199, 82, 0.18) !important;
    border-color: var(--sunset) !important;
  }
  .ct-scope .sp-card .cert-img {
    width: 100% !important;
    aspect-ratio: 4/3 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: var(--cream) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
  }
  .ct-scope .sp-card .cert-img img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }
  .ct-scope .sp-card .name {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: var(--navy) !important;
    letter-spacing: -0.01em !important;
    margin-top: 4px !important;
  }
  .ct-scope .sp-card .desc {
    font-size: 12px !important;
    color: var(--muted) !important;
    line-height: 1.45 !important;
    letter-spacing: 0.02em !important;
  }
  .ct-scope .sp-card .yr {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 13px !important;
    color: #A8761E !important;
    font-weight: 500 !important;
    margin-top: 2px !important;
  }
  .ct-scope .sustain-partners-foot {
    margin-top: 28px !important;
    padding-top: 24px !important;
    border-top: 1px solid var(--line) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
  }
  .ct-scope .sustain-partners-foot .note {
    font-size: 12px !important;
    color: var(--muted) !important;
    font-style: italic !important;
    max-width: 60% !important;
    line-height: 1.5 !important;
  }

  .ct-scope .booking {
    background: linear-gradient(180deg, var(--cream) 0%, var(--peach-bg) 100%) !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .ct-scope .booking::before {
    content: '';
    position: absolute !important;
    top: -50% !important; right: -20% !important;
    width: 700px !important; height: 700px !important;
    background: radial-gradient(circle, rgba(91, 197, 214, 0.20) 0%, transparent 70%) !important;
    border-radius: 50% !important;
  }
  .ct-scope .booking::after {
    content: '';
    position: absolute !important;
    bottom: -40% !important; left: -20% !important;
    width: 600px !important; height: 600px !important;
    background: radial-gradient(circle, rgba(244, 199, 82, 0.25) 0%, transparent 70%) !important;
    border-radius: 50% !important;
  }
  .ct-scope .booking-card {
    background: var(--white) !important;
    border-radius: 40px !important;
    padding: clamp(40px, 6vw, 64px) !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(40px, 6vw, 80px) !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 40px 100px rgba(28, 40, 64, 0.10) !important;
    border: 1px solid var(--line) !important;
  }
  .ct-scope .booking-card h2 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(36px, 5vw, 64px) !important;
    line-height: 1.05 !important;
    color: var(--navy) !important;
    margin: 14px 0 20px !important;
    letter-spacing: -0.025em !important;
  }
  .ct-scope .booking-card h2 .sun { color: var(--sunset) !important; }
  .ct-scope .booking-card h2 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    color: var(--teal-deep) !important;
  }
  .ct-scope .booking-card p { font-size: 15px !important; line-height: 1.6 !important; color: var(--muted) !important; margin: 0 0 28px !important; }
  .ct-scope .booking-channels { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  .ct-scope .booking-channel {
    display: flex !important; align-items: center !important; gap: 16px !important;
    padding: 16px 22px !important;
    background: var(--cream) !important;
    border-radius: 100px !important;
    border: 1px solid var(--line) !important;
    transition: all .25s ease;
  }
  .ct-scope .booking-channel:hover {
    background: var(--sunset) !important;
    border-color: var(--sunset) !important;
    transform: translateX(6px) !important;
  }
  .ct-scope .booking-channel:hover .v, .ct-scope .booking-channel:hover .l { color: var(--white) !important; }
  .ct-scope .booking-channel:hover .arr { color: var(--white) !important; }
  .ct-scope .booking-channel .ic {
    width: 42px !important; height: 42px !important;
    background: var(--teal) !important;
    color: var(--white) !important;
    border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all .25s ease;
    font-size: 18px !important;
  }
  .ct-scope .booking-channel .ic.s { background: var(--sunset) !important; color: var(--white) !important; }
  .ct-scope .booking-channel .ic.w { background: #25D366 !important; color: var(--white) !important; }
  .ct-scope .booking-channel .ic.n { background: var(--navy) !important; color: var(--white) !important; }
  .ct-scope .booking-channel:hover .ic { background: var(--white) !important; color: var(--sunset) !important; }
  .ct-scope .booking-channel .info { flex: 1 !important; min-width: 0 !important; }
  .ct-scope .booking-channel .l { font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.16em !important; color: var(--muted) !important; font-weight: 700 !important; margin-bottom: 2px !important; transition: color .25s ease; }
  .ct-scope .booking-channel .v { font-family: 'DM Sans', sans-serif !important; font-size: 17px !important; font-weight: 600 !important; color: var(--navy) !important; transition: color .25s ease; }
  .ct-scope .booking-channel .arr { font-size: 18px !important; color: var(--sunset) !important; transition: all .25s ease; font-weight: 700 !important; }
  .ct-scope .booking-channel:hover .arr { transform: translateX(6px) !important; }
  .ct-scope .booking-side {
    background: var(--teal-deep) !important;
    color: var(--white) !important;
    border-radius: 28px !important;
    padding: clamp(28px, 4vw, 40px) !important;
    display: flex !important; flex-direction: column !important;
    justify-content: space-between !important;
    gap: 24px !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 360px !important;
  }

  .ct-scope .bs-video {
    position: absolute !important; inset: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
  .ct-scope .bs-overlay {
    position: absolute !important; inset: 0 !important;
    z-index: 1 !important;
    background:
      linear-gradient(180deg, rgba(15, 22, 42, 0.30) 0%, rgba(15, 22, 42, 0.55) 60%, rgba(15, 22, 42, 0.85) 100%),
      linear-gradient(135deg, rgba(45, 138, 142, 0.30) 0%, rgba(91, 197, 214, 0.10) 100%) !important;
    pointer-events: none !important;
  }
  .ct-scope .booking-side::before {
    content: '';
    position: absolute !important;
    top: -40% !important; right: -40% !important;
    width: 300px !important; height: 300px !important;
    background: radial-gradient(circle, rgba(244, 199, 82, 0.45) 0%, transparent 65%) !important;
    border-radius: 50% !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }
  .ct-scope .booking-side > *:not(.bs-video):not(.bs-overlay) { position: relative !important; z-index: 3 !important; }
  .ct-scope .booking-side .eyebrow {
    display: inline-flex !important;
    background: rgba(255, 255, 255, 0.20) !important;
    color: var(--white) !important;
    padding: 6px 14px !important;
    border-radius: 100px !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.18em !important; text-transform: uppercase !important;
    align-self: flex-start !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
  }
  .ct-scope .booking-side h3 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 1.05 !important;
    margin: 12px 0 12px !important;
    letter-spacing: -0.02em !important;
  }
  .ct-scope .booking-side h3 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    color: var(--sunset-light) !important;
  }
  .ct-scope .booking-side p { font-size: 14px !important; color: var(--white) !important; opacity: 1 !important; margin: 0 0 24px !important; line-height: 1.55 !important; text-shadow: 0 1px 6px rgba(15, 22, 42, 0.45) !important; }

  .ct-scope footer.ct-footer {
    background: var(--white) !important;
    color: var(--navy) !important;
    padding: 72px 0 0 !important;
    border-top: 1px solid var(--line) !important;
  }
  .ct-scope .ct-footer-big {
    padding: 0 0 40px !important;
    border-bottom: 1px solid var(--line) !important;
    text-align: center !important;
  }
  .ct-scope .ct-footer-big h6 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(34px, 4.5vw, 68px) !important;
    line-height: 1.05 !important;
    color: var(--navy) !important;
    margin: 0 !important;
    letter-spacing: -0.025em !important;
  }
  .ct-scope .ct-footer-big h6 .sun { color: var(--sunset) !important; }
  .ct-scope .ct-footer-big h6 .accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    color: var(--teal-deep) !important;
  }
  .ct-scope .ct-footer-top {
    display: grid !important;
    grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr !important;
    gap: 48px !important;
    padding: 56px 0 !important;
    border-bottom: 1px solid var(--line) !important;
  }
  .ct-scope .ct-footer-brand img { height: 64px !important; width: auto !important; margin-bottom: 20px !important; }
  .ct-scope .ct-footer-brand p { font-size: 14px !important; line-height: 1.65 !important; color: var(--muted) !important; margin: 0 !important; max-width: 360px !important; }
  .ct-scope .ct-footer-brand .socials { display: flex !important; gap: 10px !important; margin-top: 22px !important; }
  .ct-scope .ct-footer-brand .socials a {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 42px !important; height: 42px !important;
    border-radius: 50% !important;
    background: var(--cream) !important;
    color: var(--navy) !important;
    transition: all .25s ease;
  }
  .ct-scope .ct-footer-brand .socials a:hover { background: var(--sunset) !important; color: var(--white) !important; transform: translateY(-3px) !important; }
  .ct-scope .ct-footer-brand .socials svg { width: 16px !important; height: 16px !important; }
  .ct-scope .ct-footer-col h5 {
    font-size: 11px !important; text-transform: uppercase !important;
    letter-spacing: 0.18em !important; color: var(--sunset) !important;
    margin: 0 0 16px !important; font-weight: 800 !important;
  }
  .ct-scope .ct-footer-col ul { display: flex !important; flex-direction: column !important; gap: 9px !important; }
  .ct-scope .ct-footer-col a {
    font-size: 13px !important; color: var(--navy) !important;
    transition: all .2s ease;
    font-weight: 500 !important;
  }
  .ct-scope .ct-footer-col a:hover { color: var(--orange) !important; padding-left: 6px !important; }
  .ct-scope .ct-footer-col p { font-size: 13px !important; line-height: 1.6 !important; margin: 0 !important; }
  .ct-scope .ct-footer-col a.mail, .ct-scope .ct-footer-col a.tel { display: block !important; font-weight: 600 !important; color: var(--navy) !important; margin-bottom: 4px !important; }
  .ct-scope .ct-footer-col a.tel { color: var(--sunset) !important; font-weight: 700 !important; font-size: 18px !important; }
  .ct-scope .ct-footer-mid {
    display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important;
    gap: 24px !important; padding: 28px 0 !important;
    border-bottom: 1px solid var(--line) !important;
  }
  .ct-scope .ct-footer-mid .assoc-row {
    display: flex !important; flex-wrap: wrap !important; align-items: center !important;
    gap: 26px !important;
  }
  .ct-scope .ct-footer-mid .assoc-row img {
    height: 40px !important; width: auto !important;
    opacity: 0.65 !important;
    transition: opacity .25s ease, transform .25s ease;
    filter: saturate(0.85) !important;
  }
  .ct-scope .ct-footer-mid .assoc-row img:hover { opacity: 1 !important; transform: translateY(-2px) !important; filter: saturate(1) !important; }
  .ct-scope .ct-footer-mid .assoc-row .lbl {
    font-size: 10px !important; text-transform: uppercase !important;
    letter-spacing: 0.18em !important; font-weight: 700 !important;
    color: var(--muted) !important;
    margin-right: 4px !important;
  }
  .ct-scope .ct-footer-mid .cert-pills { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
  .ct-scope .ct-footer-mid .cert-pills span {
    font-size: 10px !important; text-transform: uppercase !important;
    letter-spacing: 0.14em !important; font-weight: 700 !important;
    padding: 6px 14px !important;
    background: var(--cream) !important;
    border-radius: 100px !important;
    color: var(--navy) !important;
    border: 1px solid var(--line) !important;
  }
  .ct-scope .ct-footer-bottom {
    display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important;
    gap: 14px !important; padding: 24px 0 36px !important;
    font-size: 12px !important; color: var(--muted) !important;
  }
  .ct-scope .ct-footer-bottom a { color: var(--muted) !important; }
  .ct-scope .ct-footer-bottom a:hover { color: var(--orange) !important; }
  .ct-scope .ct-footer-bottom .legal { display: flex !important; gap: 18px !important; flex-wrap: wrap !important; }

  .ct-scope .fab-whats {
    position: fixed !important;
    bottom: 28px !important; right: 28px !important;
    z-index: 90 !important;
    background: #25D366 !important;
    color: var(--white) !important;
    width: 56px !important; height: 56px !important;
    border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    box-shadow: 0 10px 28px rgba(37, 211, 102, 0.30) !important;
    transition: all .3s cubic-bezier(0.22, 1, 0.36, 1);
    cursor: pointer !important;
  }
  .ct-scope .fab-whats:hover { transform: translateY(-3px) scale(1.05) !important; box-shadow: 0 16px 36px rgba(37, 211, 102, 0.45) !important; }
  .ct-scope .fab-whats svg { width: 26px !important; height: 26px !important; }

  .ct-scope .brochure-dock {
    position: fixed !important;
    right: 0 !important; top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 92 !important;
  }
  .ct-scope .brochure-tab {
    background: #1C2840 !important;
    color: #FFFFFF !important;
    padding: 18px 13px !important;
    border-radius: 18px 0 0 18px !important;
    cursor: pointer !important;
    transition: all .3s ease;
    display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important;
    box-shadow: -10px 0 30px rgba(28, 40, 64, 0.30) !important;
    min-width: 50px !important;
    border: 0 !important;
  }
  .ct-scope .brochure-tab:hover { background: #C99746 !important; color: #1C2840 !important; }
  .ct-scope .brochure-tab .vt {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }
  .ct-scope .brochure-tab .ic { font-size: 14px !important; transform: rotate(180deg) !important; transition: transform .3s ease; }
  .ct-scope .brochure-panel {
    width: 340px !important;
    background: var(--white) !important;
    border: 1px solid var(--line) !important;
    border-right: 0 !important;
    border-radius: 24px 0 0 24px !important;
    padding: 28px 24px !important;
    box-shadow: -16px 0 48px rgba(28, 40, 64, 0.18) !important;
    display: flex !important; flex-direction: column !important; gap: 16px !important;
    position: absolute !important;
    right: 0 !important; top: 50% !important;
    transform-origin: right center !important;
    transform: translateX(calc(100% + 60px)) translateY(-50%) !important;
    transition: transform .5s cubic-bezier(0.76, 0, 0.24, 1);
  }
  .ct-scope #ct-brochure-dock.brochure-dock.open .brochure-panel { transform: translateX(0) translateY(-50%) !important; }
  .ct-scope #ct-brochure-dock.brochure-dock.open .brochure-tab { transform: translateX(-340px) !important; }
  .ct-scope #ct-brochure-dock.brochure-dock.open .brochure-tab .ic { transform: rotate(0deg) !important; }
  .ct-scope .brochure-panel .head-row { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; }
  .ct-scope .brochure-panel .eyebrow {
    display: inline-flex !important;
    background: var(--sunset) !important;
    color: var(--white) !important;
    padding: 5px 12px !important;
    border-radius: 100px !important;
    font-size: 9px !important; font-weight: 800 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
  }
  .ct-scope .brochure-panel .close {
    width: 40px !important; height: 40px !important;
    border-radius: 50% !important;
    color: var(--muted) !important;
    font-size: 22px !important;
    transition: all .2s ease;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .ct-scope .brochure-panel .close:hover { background: var(--peach-bg) !important; color: var(--orange) !important; }
  .ct-scope .brochure-panel h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
    color: var(--navy) !important;
    margin: 0 !important;
    letter-spacing: -0.02em !important;
  }
  .ct-scope .brochure-panel h4 .accent {
    font-family: 'DM Sans', sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    color: var(--navy) !important;
    background: var(--sunset) !important;
    padding: 1px 10px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    letter-spacing: -0.01em !important;
  }
  .ct-scope .brochure-panel p { font-size: 13px !important; line-height: 1.55 !important; color: var(--muted) !important; margin: 0 !important; }
  .ct-scope .brochure-panel .ctas { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-top: 6px !important; }
  .ct-scope .brochure-panel .ctas a {
    display: inline-flex !important; align-items: center !important; justify-content: space-between !important;
    padding: 12px 18px !important;
    border-radius: 100px !important;
    font-size: 11px !important; font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    transition: all .25s ease;
  }
  .ct-scope .brochure-panel .ctas .primary { background: var(--sunset) !important; color: var(--navy) !important; }
  .ct-scope .brochure-panel .ctas .primary:hover { background: var(--teal-deep) !important; color: var(--white) !important; }
  .ct-scope .brochure-panel .ctas .ghost { background: transparent !important; color: var(--navy) !important; border: 1px solid var(--line) !important; }
  .ct-scope .brochure-panel .ctas .ghost:hover { background: var(--navy) !important; color: var(--white) !important; border-color: var(--navy) !important; }

@media (min-width: 1600px) {
  .ct-scope .wrap { max-width: 1560px !important; }
  .ct-scope .hero h1 { font-size: clamp(54px, 5.6vw, 110px) !important; }
  .ct-scope .hero-content { padding: clamp(80px, 9vw, 140px) clamp(40px, 5vw, 80px) clamp(60px, 7vw, 100px) !important; }
}

@media (max-width: 1280px) {
  .ct-scope .hero-awards .ha-grid { gap: 8px !important; }
  .ct-scope .hero-awards .ha-lbl .big { font-size: 22px !important; }
  .ct-scope .ha-badge { padding: 10px 6px 8px !important; }
  .ct-scope .ha-medal { width: 38px !important; height: 48px !important; }
  .ct-scope .ha-badge .cat { font-size: 9px !important; }
  .ct-scope .award-bubble.ab1 { width: 160px !important; height: 160px !important; }
  .ct-scope .award-bubble.ab2 { width: 130px !important; height: 130px !important; }
  .ct-scope .award-bubble.ab3 { width: 150px !important; height: 150px !important; }
  .ct-scope .award-bubble.ab4 { width: 140px !important; height: 140px !important; }
}

@media (max-width: 1024px) {
  .ct-scope .nav-menu, .ct-scope .nav-cta { display: none !important; }
  .ct-scope .nav-burger { display: inline-flex !important; }
  .ct-scope .hero { min-height: 70vh !important; }
  .ct-scope .hero h1 { font-size: clamp(40px, 8vw, 78px) !important; }
  .ct-scope .hero-sun-deco { width: 360px !important; height: 360px !important; top: -90px !important; right: -90px !important; }
  .ct-scope .hero-awards { padding: 18px 20px !important; gap: 20px !important; }
  .ct-scope .hero-awards .ha-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; }
  .ct-scope .hero-awards .ha-lbl { padding-right: 16px !important; }
  .ct-scope .hero-stats .num { font-size: clamp(28px, 3.5vw, 40px) !important; }
  .ct-scope .hs-grid { gap: 14px !important; }
  .ct-scope .hs-card { aspect-ratio: 5/4 !important; }
  .ct-scope .trust-grid { grid-template-columns: repeat(3, 1fr) !important; }
  .ct-scope .trust-pill:nth-child(4), .ct-scope .trust-pill:nth-child(5) { border-top: 1px solid var(--line) !important; padding-top: 22px !important; }
  .ct-scope .trust-pill:nth-child(3) { border-right: 0 !important; }
  .ct-scope .moods-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .ct-scope .zones-grid { grid-template-columns: repeat(2, 1fr) !important; grid-template-rows: none !important; grid-auto-rows: minmax(300px, auto) !important; }
  .ct-scope .zone-card.feature { grid-column: span 2 !important; }
  .ct-scope .exc-grid { grid-template-columns: repeat(3, 1fr) !important; }
  .ct-scope .hotels-grid { grid-template-columns: repeat(2, 1fr) !important; grid-auto-rows: minmax(240px, auto) !important; }
  .ct-scope .h-parklane, .ct-scope .h-elysium, .ct-scope .h-amavi, .ct-scope .h-sunrise, .ct-scope .h-adams, .ct-scope .h-mare-paphos, .ct-scope .h-pernera { grid-column: span 1 !important; grid-row: span 1 !important; }
  .ct-scope .manif-grid, .ct-scope .sustain-hero, .ct-scope .dmc-card, .ct-scope .booking-card { grid-template-columns: 1fr !important; }
  .ct-scope .manif-stats { grid-template-columns: repeat(2, 1fr) !important; }
  .ct-scope .manif-mini-row { grid-template-columns: repeat(3, 1fr) !important; }
  .ct-scope .awards-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .ct-scope .award-detail { padding: 20px 18px !important; }
  .ct-scope .award-detail h4 { font-size: 15px !important; }
  .ct-scope .award-detail p { font-size: 12px !important; }
  .ct-scope .ct-footer-top { grid-template-columns: 1fr 1fr !important; }
  .ct-scope .sp-grid { grid-template-columns: repeat(3, 1fr) !important; }
  .ct-scope .award-bubble.ab1, .ct-scope .award-bubble.ab3 { width: 130px !important; height: 130px !important; }
  .ct-scope .award-bubble.ab2, .ct-scope .award-bubble.ab4 { width: 100px !important; height: 100px !important; }
  .ct-scope .dmc-img { aspect-ratio: 4/3 !important; }
  .ct-scope .booking-side { min-height: 420px !important; }
  .ct-scope .manif-photo { gap: 12px !important; }
}

@media (max-width: 880px) {
  .ct-scope .hero-strip { padding: clamp(32px, 4vw, 48px) 0 !important; }
  .ct-scope .hs-grid { grid-template-columns: 1fr !important; }

  .ct-scope .hs-card { aspect-ratio: auto !important; min-height: 360px !important; }
  .ct-scope .hs-card .meta { padding: 24px 22px !important; }
  .ct-scope .hs-card h3 { font-size: clamp(28px, 6vw, 36px) !important; }
  .ct-scope .hs-card .sub { font-size: 14px !important; max-width: 100% !important; }
  .ct-scope .trust-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .ct-scope .trust-pill:nth-child(3) { border-right: 1px solid var(--line) !important; }
  .ct-scope .trust-pill:nth-child(2n) { border-right: 0 !important; }
  .ct-scope .trust-pill:nth-child(5) { grid-column: span 2 !important; border-right: 0 !important; padding-top: 14px !important; }
  .ct-scope .exc-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .ct-scope .sp-grid { grid-template-columns: 1fr !important; gap: 14px !important; max-width: 480px !important; margin: 0 auto !important; }
  .ct-scope .sp-card:nth-child(3) { grid-column: span 1 !important; max-width: 100% !important; margin: 0 !important; }
  .ct-scope .award-bubble.ab2, .ct-scope .award-bubble.ab4 { display: none !important; }
  .ct-scope .manif-mini-row { grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; }
  .ct-scope .dmc-content ul { grid-template-columns: 1fr 1fr !important; }
  .ct-scope .dmc-stamp { padding: 6px 12px !important; font-size: 9px !important; }
  .ct-scope .dmc-img .stamp { padding: 6px 10px !important; font-size: 9px !important; }
}

@media (max-width: 720px) {
  .ct-scope .topbar .pill-tag, .ct-scope .topbar .partner-link, .ct-scope .topbar .wa-dot { display: none !important; }
  .ct-scope .topbar .topbar-left a[href^="mailto:"] { display: none !important; }
  .ct-scope .topbar-inner { gap: 14px !important; }
  .ct-scope .nav-inner { padding: 12px 20px !important; }
  .ct-scope .nav-logo img { height: 44px !important; }
  .ct-scope .nav-cta { padding: 10px 16px !important; font-size: 11px !important; }

  .ct-scope .hero { min-height: auto !important; }
  .ct-scope .hero h1 { font-size: clamp(34px, 9vw, 52px) !important; line-height: 1.08 !important; }
  .ct-scope .hero-lede { font-size: 15px !important; line-height: 1.55 !important; }
  .ct-scope .hero-eyebrow { font-size: 10px !important; padding: 7px 14px !important; }
  .ct-scope .hero-content { padding: 48px 18px 56px !important; gap: 16px !important; }
  .ct-scope .hero-awards { display: none !important; }
  .ct-scope .hero-stats { padding-left: 22px !important; gap: 22px !important; }
  .ct-scope .trust { padding: 36px 0 !important; }
  .ct-scope .trust-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
  .ct-scope .trust-pill { border-right: 0 !important; border-bottom: 1px solid var(--line) !important; padding: 14px 0 !important; }
  .ct-scope .trust-pill:last-child { border-bottom: 0 !important; }
  .ct-scope .moods-grid { grid-template-columns: 1fr !important; }
  .ct-scope .mood-card { aspect-ratio: 5/4 !important; min-height: 280px !important; }

  .ct-scope .zones-grid { grid-template-columns: 1fr !important; grid-template-rows: none !important; grid-auto-rows: minmax(280px, auto) !important; }
  .ct-scope .zone-card { min-height: 280px !important; }
  .ct-scope .zone-card.feature { grid-column: span 1 !important; }
  .ct-scope .zone-card h3 { font-size: 30px !important; }
  .ct-scope .zone-card.feature h3 { font-size: 38px !important; }
  .ct-scope .zone-info { width: 44px !important; height: 44px !important; font-size: 18px !important; top: 14px !important; right: 14px !important; }
  .ct-scope .exc-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 18px 14px !important; }
  .ct-scope .exc-card h4 { font-size: 15px !important; }
  .ct-scope .hotels-grid { grid-template-columns: 1fr !important; grid-auto-rows: minmax(260px, auto) !important; gap: 14px !important; }
  .ct-scope .h-parklane, .ct-scope .h-elysium, .ct-scope .h-amavi, .ct-scope .h-sunrise, .ct-scope .h-adams, .ct-scope .h-mare-paphos, .ct-scope .h-pernera { grid-column: span 1 !important; grid-row: span 1 !important; }
  .ct-scope .manif-stats { grid-template-columns: 1fr 1fr !important; }
  .ct-scope .manif-video-wrap { aspect-ratio: 16/10 !important; }
  .ct-scope .manif-mini-row { grid-template-columns: 1fr !important; gap: 12px !important; }
  .ct-scope .manif-mini { aspect-ratio: 5/3 !important; }
  .ct-scope .awards-grid, .ct-scope .sustain-list { grid-template-columns: 1fr !important; }
  .ct-scope .awards-grid { grid-auto-rows: max-content !important; align-items: start !important; }
  .ct-scope .award { padding: 24px 18px 28px !important; gap: 14px !important; min-height: 310px !important; align-self: start !important; }
  .ct-scope .award .award-medal { width: 80px !important; height: 100px !important; flex: 0 0 auto !important; }
  .ct-scope .award h3 { font-size: 17px !important; }
  .ct-scope .sp-grid { grid-template-columns: 1fr !important; }
  .ct-scope .sp-card:nth-child(3) { grid-column: span 1 !important; max-width: 100% !important; }
  .ct-scope .sustain-partners-foot { flex-direction: column !important; align-items: flex-start !important; }
  .ct-scope .sustain-partners-foot .note { max-width: 100% !important; }
  .ct-scope .ct-footer-top { grid-template-columns: 1fr !important; gap: 28px !important; }
  .ct-scope .ct-footer-big h6 { font-size: clamp(26px, 7vw, 40px) !important; }
  .ct-scope .ct-footer-mid { gap: 16px !important; }
  .ct-scope .ct-footer-mid .assoc-row { gap: 18px !important; }
  .ct-scope .ct-footer-mid .assoc-row img { height: 32px !important; }
  .ct-scope .hero-sun-deco { display: none !important; }
  .ct-scope .award-bubble { display: none !important; }
  .ct-scope .booking-card { padding: 28px 20px !important; }
  .ct-scope .booking-channel { padding: 14px 16px !important; }
  .ct-scope .booking-channel .v { font-size: 15px !important; }
  .ct-scope .booking-channel .l { font-size: 9px !important; }
  .ct-scope .booking-side { min-height: 380px !important; padding: 24px 20px !important; }
  .ct-scope .dmc-bridge { padding: 40px 0 !important; }
  .ct-scope .dmc-content { padding: 28px 22px !important; }
  .ct-scope .dmc-content ul { grid-template-columns: 1fr !important; }
  .ct-scope .dmc-content h3 { font-size: clamp(24px, 6vw, 32px) !important; }
  .ct-scope .fab-whats { bottom: 20px !important; right: 20px !important; width: 50px !important; height: 50px !important; }
  .ct-scope .fab-whats svg { width: 22px !important; height: 22px !important; }
  .ct-scope .brochure-dock { display: none !important; }
  .ct-scope .head h2 { font-size: clamp(30px, 7vw, 44px) !important; }
  .ct-scope .chapter h2 { font-size: clamp(28px, 7vw, 42px) !important; }
  .ct-scope .ct-footer { padding-top: 56px !important; }
  .ct-scope .ct-footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
}

@media (max-width: 480px) {
  .ct-scope .wrap { padding: 0 16px !important; }
  .ct-scope .nav-cta { display: none !important; }
  .ct-scope .hero h1 { font-size: clamp(27px, 7.4vw, 44px) !important; line-height: 1.07 !important; }
  .ct-scope .hero-lede { font-size: 14px !important; }
  .ct-scope .hero-ctas .btn { padding: 14px 20px !important; font-size: 11px !important; }
  .ct-scope .hero-eyebrow { letter-spacing: 0.10em !important; }
  .ct-scope .hero-awards .ha-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .ct-scope .ha-medal { width: 36px !important; height: 46px !important; }
  .ct-scope .ha-badge .cat { font-size: 8.5px !important; }
  .ct-scope .ha-badge .yr { font-size: 8px !important; }
  .ct-scope .head h2 { font-size: clamp(26px, 7vw, 36px) !important; }
  .ct-scope .chapter h2 { font-size: clamp(24px, 7vw, 34px) !important; }
  .ct-scope .section { padding: clamp(40px, 8vw, 64px) 0 !important; }
  .ct-scope .head { margin-bottom: 32px !important; }
  .ct-scope .topbar-inner { font-size: 11px !important; }
  .ct-scope .topbar a { font-size: 11px !important; }
  .ct-scope .btn { padding: 14px 20px !important; font-size: 11px !important; }
  .ct-scope .booking-channel { padding: 12px 14px !important; gap: 12px !important; }
  .ct-scope .booking-channel .ic { width: 36px !important; height: 36px !important; font-size: 16px !important; }
  .ct-scope .sustain-photos { aspect-ratio: 4/3 !important; }
}

  .ct-scope, .ct-scope *, .ct-scope *::before, .ct-scope *::after {box-sizing:border-box !important;margin:0 !important;padding:0}
  .ct-scope, .ct-scope {overflow-x:clip !important;scroll-behavior:smooth}
  .ct-scope {font-family:'DM Sans',system-ui,sans-serif !important;font-weight:400 !important;line-height:1.7 !important;background:#FBF8F0 !important;color:#1C2840 !important;-webkit-font-smoothing:antialiased}
  .ct-scope img {max-width:100% !important;height:auto !important;display:block}
  .ct-scope a {color:#A8761E !important;text-decoration:none !important;font-weight:600 !important;transition:color .2s ease}
  .ct-scope a:hover {color:#1C2840 !important;text-decoration:underline}
  :root {--navy:#1C2840;--sunset:#F4C752;--orange:#EB9555;--teal:#3C9DA0;--cream:#FBF8F0;--peach:#FDF8E5;--muted:#6B7888;--line:rgba(28,40,64,0.10)}
  .ct-scope .topbar {background:#fff !important;border-bottom:1px solid var(--line) !important;padding:9px 0 !important;font-size:12px !important;color:var(--navy)}
  .ct-scope .topbar-inner {max-width:1200px !important;margin:0 auto !important;padding:0 clamp(20px,4vw,56px) !important;display:flex !important;justify-content:space-between !important;align-items:center !important;gap:24px}
  .ct-scope .topbar .pill {display:inline-flex !important;background:var(--sunset) !important;color:var(--navy) !important;padding:4px 12px !important;border-radius:100px !important;font-weight:700 !important;letter-spacing:0.10em !important;text-transform:uppercase !important;font-size:10px}
  .ct-scope .topbar a {color:var(--navy) !important;font-weight:500}
  .ct-scope .topbar a:hover {color:var(--orange) !important;text-decoration:none}
  .ct-scope .nav {background:rgba(255,255,255,0.94) !important;-webkit-backdrop-filter:blur(14px) !important;backdrop-filter:blur(14px) !important;border-bottom:1px solid var(--line) !important;position:sticky !important;top:0 !important;z-index:100}
  .ct-scope .nav-inner {max-width:1200px !important;margin:0 auto !important;padding:14px clamp(20px,4vw,56px) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px}
  .ct-scope .nav-logo img {height:56px !important;width:auto}
  .ct-scope .nav-back {display:inline-flex !important;align-items:center !important;gap:10px !important;background:var(--navy) !important;color:#fff !important;padding:11px 22px !important;border-radius:100px !important;font-size:12px !important;font-weight:700 !important;letter-spacing:0.10em !important;text-transform:uppercase !important;transition:all .25s ease;border:2px solid var(--navy)}
  .ct-scope .nav-back:hover {background:var(--sunset) !important;border-color:var(--sunset) !important;color:var(--navy) !important;text-decoration:none}
  .ct-scope .hero-page {padding:clamp(60px,8vw,100px) 0 clamp(40px,5vw,60px) !important;background:linear-gradient(180deg,#fff 0%,var(--peach) 100%) !important;text-align:center}
  .ct-scope .hero-page .wrap {max-width:900px !important;margin:0 auto !important;padding:0 clamp(20px,4vw,56px)}
  .ct-scope .hero-page .eyebrow {display:inline-flex !important;align-items:center !important;gap:10px !important;background:#fff !important;color:#A8761E !important;padding:7px 18px !important;border-radius:100px !important;border:1px solid rgba(244,199,82,0.30) !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.22em !important;margin-bottom:20px}
  .ct-scope .hero-page .eyebrow .dot {width:6px !important;height:6px !important;background:var(--sunset) !important;border-radius:50%}
  .ct-scope .hero-page h1 {font-family:'DM Sans',sans-serif !important;font-weight:700 !important;font-size:clamp(36px,5vw,64px) !important;line-height:1.05 !important;letter-spacing:-0.025em !important;color:var(--navy) !important;margin:0 0 16px}
  .ct-scope .hero-page h1 .accent {font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-weight:500 !important;color:var(--orange)}
  .ct-scope .hero-page p {font-size:17px !important;color:var(--muted) !important;line-height:1.6 !important;max-width:680px !important;margin:0 auto}

.ct-scope section.block {margin-bottom:48px}
  .ct-scope section.block h2 {font-family:'DM Sans',sans-serif !important;font-weight:700 !important;font-size:clamp(22px,2.6vw,32px) !important;line-height:1.15 !important;color:var(--navy) !important;margin:0 0 8px !important;letter-spacing:-0.02em}
  .ct-scope section.block h2 .num {display:inline-block !important;font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-weight:500 !important;color:#A8761E !important;margin-right:10px !important;font-size:0.7em}
  .ct-scope section.block h3 {font-family:'DM Sans',sans-serif !important;font-weight:700 !important;font-size:17px !important;color:var(--navy) !important;margin:22px 0 10px}
  .ct-scope section.block p {margin:0 0 14px !important;color:var(--navy) !important;font-size:15px}
  .ct-scope section.block p strong {color:var(--navy) !important;font-weight:700}
  .ct-scope section.block ul {padding-left:0 !important;margin:14px 0 !important;list-style:none}
  .ct-scope section.block ul li {position:relative !important;padding-left:22px !important;margin-bottom:10px !important;font-size:15px !important;color:var(--navy)}
  .ct-scope section.block ul li::before {content:'';position:absolute !important;left:0 !important;top:11px !important;width:10px !important;height:1px !important;background:var(--sunset)}
  .ct-scope section.block ul li strong {color:var(--navy) !important;font-weight:700}
  .ct-scope .cookie-table {width:100% !important;border-collapse:separate;border-spacing:0;margin:20px 0 !important;background:#fff !important;border:1px solid var(--line) !important;border-radius:16px !important;overflow:hidden}
  .ct-scope .cookie-table th {background:var(--navy) !important;color:#fff !important;font-family:'DM Sans',sans-serif !important;font-weight:700 !important;font-size:11px !important;text-transform:uppercase !important;letter-spacing:0.16em !important;text-align:left !important;padding:14px 16px}
  .ct-scope .cookie-table td {padding:14px 16px !important;border-bottom:1px solid var(--line) !important;font-size:13px !important;color:var(--navy) !important;vertical-align:top !important;line-height:1.5}
  .ct-scope .cookie-table tr:last-child td {border-bottom:0}
  .ct-scope .cookie-table tr:nth-child(even) td {background:#FDFCF7}
  .ct-scope .cookie-table .name {font-weight:700 !important;font-family:'DM Sans',sans-serif !important;font-size:13px !important;color:var(--navy) !important;white-space:nowrap}
  .ct-scope .cookie-table .type-pill {display:inline-flex !important;font-size:10px !important;font-weight:700 !important;letter-spacing:0.10em !important;text-transform:uppercase !important;padding:3px 10px !important;border-radius:100px}
  .ct-scope .cookie-table .type-essential {background:var(--peach) !important;color:#A8761E}
  .ct-scope .cookie-table .type-analytics {background:rgba(60,157,160,0.15) !important;color:#2D8A8E}
  .ct-scope .cookie-table .type-marketing {background:rgba(235,149,85,0.18) !important;color:#B47132}
  .ct-scope .info-card {background:var(--peach) !important;border:1px solid rgba(244,199,82,0.30) !important;border-radius:24px !important;padding:24px 28px !important;margin:16px 0}
  .ct-scope .info-card .label {font-size:11px !important;text-transform:uppercase !important;letter-spacing:0.18em !important;color:#A8761E !important;font-weight:700 !important;margin-bottom:6px}
  .ct-scope .info-card .val {font-family:'DM Sans',sans-serif !important;font-weight:600 !important;font-size:16px !important;color:var(--navy) !important;line-height:1.5}
  .ct-scope .info-card .val a {color:var(--navy) !important;text-decoration:underline !important;text-decoration-color:var(--sunset)}
  .ct-scope .alert {background:rgba(60,157,160,0.10) !important;border-left:4px solid var(--teal) !important;border-radius:0 16px 16px 0 !important;padding:18px 22px !important;margin:20px 0}
  .ct-scope .alert .ttl {font-weight:700 !important;color:var(--navy) !important;font-size:14px !important;letter-spacing:0.02em !important;margin-bottom:6px !important;text-transform:uppercase}
  .ct-scope .alert p {font-size:14px !important;color:var(--navy) !important;margin:0}
  .ct-scope .browser-grid {display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important;margin:20px 0}
  .ct-scope .browser-grid a {display:block !important;background:#fff !important;border:1px solid var(--line) !important;border-radius:14px !important;padding:14px 18px !important;color:var(--navy) !important;font-weight:600 !important;font-size:14px !important;transition:all .25s ease}
  .ct-scope .browser-grid a:hover {background:var(--peach) !important;border-color:var(--sunset) !important;color:#A8761E !important;text-decoration:none !important;transform:translateY(-2px)}
  .ct-scope .browser-grid a span {display:block !important;font-size:11px !important;font-weight:500 !important;color:var(--muted) !important;margin-top:2px !important;text-transform:uppercase !important;letter-spacing:0.1em}
  .ct-scope .last-updated {display:inline-block !important;background:var(--peach) !important;color:#A8761E !important;font-size:12px !important;font-weight:700 !important;letter-spacing:0.14em !important;text-transform:uppercase !important;padding:6px 14px !important;border-radius:100px !important;margin-top:32px}
  .ct-scope footer.ct-foot {background:#fff !important;border-top:1px solid var(--line) !important;padding:48px 0 32px !important;color:var(--navy) !important;font-size:13px}
  .ct-scope footer .wrap {max-width:1200px !important;margin:0 auto !important;padding:0 clamp(20px,4vw,56px)}
  .ct-scope footer .row {display:flex !important;flex-wrap:wrap !important;justify-content:space-between !important;align-items:flex-start !important;gap:24px !important;margin-bottom:24px}
  .ct-scope footer .brand img {height:42px !important;margin-bottom:12px}
  .ct-scope footer .brand p {color:var(--muted) !important;max-width:300px !important;line-height:1.55}
  .ct-scope footer .links {display:flex !important;flex-wrap:wrap !important;gap:18px !important;font-weight:600}
  .ct-scope footer .links a {color:var(--navy)}
  .ct-scope footer .links a:hover {color:var(--orange) !important;text-decoration:none}
  .ct-scope footer .bottom {padding-top:20px !important;border-top:1px solid var(--line) !important;display:flex !important;flex-wrap:wrap !important;justify-content:space-between !important;gap:12px !important;color:var(--muted) !important;font-size:12px}
@media (max-width: 720px){
  .ct-scope .topbar-inner {flex-direction:column !important;align-items:flex-start !important;gap:8px}
  .ct-scope .nav-inner {padding:12px 20px}
  .ct-scope .nav-logo img {height:44px}
  .ct-scope .nav-back {padding:9px 16px !important;font-size:11px}
  .ct-scope .browser-grid {grid-template-columns:1fr}
  .ct-scope main .wrap {padding:0 20px}
  .ct-scope footer .row {flex-direction:column}
  .ct-scope .cookie-table {font-size:12px}
  .ct-scope .cookie-table th, .ct-scope .cookie-table td {padding:10px 12px}
}

@media (max-width: 1024px) {

  .ct-scope .hero-page h1 { font-size: clamp(30px, 5.5vw, 52px) !important; }
  .ct-scope .hero-page p { font-size: 16px !important; }
  .ct-scope main .wrap { padding: 0 clamp(20px, 4vw, 40px) !important; }
  .ct-scope section.block h2 { font-size: clamp(20px, 3vw, 28px) !important; }
  .ct-scope .cookie-table .name { white-space: normal !important; }
  .ct-scope .browser-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .ct-scope .info-card { padding: 20px 22px !important; }
}

@media (max-width: 880px) {

  .ct-scope .cookie-table-wrap, .ct-scope .table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .ct-scope .cookie-table { min-width: 600px !important; }
  .ct-scope .cookie-table .name { white-space: nowrap !important; }
}

@media (max-width: 720px) {

  .ct-scope .cookie-table, .ct-scope .cookie-table thead, .ct-scope .cookie-table tbody, .ct-scope .cookie-table tr, .ct-scope .cookie-table th, .ct-scope .cookie-table td {
      display: block !important;
      width: 100% !important;
    }
  .ct-scope .cookie-table { min-width: 0 !important; border-radius: 16px !important; }
  .ct-scope .cookie-table thead { display: none !important; }
  .ct-scope .cookie-table tr {
      border-bottom: 1px solid var(--line) !important;
      padding: 16px 14px !important;
    }
  .ct-scope .cookie-table tr:last-child { border-bottom: 0 !important; }
  .ct-scope .cookie-table td {
      padding: 6px 0 !important;
      border-bottom: 0 !important;
      font-size: 13px !important;
    }
  .ct-scope .cookie-table td::before {
      content: attr(data-label);
      display: block !important;
      font-size: 10px !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.12em !important;
      color: var(--muted) !important;
      margin-bottom: 2px !important;
    }
  .ct-scope .cookie-table .name { white-space: normal !important; font-size: 14px !important; }

  .ct-scope footer .links { gap: 12px !important; }
  .ct-scope footer.ct-foot { padding: 32px 0 24px !important; }

  .ct-scope .hero-page h1 { font-size: clamp(28px, 8vw, 40px) !important; }
  .ct-scope .hero-page .eyebrow { font-size: 9px !important; padding: 6px 14px !important; letter-spacing: 0.18em !important; }

  .ct-scope .nav-back, .ct-scope .browser-grid a, .ct-scope .info-card a, .ct-scope .alert a { min-height: 44px !important; display: flex !important; align-items: center !important; }
  .ct-scope .browser-grid a { flex-direction: column !important; align-items: flex-start !important; padding: 14px 18px !important; }
}

@media (max-width: 480px) {
  .ct-scope .nav-logo img { height: 40px !important; }
  .ct-scope .nav-inner { padding: 10px 16px !important; gap: 12px !important; }
  .ct-scope .nav-back { padding: 8px 14px !important; font-size: 10px !important; gap: 6px !important; }
  .ct-scope .hero-page { padding: clamp(40px, 8vw, 60px) 0 clamp(28px, 5vw, 40px) !important; }
  .ct-scope .hero-page h1 { font-size: clamp(26px, 9vw, 36px) !important; line-height: 1.1 !important; }
  .ct-scope .hero-page p { font-size: 15px !important; }
  .ct-scope .info-card { padding: 18px 18px !important; }
  .ct-scope .alert { padding: 14px 16px !important; }
  .ct-scope section.block { margin-bottom: 36px !important; }
  .ct-scope section.block h2 { font-size: clamp(18px, 5vw, 24px) !important; }
  .ct-scope section.block p, .ct-scope section.block ul li { font-size: 14px !important; }
  .ct-scope .last-updated { font-size: 10px !important; padding: 5px 12px !important; }
  .ct-scope .topbar { font-size: 11px !important; }
}

  .ct-scope, .ct-scope{ max-width: 100vw !important; overflow-x: clip !important; }

  .ct-scope img, .ct-scope video, .ct-scope iframe { max-width: 100% !important; height: auto !important; }

  .ct-scope .legal-section, .ct-scope section.block, .ct-scope .ct-footer-col, .ct-scope .nav-sub li {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .ct-scope .hs-grid { display: grid !important; gap: 18px !important; }
  .ct-scope .moods-grid { display: grid !important; gap: 18px !important; }
  .ct-scope .zones-grid { display: grid !important; gap: 16px !important; }
  .ct-scope .exc-grid { display: grid !important; gap: 24px 18px !important; }
  .ct-scope .hotels-grid { display: grid !important; gap: 16px !important; }
  .ct-scope .awards-grid { display: grid !important; gap: 20px !important; }
  .ct-scope .sp-grid { display: grid !important; gap: 20px !important; }
  .ct-scope .manif-stats { gap: 16px !important; }
  .ct-scope .trust-grid { gap: 0 !important; }

.ct-scope h1, .ct-scope h2, .ct-scope h3, .ct-scope h4, .ct-scope h5, .ct-scope h6,
  .ct-scope p, .ct-scope span, .ct-scope li, .ct-scope a, .ct-scope div,
  .ct-scope button, .ct-scope input, .ct-scope label, .ct-scope strong, .ct-scope em, .ct-scope small {
    font-family: 'DM Sans', system-ui, sans-serif !important;
  }
  .ct-scope h1, .ct-scope h2, .ct-scope h3, .ct-scope h4, .ct-scope h5, .ct-scope h6 {
    color: inherit !important;
  }
  .ct-scope .accent, .ct-scope h1 .accent, .ct-scope h2 .accent, .ct-scope h3 .accent,
  .ct-scope i.accent, .ct-scope em.accent, .ct-scope span.accent {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
  }
  .ct-scope a { text-decoration: none !important; }
  .e-con:has(.ct-scope), .e-con-inner:has(.ct-scope){
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important; padding-bottom: 0 !important;
    margin-top: 0 !important; margin-bottom: 0 !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
  }
  .ct-scope { margin-top: 0 !important; padding-top: 0 !important; }

.ct-scope .ct-totop {
    position: fixed !important;
    bottom: 28px !important; right: 28px !important;
    z-index: 91 !important;
    width: 48px !important; height: 48px !important;
    border-radius: 50% !important;
    background: #1C2840 !important;
    color: #FFFFFF !important;
    border: 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 22px !important; line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 8px 24px rgba(28,40,64,0.30) !important;
    opacity: 0 !important; visibility: hidden !important;
    transform: translateY(16px) !important;
    transition: opacity .3s ease, transform .3s ease, background .25s ease !important;
  }
  .ct-scope .ct-totop.show { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
  .ct-scope .ct-totop:hover { background: #C99746 !important; color: #1C2840 !important; }
  @media (max-width: 720px) {
    .ct-scope .ct-totop { bottom: 20px !important; right: 20px !important; width: 44px !important; height: 44px !important; }
  }

@media (min-width: 1600px) {
    .ct-scope .wrap, .ct-scope .hero-content { max-width: 1680px !important; }
  }
  @media (min-width: 2000px) {
    .ct-scope .wrap, .ct-scope .hero-content { max-width: 1840px !important; }
  }
  @media (min-width: 2400px) {
    .ct-scope .wrap, .ct-scope .hero-content { max-width: 2000px !important; }
  }

html, body { overflow-x: clip !important; max-width: 100% !important; }.ct-scope .h-cityofdreams{grid-column:span 7 !important;grid-row:span 4 !important}.ct-scope .h-amara{grid-column:span 5 !important;grid-row:span 4 !important}.ct-scope .h-cape,.ct-scope .h-columbia,.ct-scope .h-amathus,.ct-scope .h-cynthiana,.ct-scope .h-adams,.ct-scope .h-pernera{grid-column:span 4 !important;grid-row:span 3 !important}@media (max-width: 1024px){.ct-scope .hotels-grid .hotel{grid-column:span 1 !important;grid-row:span 1 !important}}.ct-scope .depts .dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ct-scope .dept-card{background:var(--white) !important;border:1px solid var(--line);border-radius:18px;padding:30px 28px;transition:transform .4s,box-shadow .4s}.ct-scope .dept-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -26px rgba(28,40,64,.4)}.ct-scope .dept-card .dnum{display:inline-block;font-family:'DM Sans',sans-serif;font-weight:800;font-size:.76rem;letter-spacing:.14em;color:var(--orange)}.ct-scope .dept-card h3{font-family:'DM Sans',sans-serif;font-weight:700;font-size:1.24rem;line-height:1.15;color:var(--ink);margin:.5em 0 .5em;overflow-wrap:break-word}.ct-scope .dept-card p{font-size:.93rem;color:var(--muted);line-height:1.6;margin:0}.ct-scope .dept-card.dept-feature{background:linear-gradient(135deg,var(--navy),var(--navy-soft)) !important;border:none}.ct-scope .dept-card.dept-feature .dnum{color:var(--sunset-light)}.ct-scope .dept-card.dept-feature h3{color:#fff}.ct-scope .dept-card.dept-feature p{color:rgba(255,255,255,.85)}@media (max-width: 980px){.ct-scope .depts .dept-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.ct-scope .depts .dept-grid{grid-template-columns:1fr}.ct-scope .dept-card.dept-feature{display:block}}.ct-scope .intro-ct .head{max-width:760px}.ct-scope .spectrum-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:32px 0 24px}.ct-scope .spectrum-row span{background:var(--cream-warm);border:1px solid var(--line);color:var(--ink);font-weight:600;font-size:.9rem;padding:.6em 1.2em;border-radius:999px}.ct-scope .seg-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:18px}.ct-scope .seg-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;background-size:cover;background-position:center;box-shadow:0 18px 40px -24px rgba(28,40,64,.45);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.ct-scope .seg-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,40,64,0) 28%,rgba(28,40,64,.55) 60%,rgba(28,40,64,.9) 100%)}.ct-scope .seg-card:hover{transform:translateY(-6px);box-shadow:0 34px 64px -24px rgba(28,40,64,.55)}.ct-scope .seg-card.seg-wide{grid-column:span 2}.ct-scope .seg-body{position:relative;z-index:2;padding:26px}.ct-scope .seg-card h3{font-family:'DM Sans',sans-serif;font-weight:700;font-size:1.5rem;line-height:1.08;margin:0 0 .4em;color:#fff}.ct-scope .seg-card p{font-size:.95rem;color:rgba(255,255,255,.9);line-height:1.5;margin:0 0 14px;max-width:46ch}.ct-scope .seg-link{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sunset-light);display:inline-flex;align-items:center;gap:8px}.ct-scope .seg-card:hover .seg-link .arrow{transform:translateX(6px)}.ct-scope .seg-link .arrow{transition:transform .3s}@media (max-width: 880px){.ct-scope .seg-grid{grid-template-columns:repeat(2,1fr)}.ct-scope .seg-card.seg-wide{grid-column:span 2}}@media (max-width: 560px){.ct-scope .seg-grid{grid-template-columns:1fr}.ct-scope .seg-card.seg-wide{grid-column:span 1}}.ct-scope .pb-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;background:linear-gradient(135deg,var(--navy),var(--navy-soft)) !important;border-radius:22px;padding:34px 44px}.ct-scope .pb-text{flex:1;min-width:300px}.ct-scope .pb-text h3{font-family:'DM Sans',sans-serif;font-weight:700;font-size:1.4rem;color:#fff;margin:0 0 .3em}.ct-scope .pb-text p{color:rgba(255,255,255,.85);margin:0;font-size:.95rem;line-height:1.5;max-width:60ch}.ct-scope .circ-grid{grid-auto-rows:340px}.ct-scope .circ-card .circ-dur{display:inline-block;background:var(--sunset);color:var(--navy);font-family:'DM Sans',sans-serif;font-weight:800;font-size:.72rem;letter-spacing:.04em;padding:.34em .8em;border-radius:999px;margin-bottom:10px}.ct-scope .circ-card .circ-tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.05rem;color:var(--sunset-light);margin:0 0 8px}.ct-scope .circ-card p:not(.circ-tag){font-size:.88rem}@media (max-width: 880px){.ct-scope .circ-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.ct-scope .circ-grid{grid-template-columns:1fr}}.ct-scope .golf-grid{grid-auto-rows:300px}.ct-scope .golf-card p{font-size:.9rem;color:rgba(255,255,255,.9)}.ct-scope .villa-grid{grid-template-columns:repeat(2,1fr) !important;grid-auto-rows:330px}.ct-scope .villa-card p{font-size:.92rem;color:rgba(255,255,255,.9)}@media (max-width: 680px){.ct-scope .villa-grid{grid-template-columns:1fr !important}}.ct-scope .manif-mini.m1{background-image:linear-gradient(180deg,rgba(28,40,64,0) 45%,rgba(28,40,64,.72)),url('gr-plaka.webp') !important;background-size:cover !important;background-position:center !important}.ct-scope .manif-mini.m2{background-image:linear-gradient(180deg,rgba(28,40,64,0) 45%,rgba(28,40,64,.72)),url('gr-santorin.webp') !important;background-size:cover !important;background-position:center !important}.ct-scope .manif-mini.m3{background-image:linear-gradient(180deg,rgba(28,40,64,0) 45%,rgba(28,40,64,.72)),url('gr-rhodes.webp') !important;background-size:cover !important;background-position:center !important}.ct-scope .seg-card{border-radius:28px !important}.ct-scope .seg-grid{gap:16px !important}.ct-scope .pb-card{border-radius:28px !important}.ct-scope .dept-card{position:relative !important;background:var(--cream-warm) !important;border:1px solid var(--line) !important;border-radius:28px !important;padding:38px 32px 34px !important;overflow:hidden !important}.ct-scope .dept-card .dnum{position:absolute !important;top:12px;right:26px;font-family:'Baskervville',Georgia,serif !important;font-style:italic !important;font-weight:400 !important;font-size:3.6rem !important;line-height:1 !important;color:var(--sunset) !important;opacity:.38;letter-spacing:0 !important;margin:0 !important}.ct-scope .dept-card h3{font-family:'DM Sans',sans-serif !important;font-weight:800 !important;font-size:1.6rem !important;line-height:1.08 !important;letter-spacing:-.01em !important;color:var(--navy) !important;margin:0 0 .5em !important;max-width:82% !important}.ct-scope .dept-card p{font-size:.95rem !important;color:var(--muted) !important;line-height:1.6 !important}.ct-scope .dept-card.dept-feature{background:linear-gradient(135deg,var(--navy),var(--navy-soft)) !important;border:none !important}.ct-scope .dept-card.dept-feature .dnum{color:var(--sunset-light) !important;opacity:.55}.ct-scope .dept-card.dept-feature h3{color:#fff !important}.ct-scope .dept-card.dept-feature p{color:rgba(255,255,255,.85) !important}.ct-scope .dept-card p strong{font-weight:700 !important;color:var(--ink) !important;background-image:linear-gradient(transparent 60%,rgba(244,199,82,.48) 60%) !important;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 1px;border-radius:2px}.ct-scope .dept-card.dept-feature p strong{color:#fff !important;background-image:linear-gradient(transparent 60%,rgba(244,199,82,.40) 60%) !important}.ct-scope .intro-ct .head p strong{font-weight:700 !important;color:var(--ink) !important;background-image:linear-gradient(transparent 60%,rgba(244,199,82,.48) 60%) !important;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 1px}.ct-scope .spectrum-row{gap:12px !important}.ct-scope .spectrum-row span{background:#fff !important;border:1.5px solid var(--line-warm) !important;color:var(--navy) !important;font-weight:700 !important;font-size:1rem !important;padding:.72em 1.5em !important;box-shadow:0 8px 20px -12px rgba(28,40,64,.28) !important;transition:transform .3s,box-shadow .3s,background .3s,border-color .3s}.ct-scope .spectrum-row span:hover{transform:translateY(-3px);background:var(--sunset) !important;border-color:var(--sunset) !important}.ct-scope .trust-pill .v{font-size:clamp(2.3rem,3.4vw,3.1rem) !important;color:var(--navy) !important;font-weight:800 !important;letter-spacing:-.02em !important}.ct-scope .trust-pill .v em{color:var(--sunset) !important;font-style:normal !important}.ct-scope .trust-pill .l{color:var(--muted) !important;font-weight:600 !important}.ct-scope .seg-card::after{background:linear-gradient(180deg,rgba(16,24,42,0) 16%,rgba(16,24,42,.5) 48%,rgba(16,24,42,.93) 100%) !important}.ct-scope .seg-body{padding:28px !important}.ct-scope .seg-card h3{color:#fff !important;text-shadow:0 2px 18px rgba(0,0,0,.55) !important}.ct-scope .seg-card p{color:rgba(255,255,255,.96) !important;text-shadow:0 1px 10px rgba(0,0,0,.5) !important}.ct-scope .seg-link{display:inline-flex !important;align-items:center;gap:8px;background:var(--sunset) !important;color:var(--navy) !important;font-weight:800 !important;font-size:.74rem !important;letter-spacing:.05em;text-transform:uppercase;padding:.75em 1.4em !important;border-radius:999px !important;margin-top:10px;width:-moz-fit-content;width:fit-content;box-shadow:0 10px 24px -10px rgba(244,199,82,.55)}.ct-scope .seg-card:hover .seg-link{background:#fff !important;transform:none}.ct-scope .seg-link .arrow{color:var(--navy) !important}.ct-scope .intro-ct .introct-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,5vw,68px);align-items:center}.ct-scope .intro-ct .head{text-align:left !important;max-width:none !important;margin:0 0 26px !important}.ct-scope .intro-ct .introct-left .head p{margin-left:0 !important;margin-right:0 !important;font-size:1.08rem !important;color:var(--muted) !important;line-height:1.7 !important;margin-top:18px !important}.ct-scope .intro-ct .spectrum-row{justify-content:flex-start !important;margin:0 0 30px !important}.ct-scope .intro-ct .introct-img{aspect-ratio:4/5;border-radius:28px;background-size:cover;background-position:center;box-shadow:0 36px 70px -28px rgba(28,40,64,.5);min-height:360px}@media (max-width: 880px){.ct-scope .intro-ct .introct-grid{grid-template-columns:1fr}.ct-scope .intro-ct .introct-img{aspect-ratio:16/10;order:-1;min-height:0}}.ct-scope .dept-card p strong,.ct-scope .intro-ct .head p strong{font-weight:700 !important;color:var(--navy) !important;background:none !important;background-image:none !important;text-decoration:underline !important;text-decoration-color:var(--sunset) !important;-webkit-text-decoration-color:var(--sunset) !important;text-decoration-thickness:2px !important;text-underline-offset:4px !important;text-decoration-skip-ink:none !important;padding:0 !important}.ct-scope .dept-card.dept-feature p strong{color:#fff !important;text-decoration-color:var(--sunset-light) !important;-webkit-text-decoration-color:var(--sunset-light) !important}.ct-scope .intro-ct .spectrum-row{gap:8px !important;flex-wrap:wrap !important}.ct-scope .intro-ct .spectrum-row span{font-size:.8rem !important;padding:.55em 1.05em !important;white-space:nowrap !important;font-weight:700 !important;box-shadow:0 5px 14px -9px rgba(28,40,64,.3) !important}.ct-scope .segments .seg-link{display:none !important}.ct-scope .segments .seg-card{cursor:pointer}.ct-scope .segments .seg-card h3::after{content:'\2192';color:var(--sunset-light);opacity:0;margin-left:2px;transition:opacity .35s ease,margin-left .35s ease;display:inline-block}.ct-scope .segments .seg-card:hover h3::after{opacity:1;margin-left:10px}.ct-scope .seg-grid2{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.ct-scope .segcard{position:relative;display:flex;flex-direction:column;background:#fff !important;border:1px solid var(--line);border-radius:28px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease;box-shadow:0 20px 46px -30px rgba(28,40,64,.4)}.ct-scope .segcard:hover{transform:translateY(-7px);box-shadow:0 40px 72px -30px rgba(28,40,64,.5)}.ct-scope .segcard .si{background-size:cover;background-position:center}.ct-scope .segcard.sc-w .si{aspect-ratio:16/9}.ct-scope .segcard.sc-n .si{aspect-ratio:3/2}.ct-scope .segcard .sb{padding:24px 30px 28px;display:flex;flex-direction:column;flex:1}.ct-scope .segcard .sk{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:9px}.ct-scope .segcard h3{font-family:'DM Sans',sans-serif !important;font-weight:800 !important;font-size:1.45rem !important;line-height:1.1 !important;color:var(--navy) !important;margin:0 0 .45em !important}.ct-scope .segcard p{font-size:.95rem !important;color:var(--muted) !important;line-height:1.55 !important;margin:0 !important;text-shadow:none !important}.ct-scope .segcard .sgo{align-self:flex-end;margin-top:18px;width:42px;height:42px;border-radius:50%;background:var(--cream-warm);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.15rem;transition:background .3s,transform .3s,color .3s}.ct-scope .segcard:hover .sgo{background:var(--sunset);transform:translateX(4px)}.ct-scope .segcard.sc-w{grid-column:span 3}.ct-scope .segcard.sc-n{grid-column:span 2}@media (max-width: 980px){.ct-scope .seg-grid2{grid-template-columns:repeat(2,1fr)}.ct-scope .segcard.sc-w,.ct-scope .segcard.sc-n{grid-column:span 1}}@media (max-width: 600px){.ct-scope .seg-grid2{grid-template-columns:1fr}.ct-scope .segcard.sc-w,.ct-scope .segcard.sc-n{grid-column:span 1}}.ct-scope .segments .seg-body .sk{font-size:.7rem !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--sunset-light) !important;margin-bottom:9px !important;display:block;text-shadow:0 1px 10px rgba(0,0,0,.55) !important}.ct-scope .segments .seg-card p strong{font-weight:800 !important;color:var(--sunset-light) !important;background:none !important;text-decoration:none !important;text-shadow:0 1px 10px rgba(0,0,0,.55) !important}.ct-scope .partner-band .pb-text h3{color:#fff !important}.ct-scope .partner-band .pb-card{padding:clamp(44px,5vw,64px) clamp(40px,5vw,64px)!important;gap:28px 56px!important;border-radius:28px!important;align-items:center!important}.ct-scope .partner-band .pb-text{max-width:none!important}.ct-scope .partner-band .pb-text h3{font-size:clamp(1.55rem,2.5vw,2rem)!important;line-height:1.15!important;margin:0 0 16px!important;letter-spacing:-.01em!important}.ct-scope .partner-band .pb-text p{font-size:1.02rem!important;line-height:1.65!important;max-width:62ch!important;color:rgba(255,255,255,.86)!important}.ct-scope .partner-band .pb-card .btn{flex:0 0 auto!important;padding:16px 30px!important;font-size:.95rem!important}.ct-scope .segments .seg-card p{font-weight:400!important;font-size:.92rem!important}.ct-scope .segments .seg-card p strong{font-weight:800!important}.ct-scope .segments .seg-grid{grid-auto-rows:244px!important;gap:16px!important}.ct-scope .segments .seg-card::after{background:linear-gradient(180deg,rgba(16,24,42,0) 30%,rgba(16,24,42,.45) 58%,rgba(16,24,42,.88) 100%)!important}.ct-scope .segments .seg-body{padding:22px 24px!important}.ct-scope .segments .seg-card h3{font-size:1.4rem!important}.ct-scope .segments .seg-card p{font-size:.9rem!important;line-height:1.45!important}.ct-scope .dmc-bridge .dmc-card{border-radius:28px!important}.ct-scope{--muted:#5A6678}.ct-scope a:focus-visible,.ct-scope button:focus-visible,.ct-scope .btn:focus-visible{outline:3px solid var(--teal-deep)!important;outline-offset:3px!important}@media (prefers-reduced-motion: reduce){.ct-scope *,.ct-scope *::before,.ct-scope *::after{animation:none!important;transition:none!important}}.ct-scope .cdc-filters{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important;margin:-14px 0 36px!important}.ct-scope .cf{background:#fff!important;border:1px solid var(--line)!important;color:var(--navy)!important;font-family:'DM Sans',sans-serif!important;font-size:.74rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:10px 18px!important;border-radius:100px!important;cursor:pointer!important;transition:all .25s ease}.ct-scope .cf:hover{border-color:var(--navy)!important}.ct-scope .cf.on{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}.ct-scope .cdc-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;grid-auto-rows:212px!important}.ct-scope .cdc-card{position:relative!important;border:0!important;padding:0!important;border-radius:28px!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;cursor:pointer!important;text-align:left!important;box-shadow:0 18px 40px -24px rgba(28,40,64,.45)!important;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}.ct-scope .cdc-card::after{content:'';position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(16,24,42,0) 34%,rgba(16,24,42,.42) 62%,rgba(16,24,42,.88) 100%)!important}.ct-scope .cdc-card:hover{transform:translateY(-6px)!important;box-shadow:0 34px 64px -24px rgba(28,40,64,.55)!important}.ct-scope .cdc-card.hid{display:none!important}.ct-scope .cdc-tag{position:absolute!important;top:14px!important;left:14px!important;z-index:2!important;background:rgba(255,255,255,.94)!important;color:var(--navy)!important;font-size:.62rem!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;padding:6px 12px!important;border-radius:100px!important}.ct-scope .cdc-excl{position:absolute!important;top:14px!important;right:14px!important;z-index:2!important;background:var(--sunset)!important;color:var(--navy)!important;font-size:.6rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:6px 10px!important;border-radius:100px!important}.ct-scope .cdc-body{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;display:flex!important;flex-direction:column!important;gap:3px!important;padding:18px 20px!important}.ct-scope .cdc-body .st{color:var(--sunset-light)!important;font-size:.74rem!important;letter-spacing:.16em!important;text-shadow:0 1px 8px rgba(0,0,0,.5)!important}.ct-scope .cdc-body .nm{color:#fff!important;font-family:'DM Sans',sans-serif!important;font-weight:800!important;font-size:1.12rem!important;line-height:1.12!important;text-shadow:0 2px 14px rgba(0,0,0,.5)!important}.ct-scope .cdc-body .lc{color:rgba(255,255,255,.85)!important;font-size:.76rem!important;text-shadow:0 1px 8px rgba(0,0,0,.5)!important}.ct-scope .cdc-ov{position:fixed!important;inset:0!important;z-index:999999!important;display:none!important;align-items:center!important;justify-content:center!important;padding:22px!important;background:rgba(15,22,42,.6)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.ct-scope .cdc-ov.open{display:flex!important}.ct-scope .cdc-dlg{position:relative!important;width:min(720px,100%)!important;max-height:88vh!important;overflow:auto!important;background:#fff!important;border-radius:28px!important;box-shadow:0 50px 120px rgba(0,0,0,.4)!important}.ct-scope .cdc-x{position:absolute!important;top:14px!important;right:14px!important;z-index:3!important;width:38px!important;height:38px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.92)!important;color:var(--navy)!important;font-size:1.3rem!important;line-height:1!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.ct-scope .cdc-img{aspect-ratio:16/8!important;background-size:cover!important;background-position:center!important}.ct-scope .cdc-cnt{padding:26px 30px 30px!important}.ct-scope .cdc-row{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:6px!important}.ct-scope .cdc-row .st{color:var(--sunset)!important;letter-spacing:.18em!important;font-size:.85rem!important}.ct-scope .cdc-row .ct{background:var(--peach-bg)!important;border:1px solid var(--line-warm)!important;color:var(--navy)!important;font-size:.62rem!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;padding:5px 12px!important;border-radius:100px!important}.ct-scope .cdc-cnt h3{font-family:'DM Sans',sans-serif!important;font-weight:800!important;font-size:1.65rem!important;color:var(--navy)!important;margin:0 0 2px!important;line-height:1.1!important}.ct-scope .cdc-cnt .lc{color:var(--muted)!important;font-size:.85rem!important;font-weight:600!important;letter-spacing:.04em!important;margin-bottom:12px!important}.ct-scope .cdc-cnt p{color:var(--muted)!important;font-size:.95rem!important;line-height:1.6!important;margin:0 0 16px!important}.ct-scope .cdc-plus{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 4px!important;padding:0!important;list-style:none!important}.ct-scope .cdc-plus li{background:var(--peach-bg)!important;border:1px solid var(--line-warm)!important;color:var(--navy)!important;font-size:.72rem!important;font-weight:700!important;padding:7px 13px!important;border-radius:100px!important}.ct-scope .cdc-ctas{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:16px!important}@media (max-width: 1100px){.ct-scope .cdc-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 860px){.ct-scope .cdc-grid{grid-template-columns:repeat(2,1fr)!important;grid-auto-rows:190px!important}}@media (max-width: 560px){.ct-scope .cdc-grid{grid-template-columns:1fr!important;grid-auto-rows:200px!important}.ct-scope .cdc-cnt{padding:20px 18px 22px!important}}.ct-scope .zones-grid{grid-template-rows:none!important;grid-auto-rows:310px!important;grid-template-columns:repeat(3,1fr)!important}.ct-scope .zone-card.feature{grid-row:span 1!important}@media (max-width: 1024px){.ct-scope .zones-grid{grid-template-columns:repeat(2,1fr)!important}.ct-scope .zone-card.feature{grid-column:span 1!important}}@media (max-width: 640px){.ct-scope .zones-grid{grid-template-columns:1fr!important}}.ct-scope .cdc-card[data-cat="luxe"] .cdc-tag{background:#D7A13C!important;color:#1C2840!important}.ct-scope .cf.on[data-f="luxe"]{background:#D7A13C!important;border-color:#D7A13C!important;color:#1C2840!important}.ct-scope .cdc-row .ct.ct-luxe{background:#D7A13C!important;border-color:#D7A13C!important;color:#1C2840!important}.ct-scope .cdc-card[data-cat="charme"] .cdc-tag{background:#2D8A8E!important;color:#ffffff!important}.ct-scope .cf.on[data-f="charme"]{background:#2D8A8E!important;border-color:#2D8A8E!important;color:#ffffff!important}.ct-scope .cdc-row .ct.ct-charme{background:#2D8A8E!important;border-color:#2D8A8E!important;color:#ffffff!important}.ct-scope .cdc-card[data-cat="adults"] .cdc-tag{background:#C2526F!important;color:#ffffff!important}.ct-scope .cf.on[data-f="adults"]{background:#C2526F!important;border-color:#C2526F!important;color:#ffffff!important}.ct-scope .cdc-row .ct.ct-adults{background:#C2526F!important;border-color:#C2526F!important;color:#ffffff!important}.ct-scope .cdc-card[data-cat="famille"] .cdc-tag{background:#E0915A!important;color:#1C2840!important}.ct-scope .cf.on[data-f="famille"]{background:#E0915A!important;border-color:#E0915A!important;color:#1C2840!important}.ct-scope .cdc-row .ct.ct-famille{background:#E0915A!important;border-color:#E0915A!important;color:#1C2840!important}.ct-scope .cdc-card[data-cat="vs"] .cdc-tag{background:#4F8C68!important;color:#ffffff!important}.ct-scope .cf.on[data-f="vs"]{background:#4F8C68!important;border-color:#4F8C68!important;color:#ffffff!important}.ct-scope .cdc-row .ct.ct-vs{background:#4F8C68!important;border-color:#4F8C68!important;color:#ffffff!important}.ct-scope .cdc-fam{display:inline-flex!important;align-items:center!important;align-self:flex-start!important;margin-top:7px!important;background:linear-gradient(100deg,#F4C752,#E0915A)!important;color:#1C2840!important;font-size:.64rem!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;padding:5px 11px!important;border-radius:100px!important;box-shadow:0 3px 12px rgba(224,165,60,.5)!important}.ct-scope .cdc-grid{grid-template-columns:repeat(12,1fr)!important;grid-auto-rows:auto!important;gap:16px!important}.ct-scope .cdc-card{grid-column:span 3!important;height:212px!important}.ct-scope .cdc-card.cdc-feat{grid-column:span 4!important;height:298px!important}@media (max-width: 1024px){.ct-scope .cdc-grid{grid-template-columns:1fr 1fr!important}.ct-scope .cdc-card{grid-column:auto!important;height:210px!important}.ct-scope .cdc-card.cdc-feat{grid-column:auto!important;height:244px!important}}@media (max-width: 560px){.ct-scope .cdc-grid{grid-template-columns:1fr!important}.ct-scope .cdc-card,.ct-scope .cdc-card.cdc-feat{height:208px!important;grid-column:auto!important}}.ct-scope .btn.cdc-hide{display:none!important}.ct-scope .golf-card,.ct-scope .villa-card{cursor:pointer!important;border:0!important;font-family:inherit!important;text-align:left!important;padding:0!important}.ct-scope .cdc-row .ct.ct-golf{background:#4F8C68!important;border-color:#4F8C68!important;color:#fff!important}.ct-scope .cdc-row .ct.ct-villa{background:#D7A13C!important;border-color:#D7A13C!important;color:#1C2840!important}.ct-scope .circuits .circ-grid{grid-auto-rows:332px!important}.ct-scope .circuits .seg-body{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding:30px 28px!important}.ct-scope .circuits .seg-body > h3,.ct-scope .circuits .seg-body > p{align-self:stretch!important;margin:0!important}.ct-scope .circuits .seg-body p:not(.circ-tag){line-height:1.62!important}.ct-scope .circuits .seg-body .circ-tag{line-height:1.32!important}.ct-scope .exc-ov{position:fixed!important;inset:0!important;z-index:999999!important;display:none!important;align-items:center!important;justify-content:center!important;padding:22px!important;background:rgba(15,22,42,.6)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.ct-scope .exc-ov.open{display:flex!important}.ct-scope .exc-dlg{position:relative!important;width:min(620px,100%)!important;max-height:88vh!important;overflow:auto!important;background:#fff!important;border-radius:28px!important;padding:clamp(28px,4vw,40px)!important;box-shadow:0 50px 120px rgba(0,0,0,.4)!important}.ct-scope .exc-x{position:absolute!important;top:16px!important;right:16px!important;width:38px!important;height:38px!important;border-radius:50%!important;border:0!important;background:var(--peach-bg)!important;color:var(--navy)!important;font-size:1.3rem!important;line-height:1!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.ct-scope .exc-mhead{margin-bottom:22px!important}.ct-scope .exc-mhead h3{font-family:'DM Sans',sans-serif!important;font-weight:800!important;font-size:clamp(1.5rem,3vw,1.95rem)!important;color:var(--navy)!important;margin:.5em 0 .25em!important;line-height:1.1!important}.ct-scope .exc-mhead .accent{font-family:'Cormorant Garamond',serif!important;font-style:italic!important;font-weight:400!important;color:var(--teal-deep)!important}.ct-scope .exc-mhead p{color:var(--muted)!important;font-size:.95rem!important;line-height:1.6!important;margin:0!important}.ct-scope .exc-cats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.ct-scope .exc-cat{display:flex!important;align-items:center!important;gap:14px!important;text-decoration:none!important;background:var(--peach-bg)!important;border:1px solid var(--line-warm)!important;border-radius:16px!important;padding:16px 18px!important;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.ct-scope .exc-cat:hover{border-color:var(--orange)!important;transform:translateY(-2px)!important;box-shadow:0 14px 30px -18px rgba(28,40,64,.4)!important}.ct-scope .exc-cat .ec-num{font-family:'Cormorant Garamond',serif!important;font-style:italic!important;font-size:1.4rem!important;color:var(--sunset)!important;flex:0 0 auto!important}.ct-scope .exc-cat .ec-txt{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important}.ct-scope .exc-cat .ec-n{font-family:'DM Sans',sans-serif!important;font-weight:700!important;font-size:1rem!important;color:var(--navy)!important;line-height:1.15!important}.ct-scope .exc-cat .ec-d{font-size:.78rem!important;color:var(--muted)!important;margin-top:2px!important}.ct-scope .exc-cat .ec-go{color:var(--orange)!important;font-size:1.1rem!important;flex:0 0 auto!important}@media (max-width: 520px){.ct-scope .exc-cats{grid-template-columns:1fr!important}}@media (max-width: 560px){.ct-scope .cdc-ov,.ct-scope .exc-ov{padding:12px!important}.ct-scope .cdc-dlg{border-radius:22px!important}.ct-scope .cdc-img{aspect-ratio:16/9!important}.ct-scope .cdc-cnt{padding:20px 18px 22px!important}.ct-scope .cdc-cnt h3{font-size:1.4rem!important}.ct-scope .cdc-cnt p{font-size:.92rem!important}.ct-scope .cdc-plus li{font-size:.7rem!important;padding:6px 11px!important}.ct-scope .cdc-ctas{flex-direction:column!important;gap:8px!important}.ct-scope .cdc-ctas .btn{width:100%!important;justify-content:center!important}.ct-scope .exc-dlg{padding:24px 20px!important;border-radius:22px!important}.ct-scope .exc-mhead h3{font-size:1.4rem!important}}@media (max-width: 600px){.ct-scope .btn{font-size:14px!important;padding:15px 22px!important;gap:8px!important}.ct-scope .hero-ctas{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.ct-scope .hero-ctas .btn{width:100%!important;justify-content:center!important}.ct-scope .hero-lede{font-size:16px!important;line-height:1.55!important}.ct-scope .head p{font-size:15px!important;line-height:1.6!important}.ct-scope .seg-card h3,.ct-scope .seg-card p,.ct-scope .seg-card .circ-tag,.ct-scope .cdc-body .nm,.ct-scope .cdc-body .lc,.ct-scope .cdc-body .st,.ct-scope .zone-body h3,.ct-scope .zone-body p{text-shadow:0 1px 12px rgba(0,0,0,.6)!important}}@media (max-width: 560px){.ct-scope .cdc-grid .cdc-card,.ct-scope .cdc-grid .cdc-card.cdc-feat{height:238px!important}}.ct-scope .golf-card[data-h],.ct-scope .villa-card[data-h]{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}

.ct-scope.ct-anim .ct-reveal{opacity:0;transform:translateY(34px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}
.ct-scope.ct-anim .ct-reveal.ct-in{opacity:1;transform:none}
.ct-scope.ct-anim .ct-hero-el{opacity:0;transform:translateY(18px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.ct-scope.ct-anim .ct-hero-el.ct-in{opacity:1;transform:none}
.ct-scope #ct-hero-video{will-change:transform}
.ct-scope .zone-card{will-change:transform}
@media (prefers-reduced-motion: reduce){
  .ct-scope.ct-anim .ct-reveal,.ct-scope.ct-anim .ct-hero-el{opacity:1!important;transform:none!important;transition:none!important}
}
@media (hover:none),(pointer: coarse){ .ct-scope .zone-card{transform:none!important} }

.ct-scope .topbar{position:sticky !important;top:0 !important;z-index:100 !important;}
@media (max-width: 720px){.ct-scope .topbar-inner{flex-direction:row !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;flex-wrap:nowrap !important;}}
@media (max-width: 560px){.ct-scope .topbar .wa-dot{display:none !important;}}

@media (max-width: 1100px){.ct-scope .hs-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width: 680px){.ct-scope .hs-grid{grid-template-columns:1fr !important;}}
@media (max-width: 1280px){.ct-scope .moods-grid{grid-template-columns:repeat(3,1fr) !important;}}
@media (max-width: 1024px){.ct-scope .moods-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width: 600px){.ct-scope .moods-grid{grid-template-columns:1fr !important;}}

@media (max-width: 640px){
  .ct-scope{overflow-x:clip !important;}
  .ct-scope .cdc-grid,.ct-scope .hotels-grid,.ct-scope .villa-grid,.ct-scope .moods-grid,.ct-scope .exc-grid,.ct-scope .awards-grid,.ct-scope .zones-grid,.ct-scope .seg-grid,.ct-scope .seg-grid2,.ct-scope .circ-grid,.ct-scope .hs-grid,.ct-scope .browser-grid,.ct-scope .dept-grid,.ct-scope .introct-grid,.ct-scope .manif-mini-row,.ct-scope .city-grid,.ct-scope .city-exc,.ct-scope .beach-grid,.ct-scope .fest-grid,.ct-scope .cnav-grid{display:flex !important;flex-direction:column !important;gap:16px !important;}
  .ct-scope .manif-stats,.ct-scope .ha-grid,.ct-scope .trust-grid,.ct-scope .sp-grid{grid-template-columns:repeat(2,1fr) !important;}
}
.ct-scope .mood-card .meta,.ct-scope .mood-card .meta h3,.ct-scope .mood-card .meta p{text-shadow:0 1px 6px rgba(20,30,50,.55) !important;}
.ct-scope .mood-card::after{background:linear-gradient(180deg,rgba(28,40,64,0) 35%,rgba(28,40,64,.5) 100%) !important;}
.ct-scope .exc-card .xc-tag,.ct-scope .exc-card .tag,.ct-scope .zone-card .meta{text-shadow:0 1px 5px rgba(20,30,50,.45) !important;}
.ct-scope .circ-card .circ-dur{padding:.5em 1.15em !important;}

@media (max-width: 640px){
  .ct-scope .dmc-content ul{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:8px !important;padding:0 !important;list-style:none !important;}
  .ct-scope .dmc-content ul li{flex:0 0 auto !important;width:auto !important;}
  .ct-scope .awards-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important;}
  .ct-scope .award{padding:20px 12px 16px !important;}
  .ct-scope .award .award-medal{width:60px !important;height:78px !important;}
  .ct-scope .award h3{font-size:14.5px !important;}
  .ct-scope .award .rank-pill{font-size:10px !important;}
  .ct-scope .booking-channel{padding:13px 15px !important;gap:11px !important;}
  .ct-scope .booking-channel .ic{width:36px !important;height:36px !important;flex:0 0 36px !important;}
  .ct-scope .booking-channel .info{min-width:0 !important;}
  .ct-scope .booking-channel .v{font-size:15px !important;overflow-wrap:anywhere !important;}
  .ct-scope .manif-photo .year{font-size:22px !important;padding:5px 13px !important;}
}

.ct-scope .btn .arrow,.ct-scope .booking-channel .arr,.ct-scope .ec-go,.ct-scope .seg-card .sgo,.ct-scope a .arrow{display:inline-flex !important;align-items:center !important;justify-content:center !important;vertical-align:middle !important;line-height:1 !important;}

@media (max-width: 640px){
  .ct-scope .ct-footer-top{display:grid !important;grid-template-columns:1fr 1fr !important;gap:26px 18px !important;}
  .ct-scope .ct-footer-brand{grid-column:1 / -1 !important;}
  .ct-scope .ct-footer-col h5{margin-bottom:10px !important;}
}

@media (max-width: 640px){
  .ct-scope .exc-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:14px !important;}
  .ct-scope .sp-grid{display:flex !important;flex-direction:column !important;}
  .ct-scope .award-detail{padding:14px !important;}
  .ct-scope .award-detail h4{font-size:13px !important;margin:0 0 7px !important;}
  .ct-scope .award-detail p{font-size:10.5px !important;line-height:1.35 !important;}
  .ct-scope .award-detail .ad-tier{font-size:9px !important;}
  .ct-scope .exc-card h4{font-size:15px !important;}
}

.ct-scope .cdc-more-wrap{display:none;justify-content:center;margin-top:20px !important;}
.ct-scope .cdc-more{display:inline-flex;align-items:center;gap:10px;background:var(--navy) !important;color:#fff !important;border:0 !important;padding:14px 30px !important;border-radius:100px !important;font-family:'DM Sans',sans-serif !important;font-weight:700 !important;font-size:12.5px !important;letter-spacing:.06em !important;text-transform:uppercase !important;cursor:pointer !important;}
@media (max-width: 640px){
  .ct-scope .cdc-grid.cdc-collapsed .cdc-card:nth-child(n+5){display:none !important;}
  .ct-scope .cdc-more-wrap{display:flex !important;}
}

@media (max-width: 640px){
  .ct-scope .cdc-grid,.ct-scope .exc-grid{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:visible !important;gap:14px !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 14px !important;scrollbar-width:none;grid-template-columns:none !important;}
  .ct-scope .cdc-grid::-webkit-scrollbar,.ct-scope .exc-grid::-webkit-scrollbar{display:none !important;}
  .ct-scope .cdc-grid>.cdc-card{flex:0 0 80% !important;scroll-snap-align:start;}
  .ct-scope .exc-grid>.exc-card{flex:0 0 66% !important;scroll-snap-align:start;}
  .ct-scope .cdc-grid.cdc-collapsed .cdc-card:nth-child(n+5){display:flex !important;}
  .ct-scope .cdc-more-wrap{display:none !important;}
}

@media (max-width: 400px){
  .ct-scope .wrap{padding-left:15px !important;padding-right:15px !important;}
  .ct-scope .pb-text{min-width:0 !important;}
  .ct-scope .pb-card{padding:24px 20px !important;}
  .ct-scope .dmc-content{padding:24px 20px !important;}
  .ct-scope .booking-side{padding:24px 20px !important;}
  .ct-scope .dmc-img,.ct-scope .booking-side .bs-video{min-width:0 !important;}
  .ct-scope .ct-footer-brand,.ct-scope .ct-footer-brand p{max-width:100% !important;}
  .ct-scope .btn{padding:12px 18px !important;font-size:11.5px !important;gap:8px !important;max-width:100% !important;white-space:normal !important;text-align:center !important;}
  .ct-scope .cdc-grid>.cdc-card{flex-basis:86% !important;}
  .ct-scope .exc-grid>.exc-card{flex-basis:74% !important;}
}

@media (max-width: 640px){
  .ct-scope .ct-footer-top{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .ct-scope .dmc-card{grid-template-columns:1fr !important;}.ct-scope .beach-cards{grid-template-columns:minmax(0,1fr) !important;}
  .ct-scope .dmc-img{width:100% !important;min-width:0 !important;}
  .ct-scope .ct-footer-col a,.ct-scope .ct-footer-brand p{overflow-wrap:anywhere !important;}
}

@media (max-width: 640px){
  .ct-scope .beach-grid>*,.ct-scope .beach-card>*,.ct-scope .beach-card,.ct-scope .city-grid>*,.ct-scope .city-exc>*,.ct-scope .fest-grid>*,.ct-scope .cnav-grid>*,.ct-scope .also-grid>*{min-width:0 !important;}
  .ct-scope .bc-img{width:100% !important;}.ct-scope .bc-img,.ct-scope .city-card img,.ct-scope .cc-img{max-width:100% !important;}
}

@media (max-width: 640px){
  .ct-scope .golf-grid,.ct-scope .villa-grid{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:visible !important;gap:14px !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 14px !important;scrollbar-width:none;grid-template-columns:none !important;}
  .ct-scope .golf-grid::-webkit-scrollbar,.ct-scope .villa-grid::-webkit-scrollbar{display:none !important;}
  .ct-scope .golf-grid>*{flex:0 0 80% !important;scroll-snap-align:start;aspect-ratio:5/4 !important;height:auto !important;min-height:0 !important;}
  .ct-scope .villa-grid>*{flex:0 0 82% !important;scroll-snap-align:start;aspect-ratio:5/4 !important;height:auto !important;min-height:0 !important;}
  .ct-scope .zone-card{min-height:440px !important;}
}
@media (max-width: 600px){
  .ct-scope .btn{max-width:100% !important;white-space:normal !important;}
}
.ct-scope .mood-card::after{background:linear-gradient(180deg,rgba(28,40,64,.18) 0%,rgba(28,40,64,.62) 100%) !important;}

@media (max-width: 640px){
  .ct-scope .zone-body h3{font-size:30px !important;}
  .ct-scope .head h2{font-size:clamp(23px,6.2vw,27px) !important;}
  .ct-scope .mood-card .meta h3{font-size:21px !important;}
  .ct-scope .seg-card h3,.ct-scope .segcard h3{font-size:19px !important;}
  .ct-scope .intro-ct .head p,.ct-scope .head p{font-size:15px !important;}
}
@media (max-width: 400px){
  .ct-scope .zone-body h3{font-size:26px !important;}
  .ct-scope .head h2{font-size:clamp(21px,7vw,24px) !important;}
}

.ct-scope .mood-card::after{background:linear-gradient(180deg,rgba(15,22,42,0) 22%,rgba(15,22,42,.5) 58%,rgba(15,22,42,.82) 100%) !important;}
.ct-scope .mood-card:hover::after{background:linear-gradient(180deg,rgba(244,199,82,.55) 0%,rgba(244,199,82,.92) 100%) !important;}
.ct-scope .mood-card:hover .meta h3,.ct-scope .mood-card:hover .meta h3 .accent,.ct-scope .mood-card:hover .meta p{color:var(--navy) !important;text-shadow:none !important;}
.ct-scope .mood-card:hover .icon{background:var(--navy) !important;border-color:var(--navy) !important;color:#fff !important;}


  
  .ct-scope{
    --sunset:#F0C030 !important;        
    --sunset-light:#F6DA8A !important;
    --sunset-pale:#FCF0CE !important;
    --peach-bg:#EDF4FA !important;      
    --peach:#EDF4FA !important;
    --orange:#E49C30 !important;        
    --orange-light:#F0B968 !important;
    --orange-pale:#FBE6C6 !important;
    --teal-deep:#255C86 !important; --teal:#3C84B4 !important; --teal-soft:#A9CBE3 !important;
    --cyan:#5FA3CE !important; --cyan-light:#A9CBE3 !important; --cyan-pale:#EDF4FA !important;
    --navy:#0B2B54 !important; --navy-soft:#123A6B !important; --ink:#132A45 !important;
    --muted:#5F7285 !important;
    --cream:#FBF8F2 !important; --cream-warm:#FDFBF6 !important;
    --line:rgba(11,43,84,.12) !important; --line-warm:rgba(60,132,180,.24) !important;
  }
  
  .ct-scope h1,.ct-scope h2,.ct-scope h3,.ct-scope h4,.ct-scope h5,.ct-scope h6,
  .ct-scope .accent,.ct-scope .manif-stat .v,.ct-scope .trust-pill .n{
    font-family:'Baskervville',Baskerville,Georgia,serif !important; font-weight:400 !important;
    letter-spacing:.005em !important;}
  .ct-scope .accent{font-style:italic !important;color:var(--teal) !important;}
  .ct-scope,.ct-scope p,.ct-scope li,.ct-scope a,.ct-scope span,.ct-scope div,.ct-scope button{
    font-family:'DM Sans',system-ui,-apple-system,sans-serif;}
  
  .ct-scope .gr-hero{position:relative !important;overflow:hidden !important;
    padding:clamp(96px,12vw,150px) 0 clamp(58px,7vw,92px) !important;
    background:linear-gradient(168deg,#FFFFFF 0%,#EDF4FA 44%,#DCEAF5 100%) !important;}
  .ct-scope .gr-hero::before{content:'' !important;position:absolute !important;right:-12% !important;top:-18% !important;
    width:min(60vw,720px) !important;height:min(60vw,720px) !important;border-radius:50% !important;
    background:radial-gradient(circle at 38% 35%,rgba(240,192,48,.30),rgba(228,156,48,.10) 55%,transparent 70%) !important;}
  .ct-scope .gr-hero::after{content:'' !important;position:absolute !important;left:-8% !important;bottom:-24% !important;
    width:min(58vw,660px) !important;height:min(58vw,660px) !important;border-radius:50% !important;
    background:radial-gradient(circle at 60% 40%,rgba(60,132,180,.20),transparent 68%) !important;}
  .ct-scope .gr-hero .wrap{position:relative !important;z-index:2 !important;}
  .ct-scope .gr-hero img.gr-logo{width:min(330px,58vw) !important;margin:0 0 26px !important;}
  .ct-scope .gr-hero h1{font-size:clamp(34px,5.6vw,66px) !important;line-height:1.12 !important;
    max-width:16ch !important;margin:0 0 18px !important;color:var(--navy) !important;}
  .ct-scope .gr-hero p.lede{font-size:clamp(16px,1.7vw,19px) !important;color:var(--muted) !important;
    max-width:58ch !important;margin:0 0 32px !important;line-height:1.65 !important;}
  .ct-scope .gr-ctas{display:flex !important;flex-wrap:wrap !important;gap:14px !important;}

.ct-scope .gr-contact{display:grid !important;grid-template-columns:1fr 1fr !important;
    gap:clamp(26px,4vw,54px) !important;align-items:start !important;}
  .ct-scope .gr-box{background:#fff !important;border:1px solid var(--line) !important;border-radius:24px !important;
    padding:clamp(24px,3vw,38px) !important;}
  .ct-scope .gr-line{display:flex !important;gap:14px !important;padding:16px 0 !important;
    border-bottom:1px solid var(--line) !important;}
  .ct-scope .gr-line:last-child{border-bottom:0 !important;padding-bottom:0 !important;}
  .ct-scope .gr-line .k{font-size:11px !important;font-weight:600 !important;letter-spacing:.15em !important;
    text-transform:uppercase !important;color:var(--teal) !important;min-width:110px !important;padding-top:3px !important;}
  .ct-scope .gr-line .v{font-size:15.5px !important;color:var(--ink) !important;}
  .ct-scope .gr-line .v small{display:block !important;color:var(--muted) !important;font-size:13px !important;margin-top:3px !important;}
  .ct-scope .gr-todo{color:#94A3B4 !important;font-style:italic !important;}
  
  .ct-scope .nav-menu a[href^="#"]{position:relative !important;}
  .ct-scope .nav-menu a.on{color:var(--navy) !important;}
  html{scroll-behavior:smooth;scroll-padding-top:150px}
  @media (max-width: 1000px){ .ct-scope .gr-contact{grid-template-columns:1fr !important;} }



.ct-scope .gr-serv-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 14px !important; margin: 34px 0 0 !important; }
  .ct-scope .gr-serv { background: #fff !important; border: 1px solid rgba(11,43,84,.10) !important;
    border-radius: 18px !important; padding: 24px 22px 26px !important; transition: transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s, border-color .35s !important; }
  .ct-scope .gr-serv:hover { transform: translateY(-5px) !important; border-color: rgba(60,132,180,.34) !important;
    box-shadow: 0 22px 44px -26px rgba(11,43,84,.5) !important; }
  .ct-scope .gr-serv .ic { width: 46px !important; height: 46px !important; border-radius: 13px !important;
    display: grid !important; place-items: center !important; color: var(--navy) !important;
    background: linear-gradient(150deg, var(--pastel) 0%, var(--wash) 100%) !important; margin: 0 0 15px !important; }
  .ct-scope .gr-serv .ic svg { width: 23px !important; height: 23px !important; }
  .ct-scope .gr-serv h3 { font-family: 'Baskervville', Georgia, serif !important; font-weight: 400 !important;
    font-size: 19px !important; line-height: 1.22 !important; color: var(--navy) !important; margin: 0 0 9px !important; }
  .ct-scope .gr-serv p { font-size: 14px !important; line-height: 1.62 !important; color: var(--muted) !important; margin: 0 !important; }

.ct-scope .gr-htl-sum { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin: 30px 0 0 !important; }
  .ct-scope .gr-htl-sum span { background: #fff !important; border: 1px solid rgba(11,43,84,.12) !important;
    border-radius: 100px !important; padding: 9px 17px !important; font-size: 13px !important; color: var(--navy) !important; font-weight: 600 !important; }
  .ct-scope .gr-htl-sum span em { font-style: normal !important; color: var(--aegean) !important; }
  .ct-scope .gr-htl-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 16px !important; margin: 18px 0 0 !important; }
  .ct-scope .gr-htl { background: #fff !important; border: 1px solid rgba(11,43,84,.10) !important; border-radius: 20px !important;
    padding: 26px 24px 22px !important; display: flex !important; flex-direction: column !important; }
  .ct-scope .gr-htl .top { display: flex !important; align-items: flex-start !important; justify-content: space-between !important;
    gap: 12px !important; margin: 0 0 14px !important; }
  .ct-scope .gr-htl h3 { font-family: 'Baskervville', Georgia, serif !important; font-weight: 400 !important;
    font-size: 23px !important; line-height: 1.14 !important; color: var(--navy) !important; margin: 0 !important; }
  .ct-scope .gr-htl .cnt { flex: 0 0 auto !important; text-align: center !important; background: var(--navy) !important;
    color: #fff !important; border-radius: 13px !important; padding: 8px 12px 7px !important; min-width: 58px !important; }
  .ct-scope .gr-htl .cnt b { display: block !important; font-size: 21px !important; line-height: 1 !important; }
  .ct-scope .gr-htl .cnt i { font-style: normal !important; font-size: 9px !important; letter-spacing: .1em !important;
    text-transform: uppercase !important; opacity: .72 !important; }
  .ct-scope .gr-htl > p { font-size: 14px !important; line-height: 1.6 !important; color: var(--muted) !important; margin: 0 0 16px !important; }
  .ct-scope .gr-htl .chips { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin: 0 0 18px !important; }
  .ct-scope .gr-htl .chips b { font-weight: 600 !important; font-size: 12px !important; color: var(--navy) !important;
    background: var(--wash) !important; border-radius: 100px !important; padding: 6px 12px !important; }
  .ct-scope .gr-htl .chips b em { font-style: normal !important; color: var(--aegean) !important; }
  .ct-scope .gr-htl .more { margin-top: auto !important; }
  .ct-scope .gr-htl .more > summary { list-style: none !important; cursor: pointer !important; display: inline-flex !important;
    align-items: center !important; gap: 8px !important; font-size: 13px !important; font-weight: 600 !important;
    color: var(--aegean) !important; padding: 9px 0 0 !important; border-top: 1px solid rgba(11,43,84,.09) !important; width: 100% !important; }
  .ct-scope .gr-htl .more > summary::-webkit-details-marker { display: none !important; }
  .ct-scope .gr-htl .more > summary::after { content: "＋" !important; margin-left: auto !important; font-size: 15px !important; }
  .ct-scope .gr-htl .more[open] > summary::after { content: "－" !important; }
  .ct-scope .gr-htl .more ul { list-style: none !important; margin: 12px 0 0 !important; }
  .ct-scope .gr-htl .more li.d { font-size: 10px !important; letter-spacing: .16em !important; text-transform: uppercase !important;
    font-weight: 700 !important; color: var(--aegean) !important; margin: 13px 0 5px !important; }
  .ct-scope .gr-htl .more li.d:first-child { margin-top: 0 !important; }
  .ct-scope .gr-htl .more li.h { font-size: 13.5px !important; line-height: 1.5 !important; color: var(--navy) !important;
    padding: 3px 0 3px 15px !important; position: relative !important; }
  .ct-scope .gr-htl .more li.h::before { content: "" !important; position: absolute !important; left: 2px !important; top: 11px !important;
    width: 5px !important; height: 5px !important; border-radius: 50% !important; background: var(--gold) !important; }
  .ct-scope .gr-htl-note { font-size: 12.5px !important; color: var(--muted) !important; margin: 18px 0 0 !important; }

.ct-scope .gr-dest-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0,1fr)) !important;
    grid-auto-rows: 178px !important; gap: 12px !important; margin: 34px 0 0 !important; }
  .ct-scope .gr-d { position: relative !important; grid-column: span 2 !important; border-radius: 16px !important;
    overflow: hidden !important; background: var(--navy) !important; }
  .ct-scope .gr-d.wide { grid-column: span 3 !important; }
  .ct-scope .gr-d img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;
    transition: transform .8s cubic-bezier(.2,.7,.3,1) !important; }
  .ct-scope .gr-d:hover img { transform: scale(1.07) !important; }
  .ct-scope .gr-d .cap { position: absolute !important; inset: auto 0 0 0 !important; padding: 40px 16px 14px !important;
    background: linear-gradient(180deg, rgba(11,43,84,0) 0%, rgba(11,43,84,.80) 100%) !important; color: #fff !important; }
  .ct-scope .gr-d .cap b { display: block !important; font-family: 'Baskervville', Georgia, serif !important;
    font-weight: 400 !important; font-size: 20px !important; line-height: 1.1 !important; }
  .ct-scope .gr-d .cap span { display: block !important; font-size: 11.5px !important; opacity: .8 !important; margin: 3px 0 0 !important; }

.ct-scope .gr-o { position: relative !important; border-radius: 16px !important; overflow: hidden !important;
    grid-column: span 2 !important; background: linear-gradient(155deg, var(--navy) 0%, var(--aegean) 100%) !important;
    border: 0 !important; cursor: default !important; display: block !important; width: 100% !important; text-align: left !important; }
  .ct-scope .gr-o:nth-child(1) { grid-column: span 3 !important; grid-row: span 2 !important; }
  .ct-scope .gr-o:nth-child(2) { grid-column: span 3 !important; }
  .ct-scope .gr-o:nth-child(3), .ct-scope .gr-o:nth-child(4) { grid-column: span 3 !important; }
  .ct-scope .gr-o img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;
    transition: transform .8s cubic-bezier(.2,.7,.3,1) !important; }
  .ct-scope .gr-o.has:hover img { transform: scale(1.06) !important; }
  .ct-scope .gr-o.has { cursor: zoom-in !important; }
  .ct-scope .gr-o .cap { position: absolute !important; inset: auto 0 0 0 !important; padding: 38px 15px 13px !important;
    color: #fff !important; background: linear-gradient(180deg, rgba(11,43,84,0) 0%, rgba(11,43,84,.78) 100%) !important; }
  .ct-scope .gr-o .cap b { display: block !important; font-size: 14px !important; font-weight: 600 !important; }
  .ct-scope .gr-o .cap span { display: block !important; font-size: 11px !important; opacity: .78 !important; margin: 2px 0 0 !important; }
  
  .ct-scope .gr-o.wait { display: grid !important; place-items: center !important; }
  .ct-scope .gr-o.wait::before { content: "" !important; position: absolute !important; inset: 0 !important;
    background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.22) 1px, transparent 0) !important;
    background-size: 13px 13px !important; opacity: .5 !important; }
  .ct-scope .gr-o.wait .gr-mark { position: relative !important; text-align: center !important; padding: 14px !important; }
  .ct-scope .gr-o.wait .gr-mark img { width: 92px !important; height: auto !important; opacity: .92 !important; margin: 0 auto 10px !important; }
  .ct-scope .gr-o.wait .gr-mark b { display: block !important; color: #fff !important; font-size: 12.5px !important; font-weight: 600 !important; }
  .ct-scope .gr-o.wait .gr-mark span { display: block !important; color: rgba(255,255,255,.62) !important; font-size: 10px !important;
    letter-spacing: .16em !important; text-transform: uppercase !important; margin: 4px 0 0 !important; }

.ct-scope .gr-lb { position: fixed !important; inset: 0 !important; z-index: 9999 !important; display: none !important;
    background: rgba(6,24,46,.93) !important; padding: 4vh 4vw !important; }
  .ct-scope .gr-lb.open { display: grid !important; place-items: center !important; }
  .ct-scope .gr-lb img { max-width: 100% !important; max-height: 82vh !important; border-radius: 14px !important; display: block !important; }
  .ct-scope .gr-lb .lb-cap { color: #fff !important; text-align: center !important; font-size: 13.5px !important; margin: 14px 0 0 !important; }
  .ct-scope .gr-lb button { position: absolute !important; background: rgba(255,255,255,.10) !important; border: 0 !important;
    color: #fff !important; width: 46px !important; height: 46px !important; border-radius: 50% !important; cursor: pointer !important;
    font-size: 22px !important; line-height: 1 !important; }
  .ct-scope .gr-lb .lb-x { top: 3vh !important; right: 4vw !important; }
  .ct-scope .gr-lb .lb-p { left: 3vw !important; top: 50% !important; }
  .ct-scope .gr-lb .lb-n { right: 3vw !important; top: 50% !important; }

@media (max-width: 1080px) {
    .ct-scope .gr-serv-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    .ct-scope .gr-htl-grid { grid-template-columns: 1fr !important; }
    .ct-scope .gr-dest-grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; grid-auto-rows: 160px !important; }
    .ct-scope .gr-d.wide { grid-column: span 2 !important; }
    
    .ct-scope .gr-o:nth-child(1) { grid-column: span 4 !important; grid-row: span 2 !important; }
    .ct-scope .gr-o:nth-child(2), .ct-scope .gr-o:nth-child(3), .ct-scope .gr-o:nth-child(4) { grid-column: span 2 !important; }
  }
  @media (max-width: 640px) {
    .ct-scope .gr-serv-grid { grid-template-columns: 1fr !important; }
    .ct-scope .gr-dest-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; grid-auto-rows: 134px !important; }
    .ct-scope .gr-d, .ct-scope .gr-d.wide { grid-column: span 2 !important; }
    
    .ct-scope .gr-o, .ct-scope .gr-o:nth-child(1), .ct-scope .gr-o:nth-child(2),
    .ct-scope .gr-o:nth-child(3), .ct-scope .gr-o:nth-child(4) { grid-column: span 2 !important; grid-row: span 1 !important; }
    .ct-scope .gr-htl-sum span { font-size: 12px !important; padding: 8px 14px !important; }
  }



.ct-scope .topbar .partner-link{background:var(--navy,#1C2840) !important;color:#fff !important;
  padding:8px 18px !important;border-radius:100px !important;font-weight:700 !important;
  letter-spacing:.02em !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;
  box-shadow:0 6px 16px -6px rgba(28,40,64,.55);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.ct-scope .topbar .partner-link:hover{background:var(--sunset,#F4C752) !important;color:var(--navy,#1C2840) !important;
  transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(244,199,82,.85)}
@media (max-width: 720px){.ct-scope .topbar .partner-link{display:none !important}}



.ct-scope .hs-card{display:flex !important;flex-direction:column !important;justify-content:flex-end !important;height:auto !important;}
.ct-scope .hs-card .meta{position:relative !important;inset:auto !important;z-index:2 !important;}

.ct-scope .mood-card{display:flex !important;flex-direction:column !important;justify-content:flex-end !important;height:auto !important;}
.ct-scope .mood-card .meta{position:relative !important;inset:auto !important;z-index:2 !important;}
@media (min-width: 1281px){.ct-scope .moods-grid{grid-template-columns:repeat(4,1fr) !important;}}
@media (max-width: 1280px) and (min-width: 601px){.ct-scope .moods-grid{grid-template-columns:repeat(2,1fr) !important;}}

.ct-scope .zone-card{display:flex !important;flex-direction:column !important;justify-content:flex-end !important;}
.ct-scope .zone-body{position:relative !important;inset:auto !important;z-index:2 !important;}
.ct-scope .zones-grid{grid-auto-rows:auto !important;grid-template-rows:none !important;}
.ct-scope .zone-card{min-height:310px !important;height:auto !important;}

.ct-scope .seg-grid{grid-auto-rows:auto !important;}
.ct-scope .segments .seg-grid{grid-auto-rows:auto !important;}
.ct-scope .seg-card{min-height:244px !important;height:auto !important;}
.ct-scope .circ-grid{grid-auto-rows:auto !important;}
.ct-scope .circ-grid .seg-card{min-height:332px !important;}
.ct-scope .golf-grid{grid-auto-rows:auto !important;}
.ct-scope .golf-grid .golf-card{min-height:300px !important;}
.ct-scope .villa-grid{grid-auto-rows:auto !important;}
.ct-scope .villa-grid .villa-card{min-height:330px !important;}

.ct-scope .cdc-card{display:flex !important;flex-direction:column !important;justify-content:flex-end !important;height:auto !important;min-height:212px !important;}
.ct-scope .cdc-card.cdc-feat{height:auto !important;min-height:298px !important;}
.ct-scope .cdc-body{position:relative !important;inset:auto !important;margin-top:auto !important;}
@media (max-width: 640px){.ct-scope .cdc-grid .cdc-card,.ct-scope .cdc-grid .cdc-card.cdc-feat{min-height:238px !important;}}

.ct-scope .topbar a,.ct-scope .lang-switch,.ct-scope .lang-switch a,.ct-scope .nav-cta{white-space:nowrap !important;}
@media (max-width: 1300px) and (min-width: 1025px){
  .ct-scope .nav-cta{padding:11px 18px !important;font-size:11px !important;}
  .ct-scope .nav-menu{gap:16px !important;}
  .ct-scope .topbar-inner{gap:14px !important;}
  .ct-scope .topbar-left,.ct-scope .topbar-right{gap:14px !important;}
  .ct-scope .topbar .pill-tag{display:none !important;}
  .ct-scope .topbar a[href^="mailto:"]{display:none !important;}
}
@media (max-width: 1200px) and (min-width: 681px){.ct-scope .hs-grid{grid-template-columns:repeat(2,1fr) !important;}}



.ct-scope .presentation-sec{background:var(--cream,#FBF8F0) !important;position:relative;overflow:hidden;padding:clamp(52px,7vw,100px) 0 0 !important}
.ct-scope .presentation-sec::before{content:"";position:absolute;right:-10%;top:-32%;width:56%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(244,199,82,.18),transparent 62%);pointer-events:none;animation:ctp-glow 9s ease-in-out infinite}
.ct-scope .presentation-sec::after{content:"";position:absolute;left:-12%;bottom:-30%;width:46%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(91,197,214,.14),transparent 65%);pointer-events:none}
.ct-scope .ctp-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(32px,5vw,80px);align-items:center;position:relative;z-index:1;padding-bottom:clamp(48px,6vw,80px) !important}

.ct-scope .ctp-rev{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.ct-scope .ctp-rev.in{opacity:1;transform:none}

.ct-scope .ctp-eyebrow{display:inline-flex;align-items:center;gap:10px;background:var(--peach-bg,#FDF8E5) !important;padding:7px 18px !important;border-radius:100px;
  border:1px solid var(--line-warm,rgba(244,199,82,.2)) !important;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#A8761E !important}
.ct-scope .ctp-dot{width:6px;height:6px;background:var(--sunset,#F4C752);border-radius:50%;animation:ctp-pulse 2.4s ease-in-out infinite}
.ct-scope .ctp-h2{font-family:'DM Sans',sans-serif !important;font-weight:700 !important;font-size:clamp(30px,4.6vw,60px) !important;line-height:1.05 !important;
  letter-spacing:-.025em !important;color:var(--navy,#1C2840) !important;margin:18px 0 0 !important}
.ct-scope .ctp-accent{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-weight:500 !important;color:var(--teal-deep,#2D8A8E) !important;position:relative;white-space:nowrap}
.ct-scope .ctp-accent::after{content:"";position:absolute;left:2%;right:2%;bottom:.02em;height:.32em;background:rgba(244,199,82,.45);border-radius:4px;
  transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.16,1,.3,1) .5s;z-index:-1}
.ct-scope .ctp-rev.in .ctp-accent::after{transform:scaleX(1)}
.ct-scope .ctp-sub{font-size:clamp(14.5px,1.6vw,17px) !important;line-height:1.65 !important;color:var(--muted,#5A6678) !important;max-width:54ch;margin:16px 0 0 !important}
.ct-scope .ctp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px !important}
.ct-scope .ctp-chips span{background:#fff !important;border:1.5px solid var(--line-warm,rgba(244,199,82,.25)) !important;color:var(--navy,#1C2840) !important;
  font-size:12px;font-weight:700;padding:8px 15px !important;border-radius:100px;box-shadow:0 6px 16px -10px rgba(28,40,64,.3);transition:transform .25s,border-color .25s,background .25s}
.ct-scope .ctp-chips span:hover{transform:translateY(-3px);border-color:var(--sunset,#F4C752) !important;background:var(--peach-bg,#FDF8E5) !important}
.ct-scope .ctp-chips sup{font-size:9px}
.ct-scope .ctp-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px !important}
.ct-scope .ctp-cta{position:relative;display:inline-flex;align-items:center;gap:12px;background:var(--sunset,#F4C752) !important;color:var(--navy,#1C2840) !important;
  font-family:'DM Sans',sans-serif !important;font-weight:800 !important;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;
  padding:17px 30px !important;border-radius:100px;text-decoration:none !important;overflow:hidden;
  box-shadow:0 14px 30px -10px rgba(244,199,82,.75);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.ct-scope .ctp-cta::before{content:"";position:absolute;top:0;bottom:0;left:-80%;width:50%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:ctp-shine 3.4s ease-in-out infinite}
.ct-scope .ctp-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 22px 44px -12px rgba(244,199,82,.9);color:var(--navy,#1C2840) !important}
.ct-scope .ctp-arr{transition:transform .3s;display:inline-block}
.ct-scope .ctp-cta:hover .ctp-arr{transform:translateX(6px)}
.ct-scope .ctp-meta{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9aa3b0 !important}

.ct-scope .ctp-mock{position:relative;justify-self:center;width:min(320px,84%);aspect-ratio:3/4;text-decoration:none !important;
  transform-style:preserve-3d;perspective:900px;animation:ctp-float 7s ease-in-out infinite;display:block}
.ct-scope .ctp-page{position:absolute;inset:0;border-radius:20px;border:1px solid rgba(28,40,64,.08);
  transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}
.ct-scope .ctp-p3{background:linear-gradient(160deg,#BFE4E6,#8fcdd1);transform:rotate(6deg) translate(14px,4px);box-shadow:0 24px 50px -28px rgba(28,40,64,.4)}
.ct-scope .ctp-p2{background:linear-gradient(160deg,#FDE9B8,#F8DC8B);transform:rotate(-5deg) translate(-12px,6px);box-shadow:0 24px 50px -28px rgba(28,40,64,.35)}
.ct-scope .ctp-mock:hover .ctp-p3{transform:rotate(11deg) translate(30px,2px)}
.ct-scope .ctp-mock:hover .ctp-p2{transform:rotate(-10deg) translate(-28px,4px)}
.ct-scope .ctp-cover{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:20px;
  padding:clamp(24px,3vw,34px) !important;border:1px solid rgba(28,40,64,.08);
  box-shadow:0 34px 70px -30px rgba(28,40,64,.45);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;will-change:transform}
.ct-scope .ctp-mock:hover .ctp-cover{box-shadow:0 48px 90px -34px rgba(28,40,64,.5)}
.ct-scope .ctp-badge{position:absolute;top:-13px;right:20px;background:var(--sunset,#F4C752) !important;color:var(--navy,#1C2840) !important;
  font-size:12px;font-weight:800;letter-spacing:.04em;padding:6px 13px !important;border-radius:100px;box-shadow:0 8px 18px -6px rgba(244,199,82,.85);animation:ctp-bob 4.5s ease-in-out infinite}
.ct-scope .ctp-badge sup{font-size:9px}

.ct-scope .ctp-marquee{position:relative;z-index:1;border-top:1px solid var(--line,rgba(28,40,64,.1));padding:16px 0 !important;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ct-scope .ctp-track{display:flex;width:max-content;animation:ctp-marq 30s linear infinite}
.ct-scope .ctp-marquee:hover .ctp-track{animation-play-state:paused}
.ct-scope .ctp-seq{display:flex;align-items:center;gap:34px;padding-right:34px !important}
.ct-scope .ctp-seq span{font-family:'DM Sans',sans-serif !important;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--navy,#1C2840) !important;opacity:.55;white-space:nowrap}
.ct-scope .ctp-seq i{font-style:normal;color:var(--sunset,#F4C752) !important;font-size:12px}

.ct-scope .ctp-mid{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:auto 0 !important}
.ct-scope .ctp-logoimg{height:clamp(88px,9vw,112px) !important;width:auto !important;display:block !important;
  filter:drop-shadow(0 8px 20px rgba(28,40,64,.12))}
.ct-scope .ctp-line{font-size:13.5px;line-height:1.55;color:#5a6678 !important;font-weight:500}
.ct-scope .ctp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding-top:18px !important;border-top:1px solid rgba(28,40,64,.08)}
.ct-scope .ctp-tag{display:inline-flex;background:rgba(45,138,142,.12) !important;color:var(--teal-deep,#2D8A8E) !important;
  font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:7px 13px !important;border-radius:100px}
.ct-scope .ctp-open{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
  border:1.5px solid rgba(28,40,64,.16) !important;color:var(--navy,#1C2840) !important;font-size:18px;
  transition:background .3s,border-color .3s,transform .3s;flex:0 0 auto}
.ct-scope .ctp-mock:hover .ctp-open{background:var(--sunset,#F4C752) !important;border-color:var(--sunset,#F4C752) !important;transform:translateX(4px) rotate(-12deg)}
@keyframes ctp-shine{0%{left:-80%}55%,100%{left:130%}}
@keyframes ctp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ctp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ctp-pulse{0%,100%{box-shadow:0 0 0 0 rgba(244,199,82,.5)}50%{box-shadow:0 0 0 5px rgba(244,199,82,0)}}
@keyframes ctp-glow{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes ctp-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (max-width: 880px){
  .ct-scope .ctp-grid{grid-template-columns:1fr}
  .ct-scope .ctp-mock{justify-self:start;width:min(300px,86%);margin-top:6px !important}
}
@media (max-width: 600px){
  .ct-scope .ctp-cta{width:100%;justify-content:center}
}
@media (prefers-reduced-motion: reduce){
  .ct-scope .ctp-rev{opacity:1 !important;transform:none !important}
  .ct-scope .ctp-mock,.ct-scope .ctp-badge,.ct-scope .ctp-dot,.ct-scope .ctp-cta::before,.ct-scope .ctp-track,.ct-scope .presentation-sec::before{animation:none !important}
}



.ct-scope .ctm-band{position:relative;border-top:1px solid var(--line,rgba(28,40,64,.1));border-bottom:1px solid var(--line,rgba(28,40,64,.1));
  background:#fff !important;padding:15px 0 !important;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ct-scope .ctm-track{display:flex;width:max-content;animation:ctm-marq 32s linear infinite}
.ct-scope .ctm-band:hover .ctm-track{animation-play-state:paused}
.ct-scope .ctm-seq{display:flex;align-items:center;gap:36px;padding-right:36px !important}
.ct-scope .ctm-seq span{font-family:'DM Sans',sans-serif !important;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--navy,#1C2840) !important;opacity:.55;white-space:nowrap;transition:opacity .25s}
.ct-scope .ctm-band:hover .ctm-seq span{opacity:.8}
.ct-scope .ctm-seq i{font-style:normal;color:var(--sunset,#F4C752) !important;font-size:12px}
@keyframes ctm-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.ct-scope .ctm-track{animation:none !important}}


  .ct-scope .gr-office { display: grid !important; grid-template-columns: repeat(6, minmax(0,1fr)) !important;
    grid-auto-rows: 196px !important; gap: 12px !important; margin: 34px 0 0 !important; }
  .ct-scope .gr-o { grid-column: span 3 !important; grid-row: span 1 !important; position: relative !important;
    border-radius: 16px !important; overflow: hidden !important; border: 0 !important; padding: 0 !important;
    width: 100% !important; height: 100% !important; text-align: left !important; display: block !important;
    background: linear-gradient(155deg, #0B2B54 0%, #3C84B4 100%) !important; }
  .ct-scope .gr-o:nth-child(1) { grid-row: span 2 !important; }
  .ct-scope .gr-o.wait { display: grid !important; place-items: center !important; }
  @media (max-width: 1080px) {
    .ct-scope .gr-office { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
    .ct-scope .gr-o { grid-column: span 2 !important; }
    .ct-scope .gr-o:nth-child(1) { grid-column: span 4 !important; grid-row: span 2 !important; }
  }
  @media (max-width: 640px) {
    .ct-scope .gr-office { grid-template-columns: repeat(2, minmax(0,1fr)) !important; grid-auto-rows: 132px !important; }
    .ct-scope .gr-o, .ct-scope .gr-o:nth-child(1) { grid-column: span 2 !important; grid-row: span 1 !important; }
  }


  .ct-scope .gr-d .cap { padding: 54px 16px 15px !important;
    background: linear-gradient(180deg, rgba(11,43,84,0) 0%, rgba(11,43,84,.36) 42%, rgba(11,43,84,.86) 100%) !important; }
  .ct-scope .gr-d .cap b { text-shadow: 0 1px 12px rgba(6,24,46,.55) !important; }
  .ct-scope .gr-d .cap span { text-shadow: 0 1px 10px rgba(6,24,46,.5) !important; opacity: .88 !important; }


  
  .ct-scope .gr-hero { padding: clamp(120px,15vw,190px) 0 clamp(70px,9vw,110px) !important;
    background: var(--navy) !important; }
  .ct-scope .gr-hero::before, .ct-scope .gr-hero::after { display: none !important; }
  .ct-scope .gr-hero-media { position: absolute !important; inset: 0 !important; z-index: 0 !important; }
  .ct-scope .gr-hero-media img { width: 100% !important; height: 100% !important; object-fit: cover !important;
    object-position: 50% 62% !important; display: block !important; }
  .ct-scope .gr-hero-media::after { content: "" !important; position: absolute !important; inset: 0 !important;
    background: linear-gradient(105deg, rgba(6,24,46,.90) 0%, rgba(6,24,46,.74) 42%, rgba(6,24,46,.30) 100%) !important; }
  .ct-scope .gr-hero .wrap { position: relative !important; z-index: 2 !important; }
  .ct-scope .gr-hero img.gr-logo { width: min(320px,56vw) !important; margin: 0 0 26px !important; }
  .ct-scope .gr-hero h1 { color: #fff !important; text-shadow: 0 2px 26px rgba(6,24,46,.4) !important; }
  .ct-scope .gr-hero h1 .accent { color: var(--sun,#F0C030) !important; }
  .ct-scope .gr-hero p.lede { color: rgba(255,255,255,.86) !important; }
    letter-spacing: .2em !important; text-transform: uppercase !important; font-weight: 600 !important;
    color: rgba(255,255,255,.55) !important; }
  .ct-scope .gr-hero .btn-line-navy { color: #fff !important; border-color: rgba(255,255,255,.45) !important;
    background: transparent !important; }
  .ct-scope .gr-hero .btn-line-navy:hover { border-color: #fff !important; background: rgba(255,255,255,.10) !important; }

.ct-scope .gr-chains { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 14px !important; margin: 34px 0 0 !important; }
  .ct-scope .gc { background: #fff !important; border: 1px solid rgba(11,43,84,.10) !important;
    border-radius: 18px !important; padding: 20px 22px !important; display: block !important;
    border-left: 4px solid var(--aegean) !important; }
  .ct-scope .gc.atlantica { border-left-color: #3C84B4 !important; }
  .ct-scope .gc.louis     { border-left-color: #0B2B54 !important; }
  .ct-scope .gc.leonardo  { border-left-color: #D9A331 !important; }
  .ct-scope .gc b { display: block !important; font-family: 'Baskervville', Georgia, serif !important;
    font-weight: 400 !important; font-size: 20px !important; color: var(--navy) !important; }
  .ct-scope .gc i { display: block !important; font-style: normal !important; font-size: 12px !important;
    font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important;
    color: var(--aegean) !important; margin: 5px 0 8px !important; }
  .ct-scope .gc small { display: block !important; font-size: 13px !important; line-height: 1.55 !important;
    color: var(--muted) !important; }

.ct-scope .gr-hfilter { display: flex !important; flex-wrap: wrap !important; gap: 8px !important;
    margin: 30px 0 0 !important; }
  .ct-scope .hf { background: #fff !important; border: 1px solid rgba(11,43,84,.14) !important;
    border-radius: 100px !important; padding: 9px 15px !important; font-size: 13px !important;
    font-weight: 600 !important; color: var(--navy) !important; cursor: pointer !important;
    display: inline-flex !important; align-items: center !important; gap: 7px !important;
    transition: background .25s, border-color .25s, color .25s !important; }
  .ct-scope .hf em { font-style: normal !important; font-size: 11px !important; font-weight: 700 !important;
    color: var(--aegean) !important; background: var(--wash) !important; border-radius: 100px !important;
    padding: 2px 7px !important; transition: background .25s, color .25s !important; }
  .ct-scope .hf:hover { border-color: rgba(60,132,180,.5) !important; }
  .ct-scope .hf.on { background: var(--navy) !important; border-color: var(--navy) !important; color: #fff !important; }
  .ct-scope .hf.on em { background: rgba(255,255,255,.16) !important; color: #fff !important; }

.ct-scope .gr-hgrid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 12px !important; margin: 18px 0 0 !important; }
  .ct-scope .grh { background: #fff !important; border: 1px solid rgba(11,43,84,.10) !important;
    border-radius: 15px !important; padding: 17px 18px 16px !important; border-left: 3px solid #3C84B4 !important;
    transition: transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s !important; }
  .ct-scope .grh.louis    { border-left-color: #0B2B54 !important; }
  .ct-scope .grh.leonardo { border-left-color: #D9A331 !important; }
  .ct-scope .grh:hover { transform: translateY(-3px) !important;
    box-shadow: 0 16px 34px -22px rgba(11,43,84,.55) !important; }
  .ct-scope .grh-chain { display: block !important; font-size: 9.5px !important; letter-spacing: .16em !important;
    text-transform: uppercase !important; font-weight: 700 !important; color: var(--aegean) !important; }
  .ct-scope .grh.louis .grh-chain    { color: var(--navy) !important; }
  .ct-scope .grh.leonardo .grh-chain { color: #A8761E !important; }
  .ct-scope .grh h3 { font-family: 'Baskervville', Georgia, serif !important; font-weight: 400 !important;
    font-size: 17px !important; line-height: 1.22 !important; color: var(--navy) !important; margin: 7px 0 8px !important; }
  .ct-scope .grh-dest { display: inline-block !important; font-size: 11.5px !important; font-weight: 600 !important;
    color: var(--muted) !important; background: var(--wash) !important; border-radius: 100px !important;
    padding: 4px 11px !important; }
  .ct-scope .grh[hidden] { display: none !important; }
  .ct-scope .gr-htl-note { font-size: 12.5px !important; color: var(--muted) !important; margin: 20px 0 0 !important;
    max-width: 92ch !important; }

  @media (max-width: 1080px) {
    .ct-scope .gr-chains { grid-template-columns: 1fr !important; }
    .ct-scope .gr-hgrid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  }
  @media (max-width: 640px) {
    .ct-scope .gr-hgrid { grid-template-columns: 1fr !important; }
    .ct-scope .hf { font-size: 12px !important; padding: 8px 13px !important; }
    .ct-scope .gr-hero { padding: clamp(96px,20vw,140px) 0 clamp(52px,10vw,76px) !important; }
  }


  .ct-scope .mood-card.plage .ph { background-image: url('gr-crete.webp') !important; background-size: cover !important; background-position: center !important; }
  .ct-scope .mood-card.culture .ph { background-image: url('gr-delphes.webp') !important; background-size: cover !important; background-position: center !important; }
  .ct-scope .mood-card.gastro .ph { background-image: url('gr-taverne.webp') !important; background-size: cover !important; background-position: center !important; }
  .ct-scope .mood-card.iles .ph { background-image: url('gr-croisiere.webp') !important; background-size: cover !important; background-position: center !important; }


  
  .ct-scope .gr-hero .hero-eyebrow { display: inline-flex !important; align-items: center !important;
    gap: 10px !important; background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.28) !important;
    color: #fff !important; border-radius: 100px !important; padding: 8px 18px !important;
    font-size: 10px !important; font-weight: 700 !important; letter-spacing: .17em !important;
    text-transform: uppercase !important; margin: 0 0 26px !important; backdrop-filter: blur(6px) !important; }
  .ct-scope .gr-hero .hero-eyebrow .dot { width: 6px !important; height: 6px !important; border-radius: 50% !important;
    background: var(--sun,#FADC50) !important; }

.ct-scope .booking-side { justify-content: flex-end !important; min-height: 380px !important; }
  .ct-scope .booking-side h3 { font-family: 'Baskervville', Georgia, serif !important;
    font-weight: 400 !important; font-size: clamp(24px,2.6vw,32px) !important; }
  .ct-scope .booking-side p { color: rgba(255,255,255,.86) !important; margin: 0 0 24px !important; }
  .ct-scope .booking-side .btn-sunset { align-self: flex-start !important; }

.ct-scope .ct-footer-top { grid-template-columns: 1.7fr 1fr 1fr 1.15fr !important; gap: 40px !important; }
  .ct-scope .ct-footer-brand p { max-width: 42ch !important; }
  .ct-scope .ct-footer-reach .fmail a { font-weight: 700 !important; color: var(--teal-deep) !important;
    font-size: 15px !important; }
  .ct-scope .ct-footer-reach address { font-style: normal !important; font-size: 13.5px !important;
    line-height: 1.75 !important; color: var(--muted) !important; margin: 14px 0 0 !important; }
  .ct-scope .ct-footer-reach .fmap { display: inline-flex !important; align-items: center !important;
    gap: 7px !important; margin: 16px 0 0 !important; font-size: 12.5px !important; font-weight: 600 !important;
    color: var(--teal-deep) !important; }
  .ct-scope .ct-footer-reach .fmap span { transition: transform .3s ease !important; }
  .ct-scope .ct-footer-reach .fmap:hover span { transform: translateX(4px) !important; }
  .ct-scope .ct-footer-bottom .legal { display: flex !important; gap: 18px !important; }
  .ct-scope .ct-footer-bottom .legal a { font-size: 12.5px !important; color: var(--muted) !important; }
  @media (max-width: 1080px) {
    .ct-scope .ct-footer-top { grid-template-columns: 1fr 1fr !important; gap: 34px !important; }
  }
  @media (max-width: 640px) {
    .ct-scope .ct-footer-top { grid-template-columns: 1fr !important; }
  }


  .ct-scope .gr-hgrid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 16px !important; margin: 20px 0 0 !important; }
  .ct-scope .ghc { position: relative !important; display: block !important; width: 100% !important;
    border: 0 !important; padding: 0 !important; border-radius: 18px !important; overflow: hidden !important;
    cursor: pointer !important; background: var(--navy) !important; text-align: left !important;
    aspect-ratio: 4/3 !important; transition: transform .4s cubic-bezier(.2,.7,.3,1), box-shadow .4s !important; }
  .ct-scope .ghc:hover { transform: translateY(-5px) !important; box-shadow: 0 24px 46px -26px rgba(11,43,84,.6) !important; }
  .ct-scope .ghc-img { position: absolute !important; inset: 0 !important; display: block !important; }
  .ct-scope .ghc-img img { width: 100% !important; height: 100% !important; object-fit: cover !important;
    display: block !important; transition: transform .8s cubic-bezier(.2,.7,.3,1) !important; }
  .ct-scope .ghc:hover .ghc-img img { transform: scale(1.06) !important; }
  .ct-scope .ghc-tag { position: absolute !important; top: 12px !important; left: 12px !important; z-index: 2 !important;
    font-size: 9.5px !important; letter-spacing: .14em !important; text-transform: uppercase !important;
    font-weight: 700 !important; color: #fff !important; background: rgba(11,43,84,.82) !important;
    border-radius: 100px !important; padding: 6px 12px !important; backdrop-filter: blur(6px) !important; }
  .ct-scope .ghc.louis .ghc-tag    { background: rgba(11,43,84,.9) !important; }
  .ct-scope .ghc.leonardo .ghc-tag { background: rgba(168,118,30,.9) !important; }
  .ct-scope .ghc-cap { position: absolute !important; inset: auto 0 0 0 !important; z-index: 2 !important;
    padding: 54px 15px 15px !important; color: #fff !important;
    background: linear-gradient(180deg, rgba(6,24,46,0) 0%, rgba(6,24,46,.30) 30%, rgba(6,24,46,.72) 62%, rgba(6,24,46,.95) 100%) !important; }
  .ct-scope .ghc-cap i, .ct-scope .ghc-cap b { text-shadow: 0 1px 14px rgba(6,24,46,.85) !important; }
  .ct-scope .ghc-st { display: block !important; color: var(--sun,#F0C030) !important; font-size: 12px !important;
    letter-spacing: .1em !important; margin: 0 0 3px !important; }
  .ct-scope .ghc-cap b { display: block !important; font-family: 'Baskervville', Georgia, serif !important;
    font-weight: 400 !important; font-size: 18px !important; line-height: 1.18 !important;
    text-shadow: 0 1px 12px rgba(6,24,46,.6) !important; }
  .ct-scope .ghc-cap i { display: block !important; font-style: normal !important; font-size: 11.5px !important;
    opacity: .82 !important; margin: 3px 0 0 !important; }
  .ct-scope .ghc[hidden] { display: none !important; }
  .ct-scope .ghc-lab { position: absolute !important; top: 12px !important; right: 12px !important; z-index: 2 !important;
    display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 5px !important; }
  
  .ct-scope .ghc-lab .ghc-p { display: inline-flex !important; align-items: center !important;
    gap: 5px !important; border-radius: 100px !important; padding: 5px 10px 5px 8px !important;
    background: var(--fond) !important; color: var(--encre) !important;
    box-shadow: inset 0 0 0 1px var(--filet) !important;
    transition: translate .4s cubic-bezier(.2,.7,.3,1) !important; }
  .ct-scope .ghc-lab em { font-style: normal !important; font-size: 9px !important; letter-spacing: .13em !important;
    text-transform: uppercase !important; font-weight: 700 !important; color: inherit !important;
    background: none !important; padding: 0 !important; }
  .ct-scope .ghc-i { width: 14px !important; height: 14px !important; flex: 0 0 14px !important;
    display: block !important; }
  .ct-scope .ghc-lab .l-coup    { --fond: #FAF4E6; --filet: rgba(217,163,49,.34); --encre: #8A6412; }
  .ct-scope .ghc-lab .l-luxe    { --fond: #E7EAEE; --filet: rgba(11,43,84,.26);   --encre: #0B2B54; }
  .ct-scope .ghc-lab .l-adults  { --fond: #E7F0F5; --filet: rgba(58,127,174,.34); --encre: #1F5077; }
  .ct-scope .ghc-lab .l-famille { --fond: #E6F5F4; --filet: rgba(75,183,174,.38); --encre: #1E7A72; }
  .ct-scope .ghc-lab .l-mer     { --fond: #E7F5FC; --filet: rgba(84,186,234,.40); --encre: #0F6E92; }
  .ct-scope .ghc-lab .l-charme  { --fond: #E7F1F7; --filet: rgba(72,144,191,.34); --encre: #3A6E9B; }
  
  .ct-scope .ghc:hover .ghc-lab .ghc-p em { translate: none !important; }
  .ct-scope .ghc:hover .ghc-lab .ghc-p { translate: -3px 0 !important; }

.ct-scope .gh-ph { position: relative !important; }
  .ct-scope .gh-p, .ct-scope .gh-n { position: absolute !important; top: 50% !important; z-index: 3 !important;
    transform: translateY(-50%) !important; width: 40px !important; height: 40px !important; border: 0 !important;
    border-radius: 50% !important; background: rgba(255,255,255,.88) !important; color: var(--navy) !important;
    font-size: 19px !important; line-height: 1 !important; cursor: pointer !important; padding: 0 !important; }
  .ct-scope .gh-p { left: 12px !important; } .ct-scope .gh-n { right: 12px !important; }
  .ct-scope .gh-dots { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 12px !important;
    z-index: 3 !important; display: flex !important; justify-content: center !important; gap: 7px !important; }
  .ct-scope .gh-dots i { width: 7px !important; height: 7px !important; border-radius: 50% !important;
    background: rgba(255,255,255,.5) !important; cursor: pointer !important; display: block !important; }
  .ct-scope .gh-dots i.on { background: #fff !important; width: 20px !important; border-radius: 100px !important; }
  .ct-scope .gh-lab { display: inline-flex !important; gap: 6px !important; }
  .ct-scope .gh-lab em { font-style: normal !important; font-size: 9.5px !important; letter-spacing: .13em !important;
    text-transform: uppercase !important; font-weight: 700 !important; color: #17284A !important;
    background: var(--sun,#F0C030) !important; border-radius: 100px !important; padding: 6px 11px !important; }

.ct-scope .gh-ov { position: fixed !important; inset: 0 !important; z-index: 9999 !important; display: none !important;
    background: rgba(6,24,46,.80) !important; padding: 4vh 4vw !important; overflow-y: auto !important; }
  .ct-scope .gh-ov.open { display: grid !important; place-items: start center !important; }
  .ct-scope .gh-card { position: relative !important; background: #fff !important; border-radius: 22px !important;
    overflow: hidden !important; max-width: 760px !important; width: 100% !important; margin: auto !important;
    box-shadow: 0 40px 90px -40px rgba(6,24,46,.7) !important; }
  .ct-scope .gh-x { position: absolute !important; top: 14px !important; right: 14px !important; z-index: 3 !important;
    width: 38px !important; height: 38px !important; border: 0 !important; border-radius: 50% !important;
    background: rgba(255,255,255,.9) !important; color: var(--navy) !important; font-size: 16px !important;
    cursor: pointer !important; padding: 0 !important; }
  .ct-scope .gh-ph img { width: 100% !important; height: clamp(200px,32vw,340px) !important; object-fit: cover !important;
    display: block !important; }
  .ct-scope .gh-body { padding: 26px clamp(20px,3vw,34px) 30px !important; }
  .ct-scope .gh-meta { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 0 10px !important; }
  .ct-scope .gh-st { color: var(--gold,#D9A331) !important; font-size: 15px !important; letter-spacing: .12em !important; }
  .ct-scope .gh-ch { font-size: 9.5px !important; letter-spacing: .14em !important; text-transform: uppercase !important;
    font-weight: 700 !important; color: var(--aegean) !important; background: var(--wash) !important;
    border-radius: 100px !important; padding: 6px 12px !important; }
  .ct-scope .gh-body h3 { font-family: 'Baskervville', Georgia, serif !important; font-weight: 400 !important;
    font-size: clamp(26px,3.4vw,36px) !important; line-height: 1.1 !important; color: var(--navy) !important;
    margin: 0 0 6px !important; }
  .ct-scope .gh-loc { font-size: 14px !important; font-weight: 600 !important; color: var(--aegean) !important;
    margin: 0 0 16px !important; }
  .ct-scope .gh-txt { font-size: 15px !important; line-height: 1.68 !important; color: var(--muted) !important;
    margin: 0 0 18px !important; }
  .ct-scope .gh-pills { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 22px !important; }
  .ct-scope .gh-pills span { font-size: 12.5px !important; font-weight: 600 !important; color: var(--navy) !important;
    background: var(--wash) !important; border-radius: 100px !important; padding: 7px 14px !important; }
  .ct-scope .gh-src { font-size: 11.5px !important; color: var(--muted) !important; margin: 16px 0 0 !important; }
  .ct-scope .gh-src a { color: var(--aegean) !important; }

  @media (max-width: 1080px) { .ct-scope .gr-hgrid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
  @media (max-width: 640px)  { .ct-scope .gr-hgrid { grid-template-columns: 1fr !important; gap: 14px !important; } }


  .ct-scope .gr-hgrid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 16px !important; margin: 20px 0 0 !important; }
  .ghc { position: relative !important; display: block !important; width: 100% !important;
    border: 0 !important; padding: 0 !important; border-radius: 18px !important; overflow: hidden !important;
    cursor: pointer !important; background: var(--navy) !important; text-align: left !important;
    aspect-ratio: 4/3 !important; transition: transform .4s cubic-bezier(.2,.7,.3,1), box-shadow .4s !important; }
  .ghc:hover { transform: translateY(-5px) !important; box-shadow: 0 24px 46px -26px rgba(11,43,84,.6) !important; }
  .ghc-img { position: absolute !important; inset: 0 !important; display: block !important; }
  .ghc-img img { width: 100% !important; height: 100% !important; object-fit: cover !important;
    display: block !important; transition: transform .8s cubic-bezier(.2,.7,.3,1) !important; }
  .ghc:hover .ghc-img img { transform: scale(1.06) !important; }
  .ghc-tag { position: absolute !important; top: 12px !important; left: 12px !important; z-index: 2 !important;
    font-size: 9.5px !important; letter-spacing: .14em !important; text-transform: uppercase !important;
    font-weight: 700 !important; color: #fff !important; background: rgba(11,43,84,.82) !important;
    border-radius: 100px !important; padding: 6px 12px !important; backdrop-filter: blur(6px) !important; }
  .ghc.louis .ghc-tag    { background: rgba(11,43,84,.9) !important; }
  .ghc.leonardo .ghc-tag { background: rgba(168,118,30,.9) !important; }
  .ghc-cap { position: absolute !important; inset: auto 0 0 0 !important; z-index: 2 !important;
    padding: 54px 15px 15px !important; color: #fff !important;
    background: linear-gradient(180deg, rgba(6,24,46,0) 0%, rgba(6,24,46,.30) 30%, rgba(6,24,46,.72) 62%, rgba(6,24,46,.95) 100%) !important; }
  .ghc-cap i, .ghc-cap b { text-shadow: 0 1px 14px rgba(6,24,46,.85) !important; }
  .ghc-st { display: block !important; color: var(--sun,#F0C030) !important; font-size: 12px !important;
    letter-spacing: .1em !important; margin: 0 0 3px !important; }
  .ghc-cap b { display: block !important; font-family: 'Baskervville', Georgia, serif !important;
    font-weight: 400 !important; font-size: 18px !important; line-height: 1.18 !important;
    text-shadow: 0 1px 12px rgba(6,24,46,.6) !important; }
  .ghc-cap i { display: block !important; font-style: normal !important; font-size: 11.5px !important;
    opacity: .82 !important; margin: 3px 0 0 !important; }
  .ghc[hidden] { display: none !important; }
  .ghc-lab { position: absolute !important; top: 12px !important; right: 12px !important; z-index: 2 !important;
    display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 5px !important; }
  
  .ghc-lab .ghc-p { display: inline-flex !important; align-items: center !important;
    gap: 5px !important; border-radius: 100px !important; padding: 5px 10px 5px 8px !important;
    background: var(--fond) !important; color: var(--encre) !important;
    box-shadow: inset 0 0 0 1px var(--filet) !important;
    transition: translate .4s cubic-bezier(.2,.7,.3,1) !important; }
  .ghc-lab em { font-style: normal !important; font-size: 9px !important; letter-spacing: .13em !important;
    text-transform: uppercase !important; font-weight: 700 !important; color: inherit !important;
    background: none !important; padding: 0 !important; }
  .ghc-i { width: 14px !important; height: 14px !important; flex: 0 0 14px !important;
    display: block !important; }
  .ghc-lab .l-coup    { --fond: #FAF4E6; --filet: rgba(217,163,49,.34); --encre: #8A6412; }
  .ghc-lab .l-luxe    { --fond: #E7EAEE; --filet: rgba(11,43,84,.26);   --encre: #0B2B54; }
  .ghc-lab .l-adults  { --fond: #E7F0F5; --filet: rgba(58,127,174,.34); --encre: #1F5077; }
  .ghc-lab .l-famille { --fond: #E6F5F4; --filet: rgba(75,183,174,.38); --encre: #1E7A72; }
  .ghc-lab .l-mer     { --fond: #E7F5FC; --filet: rgba(84,186,234,.40); --encre: #0F6E92; }
  .ghc-lab .l-charme  { --fond: #E7F1F7; --filet: rgba(72,144,191,.34); --encre: #3A6E9B; }
  
  .ghc:hover .ghc-lab .ghc-p em { translate: none !important; }
  .ghc:hover .ghc-lab .ghc-p { translate: -3px 0 !important; }

.gh-ph { position: relative !important; }
  .gh-p, .gh-n { position: absolute !important; top: 50% !important; z-index: 3 !important;
    transform: translateY(-50%) !important; width: 40px !important; height: 40px !important; border: 0 !important;
    border-radius: 50% !important; background: rgba(255,255,255,.88) !important; color: var(--navy) !important;
    font-size: 19px !important; line-height: 1 !important; cursor: pointer !important; padding: 0 !important; }
  .gh-p { left: 12px !important; } .gh-n { right: 12px !important; }
  .gh-dots { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 12px !important;
    z-index: 3 !important; display: flex !important; justify-content: center !important; gap: 7px !important; }
  .gh-dots i { width: 7px !important; height: 7px !important; border-radius: 50% !important;
    background: rgba(255,255,255,.5) !important; cursor: pointer !important; display: block !important; }
  .gh-dots i.on { background: #fff !important; width: 20px !important; border-radius: 100px !important; }
  .gh-lab { display: inline-flex !important; gap: 6px !important; }
  .gh-lab em { font-style: normal !important; font-size: 9.5px !important; letter-spacing: .13em !important;
    text-transform: uppercase !important; font-weight: 700 !important; color: #17284A !important;
    background: var(--sun,#F0C030) !important; border-radius: 100px !important; padding: 6px 11px !important; }

.gh-ov { position: fixed !important; inset: 0 !important; z-index: 9999 !important; display: none !important;
    background: rgba(6,24,46,.80) !important; padding: 4vh 4vw !important; overflow-y: auto !important; }
  .gh-ov.open { display: grid !important; place-items: start center !important; }
  .gh-card { position: relative !important; background: #fff !important; border-radius: 22px !important;
    overflow: hidden !important; max-width: 760px !important; width: 100% !important; margin: auto !important;
    box-shadow: 0 40px 90px -40px rgba(6,24,46,.7) !important; }
  .gh-x { position: absolute !important; top: 14px !important; right: 14px !important; z-index: 3 !important;
    width: 38px !important; height: 38px !important; border: 0 !important; border-radius: 50% !important;
    background: rgba(255,255,255,.9) !important; color: var(--navy) !important; font-size: 16px !important;
    cursor: pointer !important; padding: 0 !important; }
  .gh-ph img { width: 100% !important; height: clamp(200px,32vw,340px) !important; object-fit: cover !important;
    display: block !important; }
  .gh-body { padding: 26px clamp(20px,3vw,34px) 30px !important; }
  .gh-meta { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 0 10px !important; }
  .gh-st { color: var(--gold,#D9A331) !important; font-size: 15px !important; letter-spacing: .12em !important; }
  .gh-ch { font-size: 9.5px !important; letter-spacing: .14em !important; text-transform: uppercase !important;
    font-weight: 700 !important; color: var(--aegean) !important; background: var(--wash) !important;
    border-radius: 100px !important; padding: 6px 12px !important; }
  .gh-body h3 { font-family: 'Baskervville', Georgia, serif !important; font-weight: 400 !important;
    font-size: clamp(26px,3.4vw,36px) !important; line-height: 1.1 !important; color: var(--navy) !important;
    margin: 0 0 6px !important; }
  .gh-loc { font-size: 14px !important; font-weight: 600 !important; color: var(--aegean) !important;
    margin: 0 0 16px !important; }
  .gh-txt { font-size: 15px !important; line-height: 1.68 !important; color: var(--muted) !important;
    margin: 0 0 18px !important; }
  .gh-pills { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 22px !important; }
  .gh-pills span { font-size: 12.5px !important; font-weight: 600 !important; color: var(--navy) !important;
    background: var(--wash) !important; border-radius: 100px !important; padding: 7px 14px !important; }
  .gh-src { font-size: 11.5px !important; color: var(--muted) !important; margin: 16px 0 0 !important; }
  .gh-src a { color: var(--aegean) !important; }

  @media (max-width: 1080px) { .ct-scope .gr-hgrid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
  @media (max-width: 640px)  { .ct-scope .gr-hgrid { grid-template-columns: 1fr !important; gap: 14px !important; } }


  :root, .ct-scope {
    --navy: #173664 !important;
    --navy-soft: #23508F !important;
    --ink: #152C4E !important;
    --white: #FFFFFF !important;
    --muted: #5A7086 !important;
    --line: rgba(23,54,100,.12) !important;
    --line-warm: rgba(58,146,191,.26) !important;
    --teal: #3A92BF !important;
    --teal-deep: #22699A !important;
    --teal-soft: #A9CFE6 !important;
    --aegean: #3A92BF !important;
    --cyan: #5FA8D4 !important;
    --cyan-light: #A9CFE6 !important;
    --cyan-pale: #EAF3F9 !important;
    --pastel: #A9CFE6 !important;
    --page: #F6FAFD !important;
    --cream: #EFF6FB !important;
    --cream-warm: #FBFDFE !important;
    --wash: #EAF3F9 !important;
    --peach: #EAF3F9 !important;
    --peach-bg: #EAF3F9 !important;
    --gold: #EEB03F !important;
    --sun: #FADC50 !important;
    --sunset: #22699A !important;
    --sunset-light: #3A92BF !important;
    --sunset-pale: #DCEBF5 !important;
    --orange: #EEB03F !important;
    --orange-light: #FADC50 !important;
    --orange-pale: #FBF0D2 !important;
  }
  
  .ct-scope { background: var(--page) !important; color: var(--ink) !important; }
  
  .ct-scope .btn-sunset, .ct-scope .nav-cta, .ct-scope .cta-mobile,
  .ct-scope .btn-sunset .arrow, .ct-scope .nav-cta .arrow { color: #FFFFFF !important; }
  .ct-scope .btn-sunset:hover, .ct-scope .nav-cta:hover { background: var(--teal) !important; }
  
  .ct-scope .topbar a.nav-cta { color: #FFFFFF !important; }
  .ct-scope .topbar a.nav-cta .arrow { color: #FFFFFF !important; }
  .ct-scope .pill-tag { background: var(--teal-deep) !important; color: #FFFFFF !important; }


  :root, .ct-scope {
    --navy: #0B2B54 !important;
    --navy-soft: #164A82 !important;
    --ink: #0E2A4C !important;
    --gold: #D9A331 !important;
    --sun: #F2CD3B !important;
    --amber: #EEB637 !important;
    --teal: #4890BF !important;
    --teal-deep: #3A7FAE !important;
    --teal-soft: #A9CFE6 !important;
    --aegean: #4890BF !important;
    --cyan: #54BAEA !important;
    --cyan-light: #A9CFE6 !important;
    --turquoise: #4BB7AE !important;
    --sunset: #3A7FAE !important;
    --sunset-light: #4890BF !important;
    --sunset-pale: #DCEBF5 !important;
    --orange: #D9A331 !important;
    --orange-light: #F2CD3B !important;
    --orange-pale: #FBF0D2 !important;
    --line: rgba(11,43,84,.12) !important;
    --line-warm: rgba(72,144,191,.26) !important;
    --page: #F6FAFD !important;
    --cream: #EFF6FB !important;
    --cream-warm: #FBFDFE !important;
    --wash: #EAF3F9 !important;
    --peach: #EAF3F9 !important;
    --peach-bg: #EAF3F9 !important;
    --muted: #5A7086 !important;
    --white: #FFFFFF !important;
  }
  
  .ct-scope { background: var(--page) !important; color: var(--ink) !important; }

.ct-scope h1, .ct-scope h2, .ct-scope h3, .ct-scope h4, .ct-scope h6,
  .ct-scope .booking-card h2, .ct-scope .ct-footer-big h6, .ct-scope .accent,
  .ct-scope .gr-hero h1, .ct-scope .manif h2, .ct-scope .dept-card h3,
  .ct-scope .mood-card h3, .ct-scope .ghc-cap b, .ct-scope .gh-body h3 {
    font-family: 'Cormorant Garamond', Georgia, serif !important; }
  .ct-scope h1, .ct-scope h2, .ct-scope .ct-footer-big h6 { font-weight: 600 !important;
    letter-spacing: -0.005em !important; }
  .ct-scope h3, .ct-scope h4 { font-weight: 600 !important; }
  .ct-scope .accent { font-style: italic !important; font-weight: 500 !important;
    color: var(--teal-deep) !important; }
  .ct-scope .gr-hero h1 .accent { color: var(--sun) !important; }
  
  .ct-scope .eyebrow, .ct-scope .hero-eyebrow, .ct-scope .ct-footer-col h5,
  .ct-scope .pill-tag, .ct-scope .ghc-tag, .ct-scope .gh-ch, .ct-scope .dnum {
    font-family: 'Forum', Georgia, serif !important; }
  
  .ct-scope .head h2, .ct-scope .wrap h2, .ct-scope .wrap h1, .ct-scope .wrap h3,
  .ct-scope .booking-card h2, .ct-scope .manif-grid h2, .ct-scope .ct-footer .wrap h6 {
    font-family: 'Cormorant Garamond', Georgia, serif !important; }

.ct-scope .accent.accent.accent, .ct-scope .sun.sun.sun {
    font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: italic !important; }

.ct-scope .booking-channel:hover, .ct-scope .booking-channel:hover .l,
  .ct-scope .booking-channel:hover .v, .ct-scope .booking-channel:hover .arr,
  .ct-scope .zone-info:hover, .ct-scope .spectrum-row span:hover,
  .ct-scope .btn-teal:hover, .ct-scope .btn-navy:hover, .ct-scope .nav-back:hover,
  .ct-scope .nav-burger:hover, .ct-scope .topbar .partner-link:hover {
    color: #FFFFFF !important; }
  .ct-scope .booking-channel:hover .ic { background: #FFFFFF !important; color: var(--teal-deep) !important; }
  .ct-scope .mood-card:hover .icon { background: var(--teal-deep) !important;
    border-color: var(--teal-deep) !important; color: #FFFFFF !important; }

.ct-scope .mood-card::after { content: '' !important; position: absolute !important;
    inset: 0 !important; z-index: 1 !important; pointer-events: none !important;
    background: linear-gradient(180deg, rgba(6,24,46,.10) 0%, rgba(6,24,46,.30) 40%,
      rgba(6,24,46,.80) 100%) !important; }
  
  .ct-scope .mood-card .meta { position: relative !important; z-index: 2 !important; }
  .ct-scope .mood-card .tag { z-index: 2 !important; }
  .ct-scope .mood-card .meta h3, .ct-scope .mood-card .meta p { color: #FFFFFF !important;
    text-shadow: 0 1px 14px rgba(6,24,46,.75) !important; }
  .ct-scope .mood-card .meta h3 .accent { color: var(--sun) !important; }

.ct-scope .nav-logo img, .ct-scope .ct-footer-brand img, .ct-scope .mobile-drawer-head img {
    width: auto !important; max-width: none !important; object-fit: contain !important; }


  
  .ct-scope .topbar { background: var(--navy) !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; }
  .ct-scope .topbar a, .ct-scope .topbar .topbar-left a { color: rgba(255,255,255,.78) !important; }
  .ct-scope .topbar a:hover { color: #fff !important; }
  .ct-scope .topbar .pill-tag { background: rgba(255,255,255,.13) !important; color: #fff !important;
    border: 1px solid rgba(255,255,255,.20) !important; }
  .ct-scope .topbar .partner-link { background: var(--gold) !important; color: var(--navy) !important;
    border-color: var(--gold) !important; }
  .ct-scope .topbar .partner-link:hover { background: #fff !important; color: var(--navy) !important; }
  .ct-scope .nav { background: var(--navy) !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; }
  .ct-scope .nav.stuck, .ct-scope .nav.is-stuck { background: rgba(11,43,84,.94) !important;
    backdrop-filter: blur(14px) !important; }
  .ct-scope .nav-menu > li > a { color: rgba(255,255,255,.86) !important; }
  .ct-scope .nav-menu > li > a::after { background: var(--gold) !important; }
  .ct-scope .nav-menu > li > a:hover, .ct-scope .nav-menu > li > a.on { color: var(--sun) !important; }
  .ct-scope .topbar a.nav-cta { background: var(--gold) !important; border-color: var(--gold) !important;
    color: var(--navy) !important; }
  .ct-scope .topbar a.nav-cta:hover { background: #fff !important; color: var(--navy) !important; }
  .ct-scope .nav-burger { color: #fff !important; border-color: rgba(255,255,255,.28) !important; }

.ct-scope .ctg-dark { position: relative !important; isolation: isolate !important;
    background: linear-gradient(165deg, #0B2B54 0%, #12386B 55%, #164A82 100%) !important; }
  .ct-scope .ctg-dark::before { content: "" !important; position: absolute !important; inset: 0 !important;
    z-index: 0 !important; pointer-events: none !important; opacity: .55 !important;
    background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.16) 1px, transparent 0) !important;
    background-size: 26px 26px !important;
    -webkit-mask-image: radial-gradient(120% 80% at 50% 0%, #000 0%, transparent 75%) !important;
    mask-image: radial-gradient(120% 80% at 50% 0%, #000 0%, transparent 75%) !important; }
  .ct-scope .ctg-dark > * { position: relative !important; z-index: 1 !important; }
  .ct-scope .ctg-dark h2, .ct-scope .ctg-dark h3, .ct-scope .ctg-dark h5, .ct-scope .ctg-dark h6 { color: #fff !important; }
  .ct-scope .ctg-dark .accent.accent.accent { color: var(--sun) !important; }
  .ct-scope .ctg-dark .head p, .ct-scope .ctg-dark > .wrap > .head p { color: rgba(255,255,255,.72) !important; }
  .ct-scope .ctg-dark .eyebrow { background: rgba(255,255,255,.10) !important; color: #fff !important;
    border-color: rgba(255,255,255,.22) !important; }
  .ct-scope .ctg-dark .eyebrow .dot { background: var(--sun) !important; }
  
  .ct-scope .trust.ctg-dark .trust-pill { background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.14) !important; }
  .ct-scope .trust.ctg-dark .trust-pill .v { color: #fff !important; }
  .ct-scope .trust.ctg-dark .trust-pill .v em { color: var(--sun) !important; }
  .ct-scope .trust.ctg-dark .trust-pill .l { color: rgba(255,255,255,.62) !important; }
  
  .ct-scope .depts.ctg-dark .dept-card { background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.14) !important; backdrop-filter: blur(6px) !important; }
  .ct-scope .depts.ctg-dark .dept-card p { color: rgba(255,255,255,.74) !important; }
  .ct-scope .depts.ctg-dark .dept-card strong { color: #fff !important; }
  .ct-scope .depts.ctg-dark .dept-card .dnum { color: rgba(255,255,255,.26) !important; }
  .ct-scope .depts.ctg-dark .dept-card.dept-feature { background: var(--gold) !important; border-color: var(--gold) !important; }
  .ct-scope .depts.ctg-dark .dept-card.dept-feature h3,
  .ct-scope .depts.ctg-dark .dept-card.dept-feature p,
  .ct-scope .depts.ctg-dark .dept-card.dept-feature strong { color: #14294A !important; }
  .ct-scope .depts.ctg-dark .dept-card.dept-feature .dnum { color: rgba(20,41,74,.32) !important; }
  .ct-scope .depts.ctg-dark .dept-card.dept-feature p strong,
  .ct-scope .depts.ctg-dark .dept-card.dept-feature p b,
  .ct-scope .depts.ctg-dark .dept-card.dept-feature p em { color: #14294A !important;
    text-decoration-color: rgba(20,41,74,.55) !important; box-shadow: inset 0 -2px 0 rgba(20,41,74,.35) !important;
    background: none !important; }
  .ct-scope .depts.ctg-dark .dept-card p strong { box-shadow: inset 0 -2px 0 rgba(242,205,59,.55) !important;
    background: none !important; }

.ct-scope footer.ct-footer { background: linear-gradient(180deg, #0B2B54 0%, #082445 100%) !important;
    color: rgba(255,255,255,.82) !important; border-top: 0 !important; }
  .ct-scope .ct-footer-big h6, .ct-scope .ct-footer-col h5 { color: #fff !important; }
  .ct-scope .ct-footer-col h5 { color: var(--sun) !important; }
  .ct-scope .ct-footer-brand p, .ct-scope .ct-footer-reach address,
  .ct-scope .ct-footer-bottom, .ct-scope .ct-footer-bottom .legal a { color: rgba(255,255,255,.66) !important; }
  .ct-scope .ct-footer-col ul a { color: rgba(255,255,255,.82) !important; }
  .ct-scope .ct-footer-col ul a:hover, .ct-scope .ct-footer-bottom .legal a:hover { color: var(--sun) !important; }
  .ct-scope .ct-footer-reach .fmail a, .ct-scope .ct-footer-reach .fmap { color: var(--sun) !important; }
  .ct-scope .ct-footer-top, .ct-scope .ct-footer-bottom { border-color: rgba(255,255,255,.12) !important; }
  
  .ct-scope .moods.ctg-dark .mood-card { box-shadow: 0 26px 54px -30px rgba(0,0,0,.75) !important; }
  .ct-scope .moods.ctg-dark .mood-card .tag { background: rgba(255,255,255,.94) !important; color: var(--navy) !important; }

.ct-scope .ctg-sea { position: absolute !important; inset: 0 !important; z-index: 1 !important;
    width: 100% !important; height: 100% !important; display: block !important;
    pointer-events: auto !important; touch-action: none !important; }
  
  .ct-scope .gr-hero-media::after { z-index: 2 !important; pointer-events: none !important; }
  .ct-scope .gr-hero > .wrap { pointer-events: none !important; }
  .ct-scope .gr-hero > .wrap a, .ct-scope .gr-hero > .wrap button,
  .ct-scope .gr-hero > .wrap .hero-eyebrow { pointer-events: auto !important; }
  
  .ct-scope .gr-hero-media { overflow: hidden !important; }
  .ct-scope .gr-hero-media img { will-change: transform !important; }

.ct-scope .ctg-rise { opacity: 0; transform: translateY(26px);
    transition: opacity .85s cubic-bezier(.2,.7,.3,1), transform .85s cubic-bezier(.2,.7,.3,1); }
  .ct-scope .ctg-rise.seen { opacity: 1; transform: none; }
  @media (prefers-reduced-motion: reduce) {
    .ct-scope .ctg-rise { opacity: 1 !important; transform: none !important; }
    .ct-scope .ctg-sea { display: none !important; }
  }


  
  :root, .ct-scope { --ink: #0B2B54 !important; --muted: #4F6274 !important; }

.ct-scope .head .eyebrow, .ct-scope .eyebrow { color: #0B2B54 !important; }
  .ct-scope .ctg-dark .eyebrow { color: #FFFFFF !important; }
  .ct-scope .eyebrow .dot { background: #D9A331 !important; }
  .ct-scope .manif .eyebrow, .ct-scope .booking-card .eyebrow { color: #255C86 !important; }
  .ct-scope .hero-eyebrow .dot { box-shadow: 0 0 12px rgba(242,205,59,.70) !important; }

.ct-scope .topbar .topbar-left a.partner-link, .ct-scope .topbar a.nav-cta,
  .ct-scope .topbar a.nav-cta .arrow { color: #0B2B54 !important; }
  .ct-scope .seg-card .seg-body strong, .ct-scope .seg-card .seg-body .sk { color: #FFFFFF !important; }
  .ct-scope .seg-card::after { background: linear-gradient(180deg, rgba(11,43,84,0) 12%,
    rgba(11,43,84,.55) 45%, rgba(11,43,84,.90) 100%) !important; }
  .ct-scope .gr-hfilter .hf em { color: #22699A !important; }
  .ct-scope .mobile-drawer-foot a.cta-mobile { background: #D9A331 !important; color: #0B2B54 !important; }
  .ct-scope .ct-footer-big h6 .accent.accent.accent { color: #54BAEA !important; }
  .ct-scope .gc i { color: #255C86 !important; }
  .ct-scope .ghc.leonardo .ghc-tag { background: rgba(11,43,84,.82) !important; }
  .ct-scope .ghc-lab em.l-adults { background: rgba(11,43,84,.94) !important; }
  .ct-scope .booking-channel .arr { color: #255C86 !important; }
  .ct-scope .btn-sunset { background: #2C6890 !important; border-color: #2C6890 !important; box-shadow: none !important; }
  .ct-scope .btn-sunset:hover { background: #22699A !important; border-color: #22699A !important; }
  .ct-scope .booking-channel:hover, .ct-scope .spectrum-row span:hover { background: #2C6890 !important; }
  .ct-scope .manif-photo .badge .sun { color: #2A6183 !important; }
  .ct-scope .manif-mini .lbl { text-shadow: 0 1px 10px rgba(11,43,84,.9) !important; }
  .ct-scope .manif-mini::after { background: linear-gradient(180deg, rgba(11,43,84,0) 40%,
    rgba(11,43,84,.85) 100%) !important; }
  .ct-scope .dept-feature .dnum { color: rgba(11,43,84,.55) !important; }
  .ct-scope .mood-card:hover::after { background: linear-gradient(180deg, rgba(11,43,84,.15) 0%,
    rgba(11,43,84,.45) 42%, rgba(11,43,84,.88) 100%) !important; }
  .ct-scope #ct-totop { background: #0B2B54 !important; }
  .ct-scope #ct-totop:hover { background: #D9A331 !important; color: #0B2B54 !important; }
  
  .ct-scope .ctm-band a:hover { color: #0B2B54 !important; }
  
  .ct-scope .bs-overlay { background: linear-gradient(180deg, rgba(11,43,84,.30) 0%,
    rgba(11,43,84,.68) 45%, rgba(8,32,62,.92) 100%) !important; }
  .ct-scope .booking-side h3, .ct-scope .booking-side p {
    text-shadow: 0 1px 16px rgba(6,22,44,.85) !important; }
  .ct-scope .booking-side .eyebrow { background: rgba(11,43,84,.82) !important;
    border-color: rgba(255,255,255,.34) !important; backdrop-filter: blur(6px) !important; }
  .ct-scope .ctg-dark .ct-footer a:hover, .ct-scope .ct-footer a:hover { color: #F2CD3B !important; }

.ct-scope .gr-bureau.ctg-dark .head p { color: rgba(255,255,255,.72) !important; }


  
  #gh-ov, #gr-lb { font-family: 'DM Sans', system-ui, sans-serif; }
  #gh-ov a, #gr-lb a { text-decoration: none; }
  #gh-ov .gh-cta { display: inline-flex; align-items: center; gap: 10px;
    background: #2C6890; color: #FFFFFF; border: 1px solid #2C6890; border-radius: 100px;
    padding: 14px 26px; font-size: 12px; font-weight: 700; letter-spacing: .12em;
    text-transform: uppercase; transition: background .3s ease, transform .3s ease; }
  #gh-ov .gh-cta:hover { background: #22699A; transform: translateY(-2px); }
  #gh-ov .gh-cta .arrow { color: #FFFFFF; }
  #gh-ov .gh-src a { color: #255C86; text-decoration: underline; }
  #gh-ov h3 { font-family: 'Cormorant Garamond', Georgia, serif; }

#gh-ov [hidden] { display: none !important; }
  #gh-ov .gh-bl { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
  #gh-ov .gh-b { display: inline-flex; align-items: center; gap: 7px;
    padding: 6px 13px 6px 10px; border-radius: 100px;
    background: var(--fond); color: var(--encre);
    box-shadow: inset 0 0 0 1px var(--filet);
    font-size: 12.5px; font-weight: 600; line-height: 1.15; letter-spacing: .005em; }
  #gh-ov .gh-bi { width: 18px; height: 18px; flex: 0 0 18px; display: block; }
  #gh-ov .b-coeur   { --fond: rgba(217,163,49,.12); --filet: rgba(217,163,49,.34); --encre: #8A6412; }
  #gh-ov .b-luxe    { --fond: rgba(11,43,84,.10);   --filet: rgba(11,43,84,.26);   --encre: #0B2B54; }
  #gh-ov .b-adultes { --fond: rgba(58,127,174,.12); --filet: rgba(58,127,174,.34); --encre: #1F5077; }
  #gh-ov .b-famille { --fond: rgba(75,183,174,.14); --filet: rgba(75,183,174,.38); --encre: #1E7A72; }
  #gh-ov .b-mer     { --fond: rgba(84,186,234,.14); --filet: rgba(84,186,234,.40); --encre: #0F6E92; }
  #gh-ov .b-urbain  { --fond: rgba(72,144,191,.13); --filet: rgba(72,144,191,.34); --encre: #3A6E9B; }
  #gh-ov .gh-eqk { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic;
    font-weight: 400; font-size: 21px; line-height: 1.25; color: #0B2B54;
    margin: 0 0 14px; padding: 18px 0 0; border-top: 1px solid rgba(11,43,84,.1); }
  #gh-ov .gh-eq { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 26px; margin: 0 0 26px; }
  #gh-ov .gh-e { display: flex; gap: 11px; align-items: flex-start; }
  #gh-ov .gh-ei { width: 22px; height: 22px; flex: 0 0 22px; margin-top: 1px;
    display: block; color: #0B2B54; }
  #gh-ov .gh-e b { display: block; font-size: 13.5px; font-weight: 600; line-height: 1.3; color: #0B2B54; }
  #gh-ov .gh-e i { display: block; font-style: normal; font-size: 12.3px; line-height: 1.45;
    color: #4F6274; margin-top: 2px; }
  @media (max-width: 640px) { #gh-ov .gh-eq { grid-template-columns: 1fr; } }


  
  .ct-scope .trust { padding: clamp(30px, 2.8vw, 42px) 0 !important; }
  .ct-scope .trust-pill .v { font-size: clamp(2.1rem, 2.7vw, 2.6rem) !important; }
  .ct-scope .trust-pill { padding: 16px 22px !important; gap: 10px !important;
    justify-content: space-between !important; }
  .ct-scope .trust-pill .l { line-height: 1.7 !important; }
  
  @media (min-width: 1081px) {
    .ct-scope .trust-grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
    .ct-scope .trust-pill { grid-column: auto !important; }
  }
  @media (max-width: 1080px) and (min-width: 561px) {
    .ct-scope .trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    .ct-scope .trust-pill { grid-column: auto !important; padding: 16px 22px !important; }
  }
  @media (max-width: 560px) {
    .ct-scope .trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important;
      column-gap: 18px !important; }
    .ct-scope .trust-pill { grid-column: auto !important; padding: 14px 0 !important;
      border-right: 0 !important; border-top: 0 !important;
      border-bottom: 1px solid rgba(255,255,255,.14) !important; }
    .ct-scope .trust-pill:nth-child(5) { grid-column: span 2 !important; }
    .ct-scope .trust-pill:nth-child(4), .ct-scope .trust-pill:nth-child(5) { border-bottom: 0 !important; }
    .ct-scope .trust-pill .v { font-size: 1.9rem !important; }
    .ct-scope .trust-pill .l { font-size: 10px !important; letter-spacing: .10em !important; }
    .ct-scope .trust-pill:not(:nth-child(5)) .l { min-height: 3.4em !important; }
  }
  @media (max-width: 1300px) {
    .ct-scope .trust-pill:nth-child(4), .ct-scope .trust-pill:nth-child(5) { border-top: 0 !important; }
  }

.ct-scope .intro-ct .head { margin: 0 0 clamp(32px, 4vw, 56px) !important; }
  .ct-scope .intro-ct { padding-bottom: clamp(28px, 3vw, 44px) !important; }
  .ct-scope .segments { padding-top: clamp(28px, 3vw, 44px) !important; }
  
  .ct-scope .manif { background: #FFFFFF !important;
    border-top: 1px solid rgba(11,43,84,.08) !important;
    border-bottom: 1px solid rgba(11,43,84,.08) !important; }

@media (min-width: 1081px) {
    .ct-scope .gr-hgrid { grid-template-columns: repeat(4, minmax(0, 300px)) !important;
      justify-content: center !important; }
  }
  
  @media (max-width: 1280px) and (min-width: 601px) {
    .ct-scope .moods-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .ct-scope .mood-card { aspect-ratio: 16/10 !important; min-height: 240px !important; }
  }
  
  @media (max-width: 1080px) and (min-width: 601px) {
    .ct-scope .gr-serv-grid > :last-child { grid-column: 1 / -1 !important; }
  }
  
  .ct-scope .gr-dest-grid, .ct-scope .gr-office, .ct-scope .gr-hgrid,
  .ct-scope .dept-grid, .ct-scope .moods-grid { gap: 16px !important; }
  .ct-scope .ct-footer-top { gap: 32px !important; }
  .ct-scope .booking-card { gap: clamp(32px, 4vw, 56px) !important; }

.ct-scope .head p { max-width: 62ch !important; margin-left: auto !important; margin-right: auto !important; }
  .ct-scope .booking-side p { max-width: 52ch !important; }
  .ct-scope .manif-text p { max-width: 68ch !important; }

.ct-scope .lb-x, .ct-scope .lb-p, .ct-scope .lb-n,
  #gr-lb .lb-x, #gr-lb .lb-p, #gr-lb .lb-n {
    min-width: 44px !important; min-height: 44px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important; }
  #gh-ov .gh-p, #gh-ov .gh-n, #gh-ov .gh-x { min-width: 44px; min-height: 44px;
    display: inline-flex; align-items: center; justify-content: center; }
  .ct-scope .hf { min-height: 44px !important; }
  .ct-scope .nav-logo { min-height: 44px !important; display: inline-flex !important;
    align-items: center !important; }
  @media (max-width: 880px) {
    .ct-scope .ct-footer-col ul a { display: inline-flex !important; align-items: center !important;
      min-height: 44px !important; }
    .ct-scope .ct-footer-col ul { gap: 0 !important; }
  }


  
  .ct-scope .pro-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 16px !important; margin: 34px 0 0 !important; }
  .ct-scope .pro-pt { background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 18px !important; padding: 22px 22px 24px !important; backdrop-filter: blur(6px) !important; }
  .ct-scope .pro-pt b { display: block !important; font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 600 !important; font-size: 21px !important; color: #fff !important; margin: 0 0 8px !important; }
  .ct-scope .pro-pt span { display: block !important; font-size: 13.5px !important; line-height: 1.6 !important;
    color: rgba(255,255,255,.74) !important; }
  .ct-scope .pro-cta { display: flex !important; flex-wrap: wrap !important; align-items: center !important;
    gap: 14px !important; margin: 30px 0 0 !important; }
  .ct-scope .pro-cta .pro-second { color: #fff !important; border-color: rgba(255,255,255,.42) !important; }
  .ct-scope .pro-cta .pro-second:hover { background: rgba(255,255,255,.12) !important; border-color: #fff !important; }
  .ct-scope .pro-note { font-size: 12.5px !important; color: rgba(255,255,255,.6) !important; max-width: 34ch !important; }

.ct-scope .gr-form { margin: 30px 0 0 !important; }
  .ct-scope .form-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 16px 18px !important; }
  .ct-scope .fld.full { grid-column: 1 / -1 !important; }
  .ct-scope .fld label, .ct-scope .fset legend { display: block !important; font-size: 11px !important;
    font-weight: 700 !important; letter-spacing: .13em !important; text-transform: uppercase !important;
    color: var(--navy) !important; margin: 0 0 8px !important; font-family: 'Forum', Georgia, serif !important; }
  .ct-scope .fld label i { color: #B4552F !important; font-style: normal !important; }
  .ct-scope .gr-form input[type=text], .ct-scope .gr-form input[type=email],
  .ct-scope .gr-form input[type=tel], .ct-scope .gr-form input[type=date],
  .ct-scope .gr-form select, .ct-scope .gr-form textarea {
    width: 100% !important; background: #fff !important; border: 1px solid rgba(11,43,84,.18) !important;
    border-radius: 14px !important; padding: 13px 16px !important; font-family: 'DM Sans', system-ui, sans-serif !important;
    font-size: 15px !important; color: var(--navy) !important; transition: border-color .25s, box-shadow .25s !important; }
  .ct-scope .gr-form textarea { resize: vertical !important; min-height: 118px !important; }
  .ct-scope .gr-form input:focus, .ct-scope .gr-form select:focus, .ct-scope .gr-form textarea:focus {
    outline: none !important; border-color: #2C6890 !important; box-shadow: 0 0 0 3px rgba(44,104,144,.16) !important; }
  .ct-scope .gr-form ::placeholder { color: #94A5B4 !important; }
  .ct-scope .fset { border: 0 !important; padding: 0 !important; margin: 0 !important; }
  .ct-scope .chk { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 8px !important; }
  .ct-scope .chk label { display: inline-flex !important; align-items: center !important; gap: 9px !important;
    background: #fff !important; border: 1px solid rgba(11,43,84,.16) !important; border-radius: 100px !important;
    padding: 9px 14px !important; cursor: pointer !important; font-size: 13px !important; font-weight: 500 !important;
    letter-spacing: 0 !important; text-transform: none !important; color: var(--navy) !important;
    font-family: 'DM Sans', system-ui, sans-serif !important; margin: 0 !important; min-height: 44px !important; }
  .ct-scope .chk label:has(input:checked) { background: #EAF3F9 !important; border-color: #2C6890 !important; }
  .ct-scope .gr-form input[type=checkbox] { width: 17px !important; height: 17px !important; accent-color: #2C6890 !important;
    flex: 0 0 auto !important; margin: 0 !important; }
  .ct-scope .fld label.consent { display: flex !important; align-items: flex-start !important; gap: 11px !important;
    font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important;
    color: var(--muted) !important; line-height: 1.6 !important; font-family: 'DM Sans', system-ui, sans-serif !important; }
  .ct-scope .form-foot { display: flex !important; flex-wrap: wrap !important; align-items: center !important;
    gap: 16px !important; margin: 22px 0 0 !important; }
  .ct-scope .form-note { font-size: 12.5px !important; color: var(--muted) !important; max-width: 32ch !important; }
  .ct-scope .form-msg { margin: 14px 0 0 !important; font-size: 13.5px !important; font-weight: 600 !important;
    color: #2C6890 !important; min-height: 1em !important; }
  .ct-scope .gr-form .err { border-color: #B4552F !important; }
  @media (max-width: 1080px) {
    .ct-scope .pro-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    .ct-scope .chk { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  }
  @media (max-width: 640px) {
    .ct-scope .pro-grid { grid-template-columns: 1fr !important; }
    .ct-scope .form-grid { grid-template-columns: 1fr !important; }
    .ct-scope .chk { grid-template-columns: 1fr !important; }
  }


  
  @media (hover: hover) and (pointer: fine) {
    html.ctg-cur, html.ctg-cur body, html.ctg-cur .ct-scope,
    html.ctg-cur a, html.ctg-cur button, html.ctg-cur label,
    html.ctg-cur input, html.ctg-cur select, html.ctg-cur textarea,
    html.ctg-cur .ghc, html.ctg-cur .gr-o, html.ctg-cur .mood-card { cursor: none !important; }
  }
  #ctg-cursor { position: fixed; top: 0; left: 0; width: 13px; height: 13px; border-radius: 50%;
    background: #F2CD3B; pointer-events: none; z-index: 99998; transform: translate(-50%,-50%);
    opacity: 0; transition: width .28s cubic-bezier(.2,.7,.3,1), height .28s cubic-bezier(.2,.7,.3,1),
      background .28s, border-color .28s, opacity .25s; }
  #ctg-cursor.on { opacity: 1; }
  #ctg-cursor.big { width: 46px; height: 46px; background: rgba(242,205,59,.16);
    border: 1px solid #F2CD3B; }
  #ctg-cursor.press { width: 30px; height: 30px; background: rgba(242,205,59,.34); }
  #ctg-cursor .lbl { position: absolute; inset: 0; display: grid; place-items: center;
    font-family: 'Forum', Georgia, serif; font-size: 9px; letter-spacing: .12em;
    text-transform: uppercase; color: #F2CD3B; opacity: 0; transition: opacity .2s; white-space: nowrap; }
  #ctg-cursor.lab { width: 74px; height: 74px; background: rgba(11,43,84,.72);
    border-color: rgba(242,205,59,.75); backdrop-filter: blur(4px); }
  #ctg-cursor.lab .lbl { opacity: 1; }
  #ctg-halo { position: fixed; top: 0; left: 0; width: 34px; height: 34px; border-radius: 50%;
    border: 1px solid rgba(242,205,59,.34); pointer-events: none; z-index: 99997;
    transform: translate(-50%,-50%); opacity: 0; transition: opacity .3s; }
  #ctg-halo.on { opacity: 1; }
  
  #ctg-cursor, #ctg-halo { z-index: 2147483000 !important; pointer-events: none !important; }

#ctg-prog { position: fixed; top: 0; left: 0; height: 2px; width: 0;
    background: linear-gradient(90deg, #D9A331, #F2CD3B); z-index: 99996; pointer-events: none;
    box-shadow: 0 0 12px rgba(242,205,59,.5); }

.ct-scope .trust-pill { transition: translate .4s cubic-bezier(.2,.7,.3,1), background .4s !important; }
  .ct-scope .trust-pill:hover { translate: 0 -4px !important;
    background: rgba(255,255,255,.11) !important; }
  .ct-scope .trust-pill:hover .v { color: #F2CD3B !important; }
  .ct-scope .trust-pill .v { transition: color .35s !important; }

  .ct-scope .dept-card { position: relative !important; overflow: hidden !important;
    transition: translate .45s cubic-bezier(.2,.7,.3,1), border-color .45s, background .45s !important; }
  .ct-scope .dept-card::after { content: "" !important; position: absolute !important;
    left: 0 !important; top: 0 !important; bottom: 0 !important; width: 3px !important;
    background: #F2CD3B !important; transform: scaleY(0) !important; transform-origin: top !important;
    transition: transform .5s cubic-bezier(.2,.7,.3,1) !important; }
  .ct-scope .dept-card:hover { translate: 0 -6px !important;
    border-color: rgba(242,205,59,.4) !important; }
  .ct-scope .dept-card:hover::after { transform: scaleY(1) !important; }
  .ct-scope .dept-card .dnum { transition: color .4s, translate .5s cubic-bezier(.2,.7,.3,1) !important; }
  .ct-scope .dept-card:hover .dnum { color: rgba(242,205,59,.6) !important;
    translate: 0 -4px !important; }

  .ct-scope .gc { transition: translate .45s cubic-bezier(.2,.7,.3,1), box-shadow .45s, border-color .45s !important; }
  .ct-scope .gc:hover { translate: 0 -5px !important;
    box-shadow: 0 22px 44px -26px rgba(11,43,84,.42) !important; border-color: rgba(217,163,49,.5) !important; }

  .ct-scope .gr-d { transition: translate .45s cubic-bezier(.2,.7,.3,1), box-shadow .45s !important; }
  .ct-scope .gr-d:hover { translate: 0 -5px !important;
    box-shadow: 0 26px 50px -28px rgba(11,43,84,.6) !important; }
  .ct-scope .gr-d .cap b { transition: translate .45s cubic-bezier(.2,.7,.3,1) !important; display: block !important; }
  .ct-scope .gr-d:hover .cap b { translate: 0 -3px !important; }
  .ct-scope .gr-d::after { content: "" !important; position: absolute !important; left: 16px !important;
    right: 16px !important; bottom: 12px !important; height: 1px !important; z-index: 3 !important;
    background: #F2CD3B !important; transform: scaleX(0) !important; transform-origin: left !important;
    transition: transform .55s cubic-bezier(.2,.7,.3,1) !important; }
  .ct-scope .gr-d:hover::after { transform: scaleX(1) !important; }

  .ct-scope .ghc-lab em { transition: translate .4s cubic-bezier(.2,.7,.3,1) !important; }
  .ct-scope .ghc:hover .ghc-lab em { translate: -3px 0 !important; }
  .ct-scope .ghc::after { content: "" !important; position: absolute !important; inset: 0 !important;
    z-index: 3 !important; border-radius: 18px !important; pointer-events: none !important;
    box-shadow: inset 0 0 0 0 rgba(242,205,59,0) !important; transition: box-shadow .45s !important; }
  .ct-scope .ghc:hover::after { box-shadow: inset 0 0 0 2px rgba(242,205,59,.55) !important; }
  
  .ct-scope .ghc { transition: translate .45s cubic-bezier(.2,.7,.3,1), box-shadow .45s !important; }
  .ct-scope .ghc:hover { translate: 0 -5px !important;
    box-shadow: 0 26px 50px -28px rgba(11,43,84,.62) !important; }

  .ct-scope .gr-o { transition: translate .45s cubic-bezier(.2,.7,.3,1), box-shadow .45s !important; }
  .ct-scope .gr-o.has:hover { translate: 0 -4px !important;
    box-shadow: 0 24px 46px -26px rgba(0,0,0,.65) !important; }

  .ct-scope .nav-menu > li > a { position: relative !important; }
  .ct-scope .nav-menu > li > a::before { content: "" !important; position: absolute !important;
    left: 0 !important; right: 0 !important; bottom: -5px !important; height: 2px !important;
    background: #F2CD3B !important; transform: scaleX(0) !important; transform-origin: right !important;
    transition: transform .45s cubic-bezier(.2,.7,.3,1) !important; }
  .ct-scope .nav-menu > li > a:hover::before,
  .ct-scope .nav-menu > li > a.on::before { transform: scaleX(1) !important; transform-origin: left !important; }

  .ct-scope .ct-footer-col ul a, .ct-scope .ct-footer-bottom .legal a {
    transition: color .3s, translate .35s cubic-bezier(.2,.7,.3,1) !important; display: inline-flex !important; }
  .ct-scope .ct-footer .ct-footer-col ul li a:hover { translate: 6px 0 !important; color: #F2CD3B !important; }
  .ct-scope .ct-footer .ct-footer-col ul li a { transition: color .3s, translate .35s cubic-bezier(.2,.7,.3,1) !important; }

  .ct-scope .btn .arrow { transition: translate .4s cubic-bezier(.2,.7,.3,1) !important; display: inline-block !important; }
  .ct-scope .btn:hover .arrow { translate: 5px 0 !important; }
  .ct-scope .pro-pt { transition: translate .45s cubic-bezier(.2,.7,.3,1), background .45s, border-color .45s !important; }
  .ct-scope .pro-pt:hover { translate: 0 -5px !important; background: rgba(255,255,255,.11) !important;
    border-color: rgba(242,205,59,.42) !important; }
  .ct-scope .chk label { transition: translate .3s, background .3s, border-color .3s !important; }
  .ct-scope .chk label:hover { translate: 0 -2px !important; border-color: #2C6890 !important; }

.ct-scope .head { position: relative !important; }
  .ct-scope .head .eyebrow { position: relative !important; overflow: visible !important; }
  
  .ct-scope .head h2::after { content: "" !important; display: block !important; width: 54px !important;
    height: 2px !important; margin: 22px auto 0 !important; background: #D9A331 !important;
    transform: scaleX(0) !important; transform-origin: center !important;
    transition: transform .8s cubic-bezier(.2,.7,.3,1) .15s !important; }
  .ct-scope .head.seen h2::after, .ct-scope .ctg-rise.seen h2::after { transform: scaleX(1) !important; }
  .ct-scope .ctg-dark .head h2::after { background: #F2CD3B !important; }
  
  .ct-scope .ctg-dark > .wrap::before, .ct-scope .ctg-dark > .wrap::after {
    content: "" !important; position: absolute !important; width: 26px !important; height: 26px !important;
    border: 1px solid rgba(242,205,59,.34) !important; pointer-events: none !important; }
  .ct-scope .ctg-dark > .wrap { position: relative !important; }
  .ct-scope .ctg-dark > .wrap::before { top: -14px !important; left: 4px !important;
    border-right: 0 !important; border-bottom: 0 !important; }
  .ct-scope .ctg-dark > .wrap::after { bottom: -14px !important; right: 4px !important;
    border-left: 0 !important; border-top: 0 !important; }

.ct-scope [data-par] { will-change: transform !important; }
  .ct-scope .ctg-rise { transition-duration: .9s !important; }
  .ct-scope .ctg-rise.from-l { transform: translate3d(-28px,0,0); }
  .ct-scope .ctg-rise.from-r { transform: translate3d(28px,0,0); }
  .ct-scope .ctg-rise.zoom { transform: scale(.955); }
  .ct-scope .ctg-rise.seen { transform: none !important; }

  @media (prefers-reduced-motion: reduce) {
    #ctg-cursor, #ctg-halo, #ctg-prog { display: none !important; }
    html.ctg-cur, html.ctg-cur body, html.ctg-cur * { cursor: auto !important; }
    .ct-scope .head h2::after { transform: scaleX(1) !important; }
  }
  @media (hover: none), (pointer: coarse) {
    #ctg-cursor, #ctg-halo { display: none !important; }
  }


  
  .ct-scope .trust { background: #EAF3F9 !important; background-image: none !important;
    border-top: 1px solid rgba(11,43,84,.07) !important; border-bottom: 1px solid rgba(11,43,84,.07) !important; }
  .ct-scope .trust::before { display: none !important; }
  .ct-scope .trust .trust-pill { background: transparent !important;
    border-color: rgba(11,43,84,.12) !important; }
  .ct-scope .trust .trust-pill .v { color: var(--navy) !important; }
  .ct-scope .trust .trust-pill .v em { color: #D9A331 !important; }
  .ct-scope .trust .trust-pill .l { color: #5A7086 !important; }
  .ct-scope .trust .trust-pill:hover { background: rgba(255,255,255,.7) !important; }
  .ct-scope .trust .trust-pill:hover .v { color: #22699A !important; }
  @media (max-width: 560px) {
    .ct-scope .trust .trust-pill { border-bottom-color: rgba(11,43,84,.12) !important; }
  }

.ct-scope .mood-card:hover, .ct-scope .mood-card:hover .meta h3,
  .ct-scope .mood-card:hover .meta p, .ct-scope .mood-card .meta h3,
  .ct-scope .mood-card .meta p, .ct-scope .seg-card:hover,
  .ct-scope .seg-card:hover .seg-body, .ct-scope .seg-card:hover .seg-body p { color: #FFFFFF !important; }
  .ct-scope .mood-card:hover .meta h3 .accent.accent.accent { color: #F2CD3B !important; }
  .ct-scope .mood-card { border: 0 !important; padding: 0 !important; width: 100% !important;
    text-align: left !important; background: var(--navy) !important; display: block !important; }

.ctg-pan { position: fixed; inset: 0; z-index: 99990; display: none;
    background: rgba(6,24,46,.82); padding: 3vh 4vw; overflow: hidden;
    font-family: 'DM Sans', system-ui, sans-serif; }
  .ctg-pan.open { display: grid; place-items: center; }
  .ctg-pan .pan-card { position: relative; background: #fff; border-radius: 24px; overflow: hidden;
    max-width: 720px; width: 100%; max-height: 94vh; display: flex; flex-direction: column;
    box-shadow: 0 40px 90px -40px rgba(6,24,46,.7); }
  .ctg-pan .pan-x { position: absolute; top: 14px; right: 14px; z-index: 3;
    width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92);
    color: #0B2B54; font-size: 16px; cursor: pointer; display: inline-flex;
    align-items: center; justify-content: center; }
  .ctg-pan .pan-ph { position: relative; flex: 0 0 auto; }
  .ctg-pan .pan-ph img { width: 100%; height: clamp(150px,26vh,270px);
    object-fit: cover; display: block; }
  .ctg-pan .pan-sub { position: absolute; left: 0; right: 0; bottom: 0; padding: 44px 26px 16px;
    color: #fff; font-family: 'Forum', Georgia, serif; font-size: 11px; letter-spacing: .16em;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(11,43,84,0), rgba(11,43,84,.85)); }
  .ctg-pan .pan-body { padding: 24px clamp(20px,3vw,34px) 28px;
    flex: 1 1 auto; min-height: 0; overflow-y: auto; }
  .ctg-pan .pan-body h3 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600;
    font-size: clamp(28px,3.6vw,40px); line-height: 1.08; color: #0B2B54; margin: 0 0 14px; }
  .ctg-pan .pan-body p { font-size: 15px; line-height: 1.7; color: #4F6274; margin: 0 0 14px; max-width: 62ch; }
  .ctg-pan .pan-b { color: #0B2B54; font-weight: 500; }
  .ctg-pan .pan-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; }
  .ctg-pan .pan-pills span { font-size: 12.5px; font-weight: 600; color: #0B2B54;
    background: #EAF3F9; border-radius: 100px; padding: 8px 14px; }
  .ctg-pan .pan-cta { display: inline-flex; align-items: center; gap: 10px; background: #2C6890;
    color: #fff; border: 1px solid #2C6890; border-radius: 100px; padding: 14px 26px;
    font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    text-decoration: none; transition: background .3s; }
  .ctg-pan .pan-cta:hover { background: #22699A; }
  .ct-scope .gr-d[data-pan] { cursor: pointer !important; }
  .ct-scope .gr-d[data-pan]:focus-visible { outline: 3px solid #F2CD3B !important; outline-offset: 3px !important; }



.ct-scope .btn, .ct-scope .gh-cta, .ctg-pan .pan-cta {
    padding: 16px 28px !important; min-height: 56px !important;
    display: inline-flex !important; align-items: center !important; gap: 10px !important; }
  .ct-scope .nav-cta, .ct-scope .topbar a.nav-cta {
    padding: 14px 24px !important; min-height: 48px !important; gap: 9px !important; }
  .ct-scope .topbar .partner-link {
    padding: 11px 18px !important; min-height: 40px !important;
    display: inline-flex !important; align-items: center !important; }
  .ct-scope .topbar .pill-tag { padding: 11px 16px !important; min-height: 40px !important;
    display: inline-flex !important; align-items: center !important; }
  .ct-scope .hf { padding: 11px 16px !important; min-height: 44px !important; gap: 8px !important; }
  .ct-scope .chk label { padding: 11px 16px !important; min-height: 44px !important; }
  .ct-scope .mobile-drawer-close { min-width: 44px !important; min-height: 44px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important; }
  .ct-scope .nav-burger { min-width: 44px !important; min-height: 44px !important; }

.ct-scope .dept-card { padding: 32px 28px 30px !important; }
  .ct-scope .pro-pt, .ct-scope .gc, .ct-scope .gr-serv { padding: 24px 24px 26px !important; }
  .ct-scope .trust-pill { padding: 18px 22px !important; }
  .ct-scope .booking-channel { padding: 16px 20px !important; }
  .ct-scope .booking-card { padding: clamp(32px, 4vw, 56px) !important; }
  .ct-scope .booking-side { padding: clamp(24px, 3vw, 34px) !important; }
  .ct-scope .mood-card .meta { padding: 22px 22px 24px !important; }
  .ct-scope .gr-d .cap { padding: 54px 18px 16px !important; }
  .ct-scope .ghc-cap { padding: 54px 18px 16px !important; }
  .ct-scope .gr-o .cap { padding: 42px 16px 15px !important; }
  .ct-scope .ct-footer-col ul { margin: 0 !important; }
  
  .ct-scope .ct-footer-col ul li a, .ct-scope .ct-footer-reach .fmail a,
  .ct-scope .ct-footer-reach .fmap, .ct-scope .topbar-left a[href^="mailto"] {
    padding: 7px 0 !important; min-height: 36px !important;
    display: inline-flex !important; align-items: center !important; }
  
  @media (hover: none), (pointer: coarse), (max-width: 880px) {
    .ct-scope .ct-footer-col ul li a, .ct-scope .ct-footer-reach .fmail a,
    .ct-scope .ct-footer-reach .fmap, .ct-scope .topbar-left a[href^="mailto"] {
      min-height: 44px !important; }
  }

.ct-scope .trust-grid { gap: 14px !important; }
  .ct-scope .dept-grid, .ct-scope .moods-grid, .ct-scope .gr-dest-grid,
  .ct-scope .gr-hgrid, .ct-scope .gr-office, .ct-scope .pro-grid,
  .ct-scope .gr-chains { gap: 16px !important; }
  .ct-scope .form-grid { gap: 18px !important; }
  .ct-scope .chk { gap: 10px !important; }
  .ct-scope .gr-hfilter { gap: 10px !important; }
  .ct-scope .gr-ctas, .ct-scope .pro-cta, .ct-scope .form-foot { gap: 16px !important; }
  .ct-scope .ct-footer-top { gap: 36px !important; }

.ct-scope .head { margin: 0 0 clamp(34px, 4vw, 52px) !important; }
  .ct-scope .head .eyebrow { margin: 0 0 20px !important; }
  .ct-scope .head h2 { margin: 0 !important; }
  .ct-scope .head p { margin: 18px auto 0 !important; }
  .ct-scope .gr-chains { margin: 0 0 28px !important; }
  .ct-scope .gr-hfilter { margin: 0 0 22px !important; }
  .ct-scope .gr-hgrid, .ct-scope .gr-dest-grid, .ct-scope .dept-grid,
  .ct-scope .moods-grid, .ct-scope .pro-grid, .ct-scope .gr-office { margin: 0 !important; }
  .ct-scope .pro-cta { margin: 28px 0 0 !important; }
  .ct-scope .gr-form { margin: 0 !important; }
  .ct-scope .form-foot { margin: 24px 0 0 !important; }
  .ct-scope .gr-htl-note { margin: 24px 0 0 !important; }

.ctg-pan .pan-body, .ct-scope .ctg-pan .pan-body {
    padding: 28px clamp(22px,3vw,34px) 32px !important; }
  .ctg-pan .pan-sub, .ct-scope .ctg-pan .pan-sub { padding: 44px 26px 16px !important; }
  .ctg-pan .pan-body h3, .ct-scope .ctg-pan .pan-body h3 { margin: 0 0 14px !important; }
  .ctg-pan .pan-body p, .ct-scope .ctg-pan .pan-body p { margin: 0 0 14px !important; }
  .ctg-pan .pan-pills, .ct-scope .ctg-pan .pan-pills { margin: 20px 0 26px !important; gap: 8px !important; }
  .ctg-pan .pan-pills span, .ct-scope .ctg-pan .pan-pills span { padding: 8px 14px !important; }
  .ctg-pan .pan-x, .ct-scope .ctg-pan .pan-x { padding: 0 !important; }
  .ctg-pan, .ct-scope .ctg-pan { padding: 4vh 4vw !important; }

  #gh-ov .gh-body, .ct-scope #gh-ov .gh-body { padding: 28px clamp(22px,3vw,34px) 32px !important; }
  #gh-ov .gh-pills, .ct-scope #gh-ov .gh-pills { margin: 0 0 24px !important; gap: 8px !important; }
  #gh-ov .gh-pills span, .ct-scope #gh-ov .gh-pills span { padding: 8px 14px !important; }
  #gh-ov, .ct-scope #gh-ov { padding: 4vh 4vw !important; }
  #gr-lb, .ct-scope #gr-lb { padding: 4vh 4vw !important; }

@media (max-width: 640px) {
    .ct-scope .dept-card { padding: 26px 22px 24px !important; }
    .ct-scope .pro-pt, .ct-scope .gc, .ct-scope .gr-serv { padding: 20px 20px 22px !important; }
    .ct-scope .booking-card { padding: 24px 20px 28px !important; }
    .ct-scope .btn, .ct-scope .gh-cta, .ctg-pan .pan-cta {
      padding: 15px 22px !important; min-height: 52px !important; }
    .ct-scope .head { margin: 0 0 28px !important; }
    .ctg-pan .pan-body, .ct-scope .ctg-pan .pan-body { padding: 22px 20px 26px !important; }
  }


  .ct-scope .gr-serv-sec { background: #FFFFFF !important; }
  .ct-scope .ct-legal { display: flex !important; flex-wrap: wrap !important; gap: 20px !important;
    margin: 18px 0 0 !important; padding: 16px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.10) !important; }
  .ct-scope .ct-legal a { font-size: 12.5px !important; color: rgba(255,255,255,.62) !important;
    min-height: 36px !important; display: inline-flex !important; align-items: center !important; }
  .ct-scope .ct-legal a:hover { color: #F2CD3B !important; }


  
  .ct-scope .hs-grid.ctg-presta { display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; gap: 18px !important;
    margin: clamp(28px, 4vw, 44px) 0 0 !important; }
  .ct-scope .hs-grid.ctg-presta .hs-card { position: relative !important;
    border-radius: 26px !important; overflow: hidden !important;
    aspect-ratio: 4 / 3.05 !important; background: #0B2B54 !important;
    display: block !important; padding: 0 !important; border: 0 !important; }
  .ct-scope .ctg-pc .ph { position: absolute !important; inset: 0 !important;
    background-image: var(--ph) !important; background-size: cover !important;
    background-position: center !important;
    transition: transform 1.1s cubic-bezier(.2,.7,.3,1) !important; }
  .ct-scope .ctg-pc .ph::after { content: "" !important; position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(178deg, rgba(11,43,84,.12) 0%, rgba(11,43,84,.52) 46%,
                rgba(8,32,64,.88) 100%) !important; }
  .ct-scope .ctg-pc:hover .ph { transform: scale(1.045) !important; }
  .ct-scope .ctg-pc .meta { position: absolute !important; inset: auto 0 0 0 !important;
    padding: clamp(20px, 2.4vw, 30px) !important; color: #FFFFFF !important; }
  .ct-scope .ctg-pc .num { display: inline-flex !important; align-items: center !important;
    gap: 10px !important; font-family: 'Forum', Georgia, serif !important;
    font-size: 10.5px !important; letter-spacing: .2em !important;
    text-transform: uppercase !important; color: rgba(255,255,255,.72) !important;
    margin: 0 0 10px !important; }
  .ct-scope .ctg-pc .num::before { content: "" !important; width: 26px !important;
    height: 1px !important; background: #D9A331 !important; display: block !important; }
  .ct-scope .ctg-pc h3 { font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 600 !important; font-size: clamp(25px, 2.5vw, 34px) !important;
    line-height: 1.06 !important; color: #FFFFFF !important; margin: 0 0 10px !important; }
  .ct-scope .ctg-pc h3 .accent.accent.accent { font-style: italic !important;
    color: #F2CD3B !important; }
  .ct-scope .ctg-pc .sub { font-size: 14px !important; line-height: 1.6 !important;
    color: rgba(255,255,255,.86) !important; margin: 0 !important;
    max-width: 42ch !important; text-wrap: pretty !important; }
  @media (max-width: 1080px) {
    .ct-scope .hs-grid.ctg-presta { grid-template-columns: repeat(2, 1fr) !important; }
  
  @media (max-width: 880px) { .ct-scope .hs-grid.ctg-presta .hs-card { min-height: 0 !important; } }
  }
  @media (max-width: 620px) {
    .ct-scope .hs-grid.ctg-presta { grid-template-columns: 1fr !important; }
    .ct-scope .hs-grid.ctg-presta .hs-card { aspect-ratio: 4 / 3.4 !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ct-scope .ctg-pc .ph, .ct-scope .ctg-pc:hover .ph { transition: none !important;
      transform: none !important; }
  }



#ctg-prog, .ct-scope .ctg-progress { display: none !important; }

.ct-scope .topbar-inner { display: none !important; }

.ct-scope .nav-pro a { color: rgba(255,255,255,.62) !important;
    font-weight: 400 !important; }
  .ct-scope .nav-pro a:hover { color: #FFFFFF !important; }

.ct-scope .nav-menu a { color: rgba(255,255,255,.8) !important;
    font-weight: 500 !important; transition: color .3s !important; }
  .ct-scope .nav-menu a::after, .ct-scope .nav-menu a::before { display: none !important; }
  .ct-scope .nav-menu a:hover, .ct-scope .nav-menu a.actif,
  .ct-scope .nav-menu a[aria-current] { color: #FFFFFF !important;
    background: transparent !important; text-decoration: none !important;
    border-bottom: 0 !important; box-shadow: none !important; }
  .ct-scope .nav-menu li { position: static !important; }

.ct-scope .nav-menu { gap: clamp(14px, 1.5vw, 26px) !important; }
  .ct-scope .nav-menu a { font-size: 14.5px !important; white-space: nowrap !important; }
  
  @media (min-width: 1401px) {
    .ct-scope .nav-inner { max-width: min(1360px, 92vw) !important; }
  }
  @media (max-width: 1400px) { .ct-scope .nav-pro { display: none !important; } }
  @media (max-width: 1240px) {
    .ct-scope .nav-menu { gap: 14px !important; }
    .ct-scope .nav-menu a { font-size: 13.5px !important; }
    .ct-scope .nav-cta { padding-left: 18px !important; padding-right: 18px !important;
      font-size: 11px !important; }
  }

.ct-scope .nav-cta { transition: filter .3s !important; }
  .ct-scope .nav-cta:hover { filter: brightness(1.08) !important; translate: 0 !important; }
  .ct-scope .nav { transition: none !important; }
  .ct-scope .nav-inner { padding: 14px 0 !important; }

.ct-scope .mood-card.plage .ph  { background-image: url('gr-plage.webp') !important; }
  .ct-scope .mood-card.gastro .ph { background-image: url('gr-gastronomie.webp') !important; }
  .ct-scope .mood-card.iles .ph   { background-image: url('gr-iles.webp') !important; }

.ct-scope #gr-hero-video { position: absolute !important; inset: 0 !important;
    width: 100% !important; height: 100% !important; object-fit: cover !important;
    opacity: 0 !important; transition: opacity 1.2s ease !important; }
  .ct-scope #gr-hero-video.pret { opacity: 1 !important; }
  @media (max-width: 899px) { .ct-scope #gr-hero-video { display: none !important; } }
  @media (prefers-reduced-motion: reduce) { .ct-scope #gr-hero-video { display: none !important; } }

.ct-scope .wrap { max-width: 1240px !important; }

.ct-scope #destinations > .wrap,
  .ct-scope #hotels > .wrap,
  .ct-scope #bureau > .wrap { max-width: 1420px !important; }

.ct-scope #envies > .wrap,
  .ct-scope #prestations > .wrap,
  .ct-scope #services > .wrap { max-width: 1320px !important; }

.ct-scope #histoire > .wrap { max-width: 1420px !important; }
  .ct-scope #partenaires > .wrap { max-width: 1120px !important; }
  .ct-scope .trust > .wrap { max-width: 1120px !important; }

  @media (max-width: 1460px) {
    .ct-scope #destinations > .wrap, .ct-scope #hotels > .wrap,
    .ct-scope #bureau > .wrap, .ct-scope #histoire > .wrap { max-width: 1240px !important; }
  }
  @media (max-width: 1360px) {
    .ct-scope #envies > .wrap, .ct-scope #prestations > .wrap,
    .ct-scope #services > .wrap { max-width: 1240px !important; }
  }

.ct-scope .gr-hfilter { display: flex !important; flex-wrap: nowrap !important;
    gap: 8px !important; overflow-x: auto !important; overflow-y: hidden !important;
    scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important; scroll-snap-type: x proximity !important; }
  .ct-scope .gr-hfilter::-webkit-scrollbar { display: none !important; }
  .ct-scope .gr-hfilter > * { flex: 0 0 auto !important; scroll-snap-align: start !important;
    padding: 10px 16px !important; font-size: 13.5px !important; }
  .ct-scope .gr-hfilter > * > * { font-size: 12px !important; }
  @media (max-width: 900px) {
    .ct-scope .gr-hfilter > * { padding: 10px 14px !important; font-size: 13px !important; }
  }

.ct-scope .head { margin-left: auto !important; margin-right: auto !important; }
  .ct-scope .head > * { margin-left: auto !important; margin-right: auto !important; }

.ct-scope .booking-relais { position: relative !important; overflow: hidden !important;
    border-radius: 24px !important; background: #0B2B54 !important;
    display: flex !important; flex-direction: column !important;
    justify-content: center !important; min-height: 100% !important;
    padding: clamp(28px, 3.4vw, 46px) !important; }
  .ct-scope .booking-relais .br-fond { position: absolute !important; inset: 0 !important;
    background: url('gr-office-01.webp') center/cover no-repeat !important;
    opacity: .2 !important; }
  .ct-scope .booking-relais .br-fond::after { content: "" !important;
    position: absolute !important; inset: 0 !important;
    background: linear-gradient(158deg, rgba(11,43,84,.55), rgba(8,32,64,.9)) !important; }
  .ct-scope .booking-relais .br-corps { position: relative !important; z-index: 1 !important; }
  .ct-scope .booking-relais h3 { font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 600 !important; font-size: clamp(28px, 3vw, 40px) !important;
    line-height: 1.06 !important; color: #FFFFFF !important; margin: 0 0 14px !important; }
  .ct-scope .booking-relais h3 em { font-style: italic !important; color: #F2CD3B !important; }
  .ct-scope .booking-relais p { color: rgba(255,255,255,.8) !important; max-width: 44ch !important;
    margin: 0 0 20px !important; line-height: 1.7 !important; text-wrap: pretty !important; }
  .ct-scope .booking-relais .br-liste { list-style: none !important;
    margin: 0 0 26px !important; padding: 0 !important; }
  .ct-scope .booking-relais .br-liste li { position: relative !important;
    padding: 0 0 0 26px !important; margin: 0 0 10px !important;
    color: rgba(255,255,255,.9) !important; font-size: 14.5px !important; }
  .ct-scope .booking-relais .br-liste li::before { content: "" !important;
    position: absolute !important; left: 0 !important; top: 8px !important;
    width: 14px !important; height: 6px !important;
    border-left: 1.6px solid #D9A331 !important; border-bottom: 1.6px solid #D9A331 !important;
    transform: rotate(-45deg) !important; }
  .ct-scope .booking-relais .br-actions { display: flex !important; flex-wrap: wrap !important;
    gap: 12px !important; }
  
  .ct-scope .booking-relais .br-pro { position: relative !important; z-index: 1 !important;
    margin: 22px 0 0 !important; padding: 18px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.16) !important;
    font-size: 14px !important; color: rgba(255,255,255,.7) !important; }
  .ct-scope .booking-relais .br-pro a { color: #F2CD3B !important; font-weight: 600 !important;
    text-decoration: none !important; white-space: nowrap !important; }
  .ct-scope .booking-relais .br-pro a:hover { text-decoration: underline !important; }
  .ct-scope .booking-relais .btn { display: inline-flex !important; align-items: center !important;
    gap: 10px !important; border-radius: 100px !important; text-decoration: none !important;
    font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em !important;
    text-transform: uppercase !important; min-height: 56px !important;
    padding: 0 28px !important; transition: filter .3s !important; }
  .ct-scope .booking-relais .btn-gold { background: #D9A331 !important; color: #0B2B54 !important; }
  .ct-scope .booking-relais .btn-ligne { color: #FFFFFF !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.42) !important; }
  .ct-scope .booking-relais .btn:hover { filter: brightness(1.06) !important; }
  @media (max-width: 620px) {
    .ct-scope .booking-relais .btn { width: 100% !important; justify-content: center !important; }
  }



.ct-scope .manif-mini.m1::before {
    background-image: url('gr-hist-1.webp') !important; }
  .ct-scope .manif-mini.m2::before {
    background-image: url('gr-hist-2.webp') !important; }
  .ct-scope .manif-mini.m3::before {
    background-image: url('gr-hist-3.webp') !important; }
  .ct-scope .manif-mini.m1 { background-image:
    linear-gradient(180deg,rgba(11,43,84,0) 45%,rgba(11,43,84,.72)),
    url('gr-hist-1.webp') !important; }
  .ct-scope .manif-mini.m2 { background-image:
    linear-gradient(180deg,rgba(11,43,84,0) 45%,rgba(11,43,84,.72)),
    url('gr-hist-2.webp') !important; }
  .ct-scope .manif-mini.m3 { background-image:
    linear-gradient(180deg,rgba(11,43,84,0) 45%,rgba(11,43,84,.72)),
    url('gr-hist-3.webp') !important; }
  
  .ct-scope .mood-card.culture .ph { background-image: url('gr-culture.webp') !important; }
  
  .ct-scope .booking-relais .br-fond {
    background-image: url('gr-contact-fond.webp') !important; }


  
  .ct-scope p, .ct-scope li, .ct-scope .lede, .ct-scope small,
  .ct-scope .gr-serv p, .ct-scope .dept-card p, .ct-scope .mood-card p,
  .ct-scope .pro-pt span, .ct-scope .gc small, .ct-scope .head p,
  .ctg-pan p, #gh-ov p { text-wrap: pretty !important; hyphens: manual !important; }
  .ct-scope h1, .ct-scope h2, .ct-scope h3, .ct-scope h4, .ct-scope h5, .ct-scope h6,
  .ctg-pan h3, #gh-ov h3 { text-wrap: balance !important; }
  
  .ct-scope .trust-pill .v, .ct-scope .ghc-cap b, .ct-scope .gr-d .cap b,
  .ct-scope address { text-wrap: nowrap !important; }
  .ct-scope address { text-wrap: pretty !important; }



.ct-scope .hero-duo { display: grid !important; grid-template-columns: 1.12fr .88fr !important;
  gap: clamp(22px, 3.2vw, 48px) !important; align-items: end !important; margin-top: 22px !important; }
.ct-scope .hero-duo h1 { font-size: clamp(34px, 3.8vw, 58px) !important; }
.ct-scope .hd-b2c .lede { max-width: 34em !important; }
.ct-scope .hd-k { display: inline-flex !important; align-items: center !important;
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: .22em !important;
  text-transform: uppercase !important; color: rgba(255,255,255,.75) !important;
  margin: 0 0 14px !important; }
.ct-scope .hd-k::before { content: '' !important; width: 22px !important; height: 1px !important;
  background: var(--sunset-light) !important; margin-right: 10px !important; display: inline-block !important; }
.ct-scope .hd-b2b { background: rgba(8, 30, 58, .78) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 26px !important;
  padding: clamp(22px, 2.6vw, 34px) !important; }
.ct-scope .hd-titre { font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500 !important; font-size: clamp(26px, 2.7vw, 40px) !important;
  line-height: 1.08 !important; color: #FFFFFF !important; margin: 0 0 12px !important; }
.ct-scope .hd-titre .accent { font-style: italic !important; color: var(--sunset-light) !important; }
.ct-scope .hd-b2b .lede { font-size: 15px !important; line-height: 1.55 !important; margin: 0 0 18px !important; }
.ct-scope .btn-blanc { background: #FFFFFF !important; color: var(--navy) !important;
  border: 1px solid #FFFFFF !important; }
.ct-scope .btn-blanc:hover { background: var(--sunset-light) !important; border-color: var(--sunset-light) !important; }
.ct-scope .hd-lien { display: inline-flex !important; align-items: center !important;
  color: rgba(255,255,255,.88) !important; font-size: 13px !important; font-weight: 600 !important;
  text-decoration: underline !important; text-underline-offset: 4px !important; padding: 10px 4px !important; }
.ct-scope .hd-lien:hover { color: var(--sunset-light) !important; }
.ct-scope .trust-phrase { text-align: center !important; font-size: 15px !important;
  letter-spacing: .015em !important; color: var(--navy) !important; font-weight: 600 !important;
  line-height: 1.6 !important; }
.ct-scope .seg-bande { margin: 34px 0 16px !important; display: flex !important; align-items: center !important; gap: 14px !important; }
.ct-scope .seg-bande:first-of-type { margin-top: 10px !important; }
.ct-scope .seg-bande .sk { position: static !important; display: inline-flex !important;
  font-size: 11.5px !important; font-weight: 800 !important; letter-spacing: .2em !important;
  text-transform: uppercase !important; color: var(--navy) !important; opacity: .85 !important; }
.ct-scope .seg-bande::after { content: '' !important; flex: 1 1 auto !important; height: 1px !important;
  background: var(--line) !important; display: block !important; }
.ct-scope .seg-grid.seg-duo { grid-template-columns: repeat(2, 1fr) !important; }
@media (max-width: 880px) {
  .ct-scope .hero-duo { grid-template-columns: 1fr !important; align-items: stretch !important; gap: 18px !important; }
  .ct-scope .hero-duo h1 { font-size: clamp(32px, 8vw, 44px) !important; }
  .ct-scope .seg-grid.seg-duo { grid-template-columns: 1fr !important; }
}

@media (min-width: 881px) {
  .ct-scope .gr-hero { padding: clamp(88px, 9vw, 128px) 0 clamp(46px, 6vw, 80px) !important; }
}

.ct-scope .nav-menu a[href^="https://pro.creative"] { border: 1px solid rgba(11,43,84,.32) !important;
  border-radius: 100px !important; padding: 9px 16px !important; }

.ct-scope .ct-devcredit { width: 100% !important; text-align: center !important; font-size: 11px !important; letter-spacing: 0.06em !important; color: #8A93A3 !important; padding: 0 0 26px !important; margin: -6px 0 0 !important; }
.ct-scope .ct-devcredit a { color: inherit !important; text-decoration: none !important; border-bottom: 1px solid transparent !important; transition: color .25s, border-color .25s; }
.ct-scope .ct-devcredit a:hover span { color: var(--orange, #E2762B) !important; }
.ct-scope .ct-devcredit a:hover { border-bottom-color: currentColor !important; }
.ct-scope .ct-devcredit span { color: #6B7888 !important; font-weight: 600 !important; }
.ct-scope .ct-devcredit { border-top: 1px solid var(--line) !important; margin: 0 !important;
    padding: 18px 0 26px !important; }
.ct-scope .ct-devcredit { border-color: rgba(255,255,255,.10) !important; color: rgba(255,255,255,.45) !important; }
.ct-scope .ct-devcredit a { color: rgba(255,255,255,.72) !important; }


.ct-scope .cn-a{
 --cn-navy:#0B2B54;--cn-gold:#D9A331;--cn-bleu:#3A7FAE;--cn-ivoire:#EFF6FB;
 --cn-page:#F6FAFD;--cn-encre:#17395B;--cn-brume:rgba(11,43,84,.12);
 --cn-voile:rgba(255,255,255,.72);--cn-terre:#123A6B;
 --cn-gut:clamp(20px,4vw,56px);--cn-e:cubic-bezier(.2,.7,.2,1);
 font-family:'DM Sans',system-ui,-apple-system,sans-serif !important;
 color:var(--cn-encre) !important;-webkit-font-smoothing:antialiased;}
.ct-scope section.cn-a{padding:96px 0 !important;position:relative !important;
 background:#FFFFFF !important;border:0 !important;overflow:visible !important;}
@media (max-width:880px){.ct-scope section.cn-a{padding:72px 0 !important;}}
.ct-scope .cn-a *{box-sizing:border-box !important;}
.ct-scope .cn-a :focus-visible{outline:2px solid var(--cn-gold) !important;outline-offset:3px !important;}

.ct-scope .cn-a .head{text-align:left !important;max-width:none !important;
 margin:0 0 clamp(36px,4vw,56px) !important;}
.ct-scope .cn-a .head .eyebrow{display:inline-block !important;background:none !important;
 border:0 !important;border-radius:0 !important;padding:0 !important;margin:0 0 14px !important;
 font-family:'Forum',Georgia,serif !important;font-weight:400 !important;font-size:12px !important;
 line-height:1.4 !important;letter-spacing:.18em !important;text-transform:uppercase !important;
 color:var(--cn-bleu) !important;box-shadow:none !important;}
.ct-scope .cn-a .head .eyebrow .dot{display:none !important;}
.ct-scope .cn-a .head h2{margin:0 !important;color:var(--cn-navy) !important;max-width:20ch !important;}
.ct-scope .cn-a .head h2 .accent{color:var(--cn-gold) !important;}
.ct-scope .cn-a .head p{margin:18px 0 0 !important;max-width:58ch !important;
 font-size:17px !important;line-height:1.6 !important;color:var(--cn-encre) !important;}

.ct-scope .cn-a.cn-anim .cn-up{opacity:0 !important;transform:translateY(14px) !important;
 transition:opacity .45s var(--cn-e),transform .45s var(--cn-e) !important;}
.ct-scope .cn-a.cn-anim .cn-up.cn-in{opacity:1 !important;transform:none !important;}
@media (prefers-reduced-motion:reduce){
 .ct-scope .cn-a.cn-anim .cn-up{opacity:1 !important;transform:none !important;transition:none !important;}
 .ct-scope .cn-a *{transition:none !important;animation:none !important;}}

.ct-scope .cn-a .cn-filet{position:relative !important;}
.ct-scope .cn-a .cn-filet::after{content:'' !important;position:absolute !important;
 left:0 !important;right:0 !important;bottom:-5px !important;height:1px !important;
 background:var(--cn-gold) !important;transform:scaleX(0) !important;
 transform-origin:left center !important;transition:transform .45s var(--cn-e) !important;}
.ct-scope .cn-a a.cn-filet:hover::after,.ct-scope .cn-a button.cn-filet:hover::after,
.ct-scope .cn-a .cn-filet:focus-visible::after,.ct-scope .cn-a .cn-filet.is-on::after{
 transform:scaleX(1) !important;}

.ct-scope .cn-a .cn-porte{display:inline-flex !important;align-items:center !important;
 gap:10px !important;min-height:44px !important;padding:10px 0 !important;margin:0 !important;
 background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
 font-family:'DM Sans',sans-serif !important;font-size:13px !important;font-weight:700 !important;
 letter-spacing:.10em !important;text-transform:uppercase !important;text-decoration:none !important;
 color:var(--cn-navy) !important;transform:none !important;width:auto !important;}
.ct-scope .cn-a .cn-porte:hover{background:none !important;color:var(--cn-navy) !important;
 transform:none !important;box-shadow:none !important;}
.ct-scope .cn-a .cn-porte .arrow{color:var(--cn-gold) !important;margin:0 !important;}
.ct-scope .cn-a .cn-sr{position:absolute !important;width:1px !important;height:1px !important;
 padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;
 clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important;}

.ct-scope section.cn-preuve{background:var(--cn-ivoire) !important;padding:56px 0 !important;
 border:0 !important;position:relative !important;}
.ct-scope .cn-preuve .cn-rang{list-style:none !important;margin:0 !important;
 padding:26px 0 0 !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;
 gap:0 !important;border-top:1px solid var(--cn-gold) !important;}
.ct-scope .cn-preuve .cn-cell{display:grid !important;
 grid-template-rows:26px 20px auto auto !important;gap:10px !important;
 padding:22px clamp(14px,2vw,30px) !important;margin:0 !important;
 border-left:1px solid var(--cn-brume) !important;}
.ct-scope .cn-preuve .cn-cell:first-child{border-left:0 !important;padding-left:0 !important;}
.ct-scope .cn-preuve .cn-ic{width:24px !important;height:24px !important;
 color:var(--cn-navy) !important;display:block !important;}
.ct-scope .cn-preuve .cn-av,.ct-scope .cn-preuve .cn-ap{font-size:14px !important;
 line-height:1.45 !important;color:var(--cn-encre) !important;display:block !important;}
.ct-scope .cn-preuve .cn-nb{font-family:'Baskervville',Georgia,serif !important;
 font-style:italic !important;font-weight:400 !important;font-size:30px !important;
 line-height:1 !important;color:var(--cn-navy) !important;display:block !important;}
@media (max-width:720px){
 .ct-scope .cn-preuve .cn-rang{grid-template-columns:repeat(2,1fr) !important;}
 .ct-scope .cn-preuve .cn-cell:nth-child(3){border-left:0 !important;padding-left:0 !important;}
 .ct-scope .cn-preuve .cn-cell:nth-child(n+3){border-top:1px solid var(--cn-brume) !important;}}

.ct-scope section.cn-manifeste{background:#FFFFFF !important;}
.ct-scope .cn-manifeste .cn-mf{position:relative !important;min-height:560px !important;}
.ct-scope .cn-manifeste .cn-mf-txt{width:min(470px,44%) !important;
 margin-left:max(var(--cn-gut),calc(50% - 700px + var(--cn-gut))) !important;
 padding:20px 0 !important;}
.ct-scope .cn-manifeste .head{margin-bottom:0 !important;}
.ct-scope .cn-manifeste .head h2{max-width:14ch !important;}
.ct-scope .cn-manifeste .head p{max-width:none !important;}
.ct-scope .cn-manifeste .cn-index{display:flex !important;flex-wrap:wrap !important;
 list-style:none !important;margin:26px 0 6px !important;padding:0 !important;
 overflow:hidden !important;}
.ct-scope .cn-manifeste .cn-index li{position:relative !important;
 font-family:'Forum',Georgia,serif !important;
 font-size:12px !important;line-height:1.6 !important;letter-spacing:.14em !important;
 text-transform:uppercase !important;color:var(--cn-encre) !important;
 padding:3px 0 !important;margin-right:24px !important;}
.ct-scope .cn-manifeste .cn-index li::before{content:'' !important;position:absolute !important;
 left:-12px !important;top:5px !important;bottom:5px !important;width:1px !important;
 background:var(--cn-brume) !important;}
.ct-scope .cn-manifeste .cn-index li:first-child::before{display:none !important;}
.ct-scope .cn-manifeste .cn-mf-ph{position:absolute !important;top:0 !important;
 right:0 !important;bottom:0 !important;width:52% !important;margin:0 !important;padding:0 !important;}
.ct-scope .cn-manifeste .cn-mf-ph img{width:100% !important;height:100% !important;
 object-fit:cover !important;display:block !important;border-radius:0 !important;}
.ct-scope .cn-manifeste .cn-mf-ph::before{content:'' !important;position:absolute !important;
 left:-24px !important;top:44px !important;bottom:44px !important;width:1px !important;
 background:var(--cn-gold) !important;}
@media (max-width:980px){
 .ct-scope .cn-manifeste .cn-mf{min-height:0 !important;}
 .ct-scope .cn-manifeste .cn-mf-txt{width:auto !important;margin:0 !important;
  padding:0 var(--cn-gut) !important;}
 .ct-scope .cn-manifeste .cn-mf-ph{position:static !important;width:auto !important;
  height:300px !important;margin:30px 0 0 var(--cn-gut) !important;}
 .ct-scope .cn-manifeste .cn-mf-ph::before{display:none !important;}}

.ct-scope section.cn-volets{background:var(--cn-page) !important;padding:96px 0 0 !important;}
@media (max-width:880px){.ct-scope section.cn-volets{padding:72px 0 0 !important;}}
.ct-scope .cn-volets .cn-vol-rang{display:flex !important;width:100% !important;
 height:72vh !important;min-height:520px !important;margin:clamp(36px,4vw,56px) 0 0 !important;}
.ct-scope .cn-volets .cn-volet{position:relative !important;flex:1 1 0 !important;
 min-width:0 !important;padding:0 !important;margin:0 !important;border:0 !important;
 border-left:1px solid rgba(255,255,255,.22) !important;border-radius:0 !important;
 background:var(--cn-navy) !important;overflow:hidden !important;cursor:pointer !important;
 text-align:left !important;box-shadow:none !important;transform:none !important;
 transition:flex-grow .6s var(--cn-e) !important;}
.ct-scope .cn-volets .cn-volet:first-child{border-left:0 !important;}
.ct-scope .cn-volets .cn-volet:hover{transform:none !important;box-shadow:none !important;}
.ct-scope .cn-volets .cn-volet.is-on{flex-grow:3 !important;}
.ct-scope .cn-volets .cn-volet img{position:absolute !important;inset:0 !important;
 width:100% !important;height:100% !important;object-fit:cover !important;
 border-radius:0 !important;transform:none !important;transition:none !important;}
.ct-scope .cn-volets .cn-volet::after{content:'' !important;position:absolute !important;
 inset:0 !important;background:rgba(11,43,84,.30) !important;pointer-events:none !important;
 transition:background .6s var(--cn-e) !important;}
.ct-scope .cn-volets .cn-volet:not(.is-on)::after{background:rgba(11,43,84,.46) !important;}
.ct-scope .cn-volets .cn-vol-in{position:absolute !important;left:0 !important;right:0 !important;
 bottom:0 !important;z-index:2 !important;display:block !important;
 padding:clamp(20px,2.4vw,34px) !important;
 background:linear-gradient(to top,rgba(11,43,84,.94),rgba(11,43,84,.72) 40%,rgba(11,43,84,.30) 72%,rgba(11,43,84,0)) !important;}
.ct-scope .cn-volets .cn-vol-k{display:block !important;font-family:'Forum',Georgia,serif !important;
 font-size:11px !important;letter-spacing:.2em !important;text-transform:uppercase !important;
 color:var(--cn-gold) !important;margin:0 0 8px !important;}
.ct-scope .cn-volets .cn-vol-n{display:block !important;
 font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:500 !important;
 font-size:40px !important;line-height:1.12 !important;color:#FFFFFF !important;
 transition:font-size .6s var(--cn-e) !important;}
.ct-scope .cn-volets .cn-volet:not(.is-on) .cn-vol-n{font-size:25px !important;}
.ct-scope .cn-volets .cn-vol-n .accent{color:var(--cn-gold) !important;font-style:italic !important;}
.ct-scope .cn-volets .cn-vol-t,.ct-scope .cn-volets .cn-volet .cn-porte{
 opacity:0 !important;visibility:hidden !important;max-height:0 !important;
 overflow:hidden !important;transition:opacity .45s var(--cn-e),max-height .45s var(--cn-e) !important;}
.ct-scope .cn-volets .cn-volet.is-on .cn-vol-t,.ct-scope .cn-volets .cn-volet.is-on .cn-porte{
 opacity:1 !important;visibility:visible !important;max-height:180px !important;}
.ct-scope .cn-volets .cn-vol-t{display:block !important;margin:12px 0 0 !important;
 font-size:16px !important;line-height:1.6 !important;color:var(--cn-voile) !important;
 max-width:44ch !important;}
.ct-scope .cn-volets .cn-volet .cn-porte{margin-top:10px !important;color:#FFFFFF !important;}
@media (max-width:880px){
 .ct-scope .cn-volets .cn-vol-rang{flex-direction:column !important;height:auto !important;
  min-height:0 !important;}
 .ct-scope .cn-volets .cn-volet{flex:0 0 auto !important;height:180px !important;
  border-left:0 !important;border-top:1px solid rgba(255,255,255,.22) !important;
  transition:height .6s var(--cn-e) !important;}
 .ct-scope .cn-volets .cn-volet.is-on{height:320px !important;}
 .ct-scope .cn-volets .cn-vol-n{font-size:32px !important;}}

.ct-scope section.cn-mur{background:var(--cn-navy) !important;padding:96px 0 0 !important;}
@media (max-width:880px){.ct-scope section.cn-mur{padding:72px 0 0 !important;}}
.ct-scope .cn-mur .head h2{color:#FFFFFF !important;}
.ct-scope .cn-mur .head h2 .accent{color:var(--cn-gold) !important;}
.ct-scope .cn-mur .head p{color:var(--cn-voile) !important;}
.ct-scope .cn-mur .cn-mur-g{display:grid !important;
 grid-template-columns:minmax(0,7fr) minmax(0,5fr) !important;
 gap:clamp(28px,4vw,56px) !important;align-items:start !important;
 padding-bottom:clamp(56px,6vw,88px) !important;}
.ct-scope .cn-mur .cn-carte{position:relative !important;aspect-ratio:1000/1012 !important;
 width:100% !important;}
.ct-scope .cn-mur .cn-carte svg{position:absolute !important;inset:0 !important;
 width:100% !important;height:100% !important;display:block !important;}
.ct-scope .cn-mur .cn-carte-t{fill:var(--cn-terre) !important;
 stroke:var(--cn-gold) !important;stroke-width:.8 !important;
 vector-effect:non-scaling-stroke !important;stroke-linejoin:round !important;}
.ct-scope .cn-mur .cn-rep{position:absolute !important;width:44px !important;
 height:44px !important;margin:-22px 0 0 -22px !important;padding:0 !important;
 background:none !important;border:0 !important;cursor:pointer !important;display:block !important;}
.ct-scope .cn-mur .cn-rep::before{content:'' !important;position:absolute !important;
 left:50% !important;top:50% !important;width:9px !important;height:9px !important;
 margin:-4.5px 0 0 -4.5px !important;border-radius:50% !important;
 background:var(--cn-gold) !important;}
.ct-scope .cn-mur .cn-rep.cn-rep2::before{width:6px !important;height:6px !important;
 margin:-3px 0 0 -3px !important;background:rgba(217,163,49,.72) !important;}
.ct-scope .cn-mur .cn-rep::after{content:'' !important;position:absolute !important;
 left:50% !important;top:50% !important;width:9px !important;height:9px !important;
 margin:-4.5px 0 0 -4.5px !important;border-radius:50% !important;
 border:1px solid var(--cn-gold) !important;opacity:0 !important;pointer-events:none !important;}
.ct-scope .cn-mur .cn-carte.cn-in .cn-rep::after{animation:cn-souffle 2.2s var(--cn-e) .35s 1 !important;}
@keyframes cn-souffle{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(3.6)}}
@media (prefers-reduced-motion:reduce){
 .ct-scope .cn-mur .cn-carte.cn-in .cn-rep::after{animation:none !important;}}
.ct-scope .cn-mur .cn-rep-n{position:absolute !important;top:50% !important;
 transform:translateY(-50%) !important;white-space:nowrap !important;
 font-family:'DM Sans',sans-serif !important;font-size:13px !important;font-weight:500 !important;
 line-height:1.2 !important;color:#FFFFFF !important;
 text-shadow:0 1px 3px rgba(11,43,84,.85) !important;pointer-events:none !important;}
.ct-scope .cn-mur .cn-rep[data-cote="d"] .cn-rep-n{left:29px !important;}
.ct-scope .cn-mur .cn-rep[data-cote="g"] .cn-rep-n{right:29px !important;}
.ct-scope .cn-mur .cn-rep[data-cote="b"] .cn-rep-n{top:auto !important;bottom:-4px !important;
 left:50% !important;transform:translateX(-50%) !important;}
.ct-scope .cn-mur .cn-rep.cn-rep2 .cn-rep-n{font-size:12px !important;color:var(--cn-voile) !important;}
.ct-scope .cn-mur .cn-rep:hover .cn-rep-n,.ct-scope .cn-mur .cn-rep:focus-visible .cn-rep-n,
.ct-scope .cn-mur .cn-rep.is-on .cn-rep-n{color:var(--cn-gold) !important;}

.ct-scope .cn-mur .cn-liste{list-style:none !important;margin:0 !important;padding:0 !important;
 border-top:1px solid rgba(255,255,255,.18) !important;}
.ct-scope .cn-mur .cn-dest{display:grid !important;
 grid-template-columns:minmax(0,1fr) auto auto !important;align-items:baseline !important;
 gap:0 16px !important;padding:13px 0 !important;margin:0 !important;
 border-bottom:1px solid rgba(255,255,255,.18) !important;cursor:pointer !important;
 min-height:44px !important;}
.ct-scope .cn-mur .cn-dest-n{grid-column:1 !important;display:inline-block !important;
 font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:500 !important;
 font-size:28px !important;line-height:1.15 !important;color:#FFFFFF !important;
 justify-self:start !important;}
.ct-scope .cn-mur .cn-dest:hover .cn-dest-n,.ct-scope .cn-mur .cn-dest.is-on .cn-dest-n{
 color:var(--cn-gold) !important;}
.ct-scope .cn-mur .cn-dest-s{grid-column:1 !important;font-size:14px !important;
 line-height:1.5 !important;color:var(--cn-voile) !important;margin-top:2px !important;}
.ct-scope .cn-mur .cn-mer{grid-column:3 !important;grid-row:1/span 2 !important;
 align-self:center !important;font-family:'Baskervville',Georgia,serif !important;
 font-size:22px !important;line-height:1 !important;color:var(--cn-gold) !important;}
.ct-scope .cn-mur .cn-aussi{margin:22px 0 0 !important;font-size:14px !important;
 line-height:2 !important;color:var(--cn-voile) !important;}
.ct-scope .cn-mur .cn-aussi-k{font-family:'Forum',Georgia,serif !important;
 font-size:11px !important;letter-spacing:.2em !important;text-transform:uppercase !important;
 color:var(--cn-bleu) !important;margin-right:10px !important;}
.ct-scope .cn-mur .cn-dest2{display:inline-flex !important;align-items:center !important;
 min-height:44px !important;padding:0 !important;margin-right:18px !important;
 color:#FFFFFF !important;cursor:pointer !important;font-size:15px !important;}
.ct-scope .cn-mur .cn-dest2:hover,.ct-scope .cn-mur .cn-dest2.is-on{color:var(--cn-gold) !important;}
@media (max-width:880px){
 .ct-scope .cn-mur .cn-mur-g{grid-template-columns:1fr !important;}
 .ct-scope .cn-mur .cn-carte-c{order:2 !important;}
 .ct-scope .cn-mur .cn-liste-c{order:1 !important;}
 .ct-scope .cn-mur .cn-dest-n{font-size:24px !important;}
 .ct-scope .cn-mur .cn-rep-n{display:none !important;}
 .ct-scope .cn-mur .cn-rep{width:34px !important;height:34px !important;
  margin:-17px 0 0 -17px !important;}}

.ct-scope .cn-reperes{background:var(--cn-ivoire) !important;
 padding:clamp(48px,5vw,72px) 0 clamp(56px,6vw,80px) !important;}
.ct-scope .cn-reperes h3{font-family:'Cormorant Garamond',Georgia,serif !important;
 font-weight:500 !important;font-size:clamp(26px,3vw,34px) !important;
 color:var(--cn-navy) !important;margin:0 0 26px !important;}
.ct-scope .cn-reperes .cn-tuiles{display:grid !important;
 grid-template-columns:repeat(6,1fr) !important;gap:14px !important;
 list-style:none !important;margin:0 !important;padding:0 !important;}
.ct-scope .cn-reperes .cn-tuile{background:#FFFFFF !important;
 border:1px solid var(--cn-brume) !important;border-radius:14px !important;
 padding:20px 22px !important;margin:0 !important;display:flex !important;
 flex-direction:column !important;justify-content:flex-end !important;min-height:150px !important;}
.ct-scope .cn-reperes .cn-k{font-family:'Forum',Georgia,serif !important;font-size:11px !important;
 letter-spacing:.2em !important;text-transform:uppercase !important;color:var(--cn-bleu) !important;
 margin:0 0 10px !important;order:-1 !important;}
.ct-scope .cn-reperes .cn-v{font-family:'Cormorant Garamond',Georgia,serif !important;
 font-weight:500 !important;font-size:clamp(30px,3.2vw,44px) !important;line-height:1.05 !important;
 color:var(--cn-navy) !important;margin:0 !important;overflow-wrap:break-word !important;}
.ct-scope .cn-reperes .cn-av,.ct-scope .cn-reperes .cn-ap{font-size:14px !important;
 line-height:1.5 !important;color:var(--cn-encre) !important;margin:0 !important;}
.ct-scope .cn-reperes .cn-av{margin-bottom:4px !important;}
.ct-scope .cn-reperes .cn-ap{margin-top:6px !important;}
.ct-scope .cn-reperes .cn-t2{grid-column:span 2 !important;}
.ct-scope .cn-reperes .cn-t3{grid-column:span 3 !important;}
.ct-scope .cn-reperes .cn-langue{background:var(--cn-navy) !important;
 border-color:var(--cn-navy) !important;}
.ct-scope .cn-reperes .cn-langue .cn-k{color:var(--cn-gold) !important;}
.ct-scope .cn-reperes .cn-langue .cn-av{color:var(--cn-voile) !important;}
.ct-scope .cn-reperes .cn-langue .cn-lg{font-family:'Cormorant Garamond',Georgia,serif !important;
 font-weight:500 !important;font-size:clamp(22px,2.4vw,30px) !important;line-height:1.25 !important;
 color:#FFFFFF !important;margin:8px 0 0 !important;}
@media (max-width:880px){
 .ct-scope .cn-reperes .cn-tuiles{grid-template-columns:repeat(2,1fr) !important;}
 .ct-scope .cn-reperes .cn-tuile{grid-column:span 1 !important;min-height:130px !important;}
 .ct-scope .cn-reperes .cn-m2{grid-column:span 2 !important;}
 .ct-scope .cn-reperes .cn-v{font-size:clamp(28px,7vw,36px) !important;}}

.ct-scope .cn-mur .cn-carte-c{position:relative !important;align-self:stretch !important;}

.ct-scope .cn-mur .cn-vue{position:absolute !important;left:0 !important;right:0 !important;
 bottom:0 !important;z-index:3 !important;aspect-ratio:16/10 !important;
 overflow:hidden !important;background:var(--cn-terre) !important;
 opacity:0 !important;visibility:hidden !important;transform:translateY(8px) !important;
 pointer-events:none !important;
 transition:opacity .35s var(--cn-e),transform .35s var(--cn-e),visibility 0s .35s !important;}
.ct-scope .cn-mur .cn-vue.is-on{opacity:1 !important;visibility:visible !important;
 transform:none !important;
 transition:opacity .35s var(--cn-e),transform .35s var(--cn-e),visibility 0s !important;}
.ct-scope .cn-mur .cn-vue-i{position:absolute !important;inset:0 !important;
 width:100% !important;height:100% !important;object-fit:cover !important;
 display:block !important;border-radius:0 !important;}
.ct-scope .cn-mur .cn-vue-n{position:absolute !important;left:0 !important;right:0 !important;
 bottom:0 !important;padding:clamp(14px,2vw,22px) !important;
 font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:500 !important;
 font-size:clamp(21px,2.2vw,30px) !important;line-height:1.1 !important;color:#FFFFFF !important;
 background:linear-gradient(to top,rgba(11,43,84,.88),rgba(11,43,84,.42) 46%,rgba(11,43,84,0)) !important;}
.ct-scope .cn-mur .cn-go{grid-column:2 !important;grid-row:1/span 2 !important;
 align-self:center !important;justify-self:end !important;white-space:nowrap !important;
 font-family:'Forum',Georgia,serif !important;font-size:11px !important;
 letter-spacing:.14em !important;text-transform:uppercase !important;
 color:var(--cn-gold) !important;opacity:0 !important;visibility:hidden !important;
 transition:opacity .3s var(--cn-e) !important;}
.ct-scope .cn-mur .cn-dest:hover .cn-go,.ct-scope .cn-mur .cn-dest:focus-visible .cn-go,
.ct-scope .cn-mur .cn-dest.is-on .cn-go{opacity:1 !important;visibility:visible !important;}

@media (hover:none){.ct-scope .cn-mur .cn-vue{display:none !important;}}
@media (prefers-reduced-motion:reduce){
 .ct-scope .cn-mur .cn-vue{transition:none !important;transform:none !important;}
 .ct-scope .cn-mur .cn-go{transition:none !important;}}
@media (max-width:1100px){
 
 .ct-scope .cn-mur .cn-go{grid-column:1 !important;grid-row:3 !important;
  justify-self:start !important;align-self:start !important;margin-top:6px !important;}}

@media (min-width:981px) and (max-width:1240px){
 .ct-scope .cn-manifeste .cn-mf-txt{width:min(430px,38%) !important;}}
