#night-view-toggle{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;padding:4px;border:0;border-radius:50%;background:transparent;cursor:pointer;color:white}
#night-view-toggle img{display:block;width:32px;height:32px;object-fit:contain;transform:scale(calc(1 + var(--bowl-pulse,0)*.22));filter:drop-shadow(0 0 calc(1px + var(--bowl-pulse,0)*8px) #f6d2ffa6)}
#night-view-toggle:hover{background:#ffffff18}#night-view-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
body::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .85s ease;background:linear-gradient(180deg,#0b0715 0%,#170f27 12%,#30213f 20%,#795a83 32%,#c18fa6 43%,#eabcae 55%,#f8dfca 71%,#fffaf2 87%,#fffdf8 100%)}
.night-view body::before{opacity:1}
.night-view body{color:#fff8f4}
.night-view .hero .sub{text-shadow:none}.night-view .hero .wrap:before{background:radial-gradient(ellipse,#170f2780,transparent 73%)}
.night-view .hero .hl,.night-view #beliefs .hl,.night-view #work> .wrap>h2 .hl{color:#ffd5ba}
.night-view .hero .btn{background:#fff4eb;color:#352039}
.night-view .pcard{color:#302032;background:#fff8efe6;border-color:#fff9}
.night-view #craft,.night-view #contact,.night-view #contact h2,.night-view .contact-intro,.night-view .quote,.night-view footer{color:#302032}
.night-view #craft .hl,.night-view #contact .hl{color:#a34e3f}
.night-view .spec-card{background:#352039e8}.night-view .spec-card h3,.night-view .spec-card li{color:#fff8f4}
.night-view .email,.night-view .quote cite,.night-view footer a{color:#49324f}
.night-view.dust-intro:after,.night-view .dust-intro:after{color:#fff8f4}
@media(max-width:760px){header .nav{gap:12px}#night-view-toggle{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){#night-view-toggle img{transform:none;filter:none}}

.night-view #lead,.night-view #good-company,header a[hidden]{display:none!important}
body,h1,h2,h3,p,.hl,.btn,.pcard,.spec-card,li,.email,.quote,cite,footer{transition:color .85s ease,background-color .85s ease,border-color .85s ease}
@media(prefers-reduced-motion:reduce){body::before,body,h1,h2,h3,p,.hl,.btn,.pcard,.spec-card,li,.email,.quote,cite,footer{transition:none}}

/* Tie the reverse ombre to content at every width, including Safari desktop. */
.night-view body::before{background:var(--sound-mobile-gradient,linear-gradient(180deg,#0b0715,#795a83 40%,#e8d8c1))}
.night-view #light-scene,.night-view .light-fallback{opacity:.12}
.night-view #sound-spectrum,.night-view #sound-spectrum .spectrum-description,.night-view #sound-spectrum .spectrum-close{color:#fff8f4}
.night-view .spectrum-labels text{fill:#fff8f4}
.night-view .spectrum-references{border-color:#fff8f455}
.night-view #sound-experience{color:#302032}
.night-view #sound-experience .hl{color:#79392d}