:root{color-scheme:dark;--bg:#060b0e;--ink:#e8e7e2;--muted:#a6adb0;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #deb68b;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.eyebrow,.rail,.brand,nav,.button,.scroll,.footer-brand{text-transform:uppercase}h2{font-size:22px;font-weight:400;letter-spacing:.32em;line-height:1.5}h3{font-weight:400;font-size:14px;letter-spacing:.24em}.eyebrow{font-size:12px;letter-spacing:.26em;line-height:2}.muted{color:var(--muted)}.rule{display:block;width:36px;height:1px;background:#d9d3c69c;margin:20px 0}.section{padding:36px 4.3%}header{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 4%;background:linear-gradient(#04101895,transparent)}.brand{font-size:22px;letter-spacing:.28em;white-space:nowrap}nav{display:flex;gap:28px;font-size:12px;letter-spacing:.18em}nav a{padding:8px 0;transition:color .2s}nav a:hover,.contact-links a:hover{color:#efc699}.header-listen{font-size:12px;letter-spacing:.2em;border-left:1px solid var(--line);padding-left:28px}.header-listen span{margin-left:14px}.menu{display:none}.hero{min-height:680px;height:min(900px,94svh);position:relative;background:linear-gradient(0deg,#050b0e88,transparent 30%,#03101925),url('assets/hero-landscape.jpg') center 53%/cover;display:grid;place-items:center}.hero-center{text-align:center;padding-top:35px;width:80%;text-shadow:0 2px 18px #0008}.mark{object-fit:contain;width:clamp(160px,21vw,290px);height:auto;margin:0 auto 10px}.hero h1{font-size:clamp(30px,4vw,58px);letter-spacing:.34em;font-weight:400;line-height:1.5;margin-right:-.34em}.hero .eyebrow{margin-top:20px;font-size:12px}.hero-center .rule{margin:25px auto}.rail{font-size:12px;letter-spacing:.24em;line-height:1.9}.hero .rail{position:absolute;bottom:24%;border-left:1px solid #e6e2d66b;padding:20px}.rail-left{left:3.3%}.rail-right{right:3.3%}.scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.18em;text-align:center}.scroll span{display:block;font-size:27px;line-height:1.4}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.music{border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#12202755,transparent 65%)}.albums{display:grid;grid-template-columns:1fr 1fr;gap:6%}.album{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:center}.album>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #cec5b54d}.album h3{color:#adb5b9;margin-top:2px}.album .rule{margin:14px 0}.credits{color:#bec2c3;font-size:14px;line-height:1.8;letter-spacing:.055em;margin-bottom:24px}.button{background:transparent;border:1px solid #c5c5bb99;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 22px;font-size:12px;line-height:1.4;letter-spacing:.15em;transition:background .2s,color .2s}.button:hover{background:#e7e2d5;color:#090f12}.button span{font-size:16px}.band{min-height:520px;position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;text-align:center;border-bottom:1px solid var(--line);overflow:hidden}.band-photo{position:absolute;inset:0;z-index:-1;background:linear-gradient(#050b0ef0 0%,#050b0e22 35%,#050b0e33 60%,#050b0eeb),url('assets/live.jpg') center 65%/cover;filter:saturate(.3)}.band-heading{padding:32px 15px}.band-heading h2{font-size:27px;margin-top:8px}.band-heading .rule{margin:17px auto}.members{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px 8%}.members h3{font-size:15px}.members p{color:#b3b9bb;font-size:12px;text-transform:uppercase;letter-spacing:.22em;margin-top:6px}.film{min-height:330px;display:grid;place-items:center;text-align:center;background:linear-gradient(#050b0e30,#050b0e77),url('assets/hero-landscape.jpg') center 62%/cover;border-bottom:1px solid var(--line)}.play{height:65px;width:65px;border:1px solid #f4efe8;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;background:#101a2140;transition:background .2s,transform .2s}.play:hover{background:#ddc3a677;transform:scale(1.07)}.play span{margin-left:4px;font-size:24px}.film .eyebrow{margin-top:10px}.quote{padding:40px 20px;background:linear-gradient(#0a152385,#0a1523ac),url('assets/hero-landscape.jpg') center 15%/cover;text-align:center;border-bottom:1px solid var(--line)}blockquote{margin:0;font-size:17px;letter-spacing:.29em;line-height:2.1;text-transform:uppercase}.live{display:grid;grid-template-columns:240px 1fr 150px;align-items:center;min-height:330px;gap:25px;padding:28px 4.3%;border-bottom:1px solid var(--line)}.live .eyebrow,.shop .eyebrow{margin-bottom:28px}.live-image{overflow:hidden;align-self:stretch;min-height:280px;position:relative}.live-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.live-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 18%,transparent 85%,var(--bg))}.live>.rail{padding-left:20px}.shop{display:grid;grid-template-columns:240px 1.4fr .8fr 200px;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding-left:4.3%;background:#070c0e}.shirt{width:100%;max-height:330px;object-fit:contain;mix-blend-mode:lighten}.record{width:85%;height:auto;aspect-ratio:1;object-fit:cover;transform:rotate(-5deg);box-shadow:15px 20px 25px #0008}.shop-scenery{height:330px;background:linear-gradient(#050b0e44,#050b0e77),url('assets/hero-landscape.jpg') 77% center/cover;border-left:1px solid var(--line);padding:48px 30px}.epk{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.epk h2{margin-top:7px}.contact{display:flex;justify-content:space-between;gap:30px;padding-top:50px;padding-bottom:50px}.contact h2{text-transform:none;letter-spacing:.04em;font-size:30px;margin-top:10px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;letter-spacing:.06em}.text-button{padding:0;border:0;background:none;text-align:left}.text-button:hover{color:#efc699}footer{border-top:1px solid var(--line);background:linear-gradient(#050b0ef0,#050b0eca),url('assets/hero-landscape.jpg') center bottom/cover}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-brand{display:flex;gap:18px;align-items:center;font-size:16px;letter-spacing:.26em}.footer-brand img{object-fit:contain}.footer-top>.eyebrow{border-left:1px solid #ffffff55;padding-left:25px;font-size:12px}.footer-top nav{gap:20px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-bottom:18px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#a1a9ad}small{font-size:12px}dialog{width:min(530px,calc(100% - 36px));background:#101a20;color:var(--ink);border:1px solid #767d7f;padding:42px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{margin:14px 0 22px;font-size:22px;letter-spacing:.14em}dialog p{color:#bfc7cb}dialog .button{margin-top:18px}.close{position:absolute;top:8px;right:14px;background:none;border:none;font-size:29px}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px;background:white;color:black}.skip:focus{top:10px}
@media(min-width:1600px){.section{padding-left:max(4.3%,calc((100% - 1500px)/2));padding-right:max(4.3%,calc((100% - 1500px)/2))}}
@media(max-width:1100px){header nav{gap:17px}.brand{font-size:18px}.header-listen{display:none}.hero .rail{bottom:18%;font-size:12px}.albums{gap:35px}.album{gap:20px;grid-template-columns:1fr}.album>img{max-width:350px}.album .credits{min-height:102px}.live{grid-template-columns:180px 1fr}.live>.rail{display:none}.shop{grid-template-columns:180px 1.2fr 1fr}.shop-scenery{display:none}.footer-top{flex-wrap:wrap}.footer-top>.eyebrow{display:none}}
@media(max-width:700px){header{padding:22px 6%}.brand{font-size:17px}.menu{display:flex;gap:14px;align-items:center;border:0;background:none;font-size:12px;letter-spacing:.12em;min-height:40px}header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:22px 6%;background:#071018f7;flex-direction:column;gap:8px}header nav.open{display:flex}.hero{height:88svh;min-height:590px;background-position:57% center}.hero-center{width:94%;padding-top:0}.mark{width:185px}.hero h1{font-size:32px;letter-spacing:.22em;margin-right:-.22em}.hero .eyebrow{font-size:12px;max-width:280px;margin:17px auto 0;letter-spacing:.19em}.hero .rail{display:none}.section{padding:30px 6%}.section-heading{gap:20px}.section-heading h2{font-size:18px;letter-spacing:.22em}.section-heading>.eyebrow{display:none}.albums{grid-template-columns:1fr;gap:35px}.album{grid-template-columns:.95fr 1fr;gap:20px;align-items:start}.album>img{aspect-ratio:1}.album .credits{font-size:12px;min-height:0;letter-spacing:0;margin-bottom:16px}.album .eyebrow,.album h3{font-size:12px;letter-spacing:.14em}.album .rule{margin:10px 0}.button{padding:12px 13px;gap:12px;font-size:12px;letter-spacing:.08em}.band{min-height:390px}.band-photo{background-position:center;background-size:auto 100%}.band-heading h2{font-size:23px}.band-heading .eyebrow{font-size:12px;letter-spacing:.16em}.members{padding:25px 15px;gap:10px}.members h3{font-size:12px;letter-spacing:.08em}.members p{font-size:12px;letter-spacing:.05em}.film{min-height:260px}.film h2{font-size:20px;letter-spacing:.21em}blockquote{font-size:13px;letter-spacing:.17em}.quote{padding:30px 18px}.live{grid-template-columns:1fr;padding:30px 6%;gap:24px}.live-copy{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.live-copy .rule{display:none}.live-copy .eyebrow{grid-row:2;margin:0}.live-copy .button{grid-column:2;grid-row:2;justify-self:end}.live-image{min-height:0;aspect-ratio:16/9}.shop{grid-template-columns:1fr 1fr;gap:14px;padding:30px 6%}.shop>div:first-child{grid-column:1 / -1}.shop>div:first-child>.eyebrow{margin-bottom:15px}.shop .shirt{height:230px}.shop .record{width:95%}.epk{align-items:flex-start;flex-direction:column}.epk h2{font-size:20px;letter-spacing:.18em}.contact{flex-direction:column}.contact h2{font-size:27px}.footer-top{gap:26px}.footer-top nav{flex-wrap:wrap;gap:20px;font-size:12px}.footer-brand{font-size:16px}.footer-bottom{flex-direction:column;margin-top:30px;font-size:12px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Hide lettering fragments embedded below the supplied symbol. */
.mark,.footer-brand img{clip-path:inset(0 0 6% 0)}
.band-photo{background-image:linear-gradient(#050b0ea8 0%,#050b0e12 35%,#050b0e12 60%,#050b0edb),url("assets/live-cinematic.jpg");background-position:center 48%;filter:none}
.live-image img{filter:none;object-position:center}
@media(max-width:700px){.band{min-height:390px}.band-photo{background-size:100% auto;background-position:center;background-repeat:no-repeat}.band-heading{padding-top:22px}.members{background:linear-gradient(transparent,#050b0e99)}}

/* The landscape moves independently of the typography and navigation. */
.hero{background:none;isolation:isolate;overflow:hidden}
.hero-landscape{position:absolute;inset:-1px;z-index:-1;background:linear-gradient(0deg,#050b0e88,transparent 30%,#03101925),url('assets/hero-landscape.jpg') center 53%/cover;transform-origin:60% 55%;animation:horizon-drift 30s ease-in-out infinite;will-change:transform}
@keyframes horizon-drift{0%,100%{transform:scale(1.01) translateX(0)}50%{transform:scale(1.065) translateX(-.5%)}}
.motion-paused .hero-landscape{animation-play-state:paused}
.experience-controls{position:fixed;right:24px;bottom:22px;z-index:8;display:flex;align-items:center;border:1px solid #d6d8d04d;background:#071018df;backdrop-filter:blur(12px);box-shadow:0 4px 24px #0003}
.experience-controls button{border:0;background:none;min-height:46px;padding:10px 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.experience-controls button:hover{background:#ffffff12}
#motion-toggle{border-right:1px solid #d6d8d033;font-size:16px;min-width:46px;justify-content:center}
.sound-icon{font-size:21px;color:#d5c3a9}
#sound-toggle[aria-pressed="true"] .sound-icon{color:#f1d2a7}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
footer{padding-bottom:90px!important}
@media(max-width:700px){.hero-landscape{background-position:57% center}.experience-controls{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.experience-controls button{padding:9px 12px;font-size:12px}.scroll{bottom:72px}}
@media(prefers-reduced-motion:reduce){.hero-landscape{animation:none;transform:none;will-change:auto}#motion-toggle{display:none}}