/* ============================================================
   VIBE AGENCY MAGAZINE LAYER v3 — 2026-07-04 (Lyra; v2 + wide-viewport shell fix: fixed 48px shell padding — the gutter var inside the 1170px max-width crushed content on >1500px screens. v2 retired same day, byte-intact for cache.)
   Light desktop redesign: warm paper canvas (matches the Journal's
   cream), plum ink, Spotify green as the single accent. bridgemind
   grammar (nav / committed hero / hairline tables / one flat canvas
   wonderfruit-style) tuned by taste-skill anti-slop rules.
   The page's own CSS custom properties are re-mapped ≥960px — the
   inline styles then re-theme themselves; hardcoded leftovers are
   spot-fixed below.
   Mobile (<960px) untouched: only .lyra-tldr styling + hiding the
   v2-only nav (which does not exist in the mobile experience).
   All hover rules gated in @media (hover:hover) — U7.
   Replaces va-mag-v1.css via the <link id="lyra-mag-layer"> swap;
   v1 file left byte-intact (immutable cache rule).
   ============================================================ */

:root{
  --w2-bg0:#faf7f2;
  --w2-bg1:#f5ede0;
  --w2-bg2:#efe6d8;
  --w2-card:#ffffff;
  --w2-ink:#2d1f3d;
  --w2-mut:#655672;
  --w2-soft:#93839f;
  --w2-green:#1DB954;
  --w2-green-ink:#0e7a3a;
  --w2-green-dark:#0b2818;
  --w2-hair:rgba(45,31,61,.12);
  --w2-hair-green:rgba(29,185,84,.35);
  --w2-display:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --w2-mono:'Space Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --w2-gutter:max(48px,calc(50vw - 585px));
}

/* v2-only elements do not exist in the mobile experience
   (the <picture>'s <source> is desktop-gated too — zero bytes on mobile) */
.lyra-nav,.lyra-about-pic{display:none}

@media (min-width:960px){

  html{scroll-padding-top:96px}

  /* 0 · THE VARIABLE FLIP — the page re-themes itself */
  :root{
    --bg:#faf7f2;
    --bg-2:#ffffff;
    --bg-3:#f5ede0;
    --fg:#2d1f3d;
    --fg-dim:#655672;
    --fg-soft:#4c3f5c;
    --accent:#1DB954;
    --accent-2:#12934a;
    --accent-warm:#b98b3f;
    --accent-coral:#c96a52;
    --accent-purple:#7a63ad;
    --accent-blue:#4a7fa8;
    --line:rgba(45,31,61,.12);
    --line-strong:rgba(45,31,61,.22);
    --glass:rgba(45,31,61,.04);
    --glass-strong:rgba(45,31,61,.07);
  }

  .rv{opacity:1 !important;transform:none !important;transition:none !important}

  body.lyra-home{
    background:linear-gradient(180deg,var(--w2-bg0) 0%,var(--w2-bg1) 55%,var(--w2-bg2) 100%) !important;
    background-attachment:fixed !important;
    color:var(--w2-ink);
    font-family:var(--w2-display);
  }
  body.lyra-home .blobs,
  body.lyra-home .grain,
  body.lyra-home #particles{display:none !important}

  body.lyra-home :focus-visible{outline:2px solid var(--w2-green-ink);outline-offset:3px;border-radius:4px}

  /* 1 · STICKY NAV (v2 additive element, homepage only) */
  .lyra-nav{
    display:flex;align-items:center;justify-content:space-between;gap:32px;
    position:sticky;top:0;z-index:120;
    padding:15px var(--w2-gutter);
    background:rgba(250,247,242,.9);
    -webkit-backdrop-filter:blur(14px) saturate(1.3);
    backdrop-filter:blur(14px) saturate(1.3);
    border-bottom:1px solid var(--w2-hair);
  }
  .lyra-nav .ln-brand{
    display:flex;align-items:center;gap:10px;text-decoration:none;
    color:var(--w2-ink);font-family:var(--w2-display);font-weight:900;
    font-size:.94rem;letter-spacing:.1em;text-transform:uppercase;
  }
  .lyra-nav .ln-brand svg{width:26px;height:26px;display:block}
  .lyra-nav .ln-links{display:flex;align-items:center;gap:30px}
  .lyra-nav .ln-links a{
    color:var(--w2-mut);text-decoration:none;
    font-family:var(--w2-display);font-weight:700;font-size:.87rem;letter-spacing:.02em;
  }
  .lyra-nav .ln-cta{
    color:var(--w2-green-dark);text-decoration:none;background:var(--w2-green);
    font-family:var(--w2-display);font-weight:800;font-size:.87rem;letter-spacing:.03em;
    padding:11px 22px;border-radius:999px;white-space:nowrap;
    box-shadow:0 10px 26px -12px rgba(29,185,84,.6);
  }
  .lyra-nav .ln-cta:active{transform:translateY(1px)}

  /* 2 · THE CANVAS — one warm paper sheet, hairline rhythm */
  body.lyra-home .wrap{
    max-width:1170px !important;margin:0 auto;
    padding:56px 48px 90px !important;
    display:grid;
    grid-template-columns:1.06fr .94fr;
    column-gap:56px;
  }
  body.lyra-home .wrap > *{grid-column:1 / -1;min-width:0}

  /* top module: hero left, stats panel right, CTA under hero */
  body.lyra-home .hero{
    grid-column:1;grid-row:1;
    display:flex;flex-direction:column;align-items:flex-start;gap:22px;
    text-align:left;padding:26px 0 8px;margin:0;
  }
  body.lyra-home .cta-primary{grid-column:1;grid-row:2;justify-self:start;align-self:start}
  body.lyra-home .stats{grid-column:2;grid-row:1 / 3;align-self:stretch}
  body.lyra-home .va-about{grid-column:1 / -1;grid-row:3}
  body.lyra-home .genre-strip{grid-column:1 / -1;grid-row:4}

  body.lyra-home .hero-mark{
    width:64px;height:64px;margin:0;transform:none;animation:none;
    background:var(--w2-card) !important;
    border:1px solid var(--w2-hair);border-radius:18px;
    box-shadow:0 10px 26px -12px rgba(29,185,84,.4) !important;
    display:flex;align-items:center;justify-content:center;
  }
  body.lyra-home .hero-mark::after,body.lyra-home .hero-mark::before{content:none}
  body.lyra-home .hero-mark svg{width:44px;height:44px;filter:none}
  body.lyra-home .hero h1{
    margin:0;
    font-family:var(--w2-display);font-weight:900;
    font-size:clamp(3.6rem,5.2vw,5rem);line-height:.97;letter-spacing:-.012em;
    color:var(--w2-ink);text-wrap:balance;
    background:none;-webkit-background-clip:initial;background-clip:initial;
    -webkit-text-fill-color:currentColor;text-shadow:none;
  }
  body.lyra-home .hero h1 .hl{
    background:linear-gradient(135deg,#1DB954 0%,#0e7a3a 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
  }
  body.lyra-home .tagline{
    margin:0;font-family:var(--w2-display);font-weight:400;
    font-size:1.16rem;line-height:1.6;color:var(--w2-mut);max-width:40ch;
  }
  body.lyra-home .hero-pills{margin:2px 0 0;gap:8px;flex-wrap:nowrap;justify-content:flex-start}
  body.lyra-home .pill{
    font-family:var(--w2-mono);font-size:.58rem;letter-spacing:.12em;
    color:var(--w2-mut);background:transparent;
    border:1px solid rgba(45,31,61,.18);
    padding:6px 12px;white-space:nowrap;
  }
  body.lyra-home .pill.live{
    color:var(--w2-green-ink);border-color:var(--w2-hair-green);
    background:rgba(29,185,84,.08);
  }

  /* stats panel — the proof card (shadow-only, no generic border tell) */
  body.lyra-home .stats{
    display:flex;flex-direction:column;justify-content:center;gap:26px;
    background:var(--w2-card);
    border:none;border-radius:24px;
    padding:38px 40px;margin:0;
    box-shadow:0 34px 80px -42px rgba(45,31,61,.4),0 12px 34px -22px rgba(29,185,84,.25);
    transition:none;
  }
  body.lyra-home .stats-grid{
    display:flex;flex-direction:column;gap:22px;margin:0;
  }
  body.lyra-home .stat-num{
    font-family:var(--w2-display);font-weight:900;font-size:2.5rem;line-height:1;
    color:var(--w2-ink);font-variant-numeric:tabular-nums;
    background:none;-webkit-background-clip:initial;background-clip:initial;
    -webkit-text-fill-color:currentColor;
  }
  body.lyra-home .stat-label{
    font-family:var(--w2-mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--w2-soft);margin-top:6px;
  }
  body.lyra-home .stats-foot{
    border-top:1px solid var(--w2-hair);padding-top:16px;margin:0;
    font-family:var(--w2-display);font-size:.84rem;line-height:1.6;color:var(--w2-mut);
    letter-spacing:0;text-transform:none;
  }

  /* primary CTA — Spotify-green, ink text (AA) */
  body.lyra-home .cta-primary{
    background:var(--w2-green);color:var(--w2-green-dark);
    border:none;border-radius:999px;
    padding:18px 30px;margin:6px 0 0;
    font-family:var(--w2-display);font-weight:800;font-size:1.04rem;
    max-width:none;width:auto;display:inline-flex;gap:14px;align-items:center;
    box-shadow:0 16px 36px -16px rgba(29,185,84,.65);
  }
  body.lyra-home .cta-primary::after{content:none}
  body.lyra-home .cta-primary .cta-text{white-space:nowrap;flex:none}
  body.lyra-home .cta-primary .cta-sub{color:rgba(11,40,24,.72);white-space:nowrap}
  body.lyra-home .cta-primary .arrow{color:var(--w2-green-dark)}
  body.lyra-home .cta-primary:active{transform:translateY(1px)}

  /* lead prose + vinyl still-life right */
  body.lyra-home .va-about{
    margin:72px 0 0;padding:0;max-width:none;
    background:transparent;border:none;box-shadow:none;
    display:grid;grid-template-columns:1.2fr .8fr;column-gap:72px;align-items:start;
  }
  body.lyra-home .va-about > p{grid-column:1;max-width:62ch}
  body.lyra-home .va-about .lyra-about-pic{
    display:block;grid-column:2;grid-row:1 / span 3;align-self:center;
  }
  body.lyra-home .va-about .lyra-about-img{
    display:block;width:100%;max-width:420px;justify-self:end;margin-left:auto;
    border-radius:20px;
    box-shadow:0 34px 76px -42px rgba(45,31,61,.4),0 12px 34px -22px rgba(29,185,84,.3);
  }
  body.lyra-home .va-about p{font-size:1.05rem;line-height:1.75;color:var(--w2-mut)}
  body.lyra-home .va-about strong{color:var(--w2-ink);font-weight:700}
  body.lyra-home .va-about a{color:var(--w2-green-ink);border-bottom:1px solid rgba(14,122,58,.35)}
  body.lyra-home .genre-strip{margin:26px 0 0;gap:8px;justify-content:flex-start}
  body.lyra-home .genre-tag{
    font-family:var(--w2-mono);font-size:.62rem;letter-spacing:.14em;
    color:var(--w2-mut);background:transparent;
    border:1px solid rgba(45,31,61,.18);
  }

  /* 3 · SECTION HEADLINES — display type + hairline top */
  body.lyra-home .section-label{
    display:block;
    font-family:var(--w2-display);font-weight:900;
    font-size:clamp(1.8rem,2.6vw,2.4rem);line-height:1.06;letter-spacing:-.01em;
    text-transform:none;color:var(--w2-ink);
    margin:96px 0 34px;padding-top:18px;position:relative;
    text-wrap:balance;
  }
  body.lyra-home .section-label::before{
    content:"";position:absolute;top:0;left:0;width:46px;height:4px;
    background:var(--w2-green);flex:none;
  }
  body.lyra-home .section-label::after{content:none}

  /* 4 · FEATURED PLAYLISTS — hairline table rows (accordion kept) */
  body.lyra-home .playlist{
    background:transparent;border:none;border-radius:0;
    border-bottom:1px solid var(--w2-hair);
    margin:0;
  }
  body.lyra-home .playlist:first-of-type{border-top:1px solid var(--w2-hair)}
  body.lyra-home .pl-head{padding:22px 6px;gap:20px;background:transparent}
  body.lyra-home .pl-head:active,body.lyra-home .card:active{transform:translateY(1px)}
  body.lyra-home .pl-cover{width:56px;height:56px;border-radius:12px;overflow:hidden;flex:none}
  body.lyra-home .pl-cover img{width:56px;height:56px}
  body.lyra-home .pl-genre{
    font-family:var(--w2-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
    color:var(--w2-green-ink);
  }
  body.lyra-home .pl-title{
    font-family:var(--w2-display);font-weight:700;font-size:1.22rem;color:var(--w2-ink);
  }
  body.lyra-home .pl-chevron{color:var(--w2-green-ink)}
  body.lyra-home .pl-body-inner{padding:0 6px 22px}
  body.lyra-home .pl-spotify{
    background:var(--w2-green);color:var(--w2-green-dark);font-weight:700;
    border-radius:999px;border:none;
  }
  body.lyra-home .pl-spotify svg{fill:var(--w2-green-dark)}
  body.lyra-home .pl-mini{
    background:var(--w2-card);border:1px solid var(--w2-hair);color:var(--w2-mut);
  }
  body.lyra-home .pl-mirrors-label{color:var(--w2-soft)}

  /* 5 · MEDIA — mix + previews in white panels */
  body.lyra-home .embed-wrap{
    background:var(--w2-card);border:1px solid var(--w2-hair);border-radius:20px;
    overflow:hidden;box-shadow:0 24px 60px -38px rgba(45,31,61,.35);
  }
  body.lyra-home .embed-wrap iframe{display:block;width:100%;height:100%}
  body.lyra-home .embed-wrap.spotify{grid-column:auto;margin:0 0 24px}
  body.lyra-home .embed-placeholder{color:var(--w2-soft);background:var(--w2-bg1)}

  /* 6 · THE CATALOG — hairline index rows */
  body.lyra-home .card{
    background:transparent;border:none;border-radius:0;
    border-top:1px solid var(--w2-hair);
    padding:24px 6px;margin:0;
    backdrop-filter:none;-webkit-backdrop-filter:none;transition:none;
  }
  body.lyra-home .card:last-of-type{border-bottom:1px solid var(--w2-hair)}
  body.lyra-home .card-icon{background:rgba(29,185,84,.1);border:1px solid var(--w2-hair-green);border-radius:12px}
  body.lyra-home .card-title{color:var(--w2-ink);font-weight:700;font-size:1.12rem}
  body.lyra-home .card-sub{
    font-family:var(--w2-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;
    color:var(--w2-soft);
  }
  body.lyra-home .card-arrow{color:var(--w2-green-ink)}

  /* 7 · SOCIALS — quiet chip row */
  body.lyra-home .socials{margin:44px 0 0;gap:12px}
  body.lyra-home .socials a{
    width:44px;height:44px;
    background:var(--w2-card);border:1px solid var(--w2-hair);
    color:var(--w2-mut);border-radius:50%;
    transition:none;
  }

  /* 8 · EXPLORE — pre-footer link block */
  body.lyra-home .explore-nav{
    margin:96px 0 0;padding:44px 0 0;
    border-top:1px solid var(--w2-hair);
    background:transparent;border-radius:0;
  }
  body.lyra-home .explore-nav h3{
    font-family:var(--w2-mono);font-size:.66rem;font-weight:700;
    letter-spacing:.26em;text-transform:uppercase;color:var(--w2-green-ink);
  }
  body.lyra-home .explore-nav-links a,
  body.lyra-home .explore-latest a{
    color:var(--w2-mut);border-color:var(--w2-hair);
  }

  /* 9 · FOOTER + journal pill */
  body.lyra-home footer{
    margin-top:64px;padding:36px 0 0;
    border-top:1px solid var(--w2-hair);
    color:var(--w2-soft);
  }
  body.lyra-home footer a{color:var(--w2-green-ink)}
  body.lyra-home .va-journal-pill{
    top:auto;bottom:26px;right:26px;
    background:var(--w2-card);border:1px solid var(--w2-hair);
    color:var(--w2-ink);
    box-shadow:0 14px 34px -16px rgba(45,31,61,.4);
  }

  /* ------------------------------------------------------------
     SUB-PAGES (journal hubs + articles) — structural polish on
     their own cream skins, green accents. Adapted from v1.
     ------------------------------------------------------------ */
  body.lyra-hub .page,body.lyra-article .page{max-width:1080px !important;
    padding-left:48px;padding-right:48px}
  body.lyra-article .page{max-width:880px !important}
  body.lyra-article .page p{max-width:70ch}
  body.lyra-article .page{font-size:1.075rem;line-height:1.75}

  body.lyra-hub h1,body.lyra-article h1{
    font-family:var(--w2-display);font-weight:900;letter-spacing:-.015em;
    font-size:clamp(2.6rem,4.6vw,4rem) !important;line-height:1.04 !important;
    text-wrap:balance;
  }
  body.lyra-hub h2,body.lyra-article h2{
    font-family:var(--w2-display);font-weight:900;
    font-size:clamp(1.6rem,2.4vw,2.2rem) !important;line-height:1.12 !important;
    padding-top:14px;position:relative;
  }
  body.lyra-hub h2::before,body.lyra-article h2::before{
    content:"";position:absolute;top:0;left:0;width:46px;height:4px;
    background:var(--w2-green);
  }
  body.lyra-hub h3,body.lyra-article h3{
    font-family:var(--w2-display);font-weight:700;
    font-size:clamp(1.15rem,1.6vw,1.42rem) !important;line-height:1.25;
  }

  body.lyra-hub .section-label,body.lyra-article .section-label,
  body.lyra-hub .kicker,body.lyra-article .kicker,
  body.lyra-hub .eyebrow,body.lyra-article .eyebrow{
    font-family:var(--w2-mono);letter-spacing:.22em;text-transform:uppercase;
    font-size:.68rem;color:var(--w2-green-ink);
  }

  body.lyra-hub .hub-grid{display:grid !important;
    grid-template-columns:repeat(3,1fr);gap:26px}
  @media (max-width:1199px){
    body.lyra-hub .hub-grid{grid-template-columns:repeat(2,1fr)}
  }
  body.lyra-hub .hub-card,body.lyra-hub .subgenre-card,.benefit-card{
    border:1px solid var(--w2-hair) !important;border-radius:18px;
    background:rgba(255,255,255,.72);
  }

  body.lyra-article figure,body.lyra-article .inline-img{
    margin-left:-46px;margin-right:-46px}
  body.lyra-article figure img,body.lyra-article .inline-img img{
    border-radius:18px;width:100%}

  .topbar{padding-top:22px;padding-bottom:18px}
  .topbar a{font-family:var(--w2-mono);letter-spacing:.18em;font-size:.72rem}

  footer,.related-foot{margin-top:64px}

  /* TL;DR / Short-answer boxes — light green, desktop */
  .lyra-tldr,.short-answer{
    border:1px solid var(--w2-hair-green);border-left:4px solid var(--w2-green);
    border-radius:14px;padding:18px 22px;margin:22px 0;
    background:rgba(29,185,84,.07);font-size:1.02rem;line-height:1.6;
  }
  .lyra-tldr b:first-child{
    font-family:var(--w2-mono);letter-spacing:.2em;text-transform:uppercase;
    font-size:.7rem;color:var(--w2-green-ink);display:block;margin-bottom:8px;
  }

  /* ------------------------------------------------------------
     HOVER LANGUAGE — pointer devices only (U7)
     ------------------------------------------------------------ */
  @media (hover:hover){
    .lyra-nav .ln-links a:hover{color:var(--w2-green-ink)}
    .lyra-nav .ln-cta:hover{transform:translateY(-1px);
      box-shadow:0 14px 30px -12px rgba(29,185,84,.75);
      transition:transform .2s ease,box-shadow .2s ease}
    body.lyra-home .cta-primary:hover{transform:translateY(-2px);
      box-shadow:0 20px 42px -16px rgba(29,185,84,.75);
      transition:transform .22s ease,box-shadow .22s ease}
    body.lyra-home .stats:hover{border-color:var(--w2-green);
      box-shadow:0 34px 76px -40px rgba(29,185,84,.5);
      transition:border-color .25s ease,box-shadow .25s ease;transform:none}
    body.lyra-home .pl-head:hover{background:rgba(29,185,84,.06);
      transition:background .2s ease}
    body.lyra-home .pl-head:hover .pl-title{color:var(--w2-green-ink);
      transition:color .2s ease}
    body.lyra-home .card:hover{background:rgba(29,185,84,.06);
      border-color:var(--w2-hair) !important;transform:none;box-shadow:none;
      transition:background .2s ease}
    body.lyra-home .card:hover .card-title{color:var(--w2-green-ink);
      transition:color .2s ease}
    body.lyra-home .socials a:hover{color:var(--w2-green-ink);border-color:var(--w2-green);
      transform:translateY(-2px);transition:all .22s ease}
    body.lyra-home .va-about a:hover,body.lyra-home footer a:hover{color:var(--w2-ink)}
    body.lyra-home .explore-nav-links a:hover,
    body.lyra-home .explore-latest a:hover{color:var(--w2-green-ink)}
    body.lyra-home .va-journal-pill:hover{border-color:var(--w2-green);
      color:var(--w2-green-ink);transition:border-color .2s ease,color .2s ease}
    body.lyra-hub .hub-card:hover,body.lyra-hub .subgenre-card:hover{
      transform:translateY(-4px);border-color:var(--w2-green) !important;
      box-shadow:0 22px 44px -18px rgba(29,185,84,.35);
      transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
    .topbar a:hover{color:var(--w2-green-ink)}
    body.lyra-article .inline-img img:hover,
    body.lyra-article figure img:hover{transform:scale(1.012);
      transition:transform .4s ease}
  }
}

/* Reduced motion — taste-skill 6.B (mandatory): the v2 layer goes fully
   static for users who ask for less motion. Desktop-only rules anyway. */
@media (min-width:960px) and (prefers-reduced-motion:reduce){
  .lyra-nav .ln-cta,body.lyra-home .cta-primary,body.lyra-home .stats,
  body.lyra-home .pl-head,body.lyra-home .card,body.lyra-home .socials a,
  body.lyra-hub .hub-card,body.lyra-hub .subgenre-card,
  body.lyra-article .inline-img img,body.lyra-article figure img{
    transition:none !important;transform:none !important;animation:none !important;
  }
}

/* Mobile gets ONLY the TL;DR component styling (light green, matches
   the cream journal pages where these boxes live; no layout changes) */
@media (max-width:959.9px){
  .lyra-tldr,.short-answer{
    border:1px solid rgba(29,185,84,.35);border-left:4px solid #1DB954;
    border-radius:12px;padding:14px 16px;margin:18px 0;
    background:rgba(29,185,84,.07);line-height:1.55;
  }
  .lyra-tldr b:first-child{
    font-family:'Space Mono',ui-monospace,'SF Mono',Menlo,monospace;
    letter-spacing:.2em;text-transform:uppercase;
    font-size:.66rem;color:#0e7a3a;display:block;margin-bottom:6px;
  }
}

/* Approved Mixtape homepage, 19 September 2026. Other pages retain v3 behavior. */




body.lyra-home.va-mixtape { --paper: #f8f5ed; --ink: #142327; --muted: #56615c; --accent: #c9f093; --line: #d4d9ca; }
body.lyra-home.va-mixtape * { box-sizing: border-box; }
html:has(body.va-mixtape) { scroll-behavior: smooth; scroll-padding-top: 24px; }
body.lyra-home.va-mixtape { margin: 0px; font: 17px / 1.5 Outfit, Arial, sans-serif; background: var(--paper); color: var(--ink); }
body.lyra-home.va-mixtape a { color: inherit; text-decoration: none; }
body.lyra-home.va-mixtape button, body.lyra-home.va-mixtape a { touch-action: manipulation; }
body.lyra-home.va-mixtape button { font: inherit; cursor: pointer; }
body.lyra-home.va-mixtape img { max-width: 100%; display: block; }
body.lyra-home.va-mixtape a:focus-visible, body.lyra-home.va-mixtape button:focus-visible { outline: rgb(226, 91, 48) solid 3px; outline-offset: 5px; }
body.lyra-home.va-mixtape h1, body.lyra-home.va-mixtape h2, body.lyra-home.va-mixtape h3, body.lyra-home.va-mixtape p { margin: 0px; }
body.lyra-home.va-mixtape h1 { font-size: clamp(56px, 6.6vw, 100px); line-height: 0.96; font-weight: 900; letter-spacing: -0.055em; }
body.lyra-home.va-mixtape h2 { font-size: clamp(32px, 3.5vw, 52px); line-height: 1.06; letter-spacing: -0.04em; }
body.lyra-home.va-mixtape h3 { font-size: 24px; line-height: 1.2; letter-spacing: -0.025em; }
body.lyra-home.va-mixtape em { font-family: Georgia, serif; font-weight: 400; letter-spacing: -0.06em; }
body.lyra-home.va-mixtape .eyebrow, body.lyra-home.va-mixtape .small { font: 11px / 1.5 "Space Mono", monospace; letter-spacing: 0.08em; }
body.lyra-home.va-mixtape .eyebrow { margin-bottom: 20px; }


body.lyra-home.va-mixtape .site-header { max-width: 1440px; margin: auto; padding: 24px 4%; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
body.lyra-home.va-mixtape .brand { display: flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 900; line-height: 0.98; letter-spacing: -0.02em; }
body.lyra-home.va-mixtape .brand img { object-fit: contain; width: 42px; height: 42px; }
body.lyra-home.va-mixtape .site-header nav { display: flex; gap: 36px; font-size: 14px; }
body.lyra-home.va-mixtape .site-header nav a { padding: 10px 0px; }
body.lyra-home.va-mixtape .nav-submit { padding: 12px 20px; border: 1px solid; border-radius: 30px; font-size: 14px; font-weight: 700; }
body.lyra-home.va-mixtape .nav-submit span { margin-left: 25px; }
body.lyra-home.va-mixtape .button { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; padding: 16px 22px; min-height: 52px; font-size: 15px; font-weight: 700; background: var(--ink); color: white; border-radius: 4px; }
body.lyra-home.va-mixtape .text-link { display: inline-flex; min-height: 44px; align-items: center; font-weight: 700; font-size: 14px; text-decoration: underline; text-underline-offset: 5px; }
body.lyra-home.va-mixtape .hero-actions { display: flex; gap: 25px; align-items: center; margin-top: 25px; }
body.lyra-home.va-mixtape .hero-copy > p:not(.eyebrow) { margin-top: 25px; font-size: 19px; line-height: 1.5; }
body.lyra-home.va-mixtape .section { max-width: 1320px; padding: 80px 40px; margin: auto; }
body.lyra-home.va-mixtape .section-top { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 30px; }
body.lyra-home.va-mixtape .section-top > p { color: var(--muted); font-size: 16px; }
body.lyra-home.va-mixtape .section-top .eyebrow { margin-bottom: 12px; }
body.lyra-home.va-mixtape .filters { display: flex; gap: 10px; margin: 30px 0px; flex-wrap: wrap; }
body.lyra-home.va-mixtape .filters button { background: transparent; border: 1px solid var(--line); color: var(--ink); padding: 12px 20px; border-radius: 30px; font-size: 14px; min-height: 44px; }
body.lyra-home.va-mixtape .filters button[aria-pressed="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
body.lyra-home.va-mixtape .playlist-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 25px; }
body.lyra-home.va-mixtape .playlist-card[hidden] { display: none; }
body.lyra-home.va-mixtape .sleeve { display: block; background: rgb(255, 253, 248); padding: 12px; box-shadow: rgba(20, 35, 39, 0.094) 0px 14px 25px; color: rgb(20, 35, 39); }
body.lyra-home.va-mixtape .cover-art { position: relative; }
body.lyra-home.va-mixtape .cover-art img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
body.lyra-home.va-mixtape .play { position: absolute; right: 10px; top: 10px; width: 34px; height: 34px; background: rgb(255, 255, 255); color: rgb(20, 35, 39); display: grid; place-items: center; border-radius: 50%; font-size: 12px; padding-left: 2px; }
body.lyra-home.va-mixtape .sleeve-foot { font-size: 12px; font-weight: 700; display: flex; gap: 8px; align-items: center; justify-content: space-between; margin-top: 11px; min-height: 22px; }
body.lyra-home.va-mixtape .playlist-card > p { font-size: 15px; margin: 20px 0px 6px; }
body.lyra-home.va-mixtape .small { color: var(--muted); }
body.lyra-home.va-mixtape .filter-count { margin-top: 25px; font: 11px "Space Mono", monospace; color: var(--muted); }
body.lyra-home.va-mixtape .artist-section { display: grid; grid-template-columns: 1.1fr 1fr; gap: 90px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
body.lyra-home.va-mixtape .artist-section p:not(.eyebrow) { margin: 22px 0px; }
body.lyra-home.va-mixtape .artist-section .fine, body.lyra-home.va-mixtape .fine { font-size: 12px; line-height: 1.5; }
body.lyra-home.va-mixtape .steps { list-style: none; padding: 0px; margin: 0px; display: flex; flex-direction: column; justify-content: center; }
body.lyra-home.va-mixtape .steps li { display: flex; gap: 25px; padding: 24px 0px; border-bottom: 1px solid var(--line); }
body.lyra-home.va-mixtape .steps li > span { font: 12px "Space Mono", monospace; padding-top: 5px; }
body.lyra-home.va-mixtape .steps li p { font-size: 15px; color: var(--muted); margin: 9px 0px 0px !important; }
body.lyra-home.va-mixtape .journal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
body.lyra-home.va-mixtape .journal-grid img { width: 100%; height: 260px; object-fit: cover; }
body.lyra-home.va-mixtape .journal-grid .eyebrow { margin: 22px 0px 10px; }
body.lyra-home.va-mixtape .journal-grid p:last-child { font-size: 15px; margin-top: 12px; color: var(--muted); }
body.lyra-home.va-mixtape footer { padding: 35px 5%; display: flex; gap: 35px; align-items: center; border-top: 1px solid var(--line); font-size: 13px; }
body.lyra-home.va-mixtape footer p { margin-right: auto; }
body.lyra-home.va-mixtape .phone-bar { display: none; }
body.lyra-home.va-mixtape .skip { position: fixed; top: -100px; left: 10px; background: white; color: black; padding: 12px; z-index: 30; }
body.lyra-home.va-mixtape .skip:focus { top: 10px; }
body.lyra-home.va-mixtape .mixtape-hero { margin: 0px 2.4%; height: 750px; border-radius: 18px; position: relative; background: url("/assets/v2/about-vinyl.jpg") center 56% / cover no-repeat rgb(226, 223, 203); isolation: isolate; }
body.lyra-home.va-mixtape .mixtape-hero::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(241, 240, 223, 0.937) 0%, rgba(241, 240, 223, 0.565) 46%, transparent 75%); border-radius: inherit; z-index: -1; }
body.lyra-home.va-mixtape .mixtape-hero .hero-copy { position: absolute; top: 50px; left: 4%; max-width: 65%; }
body.lyra-home.va-mixtape .mixtape-hero h1 { font-size: clamp(58px, 6.5vw, 96px); }
body.lyra-home.va-mixtape .paper-note { position: absolute; right: 4%; top: 48px; width: 295px; background: rgb(251, 252, 244); transform: rotate(3deg); padding: 28px 25px 24px; box-shadow: rgba(38, 49, 41, 0.145) 0px 20px 35px; border-bottom: 7px dotted rgb(165, 182, 155); }
body.lyra-home.va-mixtape .paper-note::before { content: ""; position: absolute; width: 100px; height: 29px; background: rgba(216, 221, 187, 0.78); top: -12px; left: 95px; transform: rotate(-7deg); }
body.lyra-home.va-mixtape .paper-note .eyebrow { font-size: 9px; max-width: 180px; }
body.lyra-home.va-mixtape .paper-note h2 { font-size: 43px; }
body.lyra-home.va-mixtape .paper-note > p:not(.eyebrow) { font-size: 14px; margin: 20px 0px; }
body.lyra-home.va-mixtape .paper-note .button { padding: 14px 16px; font-size: 14px; gap: 10px; width: 100%; }
body.lyra-home.va-mixtape .paper-note .fine { font-size: 10px !important; margin: 14px 0px 0px !important; }
body.lyra-home.va-mixtape .note-arrow { position: absolute; right: 28px; top: 50px; font-size: 55px; }
body.lyra-home.va-mixtape .record-pair { position: absolute; left: 5%; bottom: -34px; display: flex; align-items: center; gap: 20px; width: 47%; max-width: 595px; }
body.lyra-home.va-mixtape .record-pair .sleeve { width: 48%; }
body.lyra-home.va-mixtape .tilt-left { transform: rotate(-9deg); }
body.lyra-home.va-mixtape .tilt-right { transform: rotate(7deg) translateY(8px); }
body.lyra-home.va-mixtape .record-pair .sleeve::before { content: ""; position: absolute; top: -10px; left: 35%; width: 32%; height: 25px; background: rgba(248, 244, 217, 0.71); z-index: 1; transform: rotate(3deg); }
body.lyra-home.va-mixtape .hero-caption { position: absolute; right: 5%; bottom: 32px; font: 10px "Space Mono", monospace; letter-spacing: 0.09em; color: rgb(248, 245, 237); text-shadow: rgb(0, 0, 0) 0px 1px 4px; }
body.lyra-home.va-mixtape .editor-note { display: flex; justify-content: space-between; gap: 30px; padding: 90px 7% 15px; }
body.lyra-home.va-mixtape .editor-note h2 { font-size: 42px; }
body.lyra-home.va-mixtape .editor-note p { align-self: center; color: var(--muted); font-size: 16px; }










body.lyra-home.va-mixtape .record-disc { position: absolute; width: 390px; height: 390px; right: -35px; top: 20px; border-radius: 50%; background: repeating-radial-gradient(rgb(25, 37, 37) 0px, rgb(25, 37, 37) 2px, rgb(38, 53, 46) 3px, rgb(38, 53, 46) 4px); display: grid; place-items: center; box-shadow: rgba(6, 22, 89, 0.333) 0px 14px 40px; }
body.lyra-home.va-mixtape .record-disc span { width: 116px; height: 116px; border-radius: 50%; background: rgb(216, 239, 136); color: rgb(19, 40, 74); font: 700 18px / 1 Outfit; display: grid; place-content: center; text-align: center; }
body.lyra-home.va-mixtape .round-stamp { position: absolute; top: 2px; left: -20px; z-index: 4; border-radius: 50%; width: 110px; height: 110px; background: rgb(255, 175, 186); color: rgb(20, 39, 75); display: grid; place-content: center; text-align: center; font-weight: 900; line-height: 1; transform: rotate(13deg); }
body.lyra-home.va-mixtape .catalog-label { position: absolute; left: 0px; bottom: 20px; font: 9px / 1.8 "Space Mono"; color: rgb(255, 255, 255); }
body.lyra-home.va-mixtape .ticker { display: flex; justify-content: space-around; gap: 25px; padding: 20px; background: rgb(218, 238, 141); font-size: 19px; font-weight: 900; letter-spacing: 0.03em; overflow: hidden; white-space: nowrap; }
body.lyra-home.va-mixtape .ticker span { font-size: 24px; }
























@media (hover: hover){body.lyra-home.va-mixtape .button:hover { filter: brightness(1.15); }
body.lyra-home.va-mixtape .text-link:hover { text-decoration-thickness: 2px; }
body.lyra-home.va-mixtape .sleeve:hover .play { background: rgb(217, 239, 133); }
body.lyra-home.va-mixtape .filters button:hover { border-color: var(--ink); }
body.lyra-home.va-mixtape .journal-grid a:hover h3 { text-decoration: underline; }}
@media (max-width: 1100px) and (min-width: 761px){body.lyra-home.va-mixtape .mixtape-hero .hero-copy { max-width: 60%; }
body.lyra-home.va-mixtape .mixtape-hero h1 { font-size: 65px; }
body.lyra-home.va-mixtape .paper-note { width: 260px; right: 3%; top: 60px; }
body.lyra-home.va-mixtape .record-pair { width: 57%; }
body.lyra-home.va-mixtape .record-disc { width: 310px; height: 310px; }
body.lyra-home.va-mixtape .hero-actions { flex-wrap: wrap; gap: 14px; }

}
@media (max-width: 760px){body.lyra-home.va-mixtape { font-size: 16px; padding-bottom: 78px; }

body.lyra-home.va-mixtape .site-header { padding: 17px 20px; gap: 12px; flex-wrap: wrap; }
body.lyra-home.va-mixtape .brand { font-size: 14px; }
body.lyra-home.va-mixtape .brand img { width: 35px; height: 35px; }
body.lyra-home.va-mixtape .site-header nav { order: 3; justify-content: space-between; width: 100%; gap: 20px; font-size: 12px; border-top: 1px solid var(--line); padding-top: 9px; margin-top: 5px; }
body.lyra-home.va-mixtape .nav-submit { padding: 10px 15px; font-size: 12px; }
body.lyra-home.va-mixtape .nav-submit span { margin-left: 12px; }
body.lyra-home.va-mixtape h1 { font-size: 55px; }
body.lyra-home.va-mixtape h2 { font-size: 36px; }
body.lyra-home.va-mixtape .hero-copy > p:not(.eyebrow) { font-size: 16px; margin-top: 20px; }
body.lyra-home.va-mixtape .eyebrow { font-size: 9px; margin-bottom: 17px; }
body.lyra-home.va-mixtape .hero-actions { gap: 16px; flex-wrap: wrap; margin-top: 22px; }
body.lyra-home.va-mixtape .button { font-size: 13px; gap: 20px; padding: 14px 18px; min-height: 48px; }
body.lyra-home.va-mixtape .text-link { font-size: 12px; }
body.lyra-home.va-mixtape .section { padding: 52px 20px; }
body.lyra-home.va-mixtape .section-top { display: block; margin-bottom: 23px; }
body.lyra-home.va-mixtape .section-top > p { margin-top: 18px; font-size: 14px; }
body.lyra-home.va-mixtape .filters { gap: 7px; margin: 23px 0px; }
body.lyra-home.va-mixtape .filters button { font-size: 12px; padding: 10px 14px; }
body.lyra-home.va-mixtape .playlist-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px 14px; }
body.lyra-home.va-mixtape .sleeve { padding: 8px; }
body.lyra-home.va-mixtape .sleeve-foot { font-size: 10px; margin-top: 8px; line-height: 1.2; }
body.lyra-home.va-mixtape .play { width: 27px; height: 27px; font-size: 9px; top: 7px; right: 7px; }
body.lyra-home.va-mixtape .playlist-card > p { font-size: 13px; margin-top: 15px; }
body.lyra-home.va-mixtape .small { font-size: 9px; }
body.lyra-home.va-mixtape .artist-section { grid-template-columns: 1fr; gap: 25px; }
body.lyra-home.va-mixtape .steps li { padding: 20px 0px; }
body.lyra-home.va-mixtape .steps h3 { font-size: 21px; }
body.lyra-home.va-mixtape .journal-grid { gap: 32px; grid-template-columns: 1fr; }
body.lyra-home.va-mixtape .journal-grid img { height: 225px; }
body.lyra-home.va-mixtape .journal .section-top .text-link { margin-top: 15px; }
body.lyra-home.va-mixtape footer { flex-wrap: wrap; padding: 30px 20px; gap: 22px; }
body.lyra-home.va-mixtape footer p { width: calc(100% - 130px); margin: 0px; font-size: 12px; }
body.lyra-home.va-mixtape .phone-bar { position: fixed; bottom: 0px; left: 0px; right: 0px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: rgba(248, 245, 237, 0.96); border-top: 1px solid rgb(203, 209, 197); z-index: 20; display: flex; justify-content: space-between; align-items: center; gap: 15px; backdrop-filter: blur(12px); color: rgb(20, 35, 39); }
body.lyra-home.va-mixtape .phone-bar > span { font-size: 11px; line-height: 1.4; }
body.lyra-home.va-mixtape .phone-bar .button { font-size: 12px; min-height: 44px; padding: 12px 16px; }
body.lyra-home.va-mixtape .mixtape-hero { height: auto; min-height: 990px; margin: 0px 12px; border-radius: 12px; background-position: center bottom; background-size: auto 100%; }
body.lyra-home.va-mixtape .mixtape-hero::before { background: linear-gradient(rgba(241, 240, 223, 0.96) 0%, rgba(241, 240, 223, 0.81) 38%, rgba(241, 240, 223, 0.125) 65%); }
body.lyra-home.va-mixtape .mixtape-hero .hero-copy { position: relative; top: auto; left: auto; max-width: none; padding: 28px 22px; }
body.lyra-home.va-mixtape .mixtape-hero h1 { font-size: 52px; }
body.lyra-home.va-mixtape .mixtape-hero .hero-actions { gap: 9px; }
body.lyra-home.va-mixtape .mixtape-hero .hero-actions .text-link { font-size: 11px; }
body.lyra-home.va-mixtape .record-pair { left: 8%; top: 370px; bottom: auto; width: 84%; gap: 10px; }
body.lyra-home.va-mixtape .record-pair .sleeve { width: 49%; }
body.lyra-home.va-mixtape .paper-note { top: 610px; right: 8%; left: 8%; width: auto; padding: 24px; transform: rotate(2deg); }
body.lyra-home.va-mixtape .paper-note h2 { font-size: 36px; }
body.lyra-home.va-mixtape .paper-note h2 br:last-child { display: none; }
body.lyra-home.va-mixtape .paper-note .eyebrow { font-size: 8px; max-width: 200px; }
body.lyra-home.va-mixtape .paper-note > p:not(.eyebrow) { margin: 15px 0px; font-size: 13px; }
body.lyra-home.va-mixtape .note-arrow { font-size: 42px; top: 48px; right: 25px; }
body.lyra-home.va-mixtape .hero-caption { display: none; }
body.lyra-home.va-mixtape .editor-note { padding: 45px 25px 0px; display: block; }
body.lyra-home.va-mixtape .editor-note h2 { font-size: 35px; }
body.lyra-home.va-mixtape .editor-note p { margin-top: 20px; font-size: 14px; }







body.lyra-home.va-mixtape .record-disc { width: 230px; height: 230px; right: -8px; top: 0px; }
body.lyra-home.va-mixtape .record-disc span { width: 75px; height: 75px; font-size: 14px; }
body.lyra-home.va-mixtape .round-stamp { width: 76px; height: 76px; font-size: 14px; top: -8px; left: -3px; }
body.lyra-home.va-mixtape .catalog-label { font-size: 7px; bottom: 0px; }
body.lyra-home.va-mixtape .ticker { font-size: 13px; justify-content: flex-start; padding: 14px 20px; gap: 20px; }
body.lyra-home.va-mixtape .ticker span { font-size: 16px; }
















}
@media (max-width: 360px){body.lyra-home.va-mixtape .mixtape-hero h1 { font-size: 43px; }
body.lyra-home.va-mixtape .mixtape-hero .hero-copy { padding: 25px 18px; }
body.lyra-home.va-mixtape .mixtape-hero .hero-actions { gap: 3px; }
body.lyra-home.va-mixtape .mixtape-hero .hero-actions .text-link { width: 100%; }
body.lyra-home.va-mixtape .record-pair { top: 390px; }
body.lyra-home.va-mixtape .paper-note { top: 600px; }




body.lyra-home.va-mixtape .record-disc { width: 210px; height: 210px; }
body.lyra-home.va-mixtape .hero-actions { gap: 8px; }
body.lyra-home.va-mixtape .phone-bar { padding-left: 12px; padding-right: 12px; }}
@media (prefers-reduced-motion: reduce){html:has(body.va-mixtape) { scroll-behavior: auto; }}
body.lyra-home.va-mixtape .note-arrow, body.lyra-home.va-mixtape .catalog-label { display: none; }
@media (max-width: 760px){



}
body.lyra-home.va-mixtape{background:#f8f5ed!important;background-attachment:scroll!important;color:#142327;--bg:#f8f5ed;--fg:#142327;--fg-dim:#56615c;--fg-soft:#56615c;--line:#d4d9ca;--glass:#e9ece2;--accent:#486b3e;--accent-2:#34582d;--line-strong:#bccbb3}
body.lyra-home.va-mixtape h1:before,body.lyra-home.va-mixtape h1:after{content:none}
body.lyra-home.va-mixtape h1{max-width:none;color:#142327;text-transform:none;text-shadow:none;margin:0;animation:none}
body.lyra-home.va-mixtape .hero-copy{text-align:left}
body.lyra-home.va-mixtape .record-pair .sleeve{transform-origin:50% 90%}
body.lyra-home.va-mixtape .record-pair .sleeve-foot{min-height:34px}
body.lyra-home.va-mixtape .record-controls{position:absolute;bottom:-100px;left:5%;display:flex;align-items:center;gap:22px;font:11px Outfit,sans-serif;z-index:2}
body.lyra-home.va-mixtape .record-controls button{border:0;border-bottom:1px solid #9aa88d;background:transparent;color:#142327;min-height:44px;padding:8px 2px;font-size:12px}
body.lyra-home.va-mixtape .record-controls[hidden],body.lyra-home.va-mixtape .phone-bar[hidden]{display:none}
body.lyra-home.va-mixtape .editor-note{padding-top:135px}
body.lyra-home.va-mixtape .legacy-area{padding-top:0}
body.lyra-home.va-mixtape .legacy-panel{border-top:1px solid #c8d3c2}
body.lyra-home.va-mixtape .legacy-panel>summary{font-size:22px;font-weight:700;cursor:pointer;padding:26px 0;list-style-position:inside}
body.lyra-home.va-mixtape .legacy-panel>summary>span{font-size:13px;font-weight:400;float:right;padding-top:9px}
body.lyra-home.va-mixtape .legacy-content{max-width:800px;margin:0 auto;padding:15px 0 35px}
body.lyra-home.va-mixtape .legacy-content .rv{opacity:1;transform:none}
body.lyra-home.va-mixtape .legacy-content .playlist{background:#f2f3e9;color:#142327}
body.lyra-home.va-mixtape .legacy-content .pl-head{color:#142327;text-align:left;background:transparent}
body.lyra-home.va-mixtape .legacy-content .pl-body-inner{padding:0 20px 20px}
body.lyra-home.va-mixtape .legacy-content .stats{margin:20px 0;width:100%}
body.lyra-home.va-mixtape .legacy-content .va-about{display:block;margin:30px 0;padding:20px 0}
body.lyra-home.va-mixtape .legacy-content .lyra-about-pic{display:none}
body.lyra-home.va-mixtape footer{max-width:none;margin:0;line-height:1.5}
body.lyra-home.va-mixtape footer:before{content:none}
body.lyra-home.va-mixtape .phone-bar>a:first-child{font-size:12px;font-weight:700;min-height:44px;display:flex;align-items:center}
body.lyra-home.va-mixtape .site-header .brand,body.lyra-home.va-mixtape footer .brand{letter-spacing:-.02em}
@media(max-width:760px){body.lyra-home.va-mixtape .record-controls{top:563px;bottom:auto;left:8%;right:8%;justify-content:space-between;gap:10px}body.lyra-home.va-mixtape .paper-note{top:636px}body.lyra-home.va-mixtape .mixtape-hero{min-height:1010px}body.lyra-home.va-mixtape .editor-note{padding-top:45px}body.lyra-home.va-mixtape .legacy-panel>summary{font-size:19px}body.lyra-home.va-mixtape .legacy-panel>summary>span{display:block;float:none;padding:5px 0 0 24px}body.lyra-home.va-mixtape{padding-bottom:0}body.lyra-home.va-mixtape footer{padding-bottom:95px}}
@media(max-width:360px){body.lyra-home.va-mixtape .record-controls{top:568px}body.lyra-home.va-mixtape .paper-note{top:632px}}
@media(prefers-reduced-motion:reduce){html:has(body.va-mixtape){scroll-behavior:auto}}

body.lyra-home.va-mixtape{overflow-x:clip}
body.lyra-home.va-mixtape .record-controls button:disabled{border-bottom-color:transparent;cursor:default;color:#56615c}

/* Conversion revision: compact copy, complete catalog, quiet carousel controls. */
body.lyra-home.va-mixtape .record-controls{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;bottom:0;top:auto;left:0;gap:16px}
body.lyra-home.va-mixtape .record-controls:focus-within{width:auto;height:auto;margin:0;clip-path:none;padding:8px 16px;bottom:12px;left:12px;z-index:10;background:#fbfcf4;border-radius:4px;box-shadow:0 5px 20px #14232720}
body.lyra-home.va-mixtape .mixtape-hero{height:700px}
body.lyra-home.va-mixtape .mixtape-hero h1{font-size:clamp(52px,6.5vw,92px)}
body.lyra-home.va-mixtape .hero-copy>p:not(.eyebrow){font-size:17px;margin-top:20px}
body.lyra-home.va-mixtape .record-pair .sleeve-foot{height:36px;min-height:36px;line-height:1.25}
body.lyra-home.va-mixtape .library{padding-top:100px;padding-bottom:50px}
body.lyra-home.va-mixtape .section-top{align-items:center}
body.lyra-home.va-mixtape .playlist-search{font-size:12px;display:grid;gap:7px;min-width:240px}
body.lyra-home.va-mixtape .playlist-search input{font:inherit;font-size:15px;color:#142327;background:#fffdf8;border:1px solid #aab69f;border-radius:4px;padding:12px 14px;min-height:46px;width:100%}
body.lyra-home.va-mixtape .playlist-grid{gap:24px}
body.lyra-home.va-mixtape .playlist-card .sleeve{height:100%;display:flex;flex-direction:column}
body.lyra-home.va-mixtape .playlist-card .sleeve-foot{font-size:15px;line-height:1.3;min-height:40px;align-items:flex-start}
body.lyra-home.va-mixtape .listen-label{display:flex;justify-content:space-between;border-top:1px solid #d9decf;margin-top:12px;padding-top:12px;font-size:12px;font-weight:600;color:#34582d}
body.lyra-home.va-mixtape .artist-section{align-items:center;gap:40px;padding-top:42px;padding-bottom:42px;grid-template-columns:1fr auto}
body.lyra-home.va-mixtape .artist-section p:not(.eyebrow){margin:15px 0 0}
body.lyra-home.va-mixtape .artist-section h2{font-size:38px}
body.lyra-home.va-mixtape .journal{padding-top:45px;padding-bottom:45px}
body.lyra-home.va-mixtape .journal-grid img{height:180px}
@media(min-width:761px) and (max-width:1100px){body.lyra-home.va-mixtape .mixtape-hero h1{font-size:58px}body.lyra-home.va-mixtape .mixtape-hero .hero-copy{max-width:55%}body.lyra-home.va-mixtape .hero-copy>p:not(.eyebrow){max-width:290px}body.lyra-home.va-mixtape .mixtape-hero{height:640px}body.lyra-home.va-mixtape .playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
body.lyra-home.va-mixtape .mixtape-hero{height:auto;min-height:0;padding:0 0 30px;display:flex;flex-direction:column;gap:28px}
body.lyra-home.va-mixtape .mixtape-hero .hero-copy{padding:28px 22px 0}
body.lyra-home.va-mixtape .mixtape-hero h1{font-size:clamp(43px,11.9vw,70px)}
body.lyra-home.va-mixtape .hero-copy>p:not(.eyebrow){font-size:15px;margin-top:16px;max-width:260px}
body.lyra-home.va-mixtape .hero-actions{margin-top:20px}
body.lyra-home.va-mixtape .record-pair{position:relative;top:auto;left:auto;bottom:auto;order:1;margin:16px auto 18px;width:82%;gap:12px}
body.lyra-home.va-mixtape .record-pair .sleeve{padding:9px;min-width:0}
body.lyra-home.va-mixtape .record-pair .sleeve-foot{font-size:11px;height:36px;min-height:36px}
body.lyra-home.va-mixtape .paper-note{position:relative;top:auto;left:auto;right:auto;width:84%;margin:0 auto;order:2;padding:22px}
body.lyra-home.va-mixtape .paper-note h2{font-size:32px}
body.lyra-home.va-mixtape .paper-note h2 br{display:none}
body.lyra-home.va-mixtape .paper-note>p:not(.eyebrow){margin:12px 0}
body.lyra-home.va-mixtape .paper-note>p br{display:none}
body.lyra-home.va-mixtape .library{padding-top:38px;padding-bottom:32px}
body.lyra-home.va-mixtape .section-top{display:block;margin-bottom:20px}
body.lyra-home.va-mixtape .playlist-search{margin-top:20px;min-width:0}
body.lyra-home.va-mixtape .filters{gap:7px;margin:18px 0 22px}
body.lyra-home.va-mixtape .filters button{padding:10px 13px;font-size:12px}
body.lyra-home.va-mixtape .playlist-grid{gap:18px 12px}
body.lyra-home.va-mixtape .playlist-card .sleeve{padding:8px}
body.lyra-home.va-mixtape .playlist-card .sleeve-foot{font-size:12px;min-height:46px}
body.lyra-home.va-mixtape .listen-label{font-size:10px;margin-top:6px;padding-top:9px}
body.lyra-home.va-mixtape .artist-section{grid-template-columns:1fr;gap:22px;padding-top:30px;padding-bottom:30px}
body.lyra-home.va-mixtape .artist-section h2{font-size:32px}
body.lyra-home.va-mixtape .journal{padding-top:32px;padding-bottom:32px}
body.lyra-home.va-mixtape .journal-grid img{height:140px}
}

body.lyra-home.va-mixtape .mixtape-hero .hero-copy,body.lyra-home.va-mixtape .paper-note{z-index:2}