:root{--ink:#150d0d;--wine:#3a1017;--amber:#f2a93b;--cream:#f4e8d2;--muted:#b9aa97;--line:rgba(244,232,210,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"DM Sans",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--cream);text-decoration:none;font-family:"Unbounded",sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--amber);border-radius:50%;color:var(--amber);font-size:.62rem}nav{display:flex;align-items:center;gap:30px}nav a{color:var(--cream);text-decoration:none;font-size:.78rem;transition:.25s}nav a:hover{color:var(--amber)}.nav-cta{border:1px solid var(--line);padding:11px 16px;border-radius:99px}.menu-toggle{display:none}.hero{min-height:100svh;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;padding:130px 4vw 9vh;position:relative;background:radial-gradient(circle at 80% 30%,#66242a 0,transparent 38%),linear-gradient(135deg,#110909 50%,#271014)}.hero-art{position:absolute;inset:84px 0 0 42%;overflow:hidden}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 28%),linear-gradient(0deg,var(--ink),transparent 42%)}.hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08)}.sigil{position:absolute;right:8vw;top:16%;font-size:8rem;color:var(--amber);opacity:.18}.hero-copy{position:relative;z-index:2;max-width:800px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;color:var(--amber);font-weight:600;margin:0 0 24px}.hero h1,.section h2{font-family:"Unbounded",sans-serif;font-weight:500;letter-spacing:-.055em;line-height:.94;margin:0}.hero h1{font-size:clamp(3.8rem,8.1vw,9rem)}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--amber)}.intro{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65;max-width:560px;color:var(--muted);margin:35px 0}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;padding:15px 22px;border-radius:99px;text-decoration:none;font-size:.8rem;font-weight:600}.primary{background:var(--amber);color:var(--ink)}.ghost{border:1px solid var(--line);color:var(--cream)}.scroll-cue{position:absolute;right:4vw;bottom:7vh;z-index:3;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;display:flex;gap:12px;align-items:center}.scroll-cue span{height:45px;width:1px;background:var(--amber)}.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--amber);color:var(--ink);padding:14px 0;white-space:nowrap}.marquee div{font-family:"Unbounded";font-size:.72rem;letter-spacing:.12em;animation:move 28s linear infinite}.marquee i{font-style:normal;margin:0 22px}@keyframes move{to{transform:translateX(-50%)}}.section{padding:120px 7vw}.section-head{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:end;margin-bottom:75px}.section h2{font-size:clamp(2.8rem,5.5vw,6.5rem)}.section-head>p{line-height:1.65;color:#76695e;margin:0}.music{background:var(--cream);color:var(--ink)}.track{display:grid;grid-template-columns:70px 1fr auto;align-items:center;border-top:1px solid rgba(21,13,13,.2);padding:25px 0;transition:.25s}.track:last-child{border-bottom:1px solid rgba(21,13,13,.2)}.track:hover{padding-inline:16px;background:rgba(242,169,59,.16)}.number{font-size:.68rem;color:#8b7b69}.track h3{font-family:"Unbounded";font-weight:500;font-size:clamp(1.1rem,2.2vw,2.4rem);margin:0 0 6px}.track p{margin:0;color:#837361;font-size:.8rem}.rune{font-size:1.5rem;color:#8b4b28}.catalogue{margin-top:38px;color:#7d6b5a;font-size:.8rem}.catalogue span{color:var(--ink)}.band{background:#42141d}.light>p{color:#c4aeb0}.members{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.member{background:#2b0f15;padding:18px 18px 32px}.portrait{aspect-ratio:4/5;background:linear-gradient(145deg,#6c2630,#1c0c10);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:28px}.portrait:after{content:"";position:absolute;width:75%;aspect-ratio:1;border:1px solid rgba(242,169,59,.35);border-radius:50%}.portrait span{position:absolute;top:16px;left:16px;font-size:.65rem;color:var(--amber)}.portrait b{font-family:Georgia;font-size:6rem;color:var(--amber);font-weight:400;z-index:1}.jean .portrait{background:linear-gradient(145deg,#3a304b,#15121e)}.william .portrait{background:linear-gradient(145deg,#32472d,#10170e)}.member h3{font-family:"Unbounded";font-size:1.35rem;margin:0 0 12px}.member p{color:#bba6a8;line-height:1.6;margin:0;font-size:.86rem}.story{background:#0d1010}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.story-orb{aspect-ratio:1;border:1px solid rgba(242,169,59,.4);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--amber);position:relative}.story-orb:after{content:"";position:absolute;inset:7%;border:1px dashed rgba(242,169,59,.25);border-radius:50%}.story-orb span,.story-orb small{font-size:.6rem;letter-spacing:.28em;text-transform:uppercase}.story-orb strong{font-family:"Unbounded";font-size:clamp(3rem,7vw,7rem);line-height:1}.story-copy h2{font-size:clamp(2.5rem,5vw,5rem);margin-bottom:36px}.story-copy>p:not(.eyebrow){max-width:650px;color:#a99e90;line-height:1.75}.text-link{display:inline-flex;gap:30px;color:var(--amber);text-decoration:none;border-bottom:1px solid var(--amber);padding-bottom:8px;margin-top:25px}footer{padding:80px 4vw 35px;background:var(--amber);color:var(--ink);display:grid;grid-template-columns:1fr auto;gap:55px;align-items:end}.footer-name{font-family:"Unbounded";font-size:clamp(3rem,10vw,10rem);line-height:.75;letter-spacing:-.08em;grid-row:span 2}footer p{margin:4px 0;font-size:.75rem}.copyright{text-align:right}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.nav-wrap{height:72px}.menu-toggle{display:block;background:none;border:1px solid var(--line);border-radius:99px;color:var(--cream);padding:9px 14px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#160c0e;padding:28px 4vw;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:120px}.hero-art{inset:72px 0 40% 18%}.hero-copy{padding-bottom:5vh}.hero h1{font-size:clamp(3.2rem,15vw,6rem)}.intro{max-width:88%}.scroll-cue{display:none}.section{padding:85px 5vw}.section-head{grid-template-columns:1fr;gap:25px;margin-bottom:48px}.section-head>p{max-width:460px}.members{grid-template-columns:1fr}.member{display:grid;grid-template-columns:42% 1fr;column-gap:22px;align-items:end}.portrait{grid-row:span 2;margin:0}.story-grid{grid-template-columns:1fr}.story-orb{width:75%;margin:auto}.track{grid-template-columns:44px 1fr auto}.track h3{font-size:1rem}.catalogue{line-height:1.7}footer{grid-template-columns:1fr}.footer-name{grid-row:auto}.copyright{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Gallery */
.portrait:after{display:none}.portrait img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.portrait:hover img{transform:scale(1.04)}.ember .portrait img{object-position:18% center}.jean .portrait img{object-position:center 22%}.william .portrait img{object-position:72% center}
.gallery{background:#130d10}.gallery .section-head>p{color:#ad9da0}.group-gallery{display:grid;grid-template-columns:1.3fr .7fr 1fr;grid-auto-rows:260px;gap:8px}.gallery-shot{position:relative;overflow:hidden;border:0;background:#211317;color:var(--cream);padding:0;cursor:zoom-in;text-align:left}.gallery-shot.wide{grid-column:span 2}.gallery-shot.tall{grid-row:span 2}.gallery-shot img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(1.04);transition:transform .65s ease,filter .45s ease}.gallery-shot:hover img,.gallery-shot:focus-visible img{transform:scale(1.035);filter:saturate(1) contrast(1.05)}.gallery-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,7,8,.85),transparent 45%);pointer-events:none}.gallery-shot span{position:absolute;left:20px;bottom:18px;z-index:1;font-family:"Unbounded";font-size:.7rem;letter-spacing:.04em}
.personal-gallery{margin-top:110px;border-top:1px solid var(--line);padding-top:60px}.personal-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.personal-heading h3{font-family:"Unbounded";font-size:clamp(1.8rem,3vw,3.2rem);margin:0}.gallery-tabs{display:flex;border:1px solid var(--line);border-radius:99px;padding:4px}.gallery-tab{background:transparent;color:var(--muted);border:0;border-radius:99px;padding:11px 20px;font:600 .78rem "DM Sans";cursor:pointer}.gallery-tab.active{background:var(--amber);color:var(--ink)}.member-gallery{display:none;grid-template-columns:repeat(3,1fr);gap:8px}.member-gallery.active{display:grid}.member-gallery .gallery-shot{aspect-ratio:4/5}.focus-left img{object-position:18% center}.focus-right img{object-position:82% center}.focus-center img{object-position:center}
.lightbox{width:min(94vw,1200px);height:min(90vh,900px);border:1px solid var(--line);background:#0d090a;padding:48px 18px 18px;color:var(--cream)}.lightbox::backdrop{background:rgba(5,3,4,.9);backdrop-filter:blur(8px)}.lightbox img{width:100%;height:calc(100% - 30px);object-fit:contain}.lightbox p{margin:8px 0 0;text-align:center;font-size:.8rem;color:var(--muted)}.lightbox-close{position:absolute;right:15px;top:12px;border:0;background:none;color:var(--cream);font:500 .8rem "DM Sans";cursor:pointer}
@media(max-width:800px){.group-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-shot.wide{grid-column:span 2}.gallery-shot.tall{grid-row:span 1}.personal-gallery{margin-top:75px;padding-top:45px}.personal-heading{align-items:flex-start;flex-direction:column}.gallery-tabs{width:100%;justify-content:space-between}.gallery-tab{flex:1;padding-inline:8px}.member-gallery{grid-template-columns:1fr 1fr}.member-gallery .gallery-shot:first-child{grid-column:span 2;aspect-ratio:16/10}.member-gallery .gallery-shot{aspect-ratio:3/4}}
.mobile-slider-controls{display:none}
body{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.12rem}.brand,nav,.menu-toggle,.button,.eyebrow,.number,.track p,.track-status,.track-play,.catalogue,.gallery-tab,.gallery-shot span,.lightbox-close,footer p{font-family:"DM Sans",sans-serif}.intro,.section-head>p,.member p,.story-copy>p:not(.eyebrow){font-size:1.1rem}.track-status,.track-play{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.track-status{color:#9d8f7f}.track-play{display:inline-flex;color:#713c1c;text-decoration:none;border:1px solid rgba(21,13,13,.25);border-radius:99px;padding:10px 14px;transition:.25s}.track-play:hover{background:var(--ink);color:var(--cream)}.soundcloud-player{margin-top:72px;padding-top:48px;border-top:1px solid rgba(21,13,13,.2)}.player-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.player-heading h3{font-family:"Unbounded";font-size:clamp(1.5rem,3vw,2.7rem);margin:0}.player-heading a{color:var(--ink);font:600 .78rem "DM Sans";text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.soundcloud-player iframe{display:block;border:0;border-radius:3px;background:#211317}
@keyframes galleryPanMobile{from{object-position:left center}to{object-position:right center}}
@media(max-width:480px){.group-gallery{display:flex;align-items:flex-start;width:100vw;margin-inline:-5vw;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:0;padding:0;scrollbar-width:none}.group-gallery::-webkit-scrollbar{display:none}.group-gallery .gallery-shot{flex:0 0 100vw;align-self:flex-start;height:72svh;min-height:520px;max-height:760px;aspect-ratio:auto;scroll-snap-align:start;background:#080506}.group-gallery .gallery-shot img{width:100%;height:100%;object-fit:cover;object-position:left center}.group-gallery .gallery-shot.active-slide img{animation:galleryPanMobile 6s linear forwards}.mobile-slider-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.mobile-slider-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--cream);font-size:1.1rem}.slider-dots{display:flex;gap:8px}.slider-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#6d5c5f;transition:width .3s ease,background .3s ease}.slider-dots i.active{width:22px;border-radius:99px;background:var(--amber)}.member-gallery{gap:5px}.gallery-shot span{left:14px;bottom:13px}.player-heading{align-items:flex-start;flex-direction:column}.soundcloud-player{margin-top:55px;padding-top:38px}.soundcloud-player iframe{height:460px}.track{grid-template-columns:42px 1fr auto}.track-status,.track-play{font-size:.62rem;padding:8px 10px}}
@media(max-width:480px) and (prefers-reduced-motion:reduce){.group-gallery .gallery-shot img,.group-gallery .gallery-shot.active-slide img{animation:none;object-position:center}}

/* Shared responsive experience */
.featured-player{padding:72px 7vw 82px;background:var(--cream);color:var(--ink)}
.featured-player .player-heading h2{font-family:"Unbounded";font-size:clamp(2rem,4.5vw,4.8rem);font-weight:500;letter-spacing:-.055em;line-height:.96;margin:0}
.featured-player iframe{display:block;border:0;border-radius:3px;background:#211317}
.bio{background:#241015;display:grid;grid-template-columns:minmax(280px,.78fr) 1.22fr;gap:8vw;align-items:center}
.bio-portrait{height:min(70svh,720px);min-height:540px;overflow:hidden;background:#13090c}
.bio-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 20%;filter:saturate(.8) contrast(1.05)}
.bio-copy{max-width:720px}.bio-copy h2{font-size:clamp(3.5rem,8vw,8.5rem);color:var(--amber)}
.bio-role{font:600 .72rem "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#d8b47c;margin:22px 0 36px}
.bio-copy>p:not(.eyebrow):not(.bio-role){font-size:1.22rem;line-height:1.72;color:#c7b5b5}
.group-gallery{display:flex;align-items:flex-start;width:100vw;margin-inline:-7vw;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:0;padding:0;scrollbar-width:none}
.group-gallery::-webkit-scrollbar{display:none}
.group-gallery .gallery-shot,.group-gallery .gallery-shot.wide,.group-gallery .gallery-shot.tall{flex:0 0 100vw;align-self:flex-start;height:min(78svh,820px);min-height:560px;grid-column:auto;grid-row:auto;aspect-ratio:auto;scroll-snap-align:start;background:#080506}
.group-gallery .gallery-shot img{width:100%;height:100%;object-fit:cover;object-position:left center}
.group-gallery .gallery-shot.active-slide img{animation:galleryPan 8s linear forwards}
@keyframes galleryPan{from{object-position:left center}to{object-position:right center}}
.mobile-slider-controls{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.mobile-slider-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--cream);font-size:1.1rem;cursor:pointer}
.slider-dots{display:flex;gap:8px}.slider-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#6d5c5f;transition:width .3s ease,background .3s ease}.slider-dots i.active{width:22px;border-radius:99px;background:var(--amber)}
@media(max-width:800px){.featured-player{padding:58px 5vw 66px}.featured-player iframe{height:460px}.bio{grid-template-columns:1fr;gap:42px}.bio-portrait{height:68svh;min-height:480px}.group-gallery{margin-inline:-5vw}.group-gallery .gallery-shot,.group-gallery .gallery-shot.wide,.group-gallery .gallery-shot.tall{height:72svh;min-height:520px;max-height:760px}}
@media(prefers-reduced-motion:reduce){.group-gallery .gallery-shot img,.group-gallery .gallery-shot.active-slide img{animation:none;object-position:center}}

/* Complete trio and character sliders */
.slider-controls{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.slider-controls button{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--cream);font-size:1.1rem;cursor:pointer}
.slider-controls button:hover,.slider-controls button:focus-visible{border-color:var(--amber);color:var(--amber)}
.slider-controls .slider-dots{justify-content:center;flex-wrap:wrap;padding-inline:18px}
.portrait-galleries{margin-top:120px;display:grid;gap:120px}
.portrait-gallery{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(360px,1fr);column-gap:7vw;align-items:start}
.portrait-gallery-heading{position:sticky;top:36px;padding-top:22px}
.portrait-gallery-heading h3{font-family:"Unbounded";font-size:clamp(2.5rem,6vw,6.6rem);font-weight:500;letter-spacing:-.055em;line-height:.95;margin:0;color:var(--cream)}
.portrait-slider{display:flex;width:min(100%,720px);height:min(82svh,880px);min-height:620px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;background:#080506}
.portrait-slider::-webkit-scrollbar{display:none}
.portrait-slider .gallery-shot{flex:0 0 100%;width:100%;height:100%;aspect-ratio:auto;scroll-snap-align:start}
.portrait-slider .gallery-shot img{object-fit:cover;object-position:center;transform:scale(1.08)}
.portrait-slider .gallery-shot.active-slide img{animation:portraitPan 7.5s linear forwards}
.portrait-gallery .slider-controls{grid-column:2;width:min(100%,720px)}
@keyframes portraitPan{from{transform:scale(1.08) translateX(-2.5%)}to{transform:scale(1.08) translateX(2.5%)}}
@media(max-width:800px){.portrait-galleries{margin-top:85px;gap:90px}.portrait-gallery{grid-template-columns:1fr}.portrait-gallery-heading{position:static;margin-bottom:24px}.portrait-slider{width:100vw;margin-inline:-5vw;height:76svh;min-height:560px}.portrait-gallery .slider-controls{grid-column:1;width:100%}}
@media(max-width:480px){.portrait-slider{height:72svh;min-height:520px}.slider-controls .slider-dots{gap:6px;padding-inline:10px}.slider-controls .slider-dots i{width:5px;height:5px}.slider-controls .slider-dots i.active{width:18px}}
@media(prefers-reduced-motion:reduce){.portrait-slider .gallery-shot img,.portrait-slider .gallery-shot.active-slide img{animation:none;transform:none}}

/* Full-bleed hero image */
.hero-art{inset:0}
.hero-art:after{display:none}
.hero-art img{filter:saturate(.9) contrast(1.04)}
.hero h1{font-size:clamp(3.2rem,6.8vw,7.4rem)}
.hero-copy{text-shadow:0 2px 18px rgba(10,5,5,.7)}
.hero-copy .button{text-shadow:none}
@media(max-width:800px){.hero-art{inset:0}.hero h1{font-size:clamp(2.7rem,12vw,4.8rem)}}