:root{
  --black:#050505;--black-2:#0e0e0e;--red:#c80f18;--red-dark:#8b0710;
  --white:#fff;--light:#f6f6f6;--line:#ddd;--muted:#686868;--max:1500px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;font-family:Inter,Arial,sans-serif;color:#171717;background:#fff}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,.brand-title,.footer-title{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;line-height:.95}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.topbar{min-height:86px;background:#030303;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:9px clamp(20px,4vw,65px);position:sticky;top:0;z-index:50;border-bottom:1px solid #222}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand img{width:70px;height:70px;border-radius:50%;object-fit:cover}
.brand-title{font-size:clamp(1.7rem,2vw,2.45rem);color:var(--red);font-weight:700}
.brand-tagline{font-size:.62rem;font-weight:800;text-transform:uppercase;margin-top:5px}
.primary-nav{display:flex;gap:clamp(18px,2.3vw,37px);align-items:center}
.primary-nav a{text-decoration:none;text-transform:uppercase;font-family:"Barlow Condensed";font-weight:700;font-size:1rem;position:relative;padding:10px 0}
.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--red);transition:.2s}
.primary-nav a:hover:after,.primary-nav a.active:after{right:0}
.menu-toggle{display:none;background:transparent;border:0;padding:8px}
.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:#fff;margin:5px}

.hero{display:grid;grid-template-columns:42% 58%;min-height:560px;background:#070707;color:#fff;overflow:hidden}
.hero-copy{padding:80px 34px 65px clamp(34px,6vw,92px);align-self:center}
.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.75rem;margin:0 0 8px}
.hero h1{font-size:clamp(4.4rem,7vw,7.5rem);font-weight:900;margin:0 0 18px}
.hero h1 span{color:var(--red)}
.hero-text{font-size:clamp(1rem,1.25vw,1.22rem);max-width:510px;margin:0 0 24px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;text-decoration:none;text-transform:uppercase;font-family:"Barlow Condensed";font-weight:800;letter-spacing:.04em}
.button-outline{border:1px solid #fff;color:#fff}
.button-red{background:var(--red);color:#fff}
.hero-visual{position:relative;min-height:560px;background:linear-gradient(90deg,#111,#090909)}
.spider-mark{position:absolute;left:5%;top:8%;width:330px;height:330px;border-radius:50%;opacity:.23;background:radial-gradient(circle at center,#222 0 8%,transparent 9% 100%)}
.spider-mark:before,.spider-mark:after{content:"";position:absolute;inset:25%;border:22px solid #222;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(35deg)}
.spider-mark:after{transform:rotate(-35deg)}
.red-slash{position:absolute;inset:7% 8% 8% 14%;background:linear-gradient(105deg,transparent 0 12%,rgba(200,15,24,.96) 24% 76%,transparent 90%);transform:skewX(-12deg)}
.vertical-type{position:absolute;right:4%;top:11%;font-family:serif;font-size:4.6rem;color:#898989;opacity:.68;line-height:1.1;text-align:center}
.hero-photo{position:absolute;right:13%;bottom:0;width:55%;height:89%;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,6% 20%);background:linear-gradient(180deg,#252525,#111);border:1px solid #333}

.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ddd;padding:20px;background:repeating-linear-gradient(135deg,#181818,#181818 13px,#1d1d1d 13px,#1d1d1d 26px)}
.placeholder-title{font-family:"Barlow Condensed";font-size:1.55rem;font-weight:800;text-transform:uppercase}
.placeholder-copy{font-size:.77rem;color:#aaa;margin-top:7px}

.why-section{padding:54px clamp(25px,5vw,75px) 64px;background:#fff}
.section-heading{max-width:800px;margin:0 auto 34px}
.centered{text-align:center}
.section-heading h2{font-size:clamp(2.7rem,4.5vw,4.8rem);margin:4px 0 12px}
.section-heading p:last-child{color:#555;margin:0}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:var(--max);margin:auto}
.why-card{padding:26px 24px;border:1px solid #e4e4e4;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.06);text-align:center}
.icon-circle{width:72px;height:72px;border:2px solid var(--red);color:#111;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px}
.icon-circle svg{width:39px;height:39px}
.why-card h3{font-size:1.45rem;margin:0 0 9px}
.why-card p{font-size:.86rem;color:#454545;margin:0}

.instructor-section{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:70px clamp(28px,6vw,95px);background:#0a0a0a;color:#fff;position:relative;overflow:hidden}
.instructor-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 40%,rgba(200,15,24,.12),transparent 28%);pointer-events:none}
.instructor-copy{position:relative;z-index:1}
.instructor-copy h2{font-size:clamp(3rem,5vw,5.1rem);margin:7px 0 18px}
.instructor-copy p{max-width:690px;color:#ddd}
.instructor-quote{max-width:690px;margin:24px 0;padding:18px 20px;border-left:3px solid var(--red);background:rgba(255,255,255,.045);color:#fff;font-size:1rem;line-height:1.65;font-style:italic}
.instructor-qualifications{display:grid;gap:7px;max-width:690px;margin:24px 0 8px;padding-top:20px;border-top:1px solid #333;color:#ddd}
.instructor-qualifications strong{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.instructor-qualifications span{font-size:.9rem}
.signature{font-family:cursive;font-size:2rem;margin-top:24px}
.signature-sub{color:var(--red);font-weight:800;text-transform:uppercase;font-size:.78rem}
.instructor-photo{height:460px;border:1px solid #393939;position:relative;z-index:1;background:#111}

.programs-section{padding:64px clamp(25px,6vw,92px);background:#f7f7f7}
.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1180px;margin:auto}
.program-card{display:grid;grid-template-columns:46% 54%;background:#fff;border:1px solid #ddd;box-shadow:0 14px 36px rgba(0,0,0,.08);min-height:300px}
.program-photo{height:300px;border-right:1px solid #ddd;background:#111}
.program-content{padding:32px;align-self:center}
.program-kicker{color:var(--red);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.program-content h3{font-size:2.55rem;margin:6px 0 12px}
.program-content p{font-size:.9rem;line-height:1.55}
.program-content a{color:var(--red);font-weight:800;text-transform:uppercase;text-decoration:none;font-size:.77rem}

.schedule-section{background:#080808;color:#fff;display:grid;grid-template-columns:36% 64%;gap:35px;padding:44px clamp(28px,6vw,95px);align-items:center}
.schedule-intro h2{font-size:3.6rem;margin:5px 0 12px}
.schedule-intro p:last-child{color:#ddd}
.schedule-facts{display:grid;grid-template-columns:repeat(3,1fr)}
.fact{text-align:center;padding:18px 20px;border-left:1px solid #353535}
.fact:first-child{border-left:0}
.fact-icon{display:block;color:var(--red);font-size:2.25rem;margin-bottom:7px}
.fact strong{text-transform:uppercase;font-family:"Barlow Condensed";font-size:1.25rem}
.fact p{font-size:.86rem;color:#ddd}

.join-section{padding:60px clamp(28px,6vw,95px);background:linear-gradient(100deg,#fff 0 72%,#a0060f 72% 100%);display:grid;grid-template-columns:38% 62%;gap:45px;align-items:center}
.join-copy h2{font-size:3.8rem;margin:6px 0 14px}
.join-copy p{max-width:500px}
.join-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.join-grid article{background:#fff;border:1px solid #ddd;padding:24px;text-align:center;min-height:205px;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.mini-icon{width:54px;height:54px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;color:var(--red);font-size:1.6rem;font-weight:800}
.join-grid h3{font-size:1.35rem;margin:0 0 8px}
.join-grid p{font-size:.8rem;color:#555;margin:0}

.contact-section{background:#090909;color:#fff;display:grid;grid-template-columns:1.1fr .9fr .45fr;gap:34px;align-items:stretch;padding:52px clamp(28px,6vw,95px)}
.contact-copy h2{font-size:3.7rem;margin:6px 0 13px}
.contact-list{display:grid;gap:12px;margin-top:24px}
.contact-list span{display:block;color:var(--red);text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.1em}
.contact-list strong{font-size:.9rem}
.contact-list a{color:inherit;text-decoration:none;transition:color .2s ease}
.contact-list a:hover,.contact-list a:focus{color:var(--red)}
.photo-frame{padding:0;overflow:hidden;display:block;background:#111}
.photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.instructor-photo img{object-position:center top}
.program-card:first-child .program-photo img{object-position:center 24%}
.program-card:last-child .program-photo img{object-position:center 22%}
.map-embed{min-height:300px;border:1px solid #393939;position:relative;overflow:hidden;background:#111}
.map-embed iframe{display:block;width:100%;height:100%;min-height:300px;border:0;filter:grayscale(1) contrast(1.08)}
.map-link{position:absolute;right:12px;bottom:12px;background:#050505;color:#fff;border:1px solid rgba(255,255,255,.45);padding:9px 12px;text-decoration:none;text-transform:uppercase;font-family:"Barlow Condensed";font-weight:800;font-size:.72rem;letter-spacing:.04em}
.social-card{border-left:1px solid #333;padding-left:24px;display:flex;flex-direction:column;justify-content:center}
.social-row{display:flex;gap:10px}
.social-row a{width:38px;height:38px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;transition:color .2s ease,border-color .2s ease,transform .2s ease}
.social-row a:hover,.social-row a:focus-visible{color:#d71920;border-color:#d71920;transform:translateY(-2px)}
.social-row svg{width:18px;height:18px;display:block;fill:currentColor}

.footer{background:#030303;color:#fff;display:grid;grid-template-columns:1.45fr .8fr .75fr .65fr;gap:35px;padding:18px clamp(28px,5vw,78px);align-items:center;border-top:1px solid #272727}
.footer-brand{display:flex;gap:13px;align-items:center}
.footer-brand img{width:70px;height:70px;border-radius:50%;object-fit:cover}
.footer-title{color:var(--red);font-size:1.85rem}
.footer-brand small{font-size:.55rem;text-transform:uppercase}
.footer-links{display:flex;flex-direction:column}
.footer-links strong,.footer-hours strong{text-transform:uppercase;font-size:.76rem;margin-bottom:5px}
.footer-links a{font-size:.7rem;text-decoration:none;margin:1px 0}
.footer-hours p{font-size:.72rem;line-height:1.45;margin:0}
.footer-motto{color:var(--red);text-transform:uppercase;font-style:italic;font-weight:800;line-height:1.4}
.copyright{background:#030303;color:#999;border-top:1px solid #222;padding:7px clamp(28px,5vw,78px);display:flex;justify-content:space-between;font-size:.62rem}

@media(max-width:1050px){
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .program-grid{grid-template-columns:1fr}
  .schedule-section{grid-template-columns:1fr}
  .join-section{grid-template-columns:1fr;background:#fff}
  .contact-section{grid-template-columns:1fr 1fr}.social-card{grid-column:1/-1;border-left:0;padding-left:0}
  .footer{grid-template-columns:1.3fr 1fr 1fr}.footer-motto{display:none}
}
@media(max-width:790px){
  html{scroll-padding-top:76px}
  .topbar{min-height:76px;padding:8px 15px}
  .brand img{width:58px;height:58px}.brand-title{font-size:1.45rem}.brand-tagline{display:none}
  .menu-toggle{display:block}
  .primary-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#040404;padding:15px 20px;flex-direction:column;align-items:flex-start}
  .primary-nav.open{display:flex}
  .hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:50px 24px 38px}.hero h1{font-size:4.05rem}.hero-visual{min-height:400px}.hero-photo{right:9%;width:68%}.vertical-type{font-size:3.2rem}
  .why-grid{grid-template-columns:1fr}
  .instructor-section{grid-template-columns:1fr}
  .program-card{grid-template-columns:1fr}.program-photo{height:320px;border-right:0;border-bottom:1px solid #ddd}
  .schedule-facts{grid-template-columns:1fr}.fact{border-left:0;border-top:1px solid #333}.fact:first-child{border-top:0}
  .join-grid{grid-template-columns:1fr}
  .contact-section{grid-template-columns:1fr}
  .footer{grid-template-columns:1fr 1fr}
  .copyright{flex-direction:column;gap:5px}
}


/* Hero image: fill the original photo container and preserve the right-side script */
.hero-photo {
  overflow: hidden !important;
  padding: 0 !important;
  background: #080808 !important;
  display: block !important;
}

.hero-photo img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: right center !important;
}

/* The Japanese banner is already part of the supplied image. */
.hero-visual > .vertical-type {
  display: none !important;
}

@media (max-width: 790px) {
  .hero-photo img {
    object-position: 82% center !important;
  }
}


/* Photo gallery */
.gallery-section {
  padding: 64px clamp(25px, 6vw, 92px);
  background: #0a0a0a;
  color: #fff;
}
.gallery-section .section-heading p:last-child { color: #cfcfcf; }
.gallery-grid {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.35fr .825fr .825fr;
  gap: 22px;
  align-items: stretch;
}
.gallery-card {
  margin: 0;
  position: relative;
  overflow: hidden;
  min-height: 430px;
  border: 1px solid #2c2c2c;
  background: #111;
}
.gallery-image {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.gallery-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .45s ease;
}
.gallery-card-wide .gallery-image img { object-position: center 46%; }
.gallery-image-portrait img { object-position: center center; }
.gallery-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.22) 42%, rgba(0,0,0,.04) 70%);
  pointer-events: none;
}
.gallery-card figcaption {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 22px;
  z-index: 2;
}
.gallery-card figcaption span {
  display: block;
  margin-bottom: 6px;
  color: var(--red);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.gallery-card figcaption strong {
  display: block;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: clamp(1.65rem, 2.4vw, 2.5rem);
  line-height: 1;
  text-transform: uppercase;
}
.gallery-card:hover .gallery-image img { transform: scale(1.025); }

@media (max-width: 1050px) {
  .gallery-grid { grid-template-columns: 1fr 1fr; }
  .gallery-card-wide {
    grid-column: 1 / -1;
    min-height: 440px;
  }
}
@media (max-width: 700px) {
  .gallery-section { padding: 52px 20px; }
  .gallery-grid { grid-template-columns: 1fr; }
  .gallery-card,
  .gallery-card-wide {
    grid-column: auto;
    min-height: 390px;
  }
  .gallery-card-wide .gallery-image img { object-position: 40% center; }
}


/* Testimonials */
.testimonials-section {
  padding: 64px clamp(25px, 6vw, 92px);
  background: #f7f7f7;
}

.testimonial-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.testimonial-card {
  background: #fff;
  border: 1px solid #dedede;
  padding: 30px;
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.stars {
  color: var(--red);
  letter-spacing: .14em;
  margin-bottom: 18px;
  font-size: .9rem;
}

.testimonial-card blockquote {
  margin: 0 0 24px;
  font-size: .95rem;
  line-height: 1.65;
  color: #333;
}

.testimonial-author {
  margin: 0;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 1.3rem;
  font-weight: 800;
  text-transform: uppercase;
}

.testimonial-role {
  margin: 3px 0 0;
  color: var(--red);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* What to expect */
.expect-section {
  padding: 50px clamp(25px, 6vw, 92px);
  background: #fff;
  display: grid;
  grid-template-columns: .8fr 2.2fr;
  gap: 42px;
  align-items: center;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.expect-intro h2 {
  margin: 6px 0 10px;
  font-size: clamp(2.8rem, 4.4vw, 4.4rem);
}

.expect-intro p:last-child {
  color: #555;
}

.expect-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.expect-grid article {
  padding: 24px;
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
}

.expect-icon {
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--red);
  color: #fff;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: 1.35rem;
  font-weight: 800;
}

.expect-grid h3 {
  margin: 0 0 8px;
  font-size: 1.35rem;
}

.expect-grid p {
  margin: 0;
  color: #4e4e4e;
  font-size: .84rem;
  line-height: 1.55;
}

@media (max-width: 1000px) {
  .testimonial-grid {
    grid-template-columns: 1fr;
  }

  .expect-section {
    grid-template-columns: 1fr;
  }

  .expect-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .testimonials-section {
    padding: 52px 20px;
  }

  .expect-section {
    padding: 46px 20px;
  }

  .expect-grid {
    grid-template-columns: 1fr;
  }
}

/* Alternate release-candidate hero: preserve the full action photo and banner. */
.hero-photo {
  right: 8% !important;
  bottom: 0 !important;
  width: 64% !important;
  height: 96% !important;
  clip-path: none !important;
  border: 0 !important;
  background: #080808 !important;
}

.hero-photo img {
  object-fit: contain !important;
  object-position: right bottom !important;
}

@media (max-width: 790px) {
  .hero-visual {
    min-height: 430px;
  }

  .hero-photo {
    right: 2.5% !important;
    width: 95% !important;
    height: 100% !important;
  }

  .hero-photo img {
    object-fit: contain !important;
    object-position: center bottom !important;
  }
}



/* ECMA Elite tournament team */
.elite-section {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(360px, 1.1fr);
  align-items: stretch;
  background: #070707;
  color: #fff;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}

.elite-brand-panel {
  min-height: 520px;
  display: grid;
  place-items: center;
  padding: clamp(42px, 6vw, 86px);
  background:
    radial-gradient(circle at 50% 45%, rgba(181,18,27,.18), transparent 42%),
    linear-gradient(135deg, #111 0%, #050505 100%);
  border-right: 1px solid #242424;
}

.elite-brand-panel img {
  display: block;
  width: min(100%, 470px);
  height: auto;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0,0,0,.55);
}

.elite-copy {
  align-self: center;
  padding: clamp(54px, 7vw, 100px);
  max-width: 760px;
}

.elite-copy h2 {
  margin: 0 0 24px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(3rem, 5vw, 5.2rem);
  line-height: .94;
  text-transform: uppercase;
}

.elite-copy > p:not(.eyebrow) {
  color: #d0d0d0;
  font-size: 1.05rem;
  line-height: 1.75;
  margin: 0 0 16px;
}

.elite-highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 28px 0 30px;
}

.elite-highlights span {
  padding: 12px 14px;
  border: 1px solid #303030;
  border-left: 3px solid var(--red);
  background: #101010;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Final action hero positioning: full subject, back logo, and dojo banner remain visible. */
.hero-photo {
  right: 2% !important;
  width: 74% !important;
  height: 100% !important;
  background: transparent !important;
  overflow: hidden;
}

.hero-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: right bottom !important;
}

@media (max-width: 980px) {
  .elite-section { grid-template-columns: 1fr; }
  .elite-brand-panel {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid #242424;
    padding: 48px 28px;
  }
  .elite-brand-panel img { width: min(78vw, 430px); }
  .elite-copy { max-width: none; }
}

@media (max-width: 790px) {
  .hero-photo {
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .hero-photo img {
    object-position: center bottom !important;
  }
}

@media (max-width: 620px) {
  .elite-copy { padding: 48px 22px 58px; }
  .elite-highlights { grid-template-columns: 1fr; }
}


/* RC final hero: use the complete approved image without decorative overlap or cropping. */
.hero-visual {
  background: #050505 !important;
  overflow: hidden;
}
.hero-visual .spider-mark,
.hero-visual .red-slash,
.hero-visual .vertical-type {
  display: none !important;
}
.hero-photo {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #050505 !important;
}
.hero-photo img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: right bottom !important;
}

@media (max-width: 790px) {
  .hero-visual { min-height: 470px !important; }
  .hero-photo img { object-position: center bottom !important; }
}

/* Compact ECMA Elite feature band: logo stays visible without overpowering the homepage. */
.elite-section {
  display: grid !important;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(30px, 5vw, 72px) !important;
  padding: clamp(38px, 5vw, 64px) clamp(24px, 7vw, 110px) !important;
  background: #f3f3f3 !important;
  color: #111 !important;
  border-top: 1px solid #dedede !important;
  border-bottom: 1px solid #dedede !important;
}

.elite-brand-panel {
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  justify-content: center !important;
}

.elite-brand-panel img {
  width: min(100%, 230px) !important;
  max-height: 190px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.14) !important;
}

.elite-copy {
  max-width: 820px !important;
  padding: 0 !important;
}

.elite-copy .eyebrow {
  margin-bottom: 8px !important;
}

.elite-copy h2 {
  margin: 0 0 12px !important;
  color: #111 !important;
  font-size: clamp(2rem, 3.4vw, 3.4rem) !important;
  line-height: 1 !important;
}

.elite-copy > p:not(.eyebrow) {
  max-width: 700px !important;
  margin: 0 0 18px !important;
  color: #555 !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

.elite-highlights { display: none !important; }

.elite-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--red);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: uppercase;
}

.elite-link:hover,
.elite-link:focus-visible { text-decoration: underline; }

@media (max-width: 760px) {
  .elite-section {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    text-align: center !important;
    padding: 42px 22px 48px !important;
  }
  .elite-brand-panel img {
    width: min(68vw, 210px) !important;
    max-height: 170px !important;
  }
  .elite-copy > p:not(.eyebrow) {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* Keep the program age labels on one line on narrow mobile screens. */
@media(max-width:600px){
  .program-age-line{white-space:nowrap;font-size:clamp(.58rem,2.85vw,.85rem);letter-spacing:-.01em}
}


.developer-credit{
  margin-top:10px;
  font-size:.8rem;
  color:#9a9a9a;
  text-align:center;
  opacity:.85;
}