*{box-sizing:border-box}
:root{--bg:#080808;--panel:#111;--text:#f3f1ef;--muted:#aaa;--accent:#f04452;--line:#ffffff20}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",Arial,sans-serif}
a{color:inherit;text-decoration:none}
.topbar{height:72px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:#080808;border-bottom:1px solid var(--line);position:relative;z-index:5}
.brand{font-family:"Barlow Condensed",sans-serif;font-size:29px;font-weight:900;letter-spacing:-1.5px}.brand span{color:var(--accent)}
.nav{display:flex;gap:30px}.nav a{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#c8c8c8;transition:color .2s}.nav a:hover{color:var(--accent)}
.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}
.hero{height:min(820px,calc(100vh - 72px));min-height:600px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 9%}
.hero-photo,.hero-shade{position:absolute;inset:0}
.hero-photo{background-image:url("assets/werther-hero.png");background-position:58% 40%;background-size:cover;background-repeat:no-repeat;transform:scale(1.02)}
.hero-shade{background:linear-gradient(90deg,rgba(4,4,4,.94) 0%,rgba(4,4,4,.74) 35%,rgba(4,4,4,.18) 76%),linear-gradient(0deg,#080808 0%,transparent 25%,rgba(0,0,0,.08) 100%)}
.hero-content{position:relative;z-index:1;max-width:700px;margin-top:-12px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:3px;color:#e6e4e4}.eyebrow span{display:inline-block;width:30px;height:2px;background:var(--accent)}
.hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(84px,12vw,158px);line-height:.82;letter-spacing:-.055em;margin:25px 0 14px;font-weight:900}
.hero-subtitle{font-size:13px;font-weight:700;letter-spacing:.38em;margin:20px 0;color:#f5f5f5}.hero-copy{font-size:14px;color:#d0cece;margin:25px 0 30px}
.button{display:inline-flex;align-items:center;gap:32px;border:1px solid var(--accent);padding:15px 18px;font-size:10px;letter-spacing:1.8px;font-weight:700;transition:background .2s,color .2s}.button span{font-size:17px;color:var(--accent)}.button:hover{background:var(--accent);color:#080808}.button:hover span{color:#080808}
.hero-index{position:absolute;right:6%;bottom:65px;font-size:9px;letter-spacing:2.5px;color:#ffffff9c;writing-mode:vertical-rl}.scroll-cue{position:absolute;bottom:30px;left:9%;font-size:9px;letter-spacing:2px;color:#bbb;display:flex;gap:12px;align-items:center}.scroll-cue span{height:1px;width:30px;background:var(--accent)}
.section{padding:100px 9%;border-bottom:1px solid var(--line)}.section-kicker{font-size:10px;letter-spacing:2.5px;color:var(--accent);font-weight:700;margin-bottom:40px}
.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:start}.section h2{font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:-.035em;font-size:clamp(54px,7vw,88px);line-height:.9;margin:0}.section h2 em{font-style:normal;color:var(--accent)}
.intro-copy{max-width:490px;color:#bcbaba;font-size:14px;line-height:1.85}.intro-copy p{margin:0 0 18px}.intro-copy .lead{font-size:17px;line-height:1.6;color:#f4f1f1}.intro-copy strong{color:var(--accent)}
.location{border-top:1px solid var(--line);margin-top:28px;padding-top:17px;font-size:9px;letter-spacing:2.5px;color:#eee}.location span{color:var(--accent);padding:0 8px}
.sound{background:#101010}.sound-heading,.sets-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.sound-heading>p,.sets-head>p{max-width:270px;color:#aaa;font-size:13px;line-height:1.8}
.genre-list{border-top:1px solid #ffffff29}.genre-list>div{display:grid;grid-template-columns:60px 1fr 25px;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #ffffff29;transition:padding .2s,color .2s}.genre-list>div:hover{padding-left:8px;color:var(--accent)}.genre-list span{font-size:10px;color:var(--accent);letter-spacing:2px}.genre-list strong{font-family:"Barlow Condensed",sans-serif;font-size:clamp(21px,3vw,32px);letter-spacing:1px}.genre-list b{font-weight:400;color:var(--accent)}
.set-card{display:grid;grid-template-columns:220px 1fr 48px;align-items:center;gap:28px;border:1px solid #ffffff25;padding:16px}.set-art{height:185px;background:radial-gradient(ellipse at 50% 50%,#a51b2c 0%,#321015 30%,#101010 70%);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.set-art:before,.set-art:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ff405744;border-radius:50%}.set-art:after{width:155px;height:155px}.set-art span{font-family:"Barlow Condensed",sans-serif;font-size:72px;font-weight:900;letter-spacing:-7px;z-index:1}.set-art i{font-style:normal;font-size:8px;letter-spacing:2.5px;z-index:1}.set-info .eyebrow{font-size:9px}.set-info h3{font-family:"Barlow Condensed",sans-serif;font-size:28px;letter-spacing:1px;margin:14px 0 6px}.set-info>p:last-child{color:#999;font-size:12px}.round-link{width:44px;height:44px;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent);font-size:22px;transition:all .2s}.round-link:hover{background:var(--accent);color:#080808}.small-note{color:#888;font-size:11px;margin-top:18px}
.contact{padding-top:100px;padding-bottom:45px;background:linear-gradient(120deg,#111 0%,#090909 65%)}.contact .eyebrow{margin-bottom:25px}.contact h2{font-size:clamp(75px,11vw,140px)}.contact-copy{color:#aaa;font-size:14px;margin:25px 0}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;margin-top:85px;padding-top:18px;color:#888;font-size:9px;letter-spacing:1.8px}
footer{display:flex;align-items:center;justify-content:space-between;padding:24px 7%;color:#777;font-size:9px;letter-spacing:1.2px}footer .brand{color:#f5f4f2;font-size:23px}footer>a:last-child{color:#ccc}
@media(max-width:700px){.topbar{height:64px;padding:0 6%}.brand{font-size:27px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:63px;left:0;right:0;padding:22px 6%;background:#090909;border-bottom:1px solid #ffffff20;flex-direction:column;gap:22px}.nav.open{display:flex}.hero{min-height:650px;height:calc(100svh - 64px);padding:0 7% 120px;align-items:flex-end}.hero-photo{background-position:54% center}.hero-shade{background:linear-gradient(0deg,rgba(4,4,4,.96) 0%,rgba(4,4,4,.7) 40%,rgba(4,4,4,.08) 100%)}.hero-content{margin:0}.hero h1{font-size:clamp(76px,18vw,125px)}.hero-copy{max-width:260px;line-height:1.6}.hero-index{right:5%;bottom:82px}.scroll-cue{left:7%;bottom:26px}.section{padding:72px 7%}.section-kicker{margin-bottom:30px}.intro-grid{grid-template-columns:1fr;gap:28px}.section h2{font-size:clamp(58px,14vw,82px)}.sound-heading,.sets-head{align-items:start;flex-direction:column;gap:10px}.sound-heading>p,.sets-head>p{margin:0}.genre-list>div{grid-template-columns:32px 1fr 18px;gap:10px;padding:18px 0}.genre-list strong{font-size:clamp(18px,5.2vw,26px)}.set-card{grid-template-columns:1fr 44px;gap:16px;padding:12px}.set-art{grid-column:1/-1;height:180px}.set-info h3{font-size:24px}.set-info>p:last-child{line-height:1.6}.contact-bottom{margin-top:65px;gap:18px;line-height:1.7}.contact-bottom span:last-child{text-align:right}footer{padding:20px 7%;gap:16px;flex-wrap:wrap}footer>span{order:3;width:100%;font-size:8px}footer>a:last-child{font-size:8px}}