/* Taller black headspace and a simple illustrated menu. */
body{background:#000}
.masthead{position:relative;inset:auto;top:auto;left:auto;right:auto;width:100%;height:auto;min-height:190px;padding:62px 5vw 38px;display:flex;flex-wrap:wrap;gap:28px;background:#000;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:#fff6dc}
.masthead .brand{font-size:28px}.masthead .brand small{color:#a5c394}
.masthead nav{display:flex;align-items:center;justify-content:center;gap:clamp(22px,3vw,54px);margin:auto}
.masthead nav a,.masthead nav button{position:relative;padding:10px 0;font-family:Uncial,Georgia,serif;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:.3px;text-decoration:none;color:#fff6dc;background:none;border:0;box-shadow:none;border-radius:0}
.masthead nav a:after,.masthead nav button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:70%;background:#6bd632;transform:scaleX(0);transition:transform .18s}
.masthead nav .active:after,.masthead nav a:hover:after,.masthead nav button:hover:after,.masthead nav button:focus-visible:after{transform:scaleX(1)}
.masthead .header-actions{gap:12px}.masthead .journal-button{display:none}.masthead .sound-button{border:0;background:none;box-shadow:none;color:#fff6dc}
#beginning .hero-heading{padding-top:55px}
.mobile-nav{background:#00190c;top:150px;z-index:30}
@media(max-width:1050px){.masthead{padding:40px 25px 30px;min-height:190px}.masthead nav{order:3;width:100%;gap:30px}.masthead .header-actions{margin-left:auto}}
@media(max-width:650px){.masthead{min-height:160px;padding:35px 18px 25px;gap:20px}.masthead .brand{font-size:22px}.masthead .brand img{width:34px;height:34px}.masthead nav{display:flex;gap:0;justify-content:space-between}.masthead nav a,.masthead nav button{font-size:10px;letter-spacing:0;padding:8px 0}.masthead .menu-toggle{display:none}.masthead .sound-button{font-size:17px}.masthead .sound-button span{display:none}#beginning .hero-heading{padding-top:36px}}