.home-masthead{position:relative;isolation:isolate;display:grid;place-items:center;height:240px;max-height:34svh;min-height:150px;margin:0 calc(-1 * max(24px,(100vw - 1240px)/2)) 24px;overflow:hidden;border-block:1px solid #7d704e;background:#141a17}
.home-masthead::after{content:"";position:absolute;inset:12px;border:1px solid #d9bc7b8c;pointer-events:none}
.masthead-images{position:absolute;inset:0;z-index:-2;background:#141a17}
.masthead-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;opacity:0;transition:opacity 1800ms ease}
.masthead-images img.is-active{opacity:1}
.masthead-images img:nth-child(2){object-position:50% 20%}
.home-masthead::before{content:"";position:absolute;inset:0;z-index:-1;background:#07110e77}
.home-masthead h1{font:400 48px/1.15 Georgia,"Times New Roman",serif;color:#fff;margin:0;padding:0 28px;text-align:center;text-shadow:0 2px 10px #000,0 1px 3px #000}
.masthead-controls{position:absolute;right:20px;bottom:20px;display:flex;gap:6px}
.masthead-controls button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9bc7b99;border-radius:4px;background:#111915dc;color:#f4f2e9;font:12px system-ui}
.masthead-controls button:hover{border-color:var(--gold);color:var(--gold)}
.masthead-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.home-page .explore-section{padding-top:0}
.home-page .starting-paths{padding:24px 0;margin-top:24px}
.home-page #artists-title{font:600 18px/1.3 Georgia,"Times New Roman",serif}
.home-page .paths{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-page .paths>a{align-items:center;border:1px solid var(--line);border-radius:4px;padding:12px}
.home-page .paths h3{font-size:15px;margin:0}
.home-page .paths>a>span:last-child{margin-left:auto}
@media(max-width:800px){.home-masthead{margin-inline:-24px}.home-page .paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-masthead{height:190px;margin-inline:-18px;margin-bottom:18px}.home-masthead h1{font-size:32px;padding:0 20px}.home-masthead::after{inset:8px}.masthead-controls{right:14px;bottom:14px}.home-page .section-heading h2{font-size:18px}.home-page .paths{grid-template-columns:1fr 1fr}.home-page .paths>a{gap:8px;padding:10px}.home-page .paths h3{font-size:13px}.home-page .path-number{font-size:12px}}
@media(max-width:360px){.home-masthead h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.masthead-images img{transition:none}}