:root{
  --ink:#061f22;--teal:#06282b;--teal2:#0b3b42;--cream:#f4ead9;--paper:#fbf4e8;
  --orange:#f36b1d;--gold:#c7832b;--muted:#6c6358;--line:rgba(6,31,34,.16);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.55}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,46px);background:var(--teal);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{font-size:25px;font-weight:1000;letter-spacing:-.06em;text-transform:uppercase}.brand span{color:#fff}.brand em{font-style:normal;color:var(--orange)}
.main-nav{display:flex;gap:28px;align-items:center;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:.06em}.main-nav a:hover{color:var(--orange)}
.join-btn{background:var(--orange);color:#15100c;padding:14px 22px;font-weight:1000;text-transform:uppercase;font-size:12px}
.menu-toggle{display:none;background:var(--orange);border:0;color:#101010;width:48px;height:48px;font-size:22px;font-weight:900}
.hero{display:grid;grid-template-columns:470px 1fr;min-height:650px;background:var(--teal);color:#fff;border-bottom:5px solid var(--orange)}
.hero-copy{padding:58px 0 54px clamp(28px,4vw,58px);display:flex;flex-direction:column;justify-content:center}
.kicker,.section-label{display:inline-block;color:var(--orange);font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:14px}
.hero h1{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(68px,7.8vw,128px);line-height:.86;letter-spacing:-.035em;margin:0 0 24px;text-transform:uppercase}
.hero p{font-size:19px;max-width:380px;color:#f1e3cf}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;gap:16px;padding:16px 24px;font-weight:1000;text-transform:uppercase;font-size:13px;border:2px solid var(--orange)}
.btn.primary{background:var(--orange);color:#111}.btn.outline{color:#fff;border-color:#d9c7a9}.btn.dark{color:var(--teal);background:var(--orange)}
.hero-art img{height:100%;width:100%;object-fit:cover}
.two-panels{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);border-bottom:1px solid var(--line)}
.panel{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center;padding:30px clamp(22px,4vw,44px);min-height:230px;border-right:1px solid var(--line)}
.panel img{border-radius:0}.panel h2,.section h2{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(38px,5vw,62px);line-height:.92;text-transform:uppercase;letter-spacing:.01em;margin:0 0 14px}
.panel p,.section p{color:var(--muted);font-weight:650}.text-link{color:var(--orange);font-weight:1000;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.section{padding:44px clamp(22px,4vw,50px);background:var(--cream);border-bottom:1px solid var(--line)}
.section-head{text-align:center;margin-bottom:30px}.section-head h2{margin-bottom:4px}.orange-mark{display:inline-block;width:60px;height:4px;background:var(--orange);margin:0 14px;vertical-align:middle}
.move-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.move-card{position:relative;overflow:hidden;min-height:180px;background:#111;color:#fff}.move-card img{width:100%;height:190px;object-fit:cover}.move-card div{position:absolute;left:22px;right:22px;bottom:20px}.move-card h3{font-family:Impact,Arial Black,Arial;font-size:28px;line-height:.9;margin:0 0 6px;text-transform:uppercase}.move-card p{color:#fff;margin:0;font-size:13px;max-width:210px}
.dark-band{display:grid;grid-template-columns:repeat(3,1fr);background:var(--teal);color:#fff}.dark-card{padding:34px clamp(20px,3vw,42px);min-height:260px;border-right:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr 210px;gap:18px;align-items:center}.dark-card h2{font-family:Impact,Arial Black,Arial;font-size:38px;line-height:.92;margin:0 0 12px;text-transform:uppercase}.dark-card p{color:#e2d5c3}.dark-card img{border-radius:0}
.faq-section{display:grid;grid-template-columns:260px 1fr 360px;gap:34px;align-items:center;background:var(--paper);padding:44px clamp(22px,4vw,50px)}
.faq-section h2{font-family:Impact,Arial Black,Arial;font-size:56px;margin:0;text-transform:uppercase}.faq-section details{border:1px solid var(--line);padding:16px;background:#f7efe4;margin-bottom:8px}.faq-section summary{cursor:pointer;font-weight:900}
.footer{background:var(--teal);color:#fff;padding:42px clamp(22px,4vw,50px);display:grid;grid-template-columns:1fr repeat(3,180px);gap:30px}.footer h3,.footer strong{margin:0 0 12px;text-transform:uppercase}.footer a{display:block;color:#d9c7a9;margin:6px 0}.footer .brand{display:block;margin-bottom:12px}
.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hub-grid a{background:var(--paper);border:1px solid var(--line);padding:22px;min-height:150px}.hub-grid b{display:block;font-family:Impact,Arial Black,Arial;font-size:30px;text-transform:uppercase;margin-bottom:8px}.hub-grid span{color:var(--muted);font-weight:650}
.placeholder-hero{min-height:420px;display:grid;grid-template-columns:1fr 1fr;background:var(--teal);color:#fff}.placeholder-hero .copy{padding:64px clamp(22px,5vw,70px)}.placeholder-hero h1{font-family:Impact,Arial Black,Arial;font-size:clamp(58px,8vw,110px);line-height:.88;margin:0 0 18px;text-transform:uppercase}.placeholder-hero p{color:#eadcc8;font-size:19px}.placeholder-hero img{height:100%;width:100%;object-fit:cover}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{background:var(--paper);border:1px solid var(--line);padding:24px}.content-card h3{font-family:Impact,Arial Black,Arial;font-size:32px;margin:0 0 10px;text-transform:uppercase}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-copy{padding-right:28px}.hero-art{height:420px}.two-panels,.dark-band,.faq-section,.footer,.placeholder-hero{grid-template-columns:1fr}.move-grid,.hub-grid,.content-grid{grid-template-columns:repeat(2,1fr)}.dark-card{grid-template-columns:1fr 180px}.main-nav{display:none;position:absolute;top:74px;right:20px;background:var(--teal);border:1px solid rgba(255,255,255,.15);padding:18px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block}}
@media(max-width:680px){.hero h1{font-size:62px}.panel,.dark-card{grid-template-columns:1fr}.move-grid,.hub-grid,.content-grid{grid-template-columns:1fr}.faq-section{gap:18px}.faq-section img{display:none}.site-header{height:68px}.brand{font-size:22px}.join-btn{display:none}}



/* v3 real illustration upgrade */
.hero-art img,
.panel img,
.move-card img,
.dark-card img,
.placeholder-hero img,
.faq-section img{
  object-fit: cover;
  object-position: center;
  filter: saturate(1.04) contrast(1.03);
}

.panel img{
  min-height: 185px;
  width: 100%;
}

.dark-card img{
  min-height: 190px;
  width: 100%;
}

.move-card img{
  height: 210px;
}

.hero-art{
  background:#061f22;
}

.hero-art img{
  min-height:650px;
}

@media(max-width:1100px){
  .hero-art img{min-height:420px}
}



/* v4 high-quality illustration update */
.hero-art img{
  object-position:center center;
}

.move-card img,
.panel img,
.dark-card img,
.placeholder-hero img,
.faq-section img{
  image-rendering:auto;
  object-fit:cover;
}

.move-card img{
  height:230px;
}

.panel img{
  min-height:220px;
}

.dark-card img{
  min-height:220px;
}

.placeholder-hero img{
  min-height:420px;
}

@media(max-width:680px){
  .move-card img{height:260px}
  .panel img{min-height:260px}
}



/* v5 two-panel symmetry fix */
.two-panels{
  align-items:stretch;
}

.panel{
  grid-template-columns:260px minmax(0,1fr);
  align-items:stretch;
  min-height:300px;
}

.panel img{
  width:100%;
  height:100%;
  min-height:220px;
  aspect-ratio: 5 / 4;
  object-fit:cover;
  object-position:center;
}

.panel-copy{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:220px;
}

.panel-copy h2{
  min-height:116px;
  display:block;
}

.panel-copy p{
  min-height:124px;
  margin:0 0 18px;
}

.panel-copy .text-link{
  margin-top:auto;
}

@media(max-width:1100px){
  .panel{
    grid-template-columns:230px 1fr;
    min-height:280px;
  }
  .panel-copy h2{
    min-height:auto;
  }
  .panel-copy p{
    min-height:auto;
  }
}

@media(max-width:680px){
  .panel{
    grid-template-columns:1fr;
  }
  .panel img{
    min-height:260px;
    aspect-ratio:auto;
  }
  .panel-copy{
    min-height:auto;
  }
}



/* v6 hero balance fix */
.hero{
  grid-template-columns:minmax(520px, 42%) minmax(0, 58%);
  min-height:560px;
  align-items:center;
}

.hero-copy{
  padding-top:44px;
  padding-bottom:44px;
  padding-right:34px;
}

.hero h1{
  font-size:clamp(60px,6.4vw,104px);
  max-width:520px;
}

.hero p{
  max-width:460px;
  font-size:18px;
  line-height:1.5;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

.hero-art{
  padding:34px 42px 34px 0;
  height:100%;
}

.hero-art img{
  width:100%;
  height:492px !important;
  min-height:0 !important;
  object-fit:cover;
  object-position:center center;
  border-radius:0;
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}

@media(max-width:1100px){
  .hero{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .hero-copy{
    padding:44px clamp(22px,5vw,58px) 26px;
  }

  .hero-art{
    padding:0 clamp(22px,5vw,58px) 36px;
  }

  .hero-art img{
    height:420px !important;
  }
}

@media(max-width:680px){
  .hero h1{
    font-size:clamp(48px,14vw,64px);
  }

  .hero p{
    max-width:100%;
    font-size:17px;
  }

  .hero-art img{
    height:310px !important;
  }
}


/* v7 app banner placeholder */
.app-banner-section{display:grid;grid-template-columns:minmax(280px,1fr) 380px;gap:34px;align-items:center;padding:44px clamp(22px,4vw,50px);background:var(--paper);border-bottom:1px solid var(--line)}
.app-banner-copy h2{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(40px,5vw,64px);line-height:.92;text-transform:uppercase;letter-spacing:.01em;margin:0 0 14px}
.app-banner-copy p{color:var(--muted);font-weight:650;max-width:560px;margin:0 0 20px}
.app-banner-square{display:flex;justify-content:center;align-items:center}
.app-banner-inner{width:min(100%,360px);aspect-ratio:1/1;background:linear-gradient(145deg,var(--teal) 0%, #0e4951 50%, var(--orange) 100%);border:3px solid rgba(243,107,29,.55);box-shadow:0 20px 45px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;color:#fff;position:relative;overflow:hidden}
.app-banner-inner:before{content:'';position:absolute;inset:14px;border:1px dashed rgba(255,255,255,.35)}
.app-banner-inner strong{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(42px,4vw,58px);line-height:.9;text-transform:uppercase;letter-spacing:.02em;position:relative;z-index:1}
.app-banner-inner p{margin:10px 0 0;color:#f6e5d5;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.09em;position:relative;z-index:1}
.app-mini-label{display:inline-block;margin-bottom:12px;color:#f7c9a6;font-weight:1000;text-transform:uppercase;letter-spacing:.14em;font-size:11px;position:relative;z-index:1}
@media(max-width:1100px){.app-banner-section{grid-template-columns:1fr;gap:24px}.app-banner-square{justify-content:flex-start}.app-banner-inner{width:min(100%,320px)}}
@media(max-width:680px){.app-banner-section{padding:36px 22px}.app-banner-copy h2{font-size:42px}.app-banner-inner{width:100%;max-width:320px}}



/* v8 full history page */
.history-hero{
  display:grid;
  grid-template-columns:minmax(420px,42%) minmax(0,58%);
  min-height:560px;
  background:var(--teal);
  color:#fff;
  border-bottom:5px solid var(--orange);
  align-items:center;
}
.history-hero-copy{
  padding:58px clamp(24px,4vw,58px);
}
.history-hero h1{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(68px,8vw,126px);
  line-height:.86;
  text-transform:uppercase;
  margin:0 0 22px;
}
.history-hero p{
  color:#eadcc8;
  font-size:20px;
  max-width:560px;
  font-weight:700;
}
.history-hero img{
  width:100%;
  height:500px;
  object-fit:cover;
  object-position:center;
  padding:34px 42px 34px 0;
}
.history-story{
  padding:56px clamp(22px,5vw,70px);
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.story-label{
  color:var(--orange);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.history-story h2,
.visual-timeline h2,
.history-feature h2,
.history-faq h2,
.history-note h2{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(44px,6vw,76px);
  line-height:.9;
  text-transform:uppercase;
  margin:0 0 22px;
  color:var(--ink);
}
.story-columns{
  columns:2 420px;
  column-gap:48px;
}
.story-columns p{
  break-inside:avoid;
  margin:0 0 18px;
  color:var(--muted);
  font-weight:650;
  font-size:18px;
}
.visual-timeline{
  background:var(--cream);
  padding:52px clamp(22px,5vw,70px);
  border-bottom:1px solid var(--line);
}
.history-section-head{
  margin-bottom:34px;
}
.timeline-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  counter-reset:timeline;
}
.timeline-list article{
  background:var(--paper);
  border:1px solid var(--line);
  padding:24px;
  min-height:230px;
  position:relative;
  box-shadow:0 14px 26px rgba(6,31,34,.06);
}
.timeline-list article:before{
  counter-increment:timeline;
  content:counter(timeline, decimal-leading-zero);
  position:absolute;
  top:18px;
  right:18px;
  color:rgba(243,107,29,.28);
  font-family:Impact,Arial Black,Arial;
  font-size:56px;
  line-height:1;
}
.timeline-list span{
  display:inline-block;
  color:#fff;
  background:var(--orange);
  border:2px solid #d45711;
  box-shadow:0 10px 22px rgba(243,107,29,.24);
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:14px;
  line-height:1;
  padding:10px 12px;
  margin-bottom:16px;
}
.timeline-list h3{
  font-family:Impact,Arial Black,Arial;
  font-size:34px;
  line-height:.92;
  text-transform:uppercase;
  margin:0 0 12px;
  max-width:84%;
}
.timeline-list p{
  color:var(--muted);
  margin:0;
  font-weight:650;
}
.history-feature{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,42%);
  gap:36px;
  align-items:center;
  background:var(--paper);
  padding:54px clamp(22px,5vw,70px);
  border-bottom:1px solid var(--line);
}
.history-feature.reverse{
  grid-template-columns:minmax(360px,42%) minmax(0,1fr);
  background:var(--cream);
}
.history-feature img{
  width:100%;
  height:520px;
  object-fit:cover;
  object-position:center;
  box-shadow:0 22px 50px rgba(6,31,34,.18);
}
.history-feature-copy p{
  color:var(--muted);
  font-weight:650;
  font-size:17px;
  margin:0 0 16px;
}
.history-feature-copy a{
  color:var(--orange);
  font-weight:1000;
  text-decoration:underline;
  text-underline-offset:4px;
}
.history-faq{
  padding:52px clamp(22px,5vw,70px);
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.history-faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.history-faq details{
  background:var(--cream);
  border:1px solid var(--line);
  padding:18px 20px;
}
.history-faq summary{
  cursor:pointer;
  font-weight:1000;
  color:var(--ink);
  text-transform:uppercase;
  letter-spacing:.02em;
}
.history-faq p{
  color:var(--muted);
  font-weight:650;
}
.history-note{
  padding:46px clamp(22px,5vw,70px);
  background:var(--teal);
  color:#fff;
}
.history-note h2{
  color:#fff;
}
.history-note p{
  max-width:980px;
  color:#eadcc8;
  font-weight:700;
  font-size:18px;
}
.history-note .source-note{
  color:#d6c6b4;
  font-size:14px;
}
@media(max-width:1100px){
  .history-hero,
  .history-feature,
  .history-feature.reverse{
    grid-template-columns:1fr;
  }
  .history-hero img{
    padding:0 clamp(22px,5vw,58px) 36px;
    height:430px;
  }
  .timeline-list{
    grid-template-columns:repeat(2,1fr);
  }
  .history-feature img{
    height:430px;
  }
}
@media(max-width:680px){
  .history-hero h1{
    font-size:58px;
  }
  .history-hero p{
    font-size:17px;
  }
  .timeline-list,
  .history-faq-grid{
    grid-template-columns:1fr;
  }
  .story-columns{
    columns:1;
  }
  .history-feature img,
  .history-hero img{
    height:320px;
  }
}



/* v9 magazine history refinements */
.history-overview-mag{
  background:var(--paper);
  padding:54px clamp(22px,5vw,70px);
  border-bottom:1px solid var(--line);
}
.history-lead-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
  align-items:stretch;
  margin-bottom:22px;
}
.lead-text-card,
.lead-side-image,
.mag-info-card,
.mini-feature-card{
  border:1px solid var(--line);
  background:var(--cream);
  box-shadow:0 12px 30px rgba(6,31,34,.06);
}
.lead-text-card{
  padding:26px;
}
.lead-text-card h3{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(42px,5vw,72px);
  line-height:.9;
  margin:0 0 16px;
  text-transform:uppercase;
}
.lead-text-card p{
  color:var(--muted);
  font-weight:700;
  font-size:18px;
}
.lead-side-image{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.lead-side-image img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
}
.lead-side-image figcaption{
  padding:14px 16px;
  color:var(--muted);
  font-weight:700;
  font-size:14px;
  background:var(--paper);
}
.mini-kicker{
  display:inline-block;
  color:var(--orange);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:1000;
  margin-bottom:10px;
}
.mag-cards-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.mag-info-card{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:0;
  overflow:hidden;
}
.mag-info-card img{
  width:100%;
  height:100%;
  min-height:190px;
  object-fit:cover;
}
.mag-info-card > div{
  padding:20px;
}
.mag-info-card h4{
  font-family:Impact,Arial Black,Arial,sans-serif;
  text-transform:uppercase;
  line-height:.95;
  font-size:34px;
  margin:0 0 10px;
}
.mag-info-card p{
  margin:0;
  color:var(--muted);
  font-weight:700;
}
.mag-info-card a{
  color:var(--orange);
  font-weight:1000;
}
.mini-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  padding:52px clamp(22px,5vw,70px);
  background:var(--cream);
  border-bottom:1px solid var(--line);
}
.mini-feature-card{
  overflow:hidden;
}
.mini-feature-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.mini-feature-card > div{
  padding:18px;
}
.mini-feature-card h3{
  font-family:Impact,Arial Black,Arial,sans-serif;
  text-transform:uppercase;
  line-height:.95;
  font-size:36px;
  margin:0 0 10px;
}
.mini-feature-card p{
  margin:0;
  color:var(--muted);
  font-weight:700;
}
@media(max-width:1100px){
  .history-lead-grid,
  .mag-cards-grid,
  .mini-feature-grid{
    grid-template-columns:1fr;
  }
  .mag-info-card{
    grid-template-columns:1fr;
  }
  .mag-info-card img{
    min-height:260px;
  }
}


/* v11 stronger timeline emphasis */
.timeline-list article{
  border-top:4px solid var(--orange);
}
.timeline-list h3{
  margin-top:2px;
}



/* v12 horizontal visual timeline */
.timeline-track-wrapper{
  position:relative;
  overflow-x:auto;
  overflow-y:visible;
  padding:10px 2px 8px;
  scrollbar-width:thin;
}
.timeline-track-wrapper::-webkit-scrollbar{
  height:10px;
}
.timeline-track-wrapper::-webkit-scrollbar-thumb{
  background:rgba(243,107,29,.45);
  border-radius:999px;
}
.timeline-list.horizontal-timeline{
  display:flex !important;
  flex-wrap:nowrap;
  gap:18px;
  min-width:max-content;
  padding:18px 0 10px;
  position:relative;
}
.timeline-list.horizontal-timeline::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:88px;
  height:4px;
  background:linear-gradient(90deg, rgba(243,107,29,.9), rgba(243,107,29,.22));
  z-index:0;
}
.timeline-list.horizontal-timeline article{
  width:280px;
  min-width:280px;
  min-height:360px;
  padding:20px 20px 22px;
  position:relative;
  z-index:1;
  border-top:4px solid var(--orange);
  background:var(--paper);
  display:flex;
  flex-direction:column;
}
.timeline-list.horizontal-timeline article::before{
  content:"";
  position:absolute;
  top:78px;
  left:28px;
  width:16px;
  height:16px;
  background:var(--orange);
  border:4px solid #fff;
  box-shadow:0 0 0 2px rgba(243,107,29,.35);
  border-radius:999px;
  z-index:2;
}
.timeline-list.horizontal-timeline .timeline-thumb{
  width:88px;
  height:88px;
  object-fit:cover;
  border-radius:18px;
  margin-bottom:20px;
  box-shadow:0 12px 28px rgba(6,31,34,.14);
  border:2px solid rgba(243,107,29,.18);
}
.timeline-list.horizontal-timeline span{
  align-self:flex-start;
  display:inline-block;
  color:#fff !important;
  background:var(--orange);
  border:2px solid #d45711;
  box-shadow:0 10px 22px rgba(243,107,29,.24);
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:13px;
  line-height:1;
  padding:10px 12px;
  margin-bottom:16px;
}
.timeline-list.horizontal-timeline h3{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:34px;
  line-height:.92;
  text-transform:uppercase;
  margin:0 0 12px;
  max-width:100%;
}
.timeline-list.horizontal-timeline p{
  margin:0;
  color:var(--muted);
  font-weight:700;
  font-size:15px;
}
@media(max-width:760px){
  .timeline-list.horizontal-timeline article{
    width:250px;
    min-width:250px;
    min-height:350px;
  }
  .timeline-list.horizontal-timeline::before{
    top:84px;
  }
}



/* v13 restored full main story with inline illustrations */
.history-mainstory-restored{
  background:var(--paper);
  padding:54px clamp(22px,5vw,70px);
  border-bottom:1px solid var(--line);
}
.mainstory-flow{
  max-width:1180px;
  margin:0 auto;
}
.story-block{
  max-width:860px;
  margin:0 auto 18px;
}
.story-block h3{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(42px,5vw,72px);
  line-height:.9;
  margin:0 0 16px;
  text-transform:uppercase;
}
.story-block p{
  color:var(--muted);
  font-weight:700;
  font-size:18px;
  line-height:1.75;
  margin:0 0 16px;
}
.story-inline-figure{
  max-width:760px;
  margin:28px auto 34px;
  background:var(--cream);
  border:1px solid var(--line);
  box-shadow:0 14px 30px rgba(6,31,34,.07);
  overflow:hidden;
}
.story-inline-figure img{
  width:100%;
  height:320px;
  object-fit:cover;
  display:block;
}
.story-inline-figure figcaption{
  padding:14px 18px;
  color:var(--muted);
  font-weight:700;
  font-size:14px;
  background:var(--paper);
}
@media(max-width:760px){
  .story-block p{
    font-size:17px;
    line-height:1.68;
  }
  .story-inline-figure img{
    height:240px;
  }
}



/* v15 main story formatting fix */
.history-mainstory-restored{
  background:var(--paper);
  padding:46px clamp(22px,5vw,70px);
}

.history-mainstory-restored .history-section-head{
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.history-mainstory-restored .history-section-head h2{
  font-size:clamp(44px,5.4vw,82px);
  line-height:.9;
}

.history-mainstory-restored .history-section-head p{
  max-width:680px;
  color:var(--muted);
  font-weight:700;
}

.mainstory-flow{
  max-width:1040px;
  margin:0 auto;
}

.story-block{
  max-width:860px;
  margin:0 0 24px;
  padding:0;
}

.story-block:nth-of-type(even){
  margin-left:auto;
}

.story-block h3{
  font-size:clamp(34px,4vw,56px) !important;
  line-height:.94 !important;
  letter-spacing:.005em;
  max-width:780px;
  margin-bottom:14px !important;
}

.story-block p{
  max-width:780px;
  font-size:17px !important;
  line-height:1.68 !important;
  letter-spacing:0;
  word-spacing:0;
  margin-bottom:15px !important;
}

.story-inline-figure{
  max-width:620px !important;
  margin:22px 0 30px !important;
  border-top:4px solid var(--orange) !important;
}

.story-inline-figure.small-right{
  margin-left:auto !important;
}

.story-inline-figure.small-left{
  margin-right:auto !important;
}

.story-inline-figure img{
  height:250px !important;
  object-fit:cover;
  object-position:center;
}

.story-inline-figure figcaption{
  font-size:13px !important;
  line-height:1.45;
  padding:11px 14px !important;
}

@media(max-width:760px){
  .history-mainstory-restored{
    padding:36px 20px;
  }

  .story-block,
  .story-block:nth-of-type(even){
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }

  .story-block h3{
    font-size:36px !important;
  }

  .story-block p{
    max-width:100%;
    font-size:16.5px !important;
    line-height:1.62 !important;
  }

  .story-inline-figure,
  .story-inline-figure.small-right,
  .story-inline-figure.small-left{
    max-width:100% !important;
    margin:20px 0 28px !important;
  }

  .story-inline-figure img{
    height:220px !important;
  }
}



/* v16 inline illustration placement fix */
.mainstory-flow{
  max-width:980px !important;
  margin:0 auto !important;
}

.story-block,
.story-block:nth-of-type(even){
  max-width:820px !important;
  margin:0 auto 24px !important;
}

.story-block h3{
  max-width:760px !important;
}

.story-block p{
  max-width:760px !important;
}

.story-inline-figure,
.story-inline-figure.small-right,
.story-inline-figure.small-left{
  display:block !important;
  max-width:760px !important;
  width:100% !important;
  margin:26px auto 34px !important;
  clear:both !important;
  float:none !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
}

.story-inline-figure img{
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}

.story-inline-figure figcaption{
  text-align:left !important;
}

@media(max-width:760px){
  .story-inline-figure,
  .story-inline-figure.small-right,
  .story-inline-figure.small-left{
    max-width:100% !important;
    margin:20px auto 28px !important;
  }

  .story-inline-figure img{
    height:220px !important;
  }
}



/* v17 visual block separation fix */
.story-block,
.story-block:nth-of-type(even){
  max-width:760px !important;
}

.story-block p{
  max-width:760px !important;
}

.story-inline-figure,
.story-inline-figure.small-right,
.story-inline-figure.small-left{
  max-width:900px !important;
  width:100% !important;
  margin:42px auto 44px !important;
  padding:0 !important;
  background:var(--cream) !important;
  border:1px solid var(--line) !important;
  border-top:4px solid var(--orange) !important;
  box-shadow:0 16px 34px rgba(6,31,34,.08) !important;
}

.story-inline-figure img{
  width:100% !important;
  height:300px !important;
  object-fit:cover !important;
  display:block !important;
}

.story-inline-figure figcaption{
  padding:14px 18px !important;
  font-size:13px !important;
  line-height:1.45 !important;
  color:var(--muted) !important;
  border-top:1px solid var(--line) !important;
  background:var(--paper) !important;
}

@media(max-width:760px){
  .story-inline-figure,
  .story-inline-figure.small-right,
  .story-inline-figure.small-left{
    max-width:100% !important;
    margin:28px auto 32px !important;
  }

  .story-inline-figure img{
    height:220px !important;
  }
}



/* v18 main story alignment fix */
.history-mainstory-restored{
  padding:46px clamp(22px,5vw,70px) !important;
}

.history-mainstory-restored .history-section-head{
  max-width:1120px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
}

.history-mainstory-restored .history-section-head h2{
  text-align:left !important;
  justify-content:flex-start !important;
}

.history-mainstory-restored .history-section-head p{
  max-width:780px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
}

.mainstory-flow{
  max-width:1120px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.story-block,
.story-block:nth-of-type(even){
  max-width:860px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.story-block h3{
  max-width:860px !important;
}

.story-block p{
  max-width:860px !important;
}

.story-inline-figure,
.story-inline-figure.small-right,
.story-inline-figure.small-left{
  max-width:900px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

@media(max-width:760px){
  .history-mainstory-restored{
    padding:36px 20px !important;
  }

  .mainstory-flow,
  .story-block,
  .story-block:nth-of-type(even),
  .story-inline-figure,
  .story-inline-figure.small-right,
  .story-inline-figure.small-left{
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}



/* v19 deep internet era section */
.internet-era-deep{
  background:var(--cream);
  padding:56px clamp(22px,5vw,70px);
  border-bottom:1px solid var(--line);
}
.internet-era-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:34px;
  align-items:start;
}
.internet-era-copy h2{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(52px,6vw,88px);
  line-height:.9;
  text-transform:uppercase;
  margin:0 0 18px;
}
.internet-lead{
  max-width:860px;
  font-size:19px;
  line-height:1.65;
  color:var(--muted);
  font-weight:800;
  margin:0 0 24px;
}
.internet-chapter{
  background:var(--paper);
  border:1px solid var(--line);
  border-top:4px solid var(--orange);
  padding:24px;
  margin-bottom:18px;
}
.internet-chapter h3{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(34px,4vw,54px);
  line-height:.92;
  text-transform:uppercase;
  margin:0 0 14px;
}
.internet-chapter p{
  color:var(--muted);
  font-weight:700;
  line-height:1.68;
  margin:0 0 14px;
}
.internet-chapter a{
  color:var(--orange);
  font-weight:1000;
  text-decoration:underline;
  text-underline-offset:4px;
}
.internet-feature-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:18px 0;
}
.internet-feature-list article{
  background:var(--teal);
  color:#fff;
  padding:18px;
  min-height:130px;
}
.internet-feature-list strong{
  display:block;
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:30px;
  line-height:.95;
  text-transform:uppercase;
  margin-bottom:10px;
}
.internet-feature-list span{
  color:#eadcc8;
  font-weight:700;
}
.internet-era-aside{
  position:sticky;
  top:92px;
}
.internet-era-aside img{
  width:100%;
  height:300px;
  object-fit:cover;
  border:1px solid var(--line);
  border-top:4px solid var(--orange);
  box-shadow:0 18px 34px rgba(6,31,34,.12);
  margin-bottom:14px;
}
.internet-stat-card,
.internet-source-card{
  background:var(--paper);
  border:1px solid var(--line);
  padding:20px;
  margin-bottom:14px;
}
.internet-stat-card span,
.internet-source-card span{
  display:block;
  color:var(--orange);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:1000;
  margin-bottom:10px;
}
.internet-stat-card strong{
  display:block;
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:34px;
  line-height:.95;
  text-transform:uppercase;
}
.internet-source-card p{
  color:var(--muted);
  font-size:14px;
  font-weight:700;
  line-height:1.55;
  margin:0;
}
@media(max-width:1100px){
  .internet-era-layout{
    grid-template-columns:1fr;
  }
  .internet-era-aside{
    position:static;
  }
}
@media(max-width:680px){
  .internet-feature-list{
    grid-template-columns:1fr;
  }
}


/* v22 mobile section header cleanup */
@media(max-width:760px){
  .section{
    padding:34px 18px !important;
  }

  .section-head{
    margin-bottom:22px !important;
    padding:0 4px;
    text-align:center !important;
  }

  .section-head h2,
  .history-mainstory-restored .history-section-head h2{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    font-family:Impact, Arial Black, Arial, sans-serif !important;
    font-size:clamp(34px, 10vw, 50px) !important;
    line-height:.94 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    margin:0 auto 10px !important;
    max-width:100% !important;
  }

  .section-head p,
  .history-mainstory-restored .history-section-head p{
    max-width:340px !important;
    margin:0 auto !important;
    text-align:center !important;
    font-size:15px !important;
    line-height:1.5 !important;
    color:var(--muted) !important;
  }

  .orange-mark{
    display:block !important;
    width:110px !important;
    height:6px !important;
    margin:0 auto !important;
    flex:0 0 auto !important;
  }

  .history-mainstory-restored .history-section-head{
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .history-mainstory-restored{
    padding:34px 18px !important;
  }

  .mainstory-flow{
    max-width:100% !important;
    margin:0 auto !important;
  }

  .story-block,
  .story-block:nth-of-type(even){
    max-width:100% !important;
    margin:0 auto 20px !important;
  }

  .story-block h3{
    max-width:100% !important;
    font-size:30px !important;
    line-height:.98 !important;
    text-align:left !important;
  }

  .story-block p{
    max-width:100% !important;
    font-size:16px !important;
    line-height:1.62 !important;
  }

  .story-inline-figure,
  .story-inline-figure.small-right,
  .story-inline-figure.small-left{
    max-width:100% !important;
    margin:22px auto 28px !important;
  }

  .story-inline-figure img{
    height:210px !important;
  }

  .content-card h3{
    font-size:28px !important;
    line-height:.96 !important;
  }

  .hub-grid b{
    font-size:26px !important;
    line-height:.95 !important;
  }
}



/* v23 full moves page */
.moves-hero{
  display:grid;
  grid-template-columns:minmax(420px,42%) minmax(0,58%);
  min-height:560px;
  background:var(--teal);
  color:#fff;
  border-bottom:5px solid var(--orange);
  align-items:center;
}
.moves-hero-copy{
  padding:58px clamp(24px,4vw,58px);
}
.moves-hero h1{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(72px,8vw,128px);
  line-height:.86;
  text-transform:uppercase;
  margin:0 0 22px;
}
.moves-hero p{
  color:#eadcc8;
  font-size:20px;
  max-width:560px;
  font-weight:700;
}
.moves-hero img{
  width:100%;
  height:500px;
  object-fit:cover;
  object-position:center;
  padding:34px 42px 34px 0;
}
.moves-intro{
  background:var(--paper);
  padding:52px clamp(22px,5vw,70px);
  border-bottom:1px solid var(--line);
}
.moves-lead{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:24px;
  align-items:stretch;
  max-width:1120px;
}
.moves-lead article,
.moves-lead aside{
  background:var(--cream);
  border:1px solid var(--line);
  border-top:4px solid var(--orange);
  padding:24px;
}
.moves-lead h3{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(42px,5vw,70px);
  line-height:.9;
  text-transform:uppercase;
  margin:0 0 16px;
}
.moves-lead p,
.moves-section p,
.moves-card-copy p,
.moves-connection p,
.practice-grid p,
.practice-safe p{
  color:var(--muted);
  font-weight:700;
  line-height:1.65;
}
.moves-lead aside{
  background:var(--teal);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.moves-lead aside strong{
  font-family:Impact,Arial Black,Arial,sans-serif;
  text-transform:uppercase;
  font-size:40px;
  line-height:.9;
  margin-bottom:14px;
}
.moves-lead aside span{
  color:#eadcc8;
  font-weight:900;
}
.moves-section,
.moves-card-section,
.moves-connection{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,42%);
  gap:36px;
  align-items:center;
  padding:54px clamp(22px,5vw,70px);
  border-bottom:1px solid var(--line);
  background:var(--cream);
}
.moves-card-section,
.moves-connection{
  background:var(--paper);
}
.moves-card-section.reverse{
  grid-template-columns:minmax(0,1fr) minmax(360px,42%);
  background:var(--cream);
}
.moves-section img,
.moves-card-section img,
.moves-connection img{
  width:100%;
  height:430px;
  object-fit:cover;
  box-shadow:0 18px 36px rgba(6,31,34,.14);
  border:1px solid var(--line);
  border-top:4px solid var(--orange);
}
.moves-section h2,
.moves-card-copy h2,
.moves-connection h2,
.practice-safe h2{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(46px,6vw,82px);
  line-height:.9;
  text-transform:uppercase;
  margin:0 0 18px;
}
.scene-note{
  margin-top:20px;
  padding:18px;
  background:var(--teal);
  color:#fff;
  border-left:6px solid var(--orange);
}
.scene-note strong{
  display:block;
  color:var(--orange);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.scene-note span{
  color:#eadcc8;
  font-weight:800;
}
.practice-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  padding:54px clamp(22px,5vw,70px);
  background:var(--cream);
  border-bottom:1px solid var(--line);
}
.practice-grid article{
  background:var(--paper);
  border:1px solid var(--line);
  border-top:4px solid var(--orange);
  overflow:hidden;
}
.practice-grid img{
  width:100%;
  height:280px;
  object-fit:cover;
}
.practice-grid article > div{
  padding:22px;
}
.practice-grid h3{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(34px,4vw,54px);
  line-height:.92;
  text-transform:uppercase;
  margin:0 0 14px;
}
.practice-grid ul{
  color:var(--muted);
  font-weight:800;
  padding-left:19px;
}
.practice-safe{
  background:var(--teal);
  color:#fff;
  padding:54px clamp(22px,5vw,70px);
  border-bottom:5px solid var(--orange);
}
.practice-safe h2{
  color:#fff;
}
.practice-safe p{
  max-width:980px;
  color:#eadcc8;
}
@media(max-width:1100px){
  .moves-hero,
  .moves-lead,
  .moves-section,
  .moves-card-section,
  .moves-card-section.reverse,
  .moves-connection,
  .practice-grid{
    grid-template-columns:1fr;
  }
  .moves-hero img{
    height:420px;
    padding:0 clamp(22px,5vw,58px) 36px;
  }
  .moves-section img,
  .moves-card-section img,
  .moves-connection img{
    height:360px;
  }
}
@media(max-width:760px){
  .moves-hero{
    min-height:auto;
  }
  .moves-hero-copy{
    padding:40px 20px 24px;
  }
  .moves-hero h1{
    font-size:58px;
  }
  .moves-hero p{
    font-size:17px;
  }
  .moves-hero img{
    height:280px;
    padding:0 20px 30px;
  }
  .moves-intro,
  .moves-section,
  .moves-card-section,
  .moves-card-section.reverse,
  .moves-connection,
  .practice-grid,
  .practice-safe{
    padding:34px 18px;
  }
  .moves-lead h3,
  .moves-section h2,
  .moves-card-copy h2,
  .moves-connection h2,
  .practice-safe h2{
    font-size:38px;
  }
  .moves-section img,
  .moves-card-section img,
  .moves-connection img,
  .practice-grid img{
    height:230px;
  }
}



/* v24 full battles page */
.battles-hero{
  display:grid;
  grid-template-columns:minmax(420px,42%) minmax(0,58%);
  min-height:560px;
  background:var(--teal);
  color:#fff;
  border-bottom:5px solid var(--orange);
  align-items:center;
}
.battles-hero-copy{padding:58px clamp(24px,4vw,58px);}
.battles-hero h1{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(72px,8vw,128px);
  line-height:.86;
  text-transform:uppercase;
  margin:0 0 22px;
}
.battles-hero p{color:#eadcc8;font-size:20px;max-width:560px;font-weight:700;}
.battles-hero img{width:100%;height:500px;object-fit:cover;object-position:center;padding:34px 42px 34px 0;}
.battles-intro{background:var(--paper);padding:52px clamp(22px,5vw,70px);border-bottom:1px solid var(--line);}
.battles-lead{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;max-width:1120px;}
.battles-lead article,.quote-card.large{
  background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:24px;
}
.battles-lead h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(42px,5vw,70px);line-height:.9;text-transform:uppercase;margin:0 0 16px;}
.quote-card{display:flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;border-left:8px solid var(--orange);padding:24px;}
.quote-card strong{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(30px,4vw,48px);line-height:.96;text-transform:uppercase;display:block;}
.quote-card.inline{margin-top:18px;justify-content:flex-start;padding:18px 20px;}
.quote-card.inline strong{font-size:clamp(24px,3vw,36px);}
.battles-dual{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,42%);gap:36px;align-items:center;padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line);background:var(--cream);}
.battles-dual.reverse{background:var(--paper);}
.battles-copy h2,.battles-ending h2{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(46px,6vw,82px);line-height:.9;text-transform:uppercase;margin:0 0 18px;}
.battles-copy p,.battles-lead p,.battles-ending p{color:var(--muted);font-weight:700;line-height:1.65;}
.battles-dual img{width:100%;height:430px;object-fit:cover;box-shadow:0 18px 36px rgba(6,31,34,.14);border:1px solid var(--line);border-top:4px solid var(--orange);}
.battles-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:54px clamp(22px,5vw,70px);background:var(--paper);border-bottom:1px solid var(--line);}
.battles-grid article{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);overflow:hidden;}
.battles-grid img{width:100%;height:270px;object-fit:cover;}
.battles-grid article>div{padding:22px;}
.battles-grid h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(34px,4vw,54px);line-height:.92;text-transform:uppercase;margin:0 0 14px;}
.battles-grid p,.battles-grid ul{color:var(--muted);font-weight:700;line-height:1.6;}
.battles-grid ul{padding-left:20px;columns:2;}
@media(max-width:1100px){
  .battles-hero,.battles-lead,.battles-dual,.battles-grid{grid-template-columns:1fr;}
  .battles-hero img{height:420px;padding:0 clamp(22px,5vw,58px) 36px;}
  .battles-dual img{height:360px;}
}
@media(max-width:760px){
  .battles-hero{min-height:auto;}
  .battles-hero-copy{padding:40px 20px 24px;}
  .battles-hero h1{font-size:58px;}
  .battles-hero p{font-size:17px;}
  .battles-hero img{height:280px;padding:0 20px 30px;}
  .battles-intro,.battles-dual,.battles-grid{padding:34px 18px;}
  .battles-lead h3,.battles-copy h2,.battles-ending h2{font-size:38px;}
  .quote-card strong{font-size:30px;}
  .quote-card.inline strong{font-size:24px;}
  .battles-dual img,.battles-grid img{height:230px;}
  .battles-grid ul{columns:1;}
}


/* v25 gestures page */
.gestures-hero{display:grid;grid-template-columns:minmax(420px,42%) minmax(0,58%);min-height:560px;background:var(--teal);color:#fff;border-bottom:5px solid var(--orange);align-items:center;}
.gestures-hero-copy{padding:58px clamp(24px,4vw,58px);}
.gestures-hero h1{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(72px,8vw,128px);line-height:.86;text-transform:uppercase;margin:0 0 22px;}
.gestures-hero p{color:#eadcc8;font-size:20px;max-width:560px;font-weight:700;}
.gestures-hero img{width:100%;height:500px;object-fit:cover;object-position:center;padding:34px 42px 34px 0;}
.moves-cta{padding:0 0 54px;background:var(--paper);}
.moves-cta-card{max-width:1120px;margin:0 clamp(22px,5vw,70px);background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:26px;}
.moves-cta-card h2{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(42px,6vw,64px);line-height:.92;text-transform:uppercase;margin:8px 0 12px;}
.moves-cta-card p{color:var(--muted);font-weight:700;max-width:760px;}
@media(max-width:1100px){.gestures-hero{grid-template-columns:1fr}.gestures-hero img{height:420px;padding:0 clamp(22px,5vw,58px) 36px;}}
@media(max-width:760px){.gestures-hero{min-height:auto}.gestures-hero-copy{padding:40px 20px 24px}.gestures-hero h1{font-size:58px}.gestures-hero p{font-size:17px}.gestures-hero img{height:280px;padding:0 20px 30px}.moves-cta-card{margin:0 18px;padding:22px}.moves-cta-card h2{font-size:34px}}



/* v26 full beginners page */
.beginners-hero{display:grid;grid-template-columns:minmax(420px,42%) minmax(0,58%);min-height:560px;background:var(--teal);color:#fff;border-bottom:5px solid var(--orange);align-items:center}
.beginners-hero-copy{padding:58px clamp(24px,4vw,58px)}
.beginners-hero h1{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(66px,7.5vw,118px);line-height:.86;text-transform:uppercase;margin:0 0 22px}
.beginners-hero p{color:#eadcc8;font-size:20px;max-width:560px;font-weight:700}
.beginners-hero img{width:100%;height:500px;object-fit:cover;object-position:center;padding:34px 42px 34px 0}
.beginners-intro{background:var(--paper);padding:52px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}
.beginners-lead{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:stretch;max-width:1120px}
.beginners-lead article,.beginners-lead aside{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:24px}
.beginners-lead h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(42px,5vw,70px);line-height:.9;text-transform:uppercase;margin:0 0 16px}
.beginners-lead p,.beginners-section p,.beginners-card-copy p,.practice-plan-grid li{color:var(--muted);font-weight:700;line-height:1.65}
.beginners-lead aside{background:var(--teal);color:#fff;display:flex;flex-direction:column;justify-content:center}
.beginners-lead aside strong{font-family:Impact,Arial Black,Arial,sans-serif;text-transform:uppercase;font-size:40px;line-height:.9;margin-bottom:14px}
.beginners-lead aside span{color:#eadcc8;font-weight:900}
.beginners-section,.beginners-card-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,42%);gap:36px;align-items:center;padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line);background:var(--cream)}
.beginners-section.reverse,.beginners-card-section.reverse{background:var(--paper)}
.beginners-section img,.beginners-card-section img{width:100%;height:430px;object-fit:cover;box-shadow:0 18px 36px rgba(6,31,34,.14);border:1px solid var(--line);border-top:4px solid var(--orange)}
.beginners-copy h2,.beginners-card-copy h2{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(46px,6vw,82px);line-height:.9;text-transform:uppercase;margin:0 0 18px}
.practice-idea{margin-top:20px;padding:18px;background:var(--paper);border-left:6px solid var(--orange)}
.practice-idea strong{display:block;color:var(--orange);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}
.practice-idea span{display:block;color:var(--muted);font-weight:800}
.combo-path{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}
.combo-path span{background:var(--teal);color:#fff;padding:10px 12px;font-weight:1000;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.combo-path i{color:var(--orange);font-style:normal;font-weight:1000}
.beginners-practice-plan{background:var(--paper);padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}
.practice-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.practice-plan-grid article{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:22px}
.practice-plan-grid h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(34px,4vw,52px);line-height:.92;text-transform:uppercase;margin:0 0 14px}
.practice-plan-grid ul{padding-left:19px;margin:0}
.beginners-avoid h2{color:#fff}
@media(max-width:1100px){.beginners-hero,.beginners-lead,.beginners-section,.beginners-card-section,.beginners-section.reverse,.beginners-card-section.reverse,.practice-plan-grid{grid-template-columns:1fr}.beginners-hero img{height:420px;padding:0 clamp(22px,5vw,58px) 36px}.beginners-section img,.beginners-card-section img{height:360px}}
@media(max-width:760px){.beginners-hero{min-height:auto}.beginners-hero-copy{padding:40px 20px 24px}.beginners-hero h1{font-size:54px}.beginners-hero p{font-size:17px}.beginners-hero img{height:280px;padding:0 20px 30px}.beginners-intro,.beginners-section,.beginners-card-section,.beginners-practice-plan{padding:34px 18px}.beginners-lead h3,.beginners-copy h2,.beginners-card-copy h2{font-size:38px}.beginners-section img,.beginners-card-section img{height:230px}.combo-path{gap:8px}.combo-path span{font-size:11px}}



/* v27 deep gestures page */
.gestures-deep-hero{
  display:grid;
  grid-template-columns:minmax(420px,42%) minmax(0,58%);
  min-height:560px;
  background:var(--teal);
  color:#fff;
  border-bottom:5px solid var(--orange);
  align-items:center;
}
.gestures-deep-copy{padding:58px clamp(24px,4vw,58px)}
.gestures-deep-copy h1{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(62px,7.2vw,112px);
  line-height:.86;
  text-transform:uppercase;
  margin:0 0 22px;
}
.gestures-deep-copy p{color:#eadcc8;font-size:20px;max-width:620px;font-weight:700}
.gestures-deep-hero img{
  width:100%;
  height:500px;
  object-fit:cover;
  object-position:center;
  padding:34px 42px 34px 0;
}
.gestures-deep-intro{
  background:var(--paper);
  padding:52px clamp(22px,5vw,70px);
  border-bottom:1px solid var(--line);
}
.gestures-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:24px;
  max-width:1120px;
}
.gestures-intro-grid article,.gestures-intro-grid aside{
  background:var(--cream);
  border:1px solid var(--line);
  border-top:4px solid var(--orange);
  padding:24px;
}
.gestures-intro-grid h3{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(42px,5vw,70px);
  line-height:.9;
  text-transform:uppercase;
  margin:0 0 16px;
}
.gestures-intro-grid p{color:var(--muted);font-weight:700;line-height:1.65}
.gestures-intro-grid aside{
  background:var(--teal);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.gestures-intro-grid aside strong{
  font-family:Impact,Arial Black,Arial,sans-serif;
  text-transform:uppercase;
  font-size:40px;
  line-height:.9;
  margin-bottom:14px;
}
.gestures-intro-grid aside span{color:#eadcc8;font-weight:900}
.gestures-poster{
  background:var(--cream);
  padding:34px clamp(22px,5vw,70px);
  border-bottom:1px solid var(--line);
}
.gestures-poster img{
  display:block;
  width:100%;
  max-width:1280px;
  margin:0 auto;
  border:1px solid var(--line);
  border-top:4px solid var(--orange);
  box-shadow:0 18px 36px rgba(6,31,34,.10);
}
.gestures-list{
  background:var(--paper);
  padding:54px clamp(22px,5vw,70px);
  border-bottom:1px solid var(--line);
}
.gesture-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.gesture-card{
  display:grid;
  grid-template-columns:96px 260px minmax(0,1fr);
  background:var(--cream);
  border:1px solid var(--line);
  border-top:4px solid var(--orange);
  overflow:hidden;
}
.gesture-number{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:54px;
  color:var(--orange);
  padding:20px 12px;
  text-align:center;
  border-right:1px solid var(--line);
}
.gesture-card img{
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  border-right:1px solid var(--line);
}
.gesture-card-body{padding:20px}
.gesture-card-body h3{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(30px,3vw,44px);
  line-height:.92;
  text-transform:uppercase;
  margin:0 0 10px;
}
.gesture-card-body p{
  color:var(--muted);
  font-weight:700;
  line-height:1.55;
}
.gesture-short{
  color:var(--teal)!important;
  font-weight:1000!important;
}
.gesture-context{
  margin-top:16px;
  padding:14px;
  background:var(--paper);
  border-left:5px solid var(--orange);
}
.gesture-context strong{
  display:block;
  color:var(--orange);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  margin-bottom:6px;
}
.gesture-context span{
  display:block;
  color:var(--muted);
  font-weight:800;
  line-height:1.45;
}
.gestures-warning h2{color:#fff}
@media(max-width:1200px){
  .gesture-card-grid{grid-template-columns:1fr}
}
@media(max-width:1100px){
  .gestures-deep-hero,.gestures-intro-grid{grid-template-columns:1fr}
  .gestures-deep-hero img{height:420px;padding:0 clamp(22px,5vw,58px) 36px}
}
@media(max-width:760px){
  .gestures-deep-hero{min-height:auto}
  .gestures-deep-copy{padding:40px 20px 24px}
  .gestures-deep-copy h1{font-size:48px}
  .gestures-deep-copy p{font-size:17px}
  .gestures-deep-hero img{height:280px;padding:0 20px 30px}
  .gestures-deep-intro,.gestures-list,.gestures-poster{padding:34px 18px}
  .gestures-intro-grid h3{font-size:38px}
  .gesture-card{grid-template-columns:1fr}
  .gesture-number{text-align:left;border-right:0;border-bottom:1px solid var(--line);padding:14px 18px;font-size:42px}
  .gesture-card img{height:230px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}
}



/* v28 full kids page */
.kids-hero{display:grid;grid-template-columns:minmax(420px,42%) minmax(0,58%);min-height:560px;background:var(--teal);color:#fff;border-bottom:5px solid var(--orange);align-items:center}
.kids-hero-copy{padding:58px clamp(24px,4vw,58px)}
.kids-hero h1{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(66px,7.5vw,118px);line-height:.86;text-transform:uppercase;margin:0 0 22px}
.kids-hero p{color:#eadcc8;font-size:20px;max-width:560px;font-weight:700}
.kids-hero img{width:100%;height:500px;object-fit:cover;object-position:center;padding:34px 42px 34px 0}
.kids-intro{background:var(--paper);padding:52px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}
.kids-lead{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;max-width:1120px}
.kids-lead article,.kids-lead aside{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:24px}
.kids-lead h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(42px,5vw,70px);line-height:.9;text-transform:uppercase;margin:0 0 16px}
.kids-lead p,.kids-card-copy p,.kids-game-grid p,.kids-class-structure p{color:var(--muted);font-weight:700;line-height:1.65}
.kids-lead aside{background:var(--teal);color:#fff;display:flex;flex-direction:column;justify-content:center}
.kids-lead aside strong{font-family:Impact,Arial Black,Arial,sans-serif;text-transform:uppercase;font-size:40px;line-height:.9;margin-bottom:14px}
.kids-lead aside span{color:#eadcc8;font-weight:900}
.kids-card-section{display:grid;grid-template-columns:minmax(360px,42%) minmax(0,1fr);gap:36px;align-items:center;padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line);background:var(--cream)}
.kids-card-section.reverse{grid-template-columns:minmax(0,1fr) minmax(360px,42%);background:var(--paper)}
.kids-card-section img{width:100%;height:430px;object-fit:cover;box-shadow:0 18px 36px rgba(6,31,34,.14);border:1px solid var(--line);border-top:4px solid var(--orange)}
.kids-card-copy h2,.kids-class-structure h2{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(46px,6vw,82px);line-height:.9;text-transform:uppercase;margin:0 0 18px}
.kid-note{margin-top:20px;padding:18px;background:var(--paper);border-left:6px solid var(--orange)}
.kid-note strong{display:block;color:var(--orange);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}
.kid-note span{display:block;color:var(--muted);font-weight:800;line-height:1.45}
.kids-games{background:var(--paper);padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}
.kids-games>img{display:block;width:100%;max-width:1180px;height:430px;object-fit:cover;margin:0 0 24px;border:1px solid var(--line);border-top:4px solid var(--orange);box-shadow:0 18px 36px rgba(6,31,34,.14)}
.kids-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kids-game-grid article{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:20px}
.kids-game-grid h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(26px,3vw,38px);line-height:.92;text-transform:uppercase;margin:0 0 10px}
.kids-class-structure{background:var(--teal);color:#fff;padding:54px clamp(22px,5vw,70px);border-bottom:5px solid var(--orange)}
.kids-class-structure h2{color:#fff}
.kids-timeline{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.kids-timeline span{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#eadcc8;padding:12px 14px;font-weight:1000;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
@media(max-width:1100px){.kids-hero,.kids-lead,.kids-card-section,.kids-card-section.reverse,.kids-game-grid{grid-template-columns:1fr}.kids-hero img{height:420px;padding:0 clamp(22px,5vw,58px) 36px}.kids-card-section img,.kids-games>img{height:360px}}
@media(max-width:760px){.kids-hero{min-height:auto}.kids-hero-copy{padding:40px 20px 24px}.kids-hero h1{font-size:54px}.kids-hero p{font-size:17px}.kids-hero img{height:280px;padding:0 20px 30px}.kids-intro,.kids-card-section,.kids-card-section.reverse,.kids-games,.kids-class-structure{padding:34px 18px}.kids-lead h3,.kids-card-copy h2,.kids-class-structure h2{font-size:38px}.kids-card-section img,.kids-games>img{height:230px}.kids-timeline span{width:100%}}



/* v29 full music page */
.music-hero{display:grid;grid-template-columns:minmax(420px,42%) minmax(0,58%);min-height:560px;background:var(--teal);color:#fff;border-bottom:5px solid var(--orange);align-items:center}
.music-hero-copy{padding:58px clamp(24px,4vw,58px)}
.music-hero h1{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(72px,8vw,128px);line-height:.86;text-transform:uppercase;margin:0 0 22px}
.music-hero p{color:#eadcc8;font-size:20px;max-width:560px;font-weight:700}
.music-hero img{width:100%;height:500px;object-fit:cover;object-position:center;padding:34px 42px 34px 0}
.music-intro{background:var(--paper);padding:52px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}
.music-lead{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;max-width:1120px}
.music-lead article,.music-lead aside{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:24px}
.music-lead h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(42px,5vw,70px);line-height:.9;text-transform:uppercase;margin:0 0 16px}
.music-lead p,.music-card-copy p,.music-feeling p,.music-ending p{color:var(--muted);font-weight:700;line-height:1.65}
.music-lead aside{background:var(--teal);color:#fff;display:flex;flex-direction:column;justify-content:center}
.music-lead aside strong{font-family:Impact,Arial Black,Arial,sans-serif;text-transform:uppercase;font-size:40px;line-height:.9;margin-bottom:14px}
.music-lead aside span{color:#eadcc8;font-weight:900}
.music-card-section{display:grid;grid-template-columns:minmax(360px,42%) minmax(0,1fr);gap:36px;align-items:center;padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line);background:var(--cream)}
.music-card-section.reverse{grid-template-columns:minmax(0,1fr) minmax(360px,42%);background:var(--paper)}
.music-card-section img{width:100%;height:430px;object-fit:cover;box-shadow:0 18px 36px rgba(6,31,34,.14);border:1px solid var(--line);border-top:4px solid var(--orange)}
.music-card-copy h2,.music-feeling h2,.music-ending h2{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(46px,6vw,82px);line-height:.9;text-transform:uppercase;margin:0 0 18px}
.music-chip-list{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.music-chip-list span{background:var(--teal);color:#fff;padding:10px 12px;font-weight:1000;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.music-chip-list.light span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#eadcc8}
.music-movement{background:var(--paper);padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}
.music-movement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.music-movement-grid article{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:20px}
.music-movement-grid h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(28px,3vw,42px);line-height:.92;text-transform:uppercase;margin:0 0 10px}
.music-movement-grid p{color:var(--muted);font-weight:700;line-height:1.55}
.music-flow,.music-practice-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:center}
.music-flow span,.music-practice-steps span{background:var(--teal);color:#fff;padding:10px 12px;font-weight:1000;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.music-flow i{color:var(--orange);font-style:normal;font-weight:1000}
.music-feeling{background:var(--teal);color:#fff;padding:54px clamp(22px,5vw,70px);border-bottom:5px solid var(--orange)}
.music-feeling h2,.music-ending h2{color:#fff}
.music-feeling p,.music-ending p{color:#eadcc8}
@media(max-width:1100px){.music-hero,.music-lead,.music-card-section,.music-card-section.reverse,.music-movement-grid{grid-template-columns:1fr}.music-hero img{height:420px;padding:0 clamp(22px,5vw,58px) 36px}.music-card-section img{height:360px}}
@media(max-width:760px){.music-hero{min-height:auto}.music-hero-copy{padding:40px 20px 24px}.music-hero h1{font-size:58px}.music-hero p{font-size:17px}.music-hero img{height:280px;padding:0 20px 30px}.music-intro,.music-card-section,.music-card-section.reverse,.music-movement,.music-feeling{padding:34px 18px}.music-lead h3,.music-card-copy h2,.music-feeling h2,.music-ending h2{font-size:38px}.music-card-section img{height:230px}.music-flow span,.music-practice-steps span{width:100%}.music-flow i{display:none}}



/* v30 bboy bgirl page */
.bbg-hero{display:grid;grid-template-columns:minmax(420px,42%) minmax(0,58%);min-height:560px;background:var(--teal);color:#fff;border-bottom:5px solid var(--orange);align-items:center}
.bbg-hero-copy{padding:58px clamp(24px,4vw,58px)}.bbg-hero h1{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(62px,7.5vw,118px);line-height:.86;text-transform:uppercase;margin:0 0 22px}.bbg-hero p{color:#eadcc8;font-size:20px;max-width:560px;font-weight:700}.bbg-hero img{width:100%;height:500px;object-fit:cover;object-position:center;padding:34px 42px 34px 0}
.bbg-intro{background:var(--paper);padding:52px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}.bbg-lead{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;max-width:1120px}.bbg-lead article,.bbg-lead aside{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:24px}.bbg-lead h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(42px,5vw,70px);line-height:.9;text-transform:uppercase;margin:0 0 16px}.bbg-lead p,.bbg-card-copy p,.bbg-traditions p,.bbg-modern p,.bbg-global p{color:var(--muted);font-weight:700;line-height:1.65}.bbg-lead aside{background:var(--teal);color:#fff;display:flex;flex-direction:column;justify-content:center}.bbg-lead aside strong{font-family:Impact,Arial Black,Arial,sans-serif;text-transform:uppercase;font-size:40px;line-height:.9;margin-bottom:14px}.bbg-lead aside span{color:#eadcc8;font-weight:900}
.bbg-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--cream);padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}.bbg-two-cards article{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--orange);padding:24px}.bbg-number{font-family:Impact,Arial Black,Arial,sans-serif;color:var(--orange);font-size:54px;line-height:1}.bbg-two-cards h2,.bbg-card-copy h2,.bbg-traditions h2,.bbg-modern h2,.bbg-global-copy h2{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(42px,5.5vw,78px);line-height:.9;text-transform:uppercase;margin:10px 0 18px}.bbg-two-cards p{color:var(--muted);font-weight:700;line-height:1.65}
.bbg-card-section{display:grid;grid-template-columns:minmax(360px,42%) minmax(0,1fr);gap:36px;align-items:center;padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line);background:var(--paper)}.bbg-card-section.reverse{grid-template-columns:minmax(0,1fr) minmax(360px,42%);background:var(--cream)}.bbg-card-section img,.bbg-global img{width:100%;height:430px;object-fit:cover;box-shadow:0 18px 36px rgba(6,31,34,.14);border:1px solid var(--line);border-top:4px solid var(--orange)}
.bbg-term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.bbg-term-grid span{background:var(--teal);color:#fff;padding:14px;display:block}.bbg-term-grid b{display:block;text-transform:uppercase;font-size:14px}.bbg-term-grid small{display:block;color:#eadcc8;font-weight:800;margin-top:6px;line-height:1.35}
.bbg-traditions{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,42%);gap:36px;align-items:center;background:var(--teal);color:#fff;padding:54px clamp(22px,5vw,70px);border-bottom:5px solid var(--orange)}.bbg-traditions h2{color:#fff}.bbg-traditions p{color:#eadcc8}.bbg-traditions img{width:100%;height:460px;object-fit:cover;border:1px solid rgba(255,255,255,.18);border-top:4px solid var(--orange);box-shadow:0 18px 36px rgba(0,0,0,.20)}
.bbg-modern{background:var(--paper);padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}.bbg-modern-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:22px}.bbg-modern-grid article{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:18px}.bbg-modern-grid h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(26px,3vw,38px);line-height:.92;text-transform:uppercase;margin:0 0 10px}
.bbg-global{display:grid;grid-template-columns:minmax(360px,42%) minmax(0,1fr);gap:36px;align-items:center;background:var(--cream);padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}
@media(max-width:1180px){.bbg-modern-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.bbg-hero,.bbg-lead,.bbg-two-cards,.bbg-card-section,.bbg-card-section.reverse,.bbg-traditions,.bbg-global{grid-template-columns:1fr}.bbg-hero img{height:420px;padding:0 clamp(22px,5vw,58px) 36px}.bbg-card-section img,.bbg-global img,.bbg-traditions img{height:360px}.bbg-term-grid{grid-template-columns:1fr}}@media(max-width:760px){.bbg-hero{min-height:auto}.bbg-hero-copy{padding:40px 20px 24px}.bbg-hero h1{font-size:50px}.bbg-hero p{font-size:17px}.bbg-hero img{height:280px;padding:0 20px 30px}.bbg-intro,.bbg-two-cards,.bbg-card-section,.bbg-card-section.reverse,.bbg-traditions,.bbg-modern,.bbg-global{padding:34px 18px}.bbg-lead h3,.bbg-two-cards h2,.bbg-card-copy h2,.bbg-traditions h2,.bbg-modern h2,.bbg-global-copy h2{font-size:38px}.bbg-card-section img,.bbg-global img,.bbg-traditions img{height:230px}.bbg-modern-grid{grid-template-columns:1fr}}



/* v31 glossary page */
.glossary-hero{display:grid;grid-template-columns:minmax(420px,42%) minmax(0,58%);min-height:560px;background:var(--teal);color:#fff;border-bottom:5px solid var(--orange);align-items:center}.glossary-hero-copy{padding:58px clamp(24px,4vw,58px)}.glossary-hero h1{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(66px,7.5vw,118px);line-height:.86;text-transform:uppercase;margin:0 0 22px}.glossary-hero p{color:#eadcc8;font-size:20px;max-width:620px;font-weight:700}.glossary-hero img{width:100%;height:500px;object-fit:cover;object-position:center;padding:34px 42px 34px 0}
.glossary-intro{background:var(--paper);padding:52px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}.glossary-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;max-width:1120px}.glossary-intro-grid article,.glossary-intro-grid aside{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:24px}.glossary-intro-grid h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(42px,5vw,70px);line-height:.9;text-transform:uppercase;margin:0 0 16px}.glossary-intro-grid p,.glossary-term p,.glossary-ending p{color:var(--muted);font-weight:700;line-height:1.65}.glossary-intro-grid aside{background:var(--teal);color:#fff;display:flex;flex-direction:column;justify-content:center}.glossary-intro-grid aside strong{font-family:Impact,Arial Black,Arial,sans-serif;text-transform:uppercase;font-size:40px;line-height:.9;margin-bottom:14px}.glossary-intro-grid aside span{color:#eadcc8;font-weight:900}
.glossary-index{background:var(--cream);padding:34px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}.glossary-index-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.glossary-index-links a{background:var(--teal);color:#fff;text-decoration:none;padding:12px 14px;font-weight:1000;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.glossary-category{background:var(--paper);padding:54px clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}.glossary-category:nth-of-type(even){background:var(--cream)}.glossary-category-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:end;margin-bottom:24px}.glossary-category-head h2{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(48px,6vw,86px);line-height:.9;text-transform:uppercase;margin:8px 0 0}.glossary-category-head img{width:100%;height:220px;object-fit:cover;border:1px solid var(--line);border-top:4px solid var(--orange);box-shadow:0 18px 36px rgba(6,31,34,.10)}.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.glossary-term{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);padding:20px}.glossary-category:nth-of-type(even) .glossary-term{background:var(--paper)}.glossary-term-illustration{display:block;width:100%;height:200px;object-fit:cover;border:1px solid var(--line);margin:0 0 16px;box-shadow:0 10px 20px rgba(6,31,34,.08);background:#efe5d3}.glossary-term h3{font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(28px,3vw,42px);line-height:.92;text-transform:uppercase;margin:0 0 10px}.glossary-term a{display:inline-block;margin-top:12px;color:var(--orange);font-weight:1000;text-transform:uppercase;text-decoration:none;font-size:12px;letter-spacing:.06em}.glossary-ending h2{color:#fff}
@media(max-width:1100px){.glossary-hero,.glossary-intro-grid,.glossary-category-head,.glossary-grid{grid-template-columns:1fr}.glossary-hero img{height:420px;padding:0 clamp(22px,5vw,58px) 36px}.glossary-category-head img{height:300px}.glossary-term-illustration{height:240px}}@media(max-width:760px){.glossary-hero{min-height:auto}.glossary-hero-copy{padding:40px 20px 24px}.glossary-hero h1{font-size:52px}.glossary-hero p{font-size:17px}.glossary-hero img{height:280px;padding:0 20px 30px}.glossary-intro,.glossary-index,.glossary-category{padding:34px 18px}.glossary-intro-grid h3,.glossary-category-head h2,.glossary-ending h2{font-size:38px}.glossary-category-head img{height:220px}.glossary-term-illustration{height:200px}.glossary-index-links a{width:100%;text-align:center}}



/* v32 gestures CSS fix */

/* Hero image and poster must show fully, no crop */
.gestures-deep-hero{
  overflow:visible!important;
}
.gestures-deep-hero img{
  width:100%!important;
  height:auto!important;
  max-height:560px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:var(--teal)!important;
  padding:34px 42px 34px 0!important;
}
.gestures-poster{
  overflow:visible!important;
}
.gestures-poster img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:top center!important;
  display:block!important;
}

/* Individual gesture cards: show the whole gesture thumbnail instead of a cropped poster fragment */
.gesture-card{
  align-items:stretch!important;
}
.gesture-card img{
  width:100%!important;
  height:100%!important;
  min-height:260px!important;
  max-height:340px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#f3efe3!important;
  padding:10px!important;
  box-sizing:border-box!important;
}

/* Keep gesture card text readable and card layout stable */
.gesture-card-body{
  min-width:0!important;
}
.gesture-card-body p{
  overflow-wrap:break-word!important;
}

/* Mobile fix from previous instruction: no cropped gesture hero/poster/cards */
@media(max-width:1100px){
  .gestures-deep-hero img{
    max-height:none!important;
    padding:0 clamp(22px,5vw,58px) 36px!important;
  }
}
@media(max-width:760px){
  .gestures-deep-hero img{
    height:auto!important;
    max-height:none!important;
    padding:0 20px 30px!important;
  }
  .gestures-poster img{
    height:auto!important;
    max-height:none!important;
  }
  .gesture-card img{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}



/* v33 section image alignment fix */
.battle-card-section img,
.battles-card-section img,
.battle-section img,
.battles-section img,
.music-card-section img,
.bbg-card-section img,
.kids-card-section img,
.beginners-card-section img{
  object-position:center center;
}

/* For text/poster-style images, always show full image */
img[src*="guide"],
img[src*="poster"],
img[src*="glossary"],
img[src*="gesture-thumb"]{
  object-fit:contain!important;
  background:#f3efe3;
}

/* Battles section semantic image treatment */
img[src*="battle-music-musicality"],
img[src*="battle-etiquette-respect"],
img[src*="battle-crew-representation"],
img[src*="battle-judging-focus"],
img[src*="battle-cypher-vs-battle"],
img[src*="battle-response-strategy"],
img[src*="battle-community"]{
  object-fit:cover;
  object-position:center center;
}



/* v34 download fix */
.bbg-hero img,
.gestures-deep-hero img,
.gestures-poster img{
  object-fit:contain!important;
  object-position:center center!important;
  height:auto!important;
  max-height:none!important;
}
.bbg-hero,
.gestures-deep-hero,
.gestures-poster{
  overflow:visible!important;
}
.moves-section,
.moves-card-section,
.move-section,
.battle-card-section,
.battles-card-section,
.beginners-card-section,
.kids-card-section,
.music-card-section,
.bbg-card-section{
  align-items:stretch!important;
}
.moves-copy,
.moves-card-copy,
.move-copy,
.battle-card-copy,
.battles-card-copy,
.beginners-card-copy,
.kids-card-copy,
.music-card-copy,
.bbg-card-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.scene-note,
.practice-idea,
.kid-note,
.gesture-context{
  margin-top:22px!important;
}
img[src*="guide"],
img[src*="poster"],
img[src*="glossary"],
img[src*="gesture-thumb"],
img[src*="bboy-bgirl-hero"]{
  object-fit:contain!important;
  background:#f3efe3;
}
@media(max-width:760px){
  .bbg-hero img,
  .gestures-deep-hero img,
  .gestures-poster img{
    height:auto!important;
    max-height:none!important;
  }
}



/* v35 master visual + alignment correction */

/* B-Boy & B-Girl hero title: controlled line break */
.bbg-hero h1 span{
  display:block;
}
.bbg-hero h1{
  max-width:760px;
}

/* Avoid hero text title accidental bad wrapping */
.bbg-hero-copy,
.glossary-hero-copy,
.music-hero-copy,
.kids-hero-copy,
.gestures-deep-copy{
  min-width:0;
}

/* All article image/text rows: top-align, not center-align */
.moves-section,
.moves-card-section,
.move-section,
.battle-card-section,
.battles-card-section,
.beginners-card-section,
.kids-card-section,
.music-card-section,
.bbg-card-section{
  align-items:start!important;
}

/* Text columns start at same top position as image */
.moves-copy,
.moves-card-copy,
.move-copy,
.battle-card-copy,
.battles-card-copy,
.beginners-card-copy,
.kids-card-copy,
.music-card-copy,
.bbg-card-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-self:start!important;
  padding-top:0!important;
}

/* Images align to the same top baseline */
.moves-section > img,
.moves-card-section > img,
.move-section > img,
.battle-card-section > img,
.battles-card-section > img,
.beginners-card-section > img,
.kids-card-section > img,
.music-card-section > img,
.bbg-card-section > img{
  align-self:start!important;
  margin-top:0!important;
  object-position:center center!important;
}

/* Section-specific illustration SVGs and guide images: show full design */
img[src$=".svg"],
img[src*="guide"],
img[src*="poster"],
img[src*="glossary"],
img[src*="gesture-illu"],
img[src*="bboy-vs-breakdancer-language"],
img[src*="bboy-card-illustration"],
img[src*="bgirl-card-illustration"]{
  object-fit:contain!important;
  background:#f3efe3!important;
}

/* B-Boy / B-Girl first two cards now have illustrations */
.bbg-two-cards article{
  display:flex!important;
  flex-direction:column!important;
}
.bbg-card-illu{
  width:100%!important;
  height:260px!important;
  object-fit:contain!important;
  border:1px solid var(--line);
  border-top:4px solid var(--orange);
  margin:12px 0 18px!important;
  background:#f3efe3!important;
}

/* Gesture cards: individual illustrations must be visible and not cropped */
.gesture-card img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#f3efe3!important;
  padding:12px!important;
  min-height:260px!important;
  max-height:340px!important;
  height:100%!important;
}

/* Scene notes stay attached to text but aligned consistently */
.scene-note,
.practice-idea,
.kid-note,
.gesture-context{
  margin-top:22px!important;
}

/* Keep long headings from breaking badly */
.bbg-card-copy h2,
.music-card-copy h2,
.kids-card-copy h2,
.moves-card-copy h2,
.battle-card-copy h2,
.battles-card-copy h2,
.beginners-card-copy h2{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

/* Hero poster images: show full image, no top crop */
.bbg-hero,
.gestures-deep-hero{
  overflow:visible!important;
}
.bbg-hero img,
.gestures-deep-hero img{
  object-fit:contain!important;
  object-position:center center!important;
  height:auto!important;
  max-height:560px!important;
  background:var(--teal)!important;
}
.gestures-poster img{
  object-fit:contain!important;
  height:auto!important;
  max-height:none!important;
  object-position:top center!important;
}

/* Desktop article rows: make the sections feel more editorial and balanced */
@media(min-width:1101px){
  .moves-section,
  .moves-card-section,
  .move-section,
  .battle-card-section,
  .battles-card-section,
  .beginners-card-section,
  .kids-card-section,
  .music-card-section,
  .bbg-card-section{
    gap:40px!important;
  }

  .moves-section > img,
  .moves-card-section > img,
  .move-section > img,
  .battle-card-section > img,
  .battles-card-section > img,
  .beginners-card-section > img,
  .kids-card-section > img,
  .music-card-section > img,
  .bbg-card-section > img{
    min-height:360px!important;
    max-height:460px!important;
  }
}

/* Mobile keeps natural stacking */
@media(max-width:1100px){
  .bbg-hero img,
  .gestures-deep-hero img{
    max-height:none!important;
  }
  .bbg-card-illu{
    height:230px!important;
  }
}
@media(max-width:760px){
  .bbg-hero h1{
    font-size:48px!important;
  }
  .bbg-card-illu{
    height:210px!important;
  }
  .gesture-card img{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}



/* v36 final corrections */

/* Practice Idea must look like a full note box, not only a side line */
.practice-idea{
  background:var(--cream)!important;
  border:1px solid var(--line)!important;
  border-left:8px solid var(--orange)!important;
  border-top:4px solid var(--orange)!important;
  padding:18px 20px!important;
  box-shadow:0 12px 24px rgba(6,31,34,.08)!important;
  margin-top:22px!important;
}
.practice-idea strong{
  display:block!important;
  color:var(--orange)!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:12px!important;
  margin-bottom:8px!important;
}
.practice-idea span{
  display:block!important;
  color:var(--muted)!important;
  font-weight:800!important;
  line-height:1.5!important;
}

/* Real original B-Boy / B-Girl card illustrations */
.bbg-card-illu{
  width:100%!important;
  height:300px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:1px solid var(--line)!important;
  border-top:4px solid var(--orange)!important;
  margin:14px 0 20px!important;
  background:#f3efe3!important;
}

/* Battle gesture 01-08 originals: show them as clear illustrations */
.gesture-card img[src*="gesture-original"]{
  object-fit:cover!important;
  object-position:center center!important;
  background:#f3efe3!important;
  padding:0!important;
  min-height:300px!important;
  max-height:360px!important;
}

/* DMCA / Corrections footer block */
.site-dmca-notice{
  grid-column:1 / -1;
  margin-top:18px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.16);
  border-left:6px solid var(--orange);
  background:rgba(255,255,255,.06);
}
.site-dmca-notice strong{
  display:block;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  margin-bottom:6px;
}
.site-dmca-notice p{
  margin:0;
  color:#eadcc8;
  font-weight:700;
  line-height:1.45;
}
.site-dmca-notice a{
  color:#fff;
  font-weight:900;
  text-decoration:underline;
}

/* DMCA page */
.dmca-page{
  padding:70px clamp(22px,6vw,90px);
  background:var(--paper);
  min-height:70vh;
}
.dmca-page h1{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(52px,7vw,96px);
  line-height:.9;
  text-transform:uppercase;
  margin:10px 0 20px;
}
.dmca-page h2{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(34px,4vw,56px);
  text-transform:uppercase;
  margin:28px 0 12px;
}
.dmca-page p{
  color:var(--muted);
  font-weight:700;
  line-height:1.65;
  max-width:900px;
}
.dmca-contact-box{
  display:inline-flex;
  flex-direction:column;
  gap:6px;
  margin:20px 0;
  padding:18px 22px;
  background:var(--teal);
  color:#fff;
  border-left:8px solid var(--orange);
}
.dmca-contact-box strong{
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:12px;
  color:#eadcc8;
}
.dmca-contact-box a{
  color:#fff;
  font-weight:1000;
  font-size:20px;
}

/* Mobile refinements */
@media(max-width:760px){
  .bbg-card-illu{
    height:230px!important;
  }
  .gesture-card img[src*="gesture-original"]{
    min-height:220px!important;
    max-height:none!important;
  }
  .site-dmca-notice{
    padding:14px;
  }
}



/* v38 gestures 09-13 + bboy/bgirl full image fix */

/* B-Boy/B-Girl meaning card illustrations: show the complete illustration, no top/bottom crop */
.bbg-card-illu,
.bbg-two-cards .bbg-card-illu,
.bbg-two-cards article img.bbg-card-illu{
  width:100%!important;
  height:360px!important;
  min-height:360px!important;
  max-height:420px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#f3efe3!important;
  padding:0!important;
  border:1px solid var(--line)!important;
  border-top:4px solid var(--orange)!important;
  margin:14px 0 22px!important;
  display:block!important;
}

/* Gesture originals: clear individual images. Use cover in cards but keep person centered. */
.gesture-card img[src*="gesture-original"]{
  width:100%!important;
  height:320px!important;
  min-height:320px!important;
  max-height:380px!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  background:#f3efe3!important;
  display:block!important;
}

/* 09-13 have one-person portrait style: keep the full body/person more centered */
.gesture-card img[src*="gesture-original-09"],
.gesture-card img[src*="gesture-original-10"],
.gesture-card img[src*="gesture-original-11"],
.gesture-card img[src*="gesture-original-12"],
.gesture-card img[src*="gesture-original-13"]{
  object-position:center center!important;
}

/* Mobile */
@media(max-width:760px){
  .bbg-card-illu,
  .bbg-two-cards .bbg-card-illu,
  .bbg-two-cards article img.bbg-card-illu{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .gesture-card img[src*="gesture-original"]{
    height:240px!important;
    min-height:240px!important;
    max-height:none!important;
  }
}



/* v41 breaking authority hub */
.authority-hero{
  display:grid;
  grid-template-columns:minmax(420px,42%) minmax(0,58%);
  min-height:610px;
  background:var(--teal);
  color:#fff;
  border-bottom:5px solid var(--orange);
  align-items:center;
}
.authority-hero-copy{padding:62px clamp(24px,4vw,62px)}
.authority-hero h1{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(58px,7vw,112px);
  line-height:.88;
  text-transform:uppercase;
  margin:0 0 22px;
  max-width:760px;
}
.authority-hero p{
  color:#eadcc8;
  font-size:19px;
  line-height:1.55;
  max-width:690px;
  font-weight:800;
}
.authority-hero img{
  width:100%;
  height:540px;
  object-fit:cover;
  object-position:center center;
  padding:34px 42px 34px 0;
}
.authority-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:24px;
  padding:54px clamp(22px,5vw,70px);
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.authority-summary h2,
.authority-featured h2,
.authority-editorial h2{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(46px,6vw,86px);
  line-height:.9;
  text-transform:uppercase;
  margin:10px 0 18px;
}
.authority-summary p,
.authority-featured p,
.authority-editorial p,
.authority-card p{
  color:var(--muted);
  font-weight:750;
  line-height:1.65;
}
.authority-summary aside{
  background:var(--teal);
  color:#fff;
  border-left:8px solid var(--orange);
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.authority-summary aside strong{
  font-family:Impact,Arial Black,Arial,sans-serif;
  text-transform:uppercase;
  font-size:38px;
  line-height:.95;
  margin-bottom:12px;
}
.authority-summary aside span{color:#eadcc8;font-weight:900}
.authority-guides{
  padding:54px clamp(22px,5vw,70px);
  background:var(--cream);
  border-bottom:1px solid var(--line);
}
.authority-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.authority-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-top:5px solid var(--orange);
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
}
.authority-card img{
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.authority-card-copy{padding:20px}
.authority-card-copy span{
  color:var(--orange);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:1000;
}
.authority-card h3{
  font-family:Impact,Arial Black,Arial,sans-serif;
  font-size:clamp(30px,3.2vw,46px);
  line-height:.9;
  text-transform:uppercase;
  margin:10px 0;
}
.authority-card a{
  display:inline-block;
  margin-top:auto;
  color:var(--orange);
  font-weight:1000;
  text-decoration:none;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.07em;
}
.authority-featured{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:28px;
  align-items:center;
  padding:54px clamp(22px,5vw,70px);
  background:var(--teal);
  color:#fff;
  border-bottom:5px solid var(--orange);
}
.authority-featured h2{color:#fff}
.authority-featured p{color:#eadcc8}
.authority-path{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.authority-path a{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  text-decoration:none;
  padding:14px 16px;
  font-weight:1000;
  text-transform:uppercase;
}
.authority-questions{
  padding:54px clamp(22px,5vw,70px);
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.authority-editorial{
  padding:54px clamp(22px,5vw,70px);
  background:var(--cream);
  border-bottom:1px solid var(--line);
}
.authority-editorial a{color:var(--orange);font-weight:1000}
@media(max-width:1100px){
  .authority-hero,
  .authority-summary,
  .authority-grid,
  .authority-featured{grid-template-columns:1fr}
  .authority-hero img{height:420px;padding:0 clamp(22px,5vw,58px) 36px}
}
@media(max-width:760px){
  .authority-hero{min-height:auto}
  .authority-hero-copy{padding:40px 20px 24px}
  .authority-hero h1{font-size:48px}
  .authority-hero p{font-size:16px}
  .authority-hero img{height:280px;padding:0 20px 30px}
  .authority-summary,
  .authority-guides,
  .authority-featured,
  .authority-questions,
  .authority-editorial{padding:34px 18px}
  .authority-card img{height:210px}
  .authority-summary h2,
  .authority-featured h2,
  .authority-editorial h2{font-size:38px}
}



/* v42 homepage card image selection fix */
.authority-card img{
  object-position:center center!important;
}
.authority-card:nth-child(8) img,
.authority-card:nth-child(9) img{
  object-fit:cover!important;
  object-position:center center!important;
}



/* v43 gesture card equal image sizing fix */
.gesture-card-grid{
  align-items:stretch!important;
}
.gesture-card{
  grid-template-columns:96px 280px minmax(0,1fr)!important;
  align-items:stretch!important;
  min-height:360px!important;
}
.gesture-card > img{
  width:280px!important;
  height:280px!important;
  min-width:280px!important;
  max-width:280px!important;
  min-height:280px!important;
  max-height:280px!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  align-self:start!important;
  background:#111!important;
  border-right:1px solid var(--line)!important;
}
.gesture-card-body{
  min-height:320px!important;
  display:flex!important;
  flex-direction:column!important;
}
.gesture-context{
  margin-top:auto!important;
}
/* Keep the number column visually balanced */
.gesture-number{
  min-height:280px!important;
}
@media(max-width:1100px){
  .gesture-card{
    grid-template-columns:82px 240px minmax(0,1fr)!important;
  }
  .gesture-card > img{
    width:240px!important;
    height:240px!important;
    min-width:240px!important;
    max-width:240px!important;
    min-height:240px!important;
    max-height:240px!important;
  }
}
@media(max-width:760px){
  .gesture-card{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .gesture-number{
    min-height:0!important;
  }
  .gesture-card > img{
    width:100%!important;
    height:260px!important;
    min-width:0!important;
    max-width:none!important;
    min-height:260px!important;
    max-height:260px!important;
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  .gesture-card-body{
    min-height:0!important;
  }
}



/* v44 music breakbeat static layout fix */
.breakbeat-static-section{
  display:grid!important;
  grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
  gap:clamp(28px,4vw,56px)!important;
  align-items:start!important;
  padding:70px clamp(22px,5vw,70px)!important;
  background:var(--paper)!important;
  border-bottom:1px solid var(--line)!important;
}
.breakbeat-static-section .section-visual{
  width:100%!important;
}
.breakbeat-static-section .section-visual img{
  width:100%!important;
  height:430px!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  border-top:4px solid var(--orange)!important;
  background:#111!important;
}
.breakbeat-static-section .section-copy{
  padding:0!important;
  align-self:start!important;
}
.breakbeat-static-section .section-copy h2{
  font-family:Impact,Arial Black,Arial,sans-serif!important;
  font-size:clamp(54px,6vw,94px)!important;
  line-height:.88!important;
  text-transform:uppercase!important;
  margin:10px 0 24px!important;
}
.breakbeat-static-section .section-copy p{
  color:var(--muted)!important;
  font-weight:750!important;
  line-height:1.65!important;
}
.breakbeat-static-section .scene-note{
  margin-top:28px!important;
}
@media(max-width:980px){
  .breakbeat-static-section{
    grid-template-columns:1fr!important;
    padding:42px 20px!important;
  }
  .breakbeat-static-section .section-visual img{
    height:320px!important;
  }
}
@media(max-width:640px){
  .breakbeat-static-section .section-visual img{
    height:240px!important;
  }
  .breakbeat-static-section .section-copy h2{
    font-size:42px!important;
  }
}



/* v45 missing asset + stable card/layout fix */
.breakbeat-static-section{
  display:grid!important;
  grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
  gap:clamp(28px,4vw,56px)!important;
  align-items:start!important;
  padding:70px clamp(22px,5vw,70px)!important;
  background:var(--paper)!important;
  border-bottom:1px solid var(--line)!important;
}
.breakbeat-static-section .section-visual img{
  width:100%!important;
  height:430px!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  border-top:4px solid var(--orange)!important;
  background:#111!important;
}
.breakbeat-static-section .section-copy h2{
  font-family:Impact,Arial Black,Arial,sans-serif!important;
  font-size:clamp(54px,6vw,94px)!important;
  line-height:.88!important;
  text-transform:uppercase!important;
  margin:10px 0 24px!important;
}
.gesture-card{
  grid-template-columns:96px 280px minmax(0,1fr)!important;
  align-items:stretch!important;
  min-height:360px!important;
}
.gesture-card > img{
  width:280px!important;
  height:280px!important;
  min-width:280px!important;
  max-width:280px!important;
  min-height:280px!important;
  max-height:280px!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  align-self:start!important;
  background:#111!important;
  border-right:1px solid var(--line)!important;
}
.authority-card img[src*="bboy-bgirl-homepage-cypher-battle"]{
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:980px){
  .breakbeat-static-section{grid-template-columns:1fr!important;padding:42px 20px!important;}
  .breakbeat-static-section .section-visual img{height:320px!important;}
}
@media(max-width:760px){
  .breakbeat-static-section .section-visual img{height:240px!important;}
  .gesture-card{grid-template-columns:1fr!important;min-height:0!important;}
  .gesture-card > img{
    width:100%!important;height:260px!important;min-width:0!important;max-width:none!important;
    min-height:260px!important;max-height:260px!important;border-right:0!important;border-bottom:1px solid var(--line)!important;
  }
}



/* v46 correct B-Boy/B-Girl homepage card image */
.authority-card img[src*="urban_breakdance_battle_in_motion"]{
  width:100%!important;
  height:220px!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

/* v50 complete glossary illustration display fix */
.glossary-hero img{object-fit:contain!important;object-position:center center!important;background:var(--paper)!important;padding:clamp(18px,2vw,28px)!important;}
.glossary-category-head img{object-fit:cover!important;object-position:center center!important;}
.glossary-term{overflow:hidden!important;}
.glossary-term-illustration{width:calc(100% + 40px)!important;max-width:none!important;height:220px!important;object-fit:cover!important;object-position:center center!important;margin:-20px -20px 16px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:#efe5d3!important;box-shadow:none!important;}
@media(max-width:1100px){.glossary-term-illustration{width:calc(100% + 40px)!important;height:260px!important;}}
@media(max-width:760px){.glossary-term{padding:18px!important}.glossary-term-illustration{width:calc(100% + 36px)!important;height:220px!important;margin:-18px -18px 14px!important}.glossary-hero img{object-fit:contain!important;height:auto!important;max-height:none!important;padding:18px!important;}}



/* v51 unique subject illustration final fit */
.glossary-hero img{
  object-fit:contain!important;
  object-position:center center!important;
  background:var(--paper)!important;
  padding:clamp(14px,1.8vw,24px)!important;
}
.glossary-term{overflow:hidden!important;}
.glossary-term-illustration{
  display:block!important;
  width:calc(100% + 40px)!important;
  max-width:none!important;
  height:220px!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:-20px -20px 16px!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  background:#efe5d3!important;
}
@media(max-width:1100px){
  .glossary-term-illustration{height:250px!important;}
}
@media(max-width:760px){
  .glossary-term{padding:18px!important;}
  .glossary-term-illustration{
    width:calc(100% + 36px)!important;
    height:220px!important;
    margin:-18px -18px 14px!important;
  }
}