/* ============================================================
   Dream Feet — School Dance Programs
   Brand palette taken from the Dream Feet logo
   ============================================================ */

:root{
  --cyan:      #14B6E0;
  --cyan-dk:   #0E93B8;
  --cyan-lt:   #E7F7FC;
  --navy:      #14295C;
  --navy-mid:  #1B3C7A;
  --navy-soft: #2C5099;
  --ink:       #16233D;
  --body:      #4A5872;
  --muted:     #7C8BA3;
  --line:      #DCE6F0;
  --tint:      #F4F9FC;
  --white:     #FFFFFF;

  --head: "Montserrat", "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
  --text: "Raleway", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --wrap: 1180px;
  --r: 14px;
  --shadow: 0 1px 2px rgba(20,41,92,.05), 0 12px 34px -12px rgba(20,41,92,.16);
  --shadow-lg: 0 2px 4px rgba(20,41,92,.06), 0 30px 60px -20px rgba(20,41,92,.28);
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; scroll-padding-top:88px; -webkit-text-size-adjust:100%; }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

body{
  margin:0;
  font-family:var(--text);
  font-weight:400;
  font-size:clamp(16px,.35vw + 15px,17.5px);
  line-height:1.72;
  color:var(--body);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; display:block; }
a{ color:var(--navy-mid); }

.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:clamp(20px,4vw,40px); }

.skip{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--navy); color:#fff; padding:12px 20px; border-radius:0 0 8px 0;
}
.skip:focus{ left:0; }

:focus-visible{ outline:3px solid var(--cyan); outline-offset:3px; border-radius:4px; }

/* ---------- type ---------- */
.h2{
  font-family:var(--head); font-weight:800;
  font-size:clamp(28px,3.1vw,44px); line-height:1.14;
  letter-spacing:-.02em; color:var(--navy);
  margin:.15em 0 .55em;
  max-width:22ch;
}
.section-dark .h2{ color:#fff; }

.eyebrow{
  font-family:var(--head); font-weight:700;
  font-size:12.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--cyan); margin:0 0 4px;
}
.eyebrow-dark{ color:var(--cyan-dk); }

.sub{ font-size:1.06em; max-width:62ch; margin:0 0 2.4rem; color:var(--body); }
.sub-light{ color:rgba(255,255,255,.82); }
.big{ font-size:1.16em; color:var(--ink); font-weight:500; }

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5em;
  font-family:var(--head); font-weight:700; font-size:15px; letter-spacing:.01em;
  padding:15px 30px; border-radius:100px; border:2px solid transparent;
  text-decoration:none; cursor:pointer; white-space:nowrap; max-width:100%;
  transition:transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.btn-sm{ padding:10px 22px; font-size:14px; }
/* the prominent Enrolments button in the menu bar */
.btn-enrol{
  padding:14px 32px; font-size:15.5px; letter-spacing:.02em;
  box-shadow:0 10px 26px -10px rgba(20,182,224,.9);
}
.btn-primary{ background:var(--cyan); color:var(--navy); box-shadow:0 10px 24px -10px rgba(20,182,224,.75); }
.btn-primary:hover{ background:#3ac6ea; transform:translateY(-2px); }
.btn-ghost{ border-color:rgba(255,255,255,.55); color:#fff; }
.btn-ghost:hover{ background:rgba(255,255,255,.14); border-color:#fff; transform:translateY(-2px); }
@media (prefers-reduced-motion:reduce){ .btn:hover{ transform:none; } }

/* ============================================================
   HEADER
   ============================================================ */
.site-head{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid transparent;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.site-head.is-stuck{ border-bottom-color:var(--line); box-shadow:0 6px 22px -14px rgba(20,41,92,.35); }

.head-inner{ display:flex; align-items:center; gap:18px; min-height:74px; }

.brand{ display:flex; align-items:center; gap:12px; text-decoration:none; margin-right:auto; }
.brand-mark{ height:44px; width:auto; }
.brand-text{ display:flex; flex-direction:column; line-height:1.1; }
.brand-text strong{
  font-family:var(--head); font-weight:800; font-size:19px;
  letter-spacing:-.01em; color:var(--navy);
}
.brand-text em{
  font-style:normal; font-size:11px; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase; color:var(--cyan-dk); margin-top:2px;
}

.nav{ display:flex; align-items:center; gap:6px; }
.nav > a:not(.btn){
  font-family:var(--head); font-weight:600; font-size:14.5px;
  color:var(--ink); text-decoration:none;
  padding:9px 13px; border-radius:8px;
  transition:color .16s ease, background-color .16s ease;
}
.nav > a:not(.btn):hover{ color:var(--navy); background:var(--cyan-lt); }
.nav .btn{ margin-left:8px; }

.nav-toggle{
  display:none; width:44px; height:44px; border:1px solid var(--line);
  border-radius:10px; background:#fff; cursor:pointer;
  flex-direction:column; align-items:center; justify-content:center; gap:5px;
}
.nav-toggle span{ display:block; width:20px; height:2px; background:var(--navy); border-radius:2px; transition:transform .2s ease, opacity .2s ease; }
.nav-toggle[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media (max-width:960px){
  .nav-toggle{ display:flex; }
  .nav{
    position:absolute; left:0; right:0; top:100%;
    flex-direction:column; align-items:stretch; gap:2px;
    background:#fff; border-bottom:1px solid var(--line);
    padding:12px clamp(20px,4vw,40px) 20px;
    box-shadow:0 20px 40px -22px rgba(20,41,92,.4);
    display:none;
  }
  .nav.is-open{ display:flex; }
  .nav > a:not(.btn){ padding:13px 12px; font-size:16px; border-bottom:1px solid var(--tint); border-radius:0; }
  .nav .btn{ margin:12px 0 0; }
}

/* ============================================================
   HERO
   ============================================================ */
.hero{ position:relative; isolation:isolate; overflow:hidden; color:#fff; }
.hero-bg{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center 28%; z-index:-2;
}
.hero-veil{
  position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(120% 90% at 12% 15%, rgba(20,41,92,.72) 0%, rgba(20,41,92,.90) 55%, rgba(9,20,48,.96) 100%),
    linear-gradient(180deg, rgba(20,182,224,.20) 0%, rgba(20,41,92,.35) 100%);
}
.hero-inner{ padding:clamp(56px,8vw,104px) clamp(20px,4vw,40px) clamp(48px,7vw,88px); }

.hero-logo{
  height:clamp(104px,13vw,168px); width:auto; margin:0 0 28px;
  filter:drop-shadow(0 8px 26px rgba(0,0,0,.42));
}
.hero h1{
  font-family:var(--head); font-weight:800;
  font-size:clamp(33px,5vw,62px); line-height:1.07; letter-spacing:-.025em;
  margin:.1em 0 .55em; color:#fff; max-width:17ch;
  text-wrap:balance;
}
.hero h1 span{ color:var(--cyan); }
.hero .lead{
  font-size:clamp(17px,1.25vw,20px); line-height:1.68;
  max-width:60ch; color:rgba(255,255,255,.90); margin:0 0 2.2rem;
}
.hero-cta{ display:flex; flex-wrap:wrap; gap:14px; }

.hero-facts{
  display:flex; flex-wrap:wrap; gap:clamp(24px,4vw,56px);
  list-style:none; margin:clamp(40px,6vw,64px) 0 0; padding:clamp(26px,3vw,32px) 0 0;
  border-top:1px solid rgba(255,255,255,.22);
}
.hero-facts li{ display:flex; flex-direction:column; gap:2px; max-width:20ch; }
.hero-facts b{
  font-family:var(--head); font-weight:800; font-size:clamp(28px,3vw,38px);
  line-height:1; color:var(--cyan); letter-spacing:-.02em;
}
.hero-facts span{ font-size:14px; line-height:1.5; color:rgba(255,255,255,.80); }

/* ============================================================
   SECTIONS
   ============================================================ */
.section{ padding:clamp(64px,8vw,112px) 0; }
.section-tint{ background:var(--tint); border-block:1px solid var(--line); }
.section-dark{ background:linear-gradient(165deg,#14295C 0%,#0D1B3E 100%); color:rgba(255,255,255,.86); }
.section-dark .eyebrow{ color:var(--cyan); }

.prose-cols{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));
  gap:clamp(24px,4vw,52px); margin-bottom:clamp(44px,6vw,68px);
}
.prose-cols p{ margin:0 0 1.15em; }
.prose-cols p:last-child{ margin-bottom:0; }

/* ---------- value cards ---------- */
.cards{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));
  gap:clamp(16px,2vw,24px);
}
.card{
  position:relative; background:#fff; border:1px solid var(--line);
  border-radius:var(--r); padding:30px 26px 28px;
  box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.card:hover{ transform:translateY(-4px); border-color:#C9DDEF; box-shadow:var(--shadow-lg); }
.card-num{
  font-family:var(--head); font-weight:800; font-size:13px; letter-spacing:.1em;
  color:var(--cyan); display:block; margin-bottom:14px;
}
.card h3{
  font-family:var(--head); font-weight:700; font-size:18.5px; line-height:1.3;
  color:var(--navy); margin:0 0 10px; letter-spacing:-.01em;
}
.card p{ margin:0; font-size:15.5px; line-height:1.65; }
@media (prefers-reduced-motion:reduce){ .card:hover{ transform:none; } }

/* ---------- achievements ribbon ---------- */
.ribbon{
  margin-top:clamp(36px,5vw,56px);
  background:var(--cyan-lt); border:1px solid #C4E9F5; border-radius:var(--r);
  padding:26px clamp(22px,3vw,34px);
}
.ribbon-title{
  font-family:var(--head); font-weight:700; font-size:12.5px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--cyan-dk);
  margin:0 0 14px;
}
.ribbon ul{
  display:flex; flex-wrap:wrap; gap:10px 12px; list-style:none; margin:0; padding:0;
}
.ribbon li{
  font-family:var(--head); font-weight:600; font-size:14.5px; color:var(--navy);
  background:#fff; border:1px solid #CDE8F3; border-radius:100px; padding:8px 18px;
}

/* ---------- schools ---------- */
/* flex + centre so an odd number of schools never leaves a stranded card */
.schools{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:clamp(14px,1.6vw,18px); list-style:none; margin:0 0 26px; padding:0;
}
.schools li{
  flex:1 1 190px; max-width:260px;
  display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:34px 26px; min-height:180px;
  box-shadow:0 1px 2px rgba(20,41,92,.04);
  transition:box-shadow .2s ease, transform .2s ease;
}
.schools li:hover{ transform:translateY(-3px); box-shadow:var(--shadow); }
.schools img{ max-height:112px; width:auto; max-width:100%; object-fit:contain; }
@media (prefers-reduced-motion:reduce){ .schools li:hover{ transform:none; } }

.footnote{ font-size:15px; color:var(--muted); margin:0; max-width:70ch; }

/* ---------- bios ---------- */
.bio{
  display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr);
  gap:clamp(28px,4.5vw,60px); align-items:start;
  padding:clamp(30px,4vw,44px) 0;
  border-top:1px solid var(--line);
}
.bio:first-of-type{ border-top:none; padding-top:8px; }
.bio-photo{
  border-radius:var(--r); overflow:hidden;
  box-shadow:var(--shadow-lg);
  background:var(--cyan-lt);
  position:relative;
}
.bio-photo::after{
  content:""; position:absolute; inset:0;
  box-shadow:inset 0 0 0 1px rgba(20,41,92,.08); border-radius:var(--r);
  pointer-events:none;
}
.bio-photo img{ width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:center 18%; }
.bio-body h3{
  font-family:var(--head); font-weight:800; font-size:clamp(24px,2.6vw,32px);
  letter-spacing:-.02em; color:var(--navy); margin:0 0 2px;
}
.bio-role{
  font-family:var(--head); font-weight:600; font-size:13px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--cyan-dk); margin:0 0 18px;
}
.chips{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0 0 22px; padding:0; }
.chips li{
  font-size:13.5px; font-weight:600; color:var(--navy-mid);
  background:var(--cyan-lt); border:1px solid #CDE8F3;
  border-radius:100px; padding:6px 15px;
}
.bio-body p{ margin:0 0 1.05em; }
.bio-body p:last-child{ margin-bottom:0; }

@media (max-width:820px){
  .bio{ grid-template-columns:1fr; }
  .bio-photo{ max-width:340px; }
}

/* ---------- video ---------- */
.video{ margin:0; }
.video video{
  width:100%; height:auto; display:block;
  border-radius:var(--r); background:#000;
  box-shadow:0 30px 70px -25px rgba(0,0,0,.65);
  aspect-ratio:16/9;
}
.video figcaption{
  margin-top:14px; font-size:14.5px; color:rgba(255,255,255,.62);
  font-family:var(--head); font-weight:600; letter-spacing:.02em;
}

/* ---------- gallery ---------- */
.gallery{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(215px,100%),1fr));
  grid-auto-rows:clamp(148px,15.5vw,208px);
  grid-auto-flow:dense;
  gap:clamp(10px,1.4vw,16px);
}
.tile{
  position:relative; padding:0; margin:0; border:1px solid var(--line);
  border-radius:12px; overflow:hidden; cursor:zoom-in; background:#fff;
  height:100%; box-shadow:0 1px 2px rgba(20,41,92,.05);
  transition:transform .2s ease, box-shadow .2s ease;
}
.tile-wide{ grid-column:span 2; grid-row:span 2; }
.tile-tall{ grid-row:span 2; }
@media (max-width:640px){
  .gallery{ grid-template-columns:repeat(2,1fr); grid-auto-rows:38vw; }
  .tile-wide{ grid-column:span 2; grid-row:span 2; }
}
.tile img{ width:100%; height:100%; object-fit:cover; object-position:center 22%; transition:transform .45s ease; }
.tile.is-cutout{ background:linear-gradient(170deg,#FBFDFE 0%,#EEF6FB 100%); }
.tile.is-cutout img{ object-fit:contain; padding:14px; background:transparent; }
.tile::after{
  content:""; position:absolute; inset:0; background:rgba(20,41,92,0);
  transition:background .2s ease;
}
.tile:hover{ transform:translateY(-3px); box-shadow:var(--shadow); }
.tile:hover img{ transform:scale(1.045); }
.tile.is-cutout:hover img{ transform:scale(1.02); }
.tile:hover::after{ background:rgba(20,41,92,.08); }
@media (prefers-reduced-motion:reduce){
  .tile:hover{ transform:none; } .tile img{ transition:none; } .tile:hover img{ transform:none; }
}

/* ---------- contact ---------- */
.contacts{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));
  gap:clamp(18px,2.4vw,26px);
}
.contact-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:clamp(26px,3vw,34px); box-shadow:var(--shadow);
  border-top:4px solid var(--cyan);
}
.contact-card h3{
  font-family:var(--head); font-weight:800; font-size:22px;
  color:var(--navy); margin:0 0 2px; letter-spacing:-.01em;
}
.contact-role{
  font-family:var(--head); font-weight:600; font-size:12.5px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--cyan-dk); margin:0 0 20px;
}
.contact-line{
  display:flex; align-items:center; gap:12px;
  font-family:var(--head); font-weight:600; font-size:16px;
  color:var(--navy); text-decoration:none;
  padding:11px 0; border-top:1px solid var(--tint);
  word-break:break-word;
}
.contact-line:hover{ color:var(--cyan-dk); }
.ico{
  flex:0 0 34px; height:34px; display:grid; place-items:center;
  background:var(--cyan-lt); color:var(--cyan-dk); border-radius:50%; font-size:15px;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-foot{ background:var(--navy); color:rgba(255,255,255,.75); padding:44px 0; }
.foot-inner{ display:flex; flex-wrap:wrap; align-items:center; gap:20px 28px; }
.foot-logo{ height:62px; width:auto; }
.foot-text{ margin-right:auto; }
.foot-text p{ margin:0; font-size:15px; }
.foot-text strong{ color:#fff; font-family:var(--head); font-weight:700; }
.foot-small{ font-size:13.5px; color:rgba(255,255,255,.5); margin-top:3px; }
.foot-nav{ display:flex; flex-wrap:wrap; gap:6px 18px; }
.foot-nav a{
  font-family:var(--head); font-weight:600; font-size:14px;
  color:rgba(255,255,255,.78); text-decoration:none;
}
.foot-nav a:hover{ color:var(--cyan); }

/* "Website by" credit line */
.foot-credit{
  margin-top:30px; padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
}
.foot-credit p{
  margin:0; text-align:center; font-size:13px; color:rgba(255,255,255,.48);
}
.foot-credit a{
  color:rgba(255,255,255,.75); text-decoration:underline;
  text-underline-offset:2px; text-decoration-thickness:1px;
}
.foot-credit a:hover{ color:var(--cyan); }

/* ============================================================
   LIGHTBOX
   ============================================================ */
.lb{
  position:fixed; inset:0; z-index:300;
  background:rgba(8,16,38,.94);
  display:grid; place-items:center; padding:clamp(16px,4vw,56px);
}
.lb[hidden]{ display:none; }
.lb-fig{ margin:0; max-width:100%; max-height:100%; display:flex; flex-direction:column; gap:14px; align-items:center; }
.lb-fig img{
  max-width:100%; max-height:78vh; width:auto; height:auto;
  border-radius:10px; background:#fff;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8);
}
.lb-fig figcaption{
  font-family:var(--head); font-weight:600; font-size:14.5px;
  color:rgba(255,255,255,.72); text-align:center;
}
.lb button{
  position:absolute; border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08); color:#fff; cursor:pointer;
  border-radius:50%; display:grid; place-items:center;
  transition:background .16s ease, border-color .16s ease;
}
.lb button:hover{ background:rgba(255,255,255,.20); border-color:rgba(255,255,255,.6); }
.lb-close{ top:clamp(12px,2vw,24px); right:clamp(12px,2vw,24px); width:46px; height:46px; font-size:28px; line-height:1; }
.lb-prev,.lb-next{ top:50%; transform:translateY(-50%); width:52px; height:52px; font-size:34px; line-height:1; padding-bottom:5px; }
.lb-prev{ left:clamp(8px,1.6vw,22px); }
.lb-next{ right:clamp(8px,1.6vw,22px); }
@media (max-width:600px){
  .lb-prev,.lb-next{ top:auto; bottom:14px; transform:none; width:46px; height:46px; }
  .lb-prev{ left:24%; } .lb-next{ right:24%; }
  .lb-fig img{ max-height:64vh; }
}

body.lb-open{ overflow:hidden; }

/* ============================================================
   ENROLMENTS PAGE
   ============================================================ */
.page-head{
  background:linear-gradient(160deg,#14295C 0%,#1B3C7A 55%,#0F2148 100%);
  color:#fff; padding:clamp(48px,7vw,86px) 0 clamp(44px,6vw,72px);
}
.page-head h1{
  font-family:var(--head); font-weight:800;
  font-size:clamp(32px,4.6vw,56px); line-height:1.08; letter-spacing:-.025em;
  margin:.1em 0 .5em; color:#fff;
}
.page-lead{
  font-size:clamp(16.5px,1.15vw,19px); line-height:1.66;
  max-width:58ch; color:rgba(255,255,255,.88); margin:0;
}

/* flex + centre so any number of schools stays balanced as more are added */
.enrol-grid{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch;
  gap:clamp(14px,1.6vw,20px); list-style:none; margin:0; padding:0;
}
.enrol-card{
  flex:1 1 195px; max-width:290px;
  display:flex; flex-direction:column; align-items:center; text-align:center;
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  border-top:4px solid var(--cyan);
  padding:clamp(24px,2.6vw,30px) clamp(16px,1.8vw,22px) clamp(22px,2.6vw,28px);
  box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease;
}
.enrol-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }
@media (prefers-reduced-motion:reduce){ .enrol-card:hover{ transform:none; } }

.enrol-plate{
  flex:1 0 auto; display:flex; align-items:center; justify-content:center;
  min-height:118px; margin-bottom:18px; width:100%;
}
.enrol-plate img{ max-height:112px; width:auto; max-width:100%; object-fit:contain; }

.section-first{ padding-top:clamp(40px,5vw,64px); }

.enrol-status{
  font-family:var(--head); font-weight:700; font-size:11.5px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--cyan-dk);
  margin:0 0 16px;
}
.enrol-btn{ width:100%; white-space:normal; padding-inline:16px; }

.enrol-soon{
  display:block; width:100%;
  font-family:var(--head); font-weight:600; font-size:14.5px;
  color:var(--muted); background:var(--tint);
  border:1px dashed var(--line); border-radius:100px; padding:14px 18px;
}

/* dimmed treatment for schools not yet open online */
.enrol-card.is-soon{ border-top-color:var(--line); box-shadow:none; background:#FCFDFE; }
.enrol-card.is-soon .enrol-plate img{ opacity:.42; filter:grayscale(.55); }
.enrol-card.is-soon .enrol-status{ color:var(--muted); }
.enrol-card.is-soon:hover{ transform:none; box-shadow:0 1px 2px rgba(20,41,92,.05); }

/* ---------- very small screens ---------- */
@media (max-width:380px){
  .wrap{ padding-inline:16px; }
  .btn{ padding:14px 20px; font-size:14.5px; white-space:normal; text-align:center; }
  .hero-cta{ flex-direction:column; align-items:stretch; }
  .contact-line{ font-size:15px; }
  .ico{ flex-basis:30px; height:30px; }
}

/* ---------- print ---------- */
@media print{
  .site-head,.nav-toggle,.hero-cta,.lb{ display:none !important; }
  body{ color:#000; }
  .section-dark{ background:#fff !important; color:#000 !important; }
  .section-dark .h2{ color:#000 !important; }
  .hero{ color:#000; }
  .hero-bg,.hero-veil{ display:none; }
  .hero h1,.hero .lead,.hero-facts span{ color:#000 !important; }
}