*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #080503;--surface: rgba(8,5,3,.92);--surface-solid: #0f0a07;--cream: #F0EBE3;--cream-dim: #B5AEA3;--cream-ghost: #736D64;--amber: #D4A853;--rust: #C45A3C;--ember: #E8854A;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.45, 0, .55, 1)}html{background:var(--bg);color:var(--cream);font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body{background:var(--bg)}a{color:var(--cream);text-decoration:none;transition:color .3s}a:hover{color:var(--amber)}button{font-family:var(--font-body);border:none;background:none;color:var(--cream);cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--amber);color:var(--bg)}#scene-container{position:fixed;inset:0;z-index:0}#scene-container canvas{width:100%!important;height:100%!important}#grain-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9998;opacity:.04;mix-blend-mode:overlay}#loader{position:fixed;inset:0;z-index:20000;background:var(--bg);display:flex;align-items:center;justify-content:center}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding:0 2rem}.loader-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:.9;letter-spacing:-.02em;color:var(--cream)}.loader-tagline{font-family:var(--font-body);font-size:.7rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--cream-ghost);margin-top:.25rem}.loader-status{display:flex;align-items:center;gap:0;margin-top:1.5rem}.loader-status-text{font-family:var(--font-body);font-size:.65rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--amber)}.loader-dots{font-size:.65rem;color:var(--amber);animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}.loader-bar{width:200px;height:1px;background:#f0ebe314;overflow:hidden}.loader-fill{height:100%;width:0%;background:var(--amber);transition:width .1s linear}#scroll-spacer{position:relative;z-index:1;height:600vh}.hero{position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-center{text-align:center;padding:0 1.5rem}.hero-pre{font-family:var(--font-body);font-size:.7rem;font-weight:400;letter-spacing:.35em;text-transform:uppercase;color:var(--amber);margin-bottom:1.25rem;opacity:0;transform:translateY(10px);text-shadow:0 1px 12px rgba(0,0,0,.8)}.hero-name{font-family:var(--font-display);font-size:clamp(3.5rem,13vw,11rem);font-weight:900;line-height:.88;letter-spacing:-.03em;color:var(--cream);text-shadow:0 2px 20px rgba(0,0,0,.8),0 4px 60px rgba(0,0,0,.6),0 0 120px rgba(0,0,0,.4)}.name-line{display:block;overflow:hidden}.name-inner{display:inline-block;transform:translateY(120%)}.hero-sub{font-family:var(--font-body);font-size:.8rem;font-weight:300;letter-spacing:.2em;color:var(--cream-dim);margin-top:1.5rem;opacity:0;transform:translateY(10px);text-shadow:0 1px 12px rgba(0,0,0,.8)}.hero-scroll-cue{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;opacity:0}.hero-scroll-cue span{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cream-ghost)}.cue-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--amber),transparent);animation:cuePulse 2.5s ease-in-out infinite}@keyframes cuePulse{0%,to{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.panel{position:fixed;z-index:10;pointer-events:none;opacity:0;transition:opacity .1s}.panel.panel-music{top:5vh;left:clamp(1.5rem,4vw,4rem);max-height:88vh;overflow-y:auto;padding-bottom:3rem}.panel.panel-band{top:5vh;left:50%;right:auto;transform:translate(-50%);max-height:88vh;overflow-y:auto}.panel.panel-gallery{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.panel.panel-close{top:5vh;left:50%;transform:translate(-50%);max-height:88vh;overflow-y:auto;padding-bottom:3rem}.panel[style*="opacity: 1"],.panel[style*="opacity: 0.9"],.panel[style*="opacity: 0.8"],.panel[style*="opacity: 0.7"],.panel[style*="opacity: 0.6"],.panel[style*="opacity: 0.5"]{pointer-events:all}.panel-card{background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(240,235,227,.08);border-radius:2px;padding:clamp(1.5rem,3vw,2.5rem);max-width:420px;width:90vw;box-shadow:0 12px 48px #0009,0 0 0 1px #0003,inset 0 1px #f0ebe30a}.panel-card--wide{max-width:780px}.panel-number{font-family:var(--font-body);font-size:.6rem;font-weight:400;letter-spacing:.25em;color:var(--cream-ghost);display:block;margin-bottom:.75rem}.panel-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1;letter-spacing:-.02em;margin-bottom:1.25rem;text-shadow:0 1px 8px rgba(0,0,0,.3)}.panel-title em{font-style:italic;color:var(--amber)}.panel-title--big{font-size:clamp(2rem,5vw,4rem);margin-bottom:2rem}.panel-lead{font-family:var(--font-body);font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:400;color:var(--cream);line-height:1.7;margin-bottom:1rem}.panel-lead em{color:var(--amber);font-style:italic}.panel-body{font-size:.8rem;color:var(--cream-dim);line-height:1.8;margin-bottom:1.25rem}.panel-player{margin:1.25rem 0;background:var(--surface-solid);border:1px solid rgba(240,235,227,.05);padding:.75rem}.panel-player iframe{display:block;border:none}.panel-link{font-size:.75rem;font-weight:500;letter-spacing:.1em;color:var(--amber);transition:transform .3s var(--ease-expo);display:inline-block}.panel-link:hover{transform:translate(4px);color:var(--ember)}.band-roster{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}@media(max-width:600px){.band-roster{grid-template-columns:1fr 1fr;gap:.5rem}}.band-member{padding:0;background:#f0ebe308;border:1px solid rgba(240,235,227,.05);transition:border-color .3s,transform .3s var(--ease-expo);overflow:hidden}.band-member:hover{border-color:#d4a85340;transform:translateY(-2px)}.bm-photo{width:100%;aspect-ratio:3/4;overflow:hidden}.bm-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.1) brightness(.85);transition:filter .5s,transform .6s var(--ease-expo)}.band-member:hover .bm-photo img{filter:saturate(.85) contrast(1.1) brightness(.95);transform:scale(1.05)}.bm-info{padding:.5rem .5rem .6rem}.bm-name{display:block;font-family:var(--font-display);font-size:clamp(.9rem,1.5vw,1.15rem);font-weight:500;color:var(--cream);margin-bottom:.2rem}.bm-role{display:block;font-size:.5rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.persistent-player{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#080503f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(240,235,227,.06);padding:.4rem 1rem;transform:translateY(100%);transition:transform .5s var(--ease-expo);pointer-events:none}.persistent-player.visible{transform:translateY(0);pointer-events:all}.persistent-player iframe{display:block;border:none;opacity:.85}.lightbox{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-expo)}.lightbox.active{opacity:1;pointer-events:all}.lightbox-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lightbox-content{position:relative;max-width:90vw;max-height:85vh;transform:scale(.9);transition:transform .4s var(--ease-expo)}.lightbox.active .lightbox-content{transform:scale(1)}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border:1px solid rgba(240,235,227,.1)}.lightbox-close{position:absolute;top:-2.5rem;right:0;font-size:1.5rem;color:var(--cream);background:none;border:none;cursor:pointer;opacity:.6;transition:opacity .3s}.lightbox-close:hover{opacity:1}.orbit-hint{position:fixed;bottom:4rem;left:50%;transform:translate(-50%) translateY(20px);z-index:50;pointer-events:none;opacity:0;transition:opacity .6s,transform .6s var(--ease-expo)}.orbit-hint.visible{opacity:1;transform:translate(-50%) translateY(0)}.orbit-hint span{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--amber);background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.5rem 1.2rem;border:1px solid rgba(212,168,83,.2)}.back-to-site{position:fixed;top:1.5rem;left:50%;transform:translate(-50%) translateY(-20px);z-index:200;font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--cream);background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(212,168,83,.3);padding:.6rem 1.5rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s var(--ease-expo),background .3s,border-color .3s}.back-to-site.visible{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}.back-to-site:hover{background:#d4a85326;border-color:var(--amber)}.gallery-overlay-text{display:flex;align-items:center;gap:clamp(.75rem,2vw,2rem);margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.gal-word{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,7rem);font-weight:900;line-height:1;color:var(--cream);text-shadow:0 2px 20px rgba(0,0,0,.8),0 4px 60px rgba(0,0,0,.5)}.gal-word--stroke{-webkit-text-stroke:1.5px var(--cream);color:transparent}.gallery-strip{width:100%;overflow:hidden}.strip-track{display:flex;gap:1rem;will-change:transform}.strip-img{flex:0 0 clamp(200px,28vw,360px);height:clamp(140px,20vh,250px);overflow:hidden;border:1px solid rgba(240,235,227,.05)}.strip-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.1) brightness(.8);transition:filter .5s,transform .6s var(--ease-expo)}.strip-img:hover img{filter:saturate(.85) contrast(1.1) brightness(.9);transform:scale(1.05)}.close-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}@media(max-width:600px){.close-grid{grid-template-columns:1fr;gap:1.5rem}}.close-label{font-family:var(--font-body);font-size:.6rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--cream-ghost);margin-bottom:.75rem}.close-link{display:block;font-size:.85rem;color:var(--cream-dim);padding:.3rem 0;transition:color .3s,transform .3s var(--ease-expo)}.close-link:hover{color:var(--amber);transform:translate(4px)}.show-row{display:flex;gap:1rem;font-size:.8rem;color:var(--cream-dim);padding:.35rem 0;border-bottom:1px solid rgba(240,235,227,.05)}.show-d{font-weight:500;color:var(--amber);flex:0 0 55px;font-size:.7rem;letter-spacing:.05em}.booking-name{display:block;font-family:var(--font-display);font-size:1rem;color:var(--cream);margin-bottom:.25rem}.booking-email{font-size:.75rem;color:var(--amber)}.mailing-wrap{margin-top:.5rem}.mailing-label{display:block;font-size:.6rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--cream-ghost);margin-bottom:.75rem}.mail-form{display:flex;max-width:340px}.mail-form input{flex:1;padding:.65rem .9rem;background:#f0ebe30d;border:1px solid rgba(240,235,227,.08);border-right:none;color:var(--cream);font-family:var(--font-body);font-size:.75rem;outline:none;transition:border-color .3s}.mail-form input:focus{border-color:var(--amber)}.mail-form input::placeholder{color:var(--cream-ghost)}.mail-form button{padding:.65rem 1.25rem;background:var(--amber);color:var(--bg);font-weight:600;font-size:.75rem;border:1px solid var(--amber);transition:background .3s}.mail-form button:hover{background:var(--ember);border-color:var(--ember)}.footer{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding-top:1.5rem;padding-bottom:2.5rem;margin-top:1.5rem;border-top:1px solid rgba(240,235,227,.06)}.footer span{font-size:.6rem;letter-spacing:.1em;color:var(--cream-ghost)}.img-reveal{overflow:hidden}.img-reveal img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.15) brightness(.8)}@media(max-width:768px){#scroll-spacer{height:500vh}.panel.panel-music,.panel.panel-close{left:50%;right:auto;transform:translate(-50%)}.panel.panel-band{top:2vh;left:50%;right:auto;transform:translate(-50%);width:96vw}.panel.panel-music{top:3vh}.panel-card,.panel-card--wide{max-width:92vw;width:92vw}.hero-name{font-size:clamp(2.8rem,16vw,5rem)}.band-roster{grid-template-columns:1fr 1fr;gap:.5rem}.close-grid{grid-template-columns:1fr;gap:1.25rem}.gallery-overlay-text{margin-bottom:1rem}.strip-img{flex:0 0 200px;height:140px}.back-to-site{top:1rem;padding:.5rem 1.2rem;font-size:.6rem}.persistent-player{padding:.25rem .5rem}.footer{flex-direction:column;gap:.3rem;text-align:center}.footer span:nth-child(2),.footer span:nth-child(4){display:none}}@media(max-width:480px){.gal-word{font-size:clamp(2rem,12vw,3.5rem)}.hero-pre{font-size:.55rem;letter-spacing:.2em}.hero-sub{font-size:.65rem}.panel-title,.panel-title--big{font-size:clamp(1.6rem,6vw,2.5rem)}.bm-name{font-size:.85rem}.bm-role{font-size:.45rem}}.fallback{background:linear-gradient(180deg,#080503,#120905 30%,#0a0604);background-attachment:fixed}.fallback .hero{background:radial-gradient(ellipse at 50% 80%,rgba(212,168,83,.06) 0%,transparent 60%)}.fallback .panel{display:flex;justify-content:center;padding:4rem 1.5rem}.fallback .panel-card,.fallback .panel-card--wide{max-width:700px;width:100%}.fallback .panel-gallery{padding:3rem 0}.fallback .gallery-strip{overflow-x:auto;-webkit-overflow-scrolling:touch}.fallback .strip-track{animation:none!important;transform:none!important}.fallback .panel-close{padding-bottom:5rem}