.scene{--balance:100%;--tilt-x:0deg;--tilt-y:0deg;grid-template-rows:auto 1fr auto auto}.artwork-frame{transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .16s ease-out;touch-action:pan-y}.balance-image{position:absolute;inset:0;margin:auto;clip-path:inset(0 0 0 var(--balance));filter:invert(1) grayscale(1);mix-blend-mode:normal;box-shadow:none!important;pointer-events:none;animation:none}.duality-phrase{position:absolute;top:8%;left:15%;right:15%;margin:0;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,2vw,27px);font-weight:normal;letter-spacing:.2em;line-height:1.6;mix-blend-mode:difference;color:#e9e0cf;pointer-events:none;opacity:.8}.scene[data-view='0'] .duality-phrase{display:none}.balance-tools{display:flex;align-items:center;justify-content:center;gap:14px;position:relative;z-index:2;margin:0 0 8px}.balance-tools>span{font-size:7px;letter-spacing:2px;color:#b1a397}.balance-tools input{width:130px;accent-color:#b12b50;cursor:ew-resize;height:24px}.balance-tools button{background:transparent;border:0;color:#d8cbb8;font-size:29px;line-height:1;min-width:44px;min-height:44px;cursor:pointer}.balance-tools input:focus-visible{outline:1px solid #e9e0cf;outline-offset:4px}.content-library{max-width:1100px;margin:0 auto;padding:35px 6% 90px;font-family:Arial,sans-serif}.content-library>section{border-top:1px solid #e9e0cf33;padding:35px 0}.content-library h2{font:11px 'Courier New',monospace;letter-spacing:3px;text-transform:uppercase;margin:0 0 25px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.content-grid article{min-width:0}.content-grid img{display:block;max-width:100%;height:250px;object-fit:cover}.content-grid h3{font-size:17px;margin:18px 0 10px}.content-grid p{font-size:13px;line-height:1.8;white-space:pre-line;color:#b7a99a}.content-grid audio,.content-grid video{width:100%;margin:15px 0}.content-grid a{font:10px 'Courier New',monospace;text-decoration:underline;display:inline-block;padding:12px 0}.official-links>div{display:flex;gap:15px}.scene .artwork-image{max-height:calc(100svh - 220px)}@media(max-width:720px){.artwork-frame{min-height:50svh}.scene .artwork-image{max-height:calc(100svh - 250px)}.duality-phrase{font-size:14px;letter-spacing:.14em;top:7%}.balance-tools{gap:10px}.balance-tools input{width:115px}.content-grid{grid-template-columns:1fr}.content-grid img{height:auto;max-height:450px}.art-stage{padding-top:18px;padding-bottom:18px}}@media(prefers-reduced-motion:reduce){.artwork-frame{transform:none!important;transition:none!important}}

/* Persistent navigation keeps unpublished sections discoverable without adding page clutter. */
.scene{grid-template-rows:auto auto 1fr auto auto}
.band-nav{display:flex;justify-content:center;gap:clamp(12px,4vw,50px);position:relative;z-index:2;margin:19px 0 0}
.band-nav button{position:relative;min-height:44px;padding:10px 6px;border:0;background:transparent;color:#c4bbaa;font:10px 'Courier New',monospace;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:color .2s}
.band-nav button:after{content:'';position:absolute;bottom:5px;left:6px;right:8px;height:1px;background:var(--blood);transform:scaleX(0);transition:transform .2s}
.band-nav button:hover{color:var(--ivory)}.band-nav button:hover:after,.band-nav button:focus-visible:after{transform:scaleX(1)}
.band-dialog{color:var(--ivory);background:#0c0a0bf5;border:1px solid #e9e0cf44;border-top:2px solid var(--blood);padding:25px 28px 35px;width:min(760px,calc(100vw - 36px));max-height:80svh;overflow:auto;box-shadow:0 25px 100px #000b}
.band-dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}
.band-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:25px}
.band-panel-header h2{font:12px 'Courier New',monospace;text-transform:uppercase;letter-spacing:4px;margin:0}
.band-panel-header button{border:0;background:transparent;color:var(--ivory);min-width:44px;min-height:44px;font-size:28px;cursor:pointer}
.panel-empty{color:#b7a99a;font:13px/1.8 'Courier New',monospace;margin:40px 0 25px}
#band-panel-content>.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#band-panel-content>.content-grid img{height:auto;max-height:300px}
#band-panel-content .connect-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:11px;letter-spacing:1px;border-bottom:1px solid var(--line)}
.scene .artwork-image{max-height:calc(100svh - 280px)}
@media(max-width:720px){.band-nav{margin-top:13px;gap:clamp(8px,3vw,25px)}.band-nav button{font-size:9px;letter-spacing:1.5px}.scene .artwork-image{max-height:calc(100svh - 310px)}.artwork-frame{min-height:42svh}.band-dialog{padding:15px 22px 25px}#band-panel-content>.content-grid{grid-template-columns:1fr}}

.masthead{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.brand-sigil{justify-self:start}
.sound-toggle{justify-self:end;min-height:44px;border:0;background:none;color:#c4bbaa;font:8px/1.4 'Courier New',monospace;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer;padding:8px 0 8px 8px;text-align:right}
.sound-toggle:before{content:'◌';color:var(--blood);font-size:14px;margin-right:8px}.sound-toggle[aria-pressed='true']:before{content:'◉'}.sound-toggle:hover{color:var(--ivory)}
@media(max-width:480px){.masthead{gap:8px;grid-template-columns:25px 1fr auto}.origin{text-align:center;font-size:6px;letter-spacing:.8px}.sound-toggle{font-size:7px;letter-spacing:.5px;max-width:105px}.sound-toggle:before{margin-right:5px}}

/* Bloom / decay: paired artwork, a slow sweep, and changing phrases. */
.scene{grid-template-rows:auto auto 1fr auto auto auto}
.artwork-pan{position:relative;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:artwork-drift 20s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:50% 55%}
.scene[data-motion='running'] .artwork-pan{animation-play-state:running}
.balance-image{filter:invert(1) grayscale(1) sepia(.24) contrast(1.08)}
.decay-dust{position:absolute;inset:0;pointer-events:none;clip-path:inset(0 0 0 var(--balance));opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.38' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23502d26' filter='url(%23d)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}
.scene .duality-phrase{position:relative;inset:auto;display:block!important;margin:0 auto 8px;min-height:42px;font:12px/1.65 Georgia,serif;letter-spacing:.18em;white-space:pre-line;mix-blend-mode:normal;color:#d6c5b0;opacity:1;max-width:90%;pointer-events:none}
.balance-tools .motion-toggle{font:7px/1.3 'Courier New',monospace;text-transform:uppercase;letter-spacing:1px;color:#baa898;border-left:1px solid var(--line);padding:8px 10px;min-width:72px;min-height:44px}
.scene .artwork-image{max-height:calc(100svh - 335px)}
@keyframes artwork-drift{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.045) translate(-.5%,-.6%)}100%{transform:scale(1.025) translate(.6%,.5%)}}
@media(max-width:720px){.scene .artwork-image{max-height:calc(100svh - 365px)}.artwork-frame{min-height:35svh}.scene .duality-phrase{font-size:10px;letter-spacing:.13em;min-height:38px}.balance-tools{gap:7px}.balance-tools input{width:90px}.balance-tools .motion-toggle{font-size:6px;min-width:66px;padding-left:8px;padding-right:0}}
@media(prefers-reduced-motion:reduce){.artwork-pan{animation:none!important;transform:none!important}.decay-dust{animation:none!important}}
/* Keep the artwork, caption, and controls together in one viewport. */
.scene{height:100svh;min-height:640px;grid-template-rows:44px 44px minmax(0,1fr) 46px 44px 44px;gap:8px;padding-top:20px;padding-bottom:20px}
.band-nav{margin:0}.art-stage{height:100%;padding:12px 0}.artwork-frame{height:100%;min-height:0;max-height:100%}
.artwork-pan{height:100%;aspect-ratio:4/5;max-height:100%;width:auto}
.scene .artwork-image{width:100%;height:100%;max-height:100%;object-fit:contain}
.scene .duality-phrase{margin:0;min-height:0;align-self:center;justify-self:center}
.balance-tools{margin:0}.scene-footer{min-height:0}
@media(max-width:720px){.scene{grid-template-rows:44px 44px minmax(0,1fr) 42px 44px 90px;padding-top:18px;padding-bottom:18px}.scene-footer{row-gap:3px}.art-stage{padding:8px 0}.gallery-controls{gap:14px}}
.scene{overflow:clip}
.balance-image{filter:invert(1) grayscale(1) sepia(.6) contrast(1.15) brightness(.85)}
.scene{grid-template-columns:minmax(0,1fr)}
@supports(height:1cqh){.artwork-frame{container-type:size}.artwork-pan{width:min(100cqw,80cqh);height:min(125cqw,100cqh)}}
.scene[data-decay-ready='false'] .balance-image,.scene[data-decay-ready='false'] .decay-dust{visibility:hidden}
/* The supplied audio is also available as an explicit foreground preview. */
.quiet-content .music-preview{display:none}#band-panel-content .music-preview{display:block}#band-panel-content .music-preview p{font:10px 'Courier New',monospace;letter-spacing:2px}#band-panel-content .music-preview audio{width:100%;margin:12px 0 20px}
.scene[data-promo-art=true] .balance-image{filter:none}.scene[data-promo-art=true] .artwork-frame{transform:none}
.scene{grid-template-rows:44px 44px minmax(0,1fr) 44px 44px}.scene[data-promo-art=true] .artwork-pan{animation:photo-breathe 6s ease-in-out infinite alternate;animation-play-state:paused}.scene[data-promo-art=true][data-motion=running] .artwork-pan{animation-play-state:running}@media(max-width:720px){.scene{grid-template-rows:44px 44px minmax(0,1fr) 44px 90px}}@keyframes photo-breathe{from{transform:scale(.985) translateY(2px)}to{transform:scale(1) translateY(0)}}