:root{
  --mmia-blue:#003976;
  --mmia-sky:#44B2E8;
  --mmia-white:#FAFAFA;
}

html,
body{
  overflow-x: hidden;
}

/* ======================================================
   BASE
====================================================== */

.mmia-centennial{
  background:var(--mmia-white);
  color:var(--mmia-blue);
}

.mmia-section{ padding:100px 0; }
.mmia-decade{ padding:130px 0; }

/* Section spacing modifiers */
.mmia-section--tight{ padding:10px 0; }
.mmia-section--loose{ padding:100px 0; }
.mmia-section--xl{ padding:150px 0; }

.mmia-section--pad-top-sm{ padding-top:80px; }

/* ======================================================
   HERO
====================================================== */

.mmia-hero{ min-height:85vh; }

.mmia-bg-hero{
  background:
    url('/application/themes/mitchell/images/hero-blue-mke-100.jpg')
    center/cover no-repeat;
}

/* ======================================================
   BACKGROUNDS
====================================================== */

.mmia-bg-blue-pattern{
  background:
    url('/application/themes/mitchell/images/ArtDeco_BG2.png') repeat,
    var(--mmia-blue);
}

.mmia-bg-white{
  background:#fff;
  color:#111;
}

.mmia-bg-intro3{
  background:var(--mmia-sky);
}

/* ======================================================
   INTRO 1 TYPO
====================================================== */

.mmia-intro1{
  padding:0 0 120px;
}

.mmia-intro1 p,
.mmia-intro1 li,
.mmia-intro1 span{
  color:#fff;
  font-size:1.35rem;
  line-height:1.7;
}

.mmia-intro1 h1{
  color:var(--mmia-sky);
  font-size:clamp(3.8rem,6.5vw,5.2rem);
  line-height:1.02;
  margin-bottom:1.4rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

/* ======================================================
   GLOBAL TYPO
====================================================== */

.mmia-centennial p{
  font-size:1.55rem;
  line-height:1.75;
  margin-bottom:1rem;
}

.mmia-centennial h1,
.mmia-centennial h2{
  font-weight:800;
  font-style:italic;
}

.mmia-decade h1,
.mmia-decade h2{
  font-weight:800;
  font-style:italic;
  font-size:clamp(4.6rem,7.5vw,6.4rem);
  line-height:1.02;
  margin-bottom:1.1rem;
}

/* ======================================================
   SPLIT DIVIDERS
====================================================== */

.mmia-split{
  position:relative;
  padding:90px 0;
}

.mmia-split--blue-to-white{
  background:linear-gradient(
    to bottom,
    var(--mmia-blue) 0%,
    var(--mmia-blue) 50%,
    #fff 50%,
    #fff 100%
  );
}

.mmia-split--blue-to-white::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:50%;
  background:url('/application/themes/mitchell/images/ArtDeco_BG2.png') repeat;
  pointer-events:none;
}

.mmia-split--white-to-sky{
  background:linear-gradient(
    to bottom,
    #fff 0%,
    #fff 50%,
    var(--mmia-sky) 50%,
    var(--mmia-sky) 100%
  );
}

.mmia-split-inner{
  position:relative;
  z-index:2;
  max-width:1100px;
  margin:-115px auto;
  padding:0 15px;
}

/* ======================================================
   DIVIDER IMAGE / PLATE
====================================================== */

.mmia-divider-image-wrap{
  position:relative;
}

.mmia-divider-image-wrap::before{
  content:'';
  position:absolute;
  inset:0;
  transform:translate(-28px, 28px);
  z-index:1;
}

/* Plate colors */
.mmia-plate--white::before{ background:#fff; }
.mmia-plate--blue::before{ background:var(--mmia-blue); }
.mmia-divider-image-wrap.mmia-plate--sky::before{
  background:var(--mmia-sky) !important;
}

/* Divider image */
.mmia-divider-image{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:auto;
  background:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:0 30px 60px rgba(0,0,0,.35);
}

/* Standalone visual divider centering */
.mmia-visual-divider img{
  display:block;
  margin:0 auto;
}

/* ======================================================
   INTRO 2 / SUPPORT
====================================================== */

.mmia-intro1-content{
  padding:0 60px;
}

.mmia-intro2-support{
  padding:20px 40px 80px;
}

.mmia-bg-white p{
  color:#003976;
  line-height:1.7;
}

.mmia-bg-intro3 p{
  font-size:1.55rem;
  line-height:1.7;
}

/* ======================================================
   DECADES
====================================================== */

.mmia-bg-1920s{ background:var(--mmia-blue); color:#fff; }
.mmia-bg-1930s{ background:#fff; color:#111; }
.mmia-bg-1940s{ background:var(--mmia-sky); }
.mmia-bg-1950s{ background:var(--mmia-blue); color:#fff; }
.mmia-bg-1960s{ background:#fff; color:#111; }
.mmia-bg-1970s{ background:var(--mmia-sky); }
.mmia-bg-1980s{ background:var(--mmia-blue); color:#fff; }
.mmia-bg-1990s{ background:#fff; color:#111; }
.mmia-bg-2000s{ background:var(--mmia-sky); }
.mmia-bg-2010s{ background:var(--mmia-blue); color:#fff; }
.mmia-bg-2020s{ background:#fff; color:#111; }

/* Decade copy padding */
.mmia-decade-copy-inner{
  padding-left:4rem;
}

.mmia-decade-copy--left{
  padding-left:0;
  padding-right:4rem;
}

/* Decade images */
.mmia-decade-media img{
  display:block;
  width:100%;
  outline:6px solid rgba(255,255,255,.9);
  box-shadow:0 14px 34px rgba(0,0,0,.2);
}

.mmia-bg-1930s .mmia-decade-media img,
.mmia-bg-1960s .mmia-decade-media img,
.mmia-bg-1990s .mmia-decade-media img,
.mmia-bg-2020s .mmia-decade-media img{
  outline-color:rgba(0,57,118,.25);
}

/* ======================================================
   HEADINGS COLOR LOGIC
====================================================== */

.mmia-bg-white h1,
.mmia-bg-blue-pattern h1,
.mmia-bg-1920s h1,
.mmia-bg-1930s h1,
.mmia-bg-1950s h1,
.mmia-bg-1960s h1,
.mmia-bg-1980s h1,
.mmia-bg-1990s h1,
.mmia-bg-2010s h1,
.mmia-bg-2020s h1{
  color:var(--mmia-sky);
}

.mmia-bg-intro3 h1,
.mmia-bg-1940s h1,
.mmia-bg-1970s h1,
.mmia-bg-2000s h1{
  color:#fff;
}

/* ======================================================
   POST TIMELINE
====================================================== */

.mmia-post-timeline{ color:#fff; }

.mmia-post-timeline p{
  font-size:1.5rem !important;
  line-height:1.75;
}

.mmia-post-timeline-cta p{
  font-size:1.4rem !important;
}

.mmia-post-timeline-cta .btn,
.mmia-post-timeline-cta a.button{
  margin-top:1rem;
}

.btn-primary2{
  background:#44B2E7;
  border-color:#44B2E7;
  font-weight:600;
  color:#fff;
}

/* Intro 2 heading override */
.mmia-intro2 h1{
  color:var(--mmia-blue);
}

/* ======================================================
   MOBILE OVERRIDES (CONSOLIDATED)
====================================================== */

@media (max-width:768px){

  .mmia-section{ padding:70px 40px; }
  .mmia-decade{ padding:90px 0; }

  .mmia-section--pad-top-sm{ padding-top:50px; }

  /* Optical compensation for left-shifted plate on mobile */
  .mmia-split-inner{
    padding-left:50px;
    padding-right:20px;
  }

  .mmia-visual-divider-image{
    padding-left:20px;
    padding-right:20px;
  }

  .mmia-decade-copy-inner,
  .mmia-decade-copy--left{
    padding-left:0;
    padding-right:0;
  }

}

h1 {
  text-transform: lowercase;
}