@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/manrope-latin.woff2') format('woff2')}
:root{color-scheme:dark;--bg:#09151c;--text:#f3f7fa;--muted:#abbac3;--blue:#8ddcf4;--line:#34434c;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}a{text-underline-offset:5px}a:hover{text-decoration:underline}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;padding-block:30px;gap:24px}.wordmark{font:800 1.8rem/1 var(--display);letter-spacing:-.06em;display:inline-flex;flex-direction:column;gap:9px}.wordmark span{font:500 .75rem/1.3 var(--sans);letter-spacing:.22em}.header nav{display:flex;align-items:center;gap:36px;font-size:.9rem}.nav-contact{border:1px solid #647680;padding:10px 20px;border-radius:40px}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;min-height:720px;padding-top:26px;padding-bottom:60px;gap:44px}.hero-copy{padding-top:45px;position:relative;z-index:1}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:600;margin:0 0 25px;color:var(--blue)}h1,h2,p{margin-top:0}h1{font:700 clamp(3.8rem,6.7vw,6.4rem)/1.04 var(--display);letter-spacing:-.065em;margin-bottom:30px}em{font-family:Georgia,serif;font-weight:400;color:var(--blue);letter-spacing:-.06em}h1 em{font-size:1.08em}.intro{font-size:1.15rem;line-height:1.65;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 26px;border:1px solid var(--blue);background:var(--blue);color:var(--bg);font-size:.95rem;font-weight:700;border-radius:40px;transition:background .18s,transform .18s}.button:hover{text-decoration:none;background:#c6edfa;transform:translateY(-2px)}.play{font-size:.75rem}.hero-footnote{font-size:.75rem;letter-spacing:.13em;margin:44px 0 0;color:var(--muted)}.hero-art{position:relative;overflow:hidden;min-width:0;border-radius:190px 190px 4px 4px;align-self:stretch;background:#204452}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center;filter:brightness(.8)}.photo-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:70px 22px 22px;background:linear-gradient(transparent,rgba(4,15,22,.8));font-size:.75rem;letter-spacing:.12em}.section{padding-top:55px;padding-bottom:90px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:36px}.section-heading .eyebrow{margin:0}.section-note{color:var(--muted);font-size:.9rem;margin:0}.album-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:9%}.album-art{display:block;max-width:480px;box-shadow:0 24px 75px #0006;transition:transform .25s}.album-art:hover{transform:rotate(-1deg)}.album-art img{width:100%}.album-copy h2{font:500 clamp(4.5rem,8vw,7rem)/1 Georgia,serif;letter-spacing:-.045em;margin:0 0 25px}.album-copy>.eyebrow{color:var(--muted);margin-bottom:16px}.album-copy>p:not(.eyebrow):not(.platform-label){color:var(--muted);max-width:440px;font-size:1.05rem}.player{display:block;border:0;width:100%;height:42px;margin:30px 0}.platform-label{font-size:.75rem;letter-spacing:.1em;color:var(--muted);margin-bottom:16px}.platforms{display:flex;flex-wrap:wrap;gap:12px 23px;font-size:.9rem}.platforms a{border-bottom:1px solid #61727b;padding-bottom:4px}.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-bottom:38px}h2{font:600 clamp(2.5rem,4vw,4rem)/1.12 var(--display);letter-spacing:-.05em}.story-copy p{color:var(--muted);margin-bottom:20px}.band-photo{margin:0}.band-photo img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:50% 42%;filter:saturate(.75)}figcaption{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.12em;color:var(--muted);padding-top:16px}.contact{background:#122d3a;border-top:1px solid #3c5360}.contact-inner{padding-block:60px 75px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.contact h2{font-size:clamp(4.5rem,8vw,7.5rem);margin-bottom:0;line-height:1}.contact-grid p{max-width:350px;font-size:1.2rem;color:#c3d1d8}.email{display:block;margin-top:23px;font-size:.95rem;overflow-wrap:anywhere}.footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:42px}.footer .wordmark{font-size:1.35rem}.footer .wordmark span{font-size:.75rem}.socials{display:flex;flex-wrap:wrap;gap:20px;font-size:.85rem}.footer p{color:var(--muted);font-size:.75rem;margin:0}.skip-link{position:fixed;z-index:5;left:12px;top:-100px;background:var(--blue);color:var(--bg);padding:12px}.skip-link:focus{top:12px}
@media(min-width:1500px){.hero{min-height:790px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{min-height:610px;gap:25px}.hero-copy{padding-top:25px}h1{font-size:clamp(3rem,7vw,5rem)}.hero-art{border-radius:140px 140px 3px 3px}.hero-footnote{margin-top:30px}.photo-caption span:last-child{display:none}.footer{flex-wrap:wrap}.footer p{width:100%}.album-grid,.story-copy,.contact-grid{gap:6%}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{padding-block:25px;gap:20px;align-items:start}.wordmark{font-size:1.4rem}.wordmark span{font-size:.75rem}.header nav{gap:18px;font-size:.8rem;padding-top:3px}.nav-contact{display:none}.hero{display:flex;flex-direction:column;padding-top:0;padding-bottom:45px;gap:30px;min-height:auto}.hero-copy{padding-top:27px}.hero .eyebrow{font-size:.75rem;letter-spacing:.13em;margin-bottom:25px}h1{font-size:clamp(3.2rem,12vw,5rem);margin-bottom:25px}.intro{font-size:1.05rem}.hero-footnote{margin-top:25px;font-size:.75rem}.hero-art{height:390px;border-radius:140px 140px 3px 3px}.hero-art img{object-position:50% 50%}.section{padding-top:35px;padding-bottom:50px}.section-heading{display:block;margin-bottom:30px}.section-note{margin-top:10px;font-size:.8rem}.album-grid,.story-copy,.contact-grid{grid-template-columns:1fr;gap:30px}.album-art{max-width:none}.album-copy{padding-top:12px}.album-copy h2{font-size:5rem}.album-copy>p:not(.eyebrow):not(.platform-label){font-size:1rem}.story-copy h2{margin:0}.band-photo img{aspect-ratio:1.4/1;object-position:center}.contact-inner{padding-block:40px 50px}.contact h2{font-size:5.5rem}.contact-grid p{font-size:1.05rem}.footer{gap:25px;padding-block:35px}.socials{gap:15px;font-size:.8rem}.footer p{font-size:.75rem}.eyebrow{font-size:.75rem}.photo-caption{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,.button,.album-art{transition:none}.button:hover,.album-art:hover{transform:none}}

/* Brand details and finish */
:root{--gold:#f3a052;--line:#2a3a43}
::selection{background:var(--gold);color:var(--bg)}
.header{padding-block:24px 22px;border-bottom:1px solid var(--line)}
.wordmark{width:310px;flex-shrink:0;gap:8px;text-decoration:none}
.wordmark:hover{text-decoration:none}
.wordmark img{width:100%;height:auto;aspect-ratio:1478/253;object-fit:contain;mix-blend-mode:screen}
.wordmark span{font-size:.75rem;letter-spacing:.24em;text-align:center;color:var(--muted)}
.header nav{font-size:.95rem}
.header nav a:not(.nav-contact){padding-block:10px;transition:color .2s}
.header nav a:hover,.socials a:hover,.email:hover{color:var(--gold);text-decoration:none}
.nav-contact{border-color:#726348;transition:border-color .2s,background .2s}
.nav-contact:hover{border-color:var(--gold);background:#d4b37a0d}
.hero{padding-top:42px;padding-bottom:76px;gap:5%}
.hero-copy{padding-top:35px}
.eyebrow{color:var(--gold);letter-spacing:.14em}
h1{letter-spacing:-.055em;line-height:1.08}
h2{letter-spacing:-.045em;text-wrap:balance}
.hero-art{box-shadow:0 24px 60px #0003;outline:1px solid #8ddcf41f;outline-offset:7px}
.hero-art>img{filter:brightness(.9) saturate(.85)}
.hero-footnote{letter-spacing:.1em}
.button{background:var(--gold);border-color:var(--gold);padding:16px 28px;box-shadow:0 4px 18px #0002;transition:background .2s,transform .2s,box-shadow .2s}
.button:hover{background:#ffb873;box-shadow:0 8px 25px #0003}
.section{padding-top:44px;padding-bottom:88px}
.section-heading{margin-bottom:44px}
.album-art{box-shadow:0 24px 65px #0005;outline:1px solid #ffffff25;outline-offset:9px;transition:transform .25s,box-shadow .25s}
.album-art:hover{transform:translateY(-4px);box-shadow:0 30px 70px #0007}
.platforms{gap:8px 12px}
.platforms a{border:1px solid #435661;padding:9px 15px;border-radius:24px;font-size:.875rem;transition:border-color .2s,color .2s,background .2s}
.platforms a:hover{border-color:var(--gold);color:var(--gold);background:#d4b37a0a;text-decoration:none}
.story-copy{margin-bottom:44px}
.story-copy p{line-height:1.8}
.band-photo img{border-radius:4px;filter:saturate(.8)}
.contact{background:radial-gradient(ellipse at 0% 100%,#214455 0%,#102732 70%);border-top:1px solid #48606a}
.contact-inner{padding-block:64px 80px}
.footer{padding-block:48px;gap:28px}
.footer .wordmark{width:235px}
.socials a{display:inline-block;padding-block:10px;transition:color .2s}
@media(max-width:1000px){.wordmark{width:260px}.header nav{gap:24px}.hero{gap:32px}.hero-copy{padding-top:20px}.photo-caption{letter-spacing:.06em}}
@media(max-width:650px){
 .header{align-items:center;flex-direction:column;gap:20px;padding-block:23px 16px}
 .wordmark{width:270px;max-width:100%;gap:6px}
 .header nav{width:100%;justify-content:space-between;gap:12px;padding:0;font-size:.875rem}
 .nav-contact{display:block;padding:7px 13px}
 .hero{padding-top:8px;padding-bottom:52px;gap:32px}
 .hero-copy{padding-top:26px}
 .hero .eyebrow{letter-spacing:.09em}
 h1{font-size:clamp(3rem,12vw,5rem);line-height:1.08}
 .hero-art{height:360px;outline-offset:4px}
 .hero-footnote{font-size:.75rem;letter-spacing:.07em}
 .section{padding-top:32px;padding-bottom:52px}
 .section-heading{margin-bottom:32px}
 .album-art{margin:8px;outline-offset:7px}
 .platforms{gap:10px}.platforms a{padding:10px 15px}
 .story-copy{margin-bottom:28px}
 .contact-inner{padding-block:42px 52px}
 .footer{align-items:center;flex-direction:column;gap:20px;padding-block:36px;text-align:center}
 .footer .wordmark{width:245px}
 .socials{gap:20px;font-size:.875rem}
 .footer p{width:auto}
}
@media(prefers-reduced-motion:reduce){.header nav a,.nav-contact,.button,.platforms a,.socials a,.album-art{transition:none}.button:hover,.album-art:hover{transform:none}}

/* Music videos */
.header nav a[aria-current="page"]{color:var(--gold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.media-page{padding-block:60px 80px}
.media-intro{margin-bottom:44px}
.media-intro h1{font-size:clamp(3rem,6vw,5.5rem);margin-bottom:22px}
.media-intro>p:last-child{color:var(--muted);font-size:1.1rem;max-width:40rem}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 36px}
.video-featured{grid-column:1/-1}
.video-frame{aspect-ratio:16/9;background:#03090d;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.video-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px}
.video-caption .eyebrow{font-size:.75rem;margin-bottom:8px}
.video-caption h2{font-size:clamp(1.6rem,3vw,2.5rem);margin-bottom:0}
.video-caption>a{font-size:.875rem;text-decoration:underline;flex-shrink:0;padding-block:12px}
.video-caption>a:hover{color:var(--gold)}
.media-page+.footer{border-top:1px solid var(--line)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.header{flex-direction:column;gap:20px}.header nav{width:100%;justify-content:space-between;gap:8px}.header .nav-contact{padding-inline:10px}}
@media(max-width:650px){.media-page{padding-block:36px 48px}.media-intro{margin-bottom:30px}.media-intro>p:last-child{font-size:1rem}.video-grid{grid-template-columns:1fr;gap:36px}.video-caption{gap:12px;padding-top:16px}.video-caption>a{font-size:.875rem}.video-caption h2{font-size:1.8rem}}

/* Compact first screen on phones; preserve comfortable touch targets. */
@media(max-width:650px){
 .header{padding-block:16px 12px;gap:12px}
 .header .wordmark{width:240px;gap:4px}
 .header .wordmark span{font-size:.75rem}
 .header nav a{min-height:44px;display:flex;align-items:center;justify-content:center}
 .header .nav-contact{padding-block:7px}
 .hero{padding-top:0;gap:24px}
 .hero-copy{padding-top:22px}
 .hero .eyebrow{margin-bottom:18px}
 .hero h1{font-size:clamp(2.75rem,11vw,4.5rem);margin-bottom:18px}
 .hero .intro{margin-bottom:22px;line-height:1.55}
 .hero-footnote{margin-top:18px}
}
