/* Clear contours: the silhouette supplies the colour, not a rectangular box. */
body[data-route=start] .hero .scene::after{display:none}
@media(min-width:768px){
 body[data-route=start] .hero-copy{background:transparent;padding-bottom:36px}
 body[data-route=start] .hero-copy::before{background:var(--section-color)}
}
@media(max-width:767px){body[data-route=start] .hero-copy{border-radius:0 0 36px 36px}}
/* Only the menu/search icons float on mobile; neither a white head nor logo. */
@media(max-width:767px){
 header.is-scrolled .head{grid-template-columns:1fr;grid-template-rows:auto;min-height:68px}
 header.is-scrolled .quick-links{padding:12px 0;flex-wrap:nowrap}
 header.is-scrolled .quick-links>a,header.is-scrolled .region-brand{display:none!important}
 header.is-scrolled .quick-links #mobile-menu>span:last-child{display:none}
 header.is-scrolled #mobile-menu,header.is-scrolled #search-toggle{width:44px;height:44px;min-height:44px;pointer-events:auto;box-shadow:0 2px 8px #0002}
 header.is-scrolled #search-toggle{margin-left:auto}
 body:not(.nav-open):not(.topic-open) header.is-scrolled,
 body[data-route=start]:not(.nav-open):not(.topic-open) header.is-scrolled .head{background:transparent;box-shadow:none;pointer-events:none}
 body:not(.nav-open):not(.topic-open) header.is-scrolled .head{background:transparent}
 body.nav-open header.is-scrolled,body.topic-open header.is-scrolled{background:#fff;pointer-events:auto}
 header.is-scrolled>.warningbar{display:none}
}
body[data-route=start] .home-discover{padding-top:64px;padding-bottom:24px}
.home-discover .thumb{overflow:hidden;background:#eee}
.home-discover .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.home-photo-credit{font-size:.75rem;color:#444;margin-top:20px}
.home-photo-credit a{color:inherit;text-decoration:underline}
body[data-route=start] .home-prepare{padding:32px 0 80px}
@media(max-width:767px){body[data-route=start] .home-discover{padding-top:40px}.home-discover .thumb{height:auto;aspect-ratio:4/3}body[data-route=start] .home-prepare{padding-bottom:48px}}
@media(forced-colors:active){body[data-route=start] .hero-copy{background:Canvas;border:1px solid CanvasText}}
@media(max-width:767px){
 body:not(.nav-open):not(.topic-open) header.is-scrolled .head{padding-block:0;row-gap:0}
 body:not(.nav-open):not(.topic-open) header.is-scrolled .primary-topics{display:none!important;margin:0!important}
}
body[data-route=start] .hero .scene{height:100%}
body[data-route=start] .hero-bottom-wave{background:transparent}
body[data-route=start] .hero-bottom-wave::before{background:#fff;mask-image:url('assets/hero-bottom-cut.svg');-webkit-mask-image:url('assets/hero-bottom-cut.svg')}
@media(max-width:767px){body[data-route=start] .hero-bottom-wave::before{mask-image:url('assets/hero-bottom-cut-mobile.svg');-webkit-mask-image:url('assets/hero-bottom-cut-mobile.svg')}}