/* Brighter homepage treatment, scoped to the homepage hero. */
/* This stylesheet is loaded on the homepage only. Keep navigation legible above the light hero. */
.site-header{background:#202020}
.hero.hero--light{background:#f8f3eb;color:#242424}
.hero--light .hero-panorama{background:#eee5d9;border-color:#e5d7c5;box-shadow:0 20px 48px rgba(74,52,29,.10)}
.hero--light .hero-panorama::after{background:linear-gradient(90deg,rgba(12,18,25,.48) 0%,rgba(12,18,25,.34) 43%,rgba(12,18,25,.08) 70%,transparent 100%)}
.hero--light h1{color:#242424}
.hero--light h1 em{color:#c65300}
.hero--light .eyebrow{color:#934300}
.hero--light .hero-lede{color:#45423e}
.hero--light .button-ghost{background:rgba(255,255,255,.78);border-color:#8b7a69;color:#292521}
.hero--light .button-ghost:hover{background:#fff;border-color:#c65300}
.hero--light .hero-facts{border-top-color:#d7cbbb}
.hero--light .hero-facts dt{color:#292521}
.hero--light .hero-facts dd{color:#645b52}
.hero--light .hero-progress-card{box-shadow:0 12px 32px rgba(74,52,29,.12);border:1px solid #eadfce}
.hero--light :focus-visible{outline:3px solid #934300;outline-offset:4px}
@media(min-width:721px){
 .hero--light .hero-panorama{min-height:560px}
 .hero--light .hero-panorama img{object-fit:cover}
 .hero--light h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
 .hero--light h1 em{color:#ff7900}
 .hero--light .eyebrow{color:#ffd4ac}
 .hero--light .hero-lede{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.65)}
}
@media(max-width:720px){
 .hero.hero--light{background:#f8f3eb}
 .hero--light .hero-panorama{box-shadow:0 10px 26px rgba(74,52,29,.12)}
}