@font-face{font-family:CoastalOutlaw;src:url('assets/PirataOne-Regular.ttf') format('truetype');font-display:swap;font-weight:400;font-style:normal}
:root{--ink:#030303;--panel:#0b0c0c;--paper:#f0e9db;--muted:#b2b0a9;--fire:#efa657;--fire-light:#ffd093;--line:rgba(213,167,106,.23)}
body{background-color:#030303;background-image:radial-gradient(rgba(240,218,187,.025) .6px,transparent .6px);background-size:5px 5px}
.site-header{background:#030303;border-bottom:1px solid rgba(220,168,97,.35);box-shadow:0 3px 0 #080807,0 4px 0 rgba(213,167,106,.12)}
.brand-avatar{box-shadow:0 0 0 3px #030303,0 0 0 4px rgba(213,167,106,.24),0 0 25px rgba(235,147,47,.15)}
.hero,.page-hero,.watch-section,.site-footer{background-color:#030303}.hero:before{background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.88) 29%,rgba(3,3,3,.4) 100%),linear-gradient(0deg,#030303,transparent 60%)}
.hero-atmosphere{opacity:.34;filter:saturate(.6)}.hero:after{opacity:.35;background-image:repeating-linear-gradient(114deg,transparent 0 98px,rgba(245,223,189,.045) 98px 99px,transparent 99px 190px)}
.epic-hero{padding-top:48px}.epic-hero .hero-grid{grid-template-columns:1fr 1.02fr;gap:65px}.hero h1.epic-title{max-width:100%;font-size:clamp(100px,10.5vw,155px);line-height:.93;margin:0 0 25px;letter-spacing:0;position:relative}
.epic-title>span{display:block}.title-coastal{font-family:var(--display);font-size:.44em;letter-spacing:.25em;padding-left:.025em;color:#c8c5b9;line-height:1.2}.title-outlaw{font-family:CoastalOutlaw,Georgia,serif;font-size:1.1em;letter-spacing:-.01em;line-height:1.08;background:linear-gradient(180deg,#fff8e9 16%,#ead7b8 54%,#b59462 100%);color:#efdfc2;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 3px 0 #24190f)}.title-blues{font-family:var(--display);font-size:.55em;letter-spacing:.25em;line-height:1.05;color:var(--fire);padding-left:.02em;text-shadow:0 0 36px rgba(231,136,33,.14)}
.title-rule{display:flex;align-items:center;gap:14px;max-width:425px;margin:0 0 29px;color:var(--fire);font-size:14px}.title-rule:before,.title-rule:after{content:'';height:4px;border-block:1px solid rgba(213,167,106,.43);flex:1}.title-rule:after{flex:3}.hero-tagline{font-size:22px;color:#f0e9db}.hero-description{font-size:14px;color:#b9b7b0}.hero-copy .button-row{margin-bottom:22px}.hero-social{color:#c2beb3}.hero-feature{padding:0 0 0 20px;border-left:1px solid rgba(213,167,106,.27)}
.feature-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;color:var(--fire)}.feature-label .eyebrow{margin:0;font-size:9px}.feature-label>span:last-child{font-size:16px}
.haunted-duo{display:grid;gap:21px}.haunted-film{position:relative}.haunted-image{display:block;position:relative;aspect-ratio:2.12;overflow:hidden;background:#070707;border:1px solid rgba(220,168,97,.42);box-shadow:0 0 0 4px #030303,0 0 0 5px rgba(213,167,106,.13),0 15px 45px rgba(0,0,0,.6);text-decoration:none}.haunted-image>img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.haunted-image:hover>img{transform:scale(1.025)}.haunted-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}
.haunted-play{position:absolute;left:17px;bottom:15px;display:flex;align-items:center;gap:10px;z-index:1;font-size:11px;font-weight:700;color:#fff3df}.haunted-play>svg{width:34px;height:34px;padding:8px;background:var(--fire);border-radius:50%;color:#090603;box-shadow:0 0 18px rgba(232,140,43,.2)}
.haunted-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}.haunted-caption .small-label{font-size:7px;color:#aa9c89;letter-spacing:.14em;max-width:135px}.haunted-caption h2{font-family:var(--display);font-size:25px;text-align:right;letter-spacing:.02em;color:#e8dbbf}.season-note{display:flex;align-items:flex-start;gap:14px;margin-top:34px;padding:20px 0 0;border-top:1px solid var(--line);max-width:425px}.season-sigil{color:var(--fire);font-size:25px;line-height:1.3}.season-note .small-label{font-size:8px;margin-bottom:7px}.season-note p{font-size:12px;color:#b2b0a9;line-height:1.8;margin-bottom:10px}.season-note .text-link{font-size:10px}.hero-bottom{margin-top:32px;color:#ad9e89}
.genre-strip{background:#090a09;border-top:1px solid var(--line);border-bottom:3px double rgba(213,167,106,.3)}.genre-strip .container{color:#c3beb2}
.section-head{position:relative;padding-top:17px}.section-head:before{content:'';position:absolute;top:0;left:0;width:68px;height:4px;border-block:1px solid rgba(213,167,106,.65)}.section-head h2{letter-spacing:.022em}.listen-section{background:radial-gradient(ellipse at 30% 0,rgba(87,65,34,.12),transparent 65%),#050505}.service-link{background:#0b0c0b;border-color:rgba(213,167,106,.21);box-shadow:inset 0 1px 0 rgba(213,167,106,.06)}.service-link:hover{background:#12110e}.service-link small{color:#aaa99f}.albums-section{background:radial-gradient(ellipse at 80% 5%,rgba(156,84,27,.08),transparent 60%),#030303}.album-image,.film-image{border-color:rgba(213,167,106,.33);box-shadow:0 0 0 3px #030303,0 0 0 4px rgba(213,167,106,.09)}.release-info h3{color:#eee8da}.release-info>.small-label,.film-info .small-label{color:#b6a88e}.release-actions .text-link:last-child{color:#ffd395}.film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.film-info h3{font-size:18px}
.channel-rally{border-block:1px solid var(--line);background:linear-gradient(100deg,#11100c,#030303);padding:31px 0}.channel-rally .container{display:flex;align-items:center;justify-content:space-between;gap:35px}.channel-rally h2{font-size:38px;margin-bottom:7px}.channel-rally .eyebrow{font-size:8px;margin-bottom:9px}.channel-rally p{font-size:12px;color:#b1aca0;margin:0}.channel-rally .button{flex-shrink:0}
.audio-panel{background:linear-gradient(120deg,#13130f,#060606);border:3px double rgba(213,167,106,.3)}.contact-section{background:#080807}.page-hero:after{background:linear-gradient(90deg,#030303,rgba(3,3,3,.8)),url('assets/harbor-lights-poster.webp') center/cover}.youtube-release{background:#070707}.resource-card{background:linear-gradient(150deg,#11130f,#040404)}.coastal-photo{border-color:rgba(213,167,106,.36)}.site-footer{border-top:3px double var(--line)}.footer-top p,.footer-bottom,.footer-links{color:#ada99c}
.fan-questions{background:#070707;border-top:1px solid var(--line)}.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 50px}.question-grid article{border-top:1px solid var(--line);padding-top:23px}.question-grid h3{font-size:18px;margin-bottom:12px;line-height:1.4}.question-grid p{color:var(--muted);font-size:12px;line-height:1.9;max-width:540px}.question-grid .text-link{font-size:11px;min-height:36px}
@media(max-width:1100px){.epic-hero .hero-grid{gap:38px}.hero h1.epic-title{font-size:118px}.hero-feature{padding-left:16px}.haunted-caption h2{font-size:22px}.hero-tagline{font-size:20px}.haunted-caption .small-label{font-size:6px}.season-note{margin-top:26px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.epic-hero .hero-grid{gap:25px}.hero h1.epic-title{font-size:98px}.title-coastal{letter-spacing:.2em}.title-blues{letter-spacing:.2em}.hero-tagline{font-size:19px}.hero-description{font-size:12px}.haunted-image{aspect-ratio:1.8}.haunted-caption{flex-direction:column;align-items:flex-start;gap:6px}.haunted-caption h2{text-align:left;font-size:23px}.haunted-caption .small-label{max-width:none;font-size:7px}.haunted-play{left:12px;bottom:12px;font-size:10px}.haunted-play>svg{width:29px;height:29px;padding:7px}.channel-rally h2{font-size:32px}.channel-rally p{max-width:360px}.question-grid{gap:30px}}
@media(max-width:680px){.js .desktop-nav.is-open{background:#030303}.epic-hero{padding-top:35px}.epic-hero .hero-grid{grid-template-columns:1fr;gap:31px}.hero h1.epic-title{font-size:clamp(84px,25vw,145px);margin-bottom:20px;max-width:100%}.title-coastal{font-size:.47em}.title-outlaw{font-size:1.16em;line-height:1.08}.title-blues{font-size:.6em}.title-rule{margin-bottom:22px;max-width:100%}.hero-tagline{font-size:21px}.hero-description{font-size:13px}.hero .button{font-size:11px}.hero-copy .button-row{margin-bottom:18px}.season-note{margin-top:22px;padding-top:18px;max-width:100%}.hero-feature{border-left:0;padding-left:0}.feature-label{padding-top:20px;border-top:1px solid var(--line)}.feature-label .eyebrow{font-size:8px}.haunted-duo{gap:25px}.haunted-image{aspect-ratio:16/9}.haunted-caption{flex-direction:row;align-items:center;gap:20px}.haunted-caption h2{text-align:right;font-size:23px;max-width:215px}.haunted-caption .small-label{font-size:7px;max-width:105px}.haunted-play{left:16px;bottom:13px;font-size:11px}.haunted-play>svg{width:34px;height:34px;padding:8px}.channel-rally .container{align-items:flex-start;flex-direction:column;gap:21px}.channel-rally{padding:28px 0}.channel-rally h2{font-size:36px}.channel-rally p{max-width:100%;font-size:12px}.channel-rally .button{min-height:48px}.film-grid,.question-grid{grid-template-columns:1fr}.question-grid{gap:25px}.question-grid h3{font-size:17px}.question-grid p{font-size:12px}.film-info h3{font-size:20px}.hero-bottom{font-size:7px}.section-head h2{font-size:44px}.title-rule:before,.title-rule:after{height:3px}}
@media(max-width:360px){.hero h1.epic-title{font-size:81px}.title-coastal{letter-spacing:.18em}.title-blues{letter-spacing:.22em}.hero-social{font-size:9px;gap:14px}.haunted-caption h2{font-size:21px}.haunted-caption .small-label{font-size:6px;max-width:88px}}
@media(max-width:680px){.hero-copy .season-note{display:none}.epic-hero .hero-copy>.eyebrow{margin-bottom:16px}.epic-hero .title-rule{margin-bottom:19px}}
@media(prefers-reduced-motion:reduce){.haunted-image:hover>img{transform:none}}
/* Keep the listening services and album catalog connected without stacked section padding. */
.epic-hero .hero-grid{align-items:start}
.listen-section{padding-bottom:36px}
.listen-section+.albums-section{padding-top:44px}
@media(max-width:680px){.listen-section{padding-bottom:28px}.listen-section+.albums-section{padding-top:32px}}

/* A single stationary watermark stays behind every page and scroll position. */
body{isolation:isolate}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,3,3,.88),rgba(3,3,3,.4) 46%,rgba(3,3,3,.82)),
    linear-gradient(0deg,rgba(3,3,3,.7),transparent 60%),
    url('assets/lantern-boat-poster.webp') center center/cover no-repeat;
  opacity:.34;
  filter:saturate(.6);
}
.hero-atmosphere,.hero:before,.page-hero:after{display:none}
.hero,.page-hero,.watch-section,.site-footer{background:rgba(3,3,3,.12)}
.listen-section{background:radial-gradient(ellipse at 30% 0,rgba(87,65,34,.12),transparent 65%),rgba(3,3,3,.12)}
.albums-section{background:radial-gradient(ellipse at 80% 5%,rgba(156,84,27,.06),transparent 60%)}
.channel-rally{background:linear-gradient(100deg,rgba(17,16,12,.4),rgba(3,3,3,.16))}
.fan-questions,.contact-section,.youtube-release{background:rgba(3,3,3,.12)}
@media(max-width:680px){
  body:before{background-position:center center;opacity:.29}
}

/* Outlined band lettering: the same engraved mark at hero and header sizes. */
.brand-wordmark{width:208px;height:auto;flex:none}
.site-header .brand{gap:15px}
.hero h1.epic-title{font-size:inherit;line-height:1;margin:0 0 27px;max-width:530px}
.hero-wordmark{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.55))}
.wordmark-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.footer-top .brand-wordmark{width:180px}
@media(max-width:1100px){.site-header .brand-wordmark{width:180px}}
@media(max-width:850px){.site-header .brand-wordmark{width:148px}.site-header .brand{gap:12px}}
@media(max-width:680px){
  .header-inner{gap:12px}
  .site-header .brand-wordmark{width:164px}
  .site-header .brand{gap:12px}
  .hero h1.epic-title{margin-bottom:23px;max-width:480px}
  .footer-top .brand-wordmark{width:170px}
}
@media(max-width:360px){.site-header .brand-wordmark{width:137px}.site-header .brand{gap:10px}}

/* Album journeys begin on YouTube, alongside streaming and purchase options. */
.release-actions{display:flex;flex-wrap:wrap;gap:9px 18px}.release-actions .album-youtube{flex-basis:100%;color:var(--fire-light);font-weight:700;min-height:44px}.release-actions .album-youtube:hover{color:#fff4df}

/* Harbor Dispatch: one clear opt-in beside the YouTube subscription route. */
.harbor-dispatch{border-block:1px solid var(--line);background:linear-gradient(100deg,rgba(17,16,12,.6),rgba(3,3,3,.3));scroll-margin-top:110px}
.dispatch-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:55px;align-items:center}
.dispatch-copy h2{font-size:clamp(44px,5vw,70px);margin:0 0 20px}.dispatch-copy p{color:var(--muted);font-size:14px;line-height:1.9;max-width:390px}.dispatch-copy .dispatch-frequency{font-size:12px;margin-bottom:22px}.dispatch-copy .text-link{min-height:44px}
.dispatch-form{min-width:0}.dispatch-form [data-reach-form]{min-height:380px}.dispatch-form iframe{max-width:100%;border:0}.dispatch-fallback{margin:14px 0 0;text-align:center;font-size:12px;color:var(--muted)}.dispatch-fallback a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.dispatch-fallback a:hover{color:var(--fire-light)}
@media(max-width:850px){.dispatch-grid{gap:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media(max-width:680px){.dispatch-grid{grid-template-columns:1fr;gap:25px}.dispatch-copy h2{font-size:48px;margin-bottom:14px}.dispatch-copy p{max-width:none}.dispatch-copy .dispatch-frequency{margin-bottom:12px}.dispatch-form [data-reach-form]{min-height:410px}}


/* Condensed, bold action lettering echoes the band's genre ribbon. */
.button,.text-link,.nav-link,.menu-toggle,.hero-social a,.hero-bottom a,
.haunted-play,.hero-play,.footer-links a,.dispatch-fallback a,.service-link strong{
  font-family:var(--display);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.045em;
  line-height:1.15;
}
.button,.hero .button,.page-hero .button,.story-cta .button,.coastal-layout .button{font-size:21px;max-width:100%}
.button.small,.desktop-nav .button,.footer-join .button{font-size:19px}
.button>span[aria-hidden]{flex-shrink:0}
.nav-link{font-size:21px;white-space:nowrap;color:#cbc5b8}
.text-link,
:is(.season-note,.release-actions,.film-info,.download-strip,.resource-card,.question-grid,.section-tail,.section-head) .text-link{font-size:18px}
.release-actions .text-link{font-size:17px;letter-spacing:.035em;gap:9px}
.hero-social a,.footer-links a,.dispatch-fallback a{font-size:18px}
.hero-bottom a{font-size:15px}
.haunted-play,.hero-play{font-size:19px;letter-spacing:.035em}
.service-link strong{font-size:23px}
.menu-toggle{font-size:19px}
#coastal-player.coastal-player .player-bar .player-toggle-label{
  font-family:var(--display);font-size:17px;font-weight:700;
  text-transform:uppercase;letter-spacing:.045em;
}
@media(max-width:850px){
  .desktop-nav{gap:16px}
  .header-inner{gap:18px}
  .nav-link,.desktop-nav .button{font-size:18px}
  .desktop-nav .button{white-space:nowrap}
  .hero .button{font-size:19px}
  .hero-social a{font-size:17px}
  .release-actions .text-link{font-size:16px}
  .haunted-play{font-size:17px}
  .service-link strong{font-size:21px}
}
@media(max-width:680px){
  .button,.hero .button,.page-hero .button,.story-cta .button,.coastal-layout .button,
  .footer-join .button{font-size:19px}
  .header-inner{gap:12px}
  .js .desktop-nav.is-open .nav-link{font-size:23px}
  .js .desktop-nav.is-open .button{font-size:21px}
  .text-link,
  :is(.season-note,.film-info,.download-strip,.resource-card,.question-grid,.section-tail,.section-head) .text-link{font-size:18px}
  .release-actions .text-link{font-size:16px}
  .hero-social a,.footer-links a,.dispatch-fallback a{font-size:17px}
  .hero-bottom a{font-size:13px}
  .haunted-play,.hero-play{font-size:18px}
  .service-link strong{font-size:20px}
}
@media(max-width:360px){
  .hero .button{font-size:18px}
  .hero-social a{font-size:16px}
  .release-actions .text-link{font-size:15px}
  .service-link strong{font-size:19px}
}
@media(min-width:681px) and (max-width:760px){
  .site-header .brand-wordmark{width:132px}
  .header-inner{gap:14px}
  .desktop-nav{gap:12px}
  .nav-link,.desktop-nav .button{font-size:17px}
}