:root{
  --bg:#fbf6ef; --paper:#fffdf9; --green:#53684d; --green2:#71806a; --coral:#dd7e72;
  --peach:#f2d8cc; --ink:#2f332e; --muted:#6f736c; --line:#e8ded4; --shadow:0 12px 32px rgba(67,58,47,.08);
  --radius:22px; --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(251,246,239,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(83,104,77,.12)}
.navbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:220px}
.brand-mark{width:38px;height:38px;border:1px solid var(--green2);border-radius:50% 50% 48% 52%;position:relative}
.brand-mark:before{content:'❧';position:absolute;inset:0;display:grid;place-items:center;color:var(--green);font-size:25px}
.brand-title{font-family:Georgia,serif;font-size:28px;font-style:italic;color:var(--green);line-height:1}.brand-sub{font-size:10px;letter-spacing:.13em;color:var(--coral);text-transform:uppercase;margin-top:5px}
.nav-links{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:600}.nav-links a{padding:26px 0 22px;border-bottom:3px solid transparent}.nav-links a:hover,.nav-links a.active{color:var(--green);border-bottom-color:var(--coral)}
.menu-btn{display:none;border:0;background:transparent;font-size:29px;color:var(--green);cursor:pointer}
.hero{padding:54px 0 34px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.eyebrow{color:var(--coral);text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.14em}.hero h1,.page-hero h1{font:clamp(42px,6vw,76px)/1.02 Georgia,serif;color:var(--green);margin:.18em 0}.hero h2{font:clamp(23px,3vw,34px)/1.2 Georgia,serif;color:var(--coral);font-weight:400}.lead{font-size:19px;color:var(--muted);max-width:760px}.hero-art img{border-radius:34px;box-shadow:var(--shadow)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;font-weight:700;border:1px solid var(--green);transition:.2s}.btn.primary{background:var(--green);color:white}.btn.secondary{background:transparent;color:var(--green)}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 17px rgba(83,104,77,.13)}
.section{padding:72px 0}.section.alt{background:var(--paper)}.section-head{max-width:760px;margin-bottom:28px}.section h2{font:clamp(31px,4vw,50px)/1.12 Georgia,serif;color:var(--green);margin:.15em 0 .35em}.section h3{font:25px/1.2 Georgia,serif;color:var(--green);margin:.3em 0}.muted{color:var(--muted)}
.grid{display:grid;gap:22px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 20px rgba(60,53,45,.05)}.card .body{padding:22px}.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.card p{color:var(--muted);margin:.5em 0}.card .link{color:var(--coral);font-weight:800;display:inline-block;margin-top:8px}.card.feature{display:grid;grid-template-columns:1fr 1.2fr;align-items:stretch}.card.feature img{height:100%;aspect-ratio:auto}.card.feature .body{padding:34px}
.icon-card{padding:24px;background:var(--paper);border-radius:20px;border:1px solid var(--line)}.icon{font-size:32px}.pill{display:inline-block;background:#edf1ea;color:var(--green);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;margin:4px 6px 4px 0}
.page-hero{padding:64px 0 36px;background:linear-gradient(180deg,#fffaf5,transparent)}.page-hero .inner{max-width:850px}.breadcrumb{font-size:14px;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.split img{border-radius:28px;box-shadow:var(--shadow)}
.callout{background:linear-gradient(135deg,#eef2ea,#fff7f1);border:1px solid var(--line);border-radius:28px;padding:34px}.quote{font:28px/1.4 Georgia,serif;color:var(--green)}
.checks{padding:0;margin:18px 0;list-style:none}.checks li{margin:10px 0;padding-left:28px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;color:var(--coral);font-weight:900}
.site-footer{background:#4e5f49;color:#fdfbf5;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.site-footer a{color:white;opacity:.95}.site-footer h4{font-family:Georgia,serif;font-size:20px;margin:0 0 12px}.site-footer p{margin:7px 0;opacity:.9}.copyright{border-top:1px solid rgba(255,255,255,.2);margin-top:28px;padding-top:18px;font-size:13px;opacity:.8}
.notice{font-size:13px;background:#fff6ed;border-left:4px solid var(--coral);padding:14px 16px;border-radius:8px;color:#6a5a4e}
.contact-box{background:var(--paper);border-radius:24px;border:1px solid var(--line);padding:28px}.contact-row{display:flex;gap:12px;align-items:flex-start;margin:14px 0}.contact-row strong{display:block;color:var(--green)}
.external{padding-right:19px;position:relative}.external:after{content:'↗';position:absolute;right:0}
.backtop{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;border:0;background:var(--green);color:#fff;box-shadow:var(--shadow);cursor:pointer;display:none}.backtop.show{display:block}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:var(--bg);padding:10px 24px 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{padding:9px 0;border:0}.menu-btn{display:block}.hero-grid,.split,.card.feature{grid-template-columns:1fr}.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:28px}.hero-art{order:-1}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.grid.cols-4,.grid.cols-3,.grid.cols-2,.footer-grid{grid-template-columns:1fr}.section{padding:52px 0}.hero h1,.page-hero h1{font-size:44px}.brand-title{font-size:24px}.brand-sub{font-size:9px}.card.feature .body{padding:24px}}
.brand-logo{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff;padding:3px;border:1px solid rgba(83,104,77,.12);box-shadow:0 4px 14px rgba(67,58,47,.06)}
.doc-frame{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.doc-frame img{width:100%;height:auto;border-radius:14px}
@media(max-width:620px){.brand-logo{width:46px;height:46px}.brand{min-width:auto}}

/* Zumba section */
.zumba-page-hero{background:linear-gradient(135deg,#fff7ef 0%,#f3f8ed 58%,#eef6f8 100%)}
.zumba-intro img{aspect-ratio:4/3;object-fit:cover}
.format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.format-card{display:block;padding:28px;border-radius:24px;border:1px solid var(--line);box-shadow:0 8px 20px rgba(60,53,45,.05);transition:.2s}
.format-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.format-card h3{font:30px/1.15 Georgia,serif;color:var(--green);margin:.25em 0}
.format-card p{color:var(--muted);margin:.45em 0 1em}
.format-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--coral)}
.format-link{font-weight:800;color:#d94a39}
.format-card.fitness{background:#fff7ef}.format-card.gold{background:#f3f8ed}.format-card.kids{background:#eef7fb}.format-card.junior{background:#fff5f7}
.footer-accent{padding:46px 0 30px}.footer-brand{font:700 26px/1.1 Georgia,serif}.footer-sub{font-size:11px;letter-spacing:.12em;margin-top:6px}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:16px 0;font-size:13px;opacity:.85}
.site-footer{padding:0}
.footer-grid{grid-template-columns:1.15fr 1fr 1fr 1fr}
@media(max-width:900px){.format-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.format-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.format-card{padding:22px}}

/* Final media fixes 2026-09-23 */
.split.media-contain{align-items:center}
.split.media-contain img{width:100%;height:auto;max-height:520px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:8px}
.card.feature img{width:100%;object-fit:cover}
@media(max-width:620px){.split.media-contain img{max-height:380px}}


/* Cross-device responsive hardening 2026-09-24 */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  width: 100%;
  overflow-x: hidden;
}
body {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}
button, input, textarea, select { font: inherit; }
img { max-width: 100%; height: auto; }
.container, .navbar, .grid, .card, .card .body, .split > *, .footer-grid > * { min-width: 0; }
.site-header {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.navbar { position: relative; }
.brand { min-width: 0; flex-shrink: 1; }
.brand-text { display: block; min-width: 0; }
.brand-title, .brand-sub { display: block; }
.brand-title { white-space: nowrap; }
.brand-sub { white-space: nowrap; }
.card .body {
  position: static;
  inset: auto;
  transform: none;
  opacity: 1;
  visibility: visible;
  background: var(--paper);
  color: var(--ink);
}
.card .body h3 { color: var(--green); }
.card .body p { color: var(--muted); }

@media (max-width: 900px) {
  .nav-links {
    top: 100%;
    max-height: calc(100vh - 76px);
    max-height: calc(100dvh - 76px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 14px 26px rgba(67,58,47,.08);
  }
  .card.feature {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
  }
  .card.feature > img {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    transform: none !important;
  }
  .card.feature > .body {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    min-height: 0 !important;
    background: var(--paper) !important;
    color: var(--ink) !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: auto !important;
  }
  .card.feature > .body h3 { color: var(--green) !important; }
  .card.feature > .body p { color: var(--muted) !important; }
  .card.feature > .body .link { color: var(--coral) !important; }
}

@media (max-width: 700px) {
  .container { width: calc(100% - 28px); }
  .navbar { min-height: 74px; gap: 12px; }
  .brand { gap: 10px; }
  .brand-logo { width: 48px; height: 48px; flex: 0 0 48px; }
  .brand-title { font-size: clamp(22px, 7vw, 28px); }
  .brand-sub { font-size: clamp(8px, 2.5vw, 10px); letter-spacing: .11em; }
  .menu-btn { flex: 0 0 auto; padding: 8px; line-height: 1; }
  .page-hero { padding: 42px 0 24px; }
  .hero { padding: 28px 0 20px; }
  .hero h1, .page-hero h1 { font-size: clamp(38px, 11vw, 48px); overflow-wrap: anywhere; }
  .hero h2 { font-size: clamp(22px, 7vw, 30px); }
  .lead { font-size: 17px; }
  .section { padding: 48px 0; }
  .grid.cols-4, .grid.cols-3, .grid.cols-2, .footer-grid, .format-grid { grid-template-columns: 1fr; }
  .card, .card.feature {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
  .card > img,
  .card.feature > img {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }
  .card > .body,
  .card.feature > .body {
    display: block !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    padding: 24px !important;
    background: var(--paper) !important;
    color: var(--ink) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .card > .body h3,
  .card.feature > .body h3 {
    color: var(--green) !important;
    text-shadow: none !important;
  }
  .card > .body p,
  .card.feature > .body p {
    color: var(--muted) !important;
    text-shadow: none !important;
  }
  .card > .body .link,
  .card.feature > .body .link {
    color: var(--coral) !important;
    text-shadow: none !important;
  }
  .split { gap: 28px; }
  .split img { width: 100%; height: auto; }
  .actions { align-items: stretch; }
  .actions .btn { max-width: 100%; text-align: center; }
}

@media (max-width: 380px) {
  .container { width: calc(100% - 22px); }
  .brand-logo { width: 44px; height: 44px; flex-basis: 44px; }
  .brand-title { font-size: 21px; }
  .brand-sub { font-size: 7.5px; letter-spacing: .08em; }
  .card > .body, .card.feature > .body { padding: 20px !important; }
}


/* v11 iOS/Safari hardening */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
@media (max-width:1024px){
  .grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr !important;}
  .card,.card.feature{display:flex !important;flex-direction:column !important;align-items:stretch !important;overflow:hidden !important;height:auto !important;min-height:0 !important;}
  .card>img,.card.feature>img{display:block !important;position:relative !important;inset:auto !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;aspect-ratio:auto !important;object-fit:cover !important;transform:none !important;z-index:0 !important;opacity:1 !important;}
  .card>.body,.card.feature>.body{display:block !important;position:relative !important;inset:auto !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:24px !important;background:#fff !important;color:var(--ink) !important;transform:none !important;opacity:1 !important;visibility:visible !important;z-index:1 !important;mix-blend-mode:normal !important;}
  .card>.body:before,.card>.body:after,.card.feature>.body:before,.card.feature>.body:after{content:none !important;display:none !important;}
  .card>.body h3,.card.feature>.body h3{color:var(--green) !important;text-shadow:none !important;opacity:1 !important;}
  .card>.body p,.card.feature>.body p{color:var(--muted) !important;text-shadow:none !important;opacity:1 !important;}
  .card>.body .link,.card.feature>.body .link{color:var(--coral) !important;text-shadow:none !important;opacity:1 !important;}
}