/* BAYSGATE V7.3 — warm archive / Kindle pass */
:root{
  --bg:#f4efe5!important; --bg-soft:#fbf7ef!important; --bg-softer:#fffaf2!important;
  --fg:#1d1a15!important; --fg-soft:#696257!important; --text:#1d1a15!important; --muted:#665f55!important; --muted-2:#7b746b!important;
  --card:rgba(255,252,245,.72)!important; --card-strong:rgba(255,255,255,.86)!important; --border:rgba(45,35,22,.14)!important; --border-strong:rgba(45,35,22,.22)!important;
  --accent:#b28b3d!important; --accent-1:#b28b3d!important; --accent-2:#4d7088!important; --accent-3:#d16b8a!important; --shadow:0 20px 70px rgba(55,42,22,.12)!important;
}
body{background:radial-gradient(circle at top left,#fff7e8 0,#f4efe5 42%,#edf2f1 100%)!important;color:#1d1a15!important;}
.page{background:radial-gradient(circle at top left,#fff7e8 0,#f4efe5 40%,#edf2f1 100%)!important;color:#1d1a15!important;}
.site-header, header.site-header{background:rgba(252,248,239,.86)!important;border-bottom:1px solid rgba(45,35,22,.12)!important;color:#1d1a15!important;backdrop-filter:blur(14px)!important;}
.brand-title,.brand-subtitle,.brand,.logo{color:#1d1a15!important}.brand-subtitle{opacity:.68!important}.brand-mark{background:linear-gradient(135deg,#e6d9b8,#c9d1d3)!important;border-color:rgba(45,35,22,.12)!important}.nav-link,.nav a, header nav a{color:#574f45!important}.nav-link.active, .nav-link:hover, header nav a:hover, header nav a[aria-current="page"]{color:#15120f!important}.nav-link.active::after{background:#b28b3d!important}.nav-toggle-line,.nav-toggle-line::before,.nav-toggle-line::after{background:#1d1a15!important}
.card,.release-card,.summary-card,.quote-card,.timeline-item,.thread-card,.lede-photo-card,.hero-shell,.hero-card,.review-card,.studio-card,.outtake-card,.erica-card,.after-hours-card,.email-card,.project-card{background:rgba(255,252,245,.74)!important;border-color:rgba(45,35,22,.14)!important;color:#1d1a15!important;box-shadow:0 16px 45px rgba(55,42,22,.09)!important;}
.card p,.release-body,.lede p,.subtitle,.section-subtitle,.card-body,.footer,.footer a,.release-meta,.section-title,.section-kicker,.card-kicker,.timeline-year,.meta,.caption,.footer-note{color:#625b51!important}.card h2,.card h3,.release-title,.lede h1,h1,h2,h3,.after-hours-title,.erica-title{color:#1d1a15!important}.card-kicker,.release-label,.lede-eyebrow,.section-divider span,.after-hours-kicker,.erica-kicker{color:#8a6c2f!important;background:rgba(178,139,61,.09)!important}.section-divider::before,.section-divider::after{background:rgba(45,35,22,.15)!important}.pill,.stream-chip,.chip,.signal-pill,.page-nav-link,.btn{background:rgba(255,255,255,.62)!important;border-color:rgba(45,35,22,.14)!important;color:#1d1a15!important}.btn-primary,.after-hours-link{background:#d95b7f!important;color:#fff!important;border-color:transparent!important}.hero-cover-big,.release-art,.lede-photo-card,.hero-photo,.outtake-image{background:transparent!important;border:none!important}.hero-album-card,.hero-album-inner--simple{background:transparent!important;border:none!important;box-shadow:none!important}.hero-cover-big{box-shadow:0 18px 45px rgba(55,42,22,.20)!important}.hero-cover-big:hover{transform:translateY(4px) scale(.98)}.erica-modal-dialog{width:min(460px,92vw)!important;max-height:88vh!important}.erica-modal-frame{border-radius:20px!important}.erica-modal-video{max-height:70vh!important;object-fit:contain!important}.video-wrap{max-width:420px!important;margin-left:auto!important;margin-right:auto!important}.video-wrap video{border-radius:16px!important}.live-listeners{background:transparent!important}.live-listeners-inner{background:rgba(255,250,242,.86)!important;border:1px solid rgba(45,35,22,.12)!important;box-shadow:0 18px 50px rgba(55,42,22,.12)!important}footer, .footer{background:transparent!important;color:#625b51!important}.about-compass{width:min(100%,980px);margin:26px auto 34px;padding:22px;display:grid;grid-template-columns:1.2fr 1fr;gap:22px;background:rgba(255,252,245,.78);border:1px solid rgba(45,35,22,.14);border-radius:26px;box-shadow:0 18px 55px rgba(55,42,22,.10)}.about-compass h2{margin:.2rem 0 .5rem}.about-compass p{color:#625b51;line-height:1.7}.compass-wheel{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.compass-wheel button{border:1px solid rgba(45,35,22,.14);background:rgba(255,255,255,.6);color:#1d1a15;border-radius:999px;padding:14px 16px;cursor:pointer}.compass-wheel button.is-active{background:#1d1a15;color:#fffaf1;border-color:#1d1a15}.ah-site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px clamp(18px,5vw,70px);background:rgba(252,248,239,.88);border-bottom:1px solid rgba(45,35,22,.12);backdrop-filter:blur(14px)}.ah-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1d1a15;font-weight:800;letter-spacing:.16em}.ah-brand .brand-mark{width:28px;height:28px;border-radius:9px;display:inline-block}.ah-nav{display:flex;gap:10px;flex-wrap:wrap}.ah-nav a{color:#574f45;text-decoration:none;border:1px solid rgba(45,35,22,.12);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.5)}.ah-nav a[aria-current="page"],.ah-nav a:hover{color:#1d1a15;border-color:rgba(178,139,61,.48)}@media(max-width:820px){.about-compass{grid-template-columns:1fr}.ah-site-header{align-items:flex-start;flex-direction:column}.nav{gap:.45rem!important}.nav-link{font-size:.74rem!important}}


/* V7.4 correction pass */
.section-subtitle-pill.section-subtitle--with-divider::before{display:none!important}.section-subtitle-pill.section-subtitle--with-divider{padding-left:.95rem!important}.erica-inline-native{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:#000;border-radius:18px}.erica-player{width:min(100%,330px)!important;background:transparent!important;box-shadow:none!important}.erica-card{align-items:center!important}.after-hours-title,.after-hours-hero h1{color:#fff6e8!important;text-shadow:0 1px 20px rgba(0,0,0,.28)}.after-hours-hero p,.after-hours-kicker{color:rgba(255,246,232,.78)!important}.video-wrap{max-width:420px!important}.video-wrap video{max-height:360px!important;object-fit:contain!important}.release-card--forthcoming{border-color:rgba(178,139,61,.34)!important}.pill--soon{display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid rgba(45,35,22,.14)!important;border-radius:999px!important;padding:9px 13px!important;background:rgba(255,255,255,.62)!important;color:#1d1a15!important}.lens-panels{width:min(100%,980px);margin:0 auto 34px}.lens-panel{display:none;background:rgba(255,252,245,.82);border:1px solid rgba(45,35,22,.14);border-radius:26px;padding:26px;box-shadow:0 18px 55px rgba(55,42,22,.10)}.lens-panel.is-active{display:block}.lens-panel h2{margin:.25rem 0 .7rem;color:#1d1a15}.lens-panel p{color:#625b51;line-height:1.72;max-width:850px}.about-timeline-strip{width:min(100%,980px);margin:24px auto 70px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.about-timeline-strip div{background:rgba(255,252,245,.72);border:1px solid rgba(45,35,22,.12);border-radius:18px;padding:14px}.about-timeline-strip strong{display:block;color:#8a6c2f;font-size:.78rem}.about-timeline-strip span{display:block;color:#1d1a15;font-weight:700;margin-top:4px}@media(max-width:840px){.about-timeline-strip{grid-template-columns:1fr 1fr}.erica-card{grid-template-columns:1fr!important}.erica-media{justify-content:flex-start!important}}

.release-card--wide{grid-column:1 / -1!important;} .release-card--wide .release-body{max-width:760px;}
@media(max-width:800px){.release-card--wide{grid-column:auto!important;}}


/* V7.5 correction pass: preserve warm Kindle aesthetic, fix visibility, nav overlay, platform colours */
.site-header, header.site-header, .ah-site-header{
  position:static!important;
  top:auto!important;
  z-index:10!important;
}
.section-subtitle-pill.section-subtitle--with-divider::before{display:none!important;content:none!important;}
.section-subtitle-pill.section-subtitle--with-divider{padding-left:1rem!important;}

/* Home After Hours card: do not use cream text on pale card */
.after-hours-home .after-hours-title{
  color:#1d1a15!important;
  text-shadow:none!important;
  font-size:clamp(1.15rem,2.1vw,1.55rem)!important;
  line-height:1.16!important;
  opacity:.92!important;
}
.after-hours-home .after-hours-body{color:#625b51!important;font-size:.95rem!important;}
.after-hours-home .after-hours-kicker{color:#8a6c2f!important;}

/* After Hours hero page: keep cream text on the dark hero only */
.after-hours-page .hero .hero-copy h1,
body.after-hours-page .hero .hero-copy h1{
  color:#fff6e8!important;
  text-shadow:0 1px 20px rgba(0,0,0,.36)!important;
}
.after-hours-page .hero .hero-copy .subtitle,
body.after-hours-page .hero .hero-copy .subtitle{
  color:rgba(255,246,232,.78)!important;
}
.after-hours-page .hero .hero-copy .eyebrow,
body.after-hours-page .hero .hero-copy .eyebrow{
  color:#d9c68f!important;
}

/* Release platform colours: override neutral Kindle pill treatment */
.releases-grid .pill{color:#1d1a15!important;border-color:rgba(45,35,22,.12)!important;box-shadow:0 4px 14px rgba(55,42,22,.05)!important;}
.releases-grid .pill--spotify{background:rgba(30,215,96,.18)!important;}
.releases-grid .pill--apple{background:rgba(230,230,230,.62)!important;}
.releases-grid .pill--youtube{background:rgba(255,0,0,.13)!important;}
.releases-grid .pill--deezer{background:rgba(255,196,0,.18)!important;}
.releases-grid .pill--tidal{background:rgba(120,130,170,.18)!important;}
.releases-grid .pill--amazon{background:rgba(55,160,210,.16)!important;}
.releases-grid .release-body a{color:#7a5b16!important;text-decoration-color:rgba(122,91,22,.45)!important;}

/* Contact descriptions were being washed out by inherited pale text */
.project-card .project-desc,
.project-desc{
  color:#5f574d!important;
  opacity:1!important;
}
.project-card .project-title{color:#1d1a15!important;}
.contact-page .intro, .contact-page .contact-lede, .contact-page p{color:#5f574d!important;}

/* Keep homepage intro video small and native */
.erica-player--native{width:min(100%,280px)!important;margin:0 auto!important;background:transparent!important;box-shadow:none!important;border:0!important;}
.erica-home-video{display:block;width:100%;max-height:360px;object-fit:contain;background:#000;border-radius:18px;box-shadow:0 18px 50px rgba(55,42,22,.12);} 

/* Ask Erica: input belongs before the response panel */
.ask-input-wrap{width:min(980px,calc(100vw - 32px));margin:20px auto 20px;display:grid;grid-template-columns:1fr auto;gap:12px;background:rgba(255,255,255,.56);border:1px solid rgba(42,35,24,.14);border-radius:999px;padding:10px;box-shadow:0 12px 38px rgba(64,50,26,.08);} 
.ask-input-wrap input{border:0;background:transparent;color:#1d1a15;outline:none;padding:10px 12px;font:inherit;min-width:0;} 
.ask-input-wrap button{border:0;border-radius:999px;background:#1d1a15;color:#fffaf1;padding:10px 16px;cursor:pointer;font:inherit;} 
.chat-panel .composer{display:none!important;}
.ask-erica-page .chat-panel{margin-top:18px;}
.ask-erica-page .messages{min-height:300px;}
.ask-erica-page .mode-row{display:none!important;}


/* V7.6 mobile/nav and readability fixes */
@media (max-width: 880px){
  .site-header{position:static!important;top:auto!important;padding:14px 0!important;background:rgba(252,248,239,.94)!important;}
  .site-header-inner{height:auto!important;min-height:0!important;display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important;}
  .nav-toggle{display:none!important;}
  .nav{display:flex!important;position:static!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;flex-wrap:wrap!important;width:100%!important;gap:10px!important;padding:8px 0 0!important;overflow:visible!important;}
  .site-header.is-open .nav{display:flex!important;position:static!important;right:auto!important;top:auto!important;padding:8px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  .nav-link{letter-spacing:.01em!important;text-transform:none!important;font-size:clamp(1rem,4.2vw,1.16rem)!important;line-height:1!important;padding:12px 18px!important;border:1px solid rgba(45,35,22,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.62)!important;color:#574f45!important;}
  .nav-link.active,.nav-link:hover{color:#1d1a15!important;border-color:rgba(178,139,61,.48)!important;background:rgba(255,255,255,.82)!important;}
  .nav-link::after{display:none!important;content:none!important;}
  .brand-subtitle{display:block!important;}
}
@media (max-width: 560px){
  .container{padding-inline:1.1rem!important;}
  .brand-title{font-size:1.14rem!important;letter-spacing:.16em!important;}
  .brand-mark{width:42px!important;height:42px!important;border-radius:14px!important;}
  .hero{padding-top:2.2rem!important;}
}

/* V7.7 mobile/header consistency pass */
.site-header .nav-toggle,
header.site-header .nav-toggle{display:none!important;}
.site-header.is-open .nav,
header.site-header.is-open .nav{position:static!important;display:flex!important;opacity:1!important;visibility:visible!important;transform:none!important;max-height:none!important;background:transparent!important;box-shadow:none!important;border:0!important;}
@media(max-width:760px){
  .site-header,
  header.site-header{
    position:static!important;
    background:rgba(252,248,239,.94)!important;
    border-bottom:1px solid rgba(45,35,22,.12)!important;
    color:#1d1a15!important;
  }
  .site-header .site-header-inner,
  header.site-header .site-header-inner,
  .container.site-header-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:18px!important;
    padding:26px 5vw 24px!important;
  }
  .site-header .brand,
  header.site-header .brand{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    text-decoration:none!important;
    color:#1d1a15!important;
    min-width:0!important;
  }
  .site-header .brand-title,
  header.site-header .brand-title,
  .brand-title{
    color:#1d1a15!important;
    font-size:1.25rem!important;
    letter-spacing:.22em!important;
    font-weight:800!important;
  }
  .site-header .brand-subtitle,
  header.site-header .brand-subtitle,
  .brand-subtitle{
    color:#625b51!important;
    opacity:.85!important;
    font-size:.94rem!important;
    letter-spacing:.08em!important;
  }
  .site-header .nav,
  header.site-header .nav{
    position:static!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    max-height:none!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    backdrop-filter:none!important;
  }
  .site-header .nav-link,
  header.site-header .nav-link,
  .site-header nav a,
  header.site-header nav a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(45,35,22,.14)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.62)!important;
    color:#574f45!important;
    padding:11px 18px!important;
    font-size:1.05rem!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-decoration:none!important;
  }
  .site-header .nav-link.active,
  header.site-header .nav-link.active,
  .site-header nav a[aria-current="page"],
  header.site-header nav a[aria-current="page"]{
    color:#1d1a15!important;
    border-color:rgba(178,139,61,.55)!important;
    background:rgba(255,255,255,.82)!important;
  }
  .site-header .nav-link::after,
  header.site-header .nav-link::after,
  .site-header nav a::after,
  header.site-header nav a::after{display:none!important;}
}

/* Contact page uses its own older header; make it match the home/mobile style */
@media(max-width:760px){
  body.contact-page header{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:18px!important;
    padding:26px 5vw 24px!important;
    background:rgba(252,248,239,.94)!important;
    border-bottom:1px solid rgba(45,35,22,.12)!important;
    color:#1d1a15!important;
  }
  body.contact-page header .logo{
    color:#1d1a15!important;
    font-size:1.25rem!important;
    letter-spacing:.22em!important;
    font-weight:800!important;
  }
  body.contact-page header nav{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
  body.contact-page header nav a{
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    border:1px solid rgba(45,35,22,.14)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.62)!important;
    color:#574f45!important;
    padding:11px 18px!important;
    font-size:1.05rem!important;
    line-height:1!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }
  body.contact-page header nav a[aria-current="page"]{
    color:#1d1a15!important;
    border-color:rgba(178,139,61,.55)!important;
    background:rgba(255,255,255,.82)!important;
  }
}