/* The supplied photograph belongs to the opening view only. */
body[data-view="home"]{
 background-image:linear-gradient(90deg,rgba(246,245,237,.48) 0%,rgba(246,245,237,.30) 43%,rgba(246,245,237,.12) 100%),url("assets/opening-background.jpg");
 background-position:center,center bottom;
 background-size:cover;
 background-repeat:no-repeat;
 background-attachment:fixed;
 min-height:100svh;
}
body[data-view="home"] header{background:rgba(246,245,237,.88);backdrop-filter:blur(12px);box-shadow:none}
body[data-view="home"] .persistent-dial .dial-heading{color:#192c2c}
body[data-view="home"] .persistent-dial .dial-heading h2 em{color:#526b42}
body[data-view="home"] .persistent-dial .dial-bottom p,
body[data-view="home"] .persistent-intro,
body[data-view="home"] .hero-bottom,
body[data-view="home"] .globe-controls{color:#344b36}
body[data-view="home"] .dial-step,
body[data-view="home"] .globe-controls button{background:rgba(246,245,237,.8)}
body[data-view="home"] .dial-heading,
body[data-view="home"] .orb-label,
body[data-view="home"] .hero-bottom{text-shadow:0 1px 6px rgba(246,245,237,.9)}
body[data-view="home"] .dial-bottom p{background:rgba(246,245,237,.72);padding:5px 9px;border-radius:8px}
@media(max-width:760px){
 body[data-view="home"]{background-image:none;isolation:isolate}
 body[data-view="home"]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(246,245,237,.40),rgba(246,245,237,.28)),url("assets/opening-background.jpg") center bottom/cover no-repeat}
}