:root{--bg:#080e11;--surface:#111b1e;--line:rgba(195,220,213,.15);--text:#e9eeeb;--muted:#9aa9a6;--accent:#aecbc0;--gold:#c4aa78}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}.grain{position:fixed;inset:0;opacity:.07;pointer-events:none;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,p{margin-top:0}.eyebrow{font-size:.68rem;letter-spacing:.28em;font-weight:600;color:var(--accent)}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.04}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.site-header{height:88px;position:absolute;z-index:3;left:0;right:0;top:0;padding:0 clamp(24px,5vw,90px);display:flex;align-items:center;gap:9vw;border-bottom:1px solid var(--line)}.wordmark{font-size:1rem;font-weight:700;letter-spacing:.28em}.mark{font-size:.55rem;vertical-align:top;color:var(--gold);margin-left:7px}.site-header nav{display:flex;gap:2.1rem}.site-header nav a,.header-note{font-size:.65rem;letter-spacing:.18em;color:var(--muted)}.site-header nav a:hover,.socials a:hover{color:white}.header-note{margin-left:auto}.hero{min-height:810px;height:100svh;position:relative;display:flex;align-items:center;padding:100px clamp(24px,9vw,150px);overflow:hidden;background:radial-gradient(ellipse at 70% 44%,#213c3a 0,transparent 45%),radial-gradient(ellipse at 28% 90%,#132624,transparent 45%),linear-gradient(150deg,#0b1518,#050809)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,15,.72) 10%,transparent 80%);z-index:1}.hero-content{max-width:760px;position:relative;z-index:2}.hero h1{font-size:clamp(3.6rem,7.3vw,8rem);margin:32px 0}.lead{color:#b2c0bb;max-width:435px;font-size:1rem}.main-link{display:inline-flex;align-items:center;gap:70px;border:1px solid rgba(182,213,200,.45);padding:16px 19px;margin-top:38px;font-size:.73rem;letter-spacing:.2em}.main-link:hover{background:rgba(182,213,200,.1)}.hero-halo{position:absolute;right:-9vw;top:6%;width:64vw;height:88%;display:grid;place-items:center;opacity:.55}.ring{position:absolute;border:1px solid rgba(170,208,190,.18);border-radius:50%;width:72%;height:80%;transform:rotate(25deg)}.ring-b{width:45%;height:90%;transform:rotate(-46deg)}.ring-c{width:88%;height:40%;transform:rotate(-13deg)}.sigil{font-size:18vw;color:rgba(180,211,198,.17);font-weight:100}.hero-index{position:absolute;right:5vw;bottom:6%;font-size:.65rem;letter-spacing:.2em;color:#839991;z-index:2;text-align:right}.scroll-cue{position:absolute;bottom:6%;left:9vw;font-size:.64rem;letter-spacing:.2em;color:#91a69e;z-index:2}.scroll-cue span{margin-left:22px}.section{padding:110px clamp(24px,9vw,150px);border-top:1px solid var(--line)}.section-header{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:52px}.section-header h2,.connect h2{font-size:clamp(2.5rem,5vw,5rem)}.section-header p:last-child{color:var(--muted);margin-left:auto;max-width:240px}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.album-art{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--line)}.album-one .album-art{background:radial-gradient(ellipse at 30% 20%,#335e44,#09171c 68%)}.album-two .album-art{background:radial-gradient(ellipse at 55% 25%,#2a4b5e,#09151c 70%)}.album-three .album-art{background:radial-gradient(ellipse at 45% 15%,#466147,#0a1713 65%)}.album-orbit{position:absolute;font-family:Georgia,serif;font-size:clamp(11rem,20vw,25rem);color:rgba(207,222,205,.12);line-height:1}.album-title{position:relative;font-family:Georgia,serif;font-size:clamp(1.1rem,2.1vw,2rem);letter-spacing:.18em;text-align:center}.album-meta{padding-top:18px}.album-meta span{color:var(--gold);font-size:.66rem;letter-spacing:.16em}.album-meta h3{font-size:1.25rem;margin:5px 0}.album-meta p{font-size:.85rem;color:var(--muted)}.world{min-height:580px;display:grid;grid-template-columns:1fr 1fr;position:relative;align-items:center;background:radial-gradient(ellipse at 75% 60%,#1c2e30,transparent 40%)}.world>.eyebrow{grid-column:1/-1;align-self:start}.world h2{font-size:clamp(3rem,6vw,7rem)}.world-copy p{max-width:390px;color:var(--muted)}.world-ornament{font-size:18rem;color:rgba(184,205,192,.08);text-align:center}.connect h2{margin:30px 0 16px}.connect>p:not(.eyebrow){color:var(--muted)}.socials{display:flex;gap:38px;margin-top:35px}.socials a{letter-spacing:.18em;font-size:.75rem;border-bottom:1px solid var(--line);padding-bottom:8px}footer{border-top:1px solid var(--line);padding:34px clamp(24px,5vw,90px);display:flex;align-items:center;justify-content:space-between;font-size:.63rem;letter-spacing:.16em;color:var(--muted)}.hidden-archive{color:#52655e;font-size:1.25rem;opacity:.4;transition:.3s}.hidden-archive:hover,.hidden-archive:focus-visible{opacity:1;color:#d0ded7}
.archive-body{min-height:100svh;background:radial-gradient(ellipse at 50% 0,#172a29,transparent 45%),#070c0e}.archive-nav{padding:32px clamp(24px,6vw,90px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.archive-nav a{color:var(--muted);font-size:.67rem;letter-spacing:.17em}.archive-shell{max-width:760px;margin:0 auto;padding:12vh 24px 120px}.archive-sigil{text-align:center;font-size:2.7rem;color:var(--gold);opacity:.75}.archive-shell h1{text-align:center;font-family:Georgia,serif;font-size:clamp(3rem,7vw,5.5rem);letter-spacing:.08em;font-weight:400;margin:14px 0}.archive-intro{text-align:center;color:var(--muted);max-width:470px;margin:0 auto 72px}.record-panel{border:1px solid var(--line);background:linear-gradient(155deg,rgba(29,44,44,.75),rgba(9,15,17,.85));padding:clamp(26px,5vw,50px)}.record-topline{display:flex;justify-content:space-between;font-size:.66rem;letter-spacing:.2em;color:var(--muted)}.record-id{text-align:center;font-family:Georgia,serif;font-size:5rem;letter-spacing:.12em;font-weight:400;line-height:1.2;margin:36px 0 5px}.record-label{text-align:center;font-size:.68rem;color:var(--muted);letter-spacing:.2em;margin-bottom:48px}.record-panel label{display:block;font-size:.65rem;letter-spacing:.18em;color:var(--accent);margin-bottom:10px}.key-row{display:flex;gap:10px}.key-row input{flex:1;min-width:0;padding:14px 16px;background:#0a1214;border:1px solid #425552;color:var(--text);letter-spacing:.3em;border-radius:0}.key-row button{background:#b2cbbf;border:0;color:#091112;padding:12px 25px;letter-spacing:.12em;font-size:.68rem;cursor:pointer}.key-row button:disabled{opacity:.5;cursor:not-allowed}.archive-message{min-height:25px;font-size:.81rem;color:#d6c3a2;margin:17px 0 0}.archive-message.error{color:#dca6a0}.access-hint{font-size:.72rem;color:#7d9290;text-align:center;margin-top:30px}.record-content{display:none;padding-top:34px;border-top:1px solid var(--line);margin-top:30px}.record-content.open{display:block}.record-content h2{font-family:Georgia,serif;font-size:2rem;font-weight:400;letter-spacing:0}.record-content p{font-family:Georgia,serif;font-size:1.06rem;color:#d4dbd6}.archive-foot{text-align:center;font-size:.65rem;letter-spacing:.15em;color:#667c74;margin-top:60px}@media(max-width:850px){.site-header{height:70px}.site-header nav{gap:12px}.header-note{display:none}.hero{padding-top:140px;min-height:720px}.hero-halo{right:-55vw;width:130vw}.album-grid{grid-template-columns:1fr}.album-art{max-width:480px}.world{grid-template-columns:1fr}.world-ornament{display:none}.section-header p:last-child{margin-left:0}}@media(max-width:560px){.site-header nav a{font-size:.55rem}.site-header{gap:22px}.wordmark{font-size:.83rem}.hero h1{font-size:3.6rem}.hero-index{display:none}.hero{min-height:750px}.hero-content{margin-top:20px}.main-link{gap:30px}footer{gap:14px;flex-wrap:wrap}.key-row{flex-direction:column}.key-row button{min-height:46px}}

/* Test 1 — remove italic from the hero emphasis and fix cramped labels/navigation. */
.hero-emphasis {
  display: inline;
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  color: var(--accent);
}
.site-header {
  gap: clamp(20px, 3vw, 56px);
  justify-content: space-between;
}
.site-header .wordmark {
  white-space: nowrap;
  flex-shrink: 0;
}
.site-header nav {
  display: flex;
  align-items: center;
  gap: clamp(15px, 2.3vw, 32px);
  flex-wrap: nowrap;
  margin-left: auto;
}
.site-header nav a,
.header-note {
  white-space: nowrap;
}
.header-note {
  margin-left: clamp(8px, 2vw, 30px);
  flex-shrink: 0;
}
.hero .eyebrow { max-width: 100%; }
.hero .scroll-cue { bottom: 26px; }
.hero .main-link { margin-bottom: 24px; }
@media (max-width: 1100px) {
  .header-note { display: none; }
  .site-header { gap: 24px; }
}
@media (max-width: 560px) {
  .site-header { padding-inline: 20px; gap: 12px; }
  .site-header nav { gap: 12px; }
  .wordmark { letter-spacing: .13em; }
  .site-header nav a { letter-spacing: .07em; }
  .hero h1 { font-size: clamp(2.65rem, 11vw, 3.6rem); }
  .hero .scroll-cue { display: none; }
}

/* Test 2 — mystery doors hero, original serif emphasis (not italic). */
.hero {
  background-image:
    linear-gradient(90deg, rgba(5, 12, 14, .91) 0%, rgba(6, 15, 17, .78) 34%, rgba(7, 17, 18, .53) 70%, rgba(4, 10, 11, .64) 100%),
    linear-gradient(0deg, rgba(4, 10, 12, .85), transparent 32%, transparent 68%, rgba(4, 10, 12, .46)),
    url("./assets/doors-background.png"),
    url("./assets/doors-mosaic.svg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.hero::before { background: none; }
.hero-halo { opacity: .16; pointer-events: none; }
.hero-emphasis {
  font-family: Georgia, "Times New Roman", serif;
  font-style: normal;
  font-weight: 400;
  color: #c4aa78;
  letter-spacing: -.035em;
}
@media (max-width: 850px) {
  .hero { background-position: 58% center; }
}
@media (max-width: 560px) {
  .hero {
    background-position: 55% center;
    background-image:
      linear-gradient(90deg, rgba(5, 12, 14, .91), rgba(6, 15, 17, .73)),
      linear-gradient(0deg, rgba(4, 10, 12, .84), transparent 55%, rgba(4, 10, 12, .38)),
      url("./assets/doors-background.png"),
    url("./assets/doors-mosaic.svg");
  }
  .hero-emphasis { letter-spacing: -.05em; }
}


/* Dreamare World — four cinematic environments.
   Approved artwork is uploaded separately to /assets:
   hero-dreamare-triunio.png, unfinished-atlas-map.png, waking-world-signals.png.
   The already uploaded doors-background.png is reused for the discography.
   Fallback gradients stay functional before image uploads finish. */
.home .hero {
  background-color: #081114;
  background-image:
    linear-gradient(90deg, rgba(5, 12, 14, .90) 0%, rgba(6, 15, 17, .70) 34%, rgba(7, 17, 18, .18) 66%, rgba(4, 10, 11, .10) 100%),
    linear-gradient(0deg, rgba(4, 10, 12, .63) 0%, transparent 40%, rgba(4, 10, 12, .28) 100%),
    url("./assets/hero-dreamare-triunio.png"),
    radial-gradient(ellipse at 75% 38%, #28443f 0%, #091417 62%, #070d0e 100%);
  background-size: cover, cover, cover, cover;
  background-position: center, center, center center, center;
  background-repeat: no-repeat;
}
.home .hero-halo {
  opacity: .045;
}
.home .music {
  position: relative;
  background-color: #0b1719;
  background-image:
    linear-gradient(180deg, rgba(4, 10, 12, .80), rgba(4, 11, 13, .71) 45%, rgba(4, 10, 12, .90)),
    url("./assets/doors-background.png");
  background-size: cover;
  background-position: center 42%;
  background-repeat: no-repeat;
}
.home .music .section-header,
.home .music .album-grid {
  position: relative;
  z-index: 1;
}
.home .music .album-art {
  box-shadow: 0 14px 45px rgba(0,0,0,.34);
}
.home .world {
  background-color: #091517;
  background-image:
    linear-gradient(90deg, rgba(4, 11, 14, .95) 0%, rgba(5, 13, 15, .87) 31%, rgba(5, 15, 16, .27) 70%, rgba(4, 11, 14, .15) 100%),
    url("./assets/unfinished-atlas-map.png"),
    radial-gradient(ellipse at 75% 45%, #233e3b, #091517 65%);
  background-size: cover, cover, cover;
  background-position: center, center center, center;
  background-repeat: no-repeat;
}
.home .world-ornament {
  opacity: .16;
}
.home .world-copy {
  z-index: 1;
  position: relative;
}
.home .connect {
  min-height: 560px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background-color: #091517;
  background-image:
    linear-gradient(90deg, rgba(5, 12, 14, .96) 0%, rgba(5, 13, 15, .83) 36%, rgba(7, 17, 19, .18) 74%, rgba(6, 14, 16, .16) 100%),
    url("./assets/waking-world-signals.png"),
    radial-gradient(ellipse at 75% 45%, #243d3b, #091517 65%);
  background-size: cover, cover, cover;
  background-position: center, center center, center;
  background-repeat: no-repeat;
}
.home .connect > * {
  position: relative;
  z-index: 1;
}
.home .connect .connect-invitation {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.8vw, 2.6rem);
  font-weight: 400;
  font-style: normal;
  color: #c4aa78;
  letter-spacing: .025em;
  line-height: 1.2;
  margin: -4px 0 25px;
}
@media (max-width: 1100px) {
  .home .hero {
    background-position: center, center, 60% center, center;
  }
  .home .world {
    background-position: center, 58% center, center;
  }
  .home .connect {
    background-position: center, 60% center, center;
  }
}
@media (max-width: 850px) {
  .home .hero {
    background-image:
      linear-gradient(90deg, rgba(5, 12, 14, .93), rgba(5, 12, 14, .76) 62%, rgba(5, 12, 14, .38)),
      url("./assets/hero-dreamare-triunio.png"),
      radial-gradient(ellipse at 65% 30%, #28443f, #091417 68%);
    background-position: center, 62% center, center;
  }
  .home .world {
    background-image:
      linear-gradient(90deg, rgba(4, 11, 14, .95) 0%, rgba(4, 11, 14, .83) 50%, rgba(4, 11, 14, .54)),
      url("./assets/unfinished-atlas-map.png"),
      radial-gradient(ellipse at 75% 45%, #233e3b, #091517 65%);
    background-position: center, 68% center, center;
  }
  .home .connect {
    background-image:
      linear-gradient(90deg, rgba(5, 12, 14, .95), rgba(5, 12, 14, .74) 70%, rgba(5, 12, 14, .46)),
      url("./assets/waking-world-signals.png"),
      radial-gradient(ellipse at 75% 45%, #243d3b, #091517 65%);
    background-position: center, 65% center, center;
  }
}
@media (max-width: 560px) {
  .home .hero { background-position: center, 66% center, center; }
  .home .hero h1 { font-size: clamp(2.5rem, 10vw, 3.6rem); }
  .home .music { background-position: 56% center; }
  .home .world { background-position: center, 72% center, center; }
  .home .connect { min-height: 470px; background-position: center, 74% center, center; }
  .home .connect .connect-invitation { margin-top: 2px; }
}

/* Discography: show actual official cover artwork once uploaded, retaining
   the original geometric placeholder while an image is unavailable. */
.album-art .album-cover {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 2;
  transition: opacity .35s ease;
  pointer-events: none;
}
.album-art.has-cover .album-cover { opacity: 1; }
.album-art.has-cover .album-orbit,
.album-art.has-cover .album-title { visibility: hidden; }

/* The discreet hidden door to the Dream Archive. */
footer .hidden-archive {
  display: inline-grid;
  place-items: center;
  width: 37px;
  height: 43px;
  flex: none;
  opacity: .58;
  color: #748a80;
  border-radius: 3px;
  transition: opacity .25s ease, color .25s ease, filter .25s ease, transform .25s ease;
}
footer .hidden-archive .archive-door-icon {
  width: 25px;
  height: 33px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}
footer .hidden-archive .door-leaf,
footer .hidden-archive .door-detail { transition: fill .25s ease, stroke .25s ease; }
footer .hidden-archive:hover,
footer .hidden-archive:focus-visible {
  color: #d5b57b;
  opacity: 1;
  filter: drop-shadow(0 0 7px rgba(212,166,92,.55));
  transform: translateY(-2px);
}
footer .hidden-archive:hover .door-leaf,
footer .hidden-archive:focus-visible .door-leaf {
  fill: rgba(212,166,92,.20);
}
footer .hidden-archive:hover .door-detail,
footer .hidden-archive:focus-visible .door-detail { stroke: #f4d6a1; }
footer .hidden-archive:focus-visible { outline: 1px solid #d5b57b; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  footer .hidden-archive,
  footer .hidden-archive .door-leaf,
  footer .hidden-archive .door-detail,
  .album-art .album-cover { transition: none; }
}

/* The Archivist's Eye: small, watchful, and centered above Record 047.
   This is purely decorative; archive access remains server-validated. */
.archive-eye {
  width: clamp(122px, 25vw, 160px);
  height: auto;
  aspect-ratio: 180 / 98;
  margin: -19px auto 10px;
  filter: drop-shadow(0 0 14px rgba(158, 182, 149, .16));
  pointer-events: none;
}
.archive-eye svg { display: block; width: 100%; height: 100%; overflow: visible; }
.archive-eye .eye-outer {
  fill: rgba(6, 17, 18, .96);
  stroke: #bfa77a;
  stroke-width: 2.5;
}
.archive-eye .eye-sclera { fill: url(#sclera-gradient); }
.archive-eye .eye-lid-line {
  fill: none;
  stroke: #bfa77a;
  stroke-width: 3;
}
.archive-eye .eye-gaze {
  transition: transform 95ms ease-out;
}
.archive-eye .eye-open {
  opacity: 1;
  transform-origin: 90px 49px;
  transform: scaleY(1);
  transition: transform .45s ease-in-out, opacity .25s ease;
}
.archive-eye .eye-closed-line,
.archive-eye .eye-closed-mark {
  fill: none;
  stroke: #d0b882;
  stroke-width: 2.5;
  stroke-linecap: round;
  opacity: 0;
  transition: opacity .28s ease;
}
.archive-eye.is-closed .eye-open {
  transform: scaleY(.02);
  opacity: 0;
}
.archive-eye.is-closed .eye-outer {
  fill: transparent;
  stroke: transparent;
}
.archive-eye.is-closed .eye-closed-line,
.archive-eye.is-closed .eye-closed-mark { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .archive-eye .eye-open,
  .archive-eye .eye-gaze,
  .archive-eye .eye-closed-line,
  .archive-eye .eye-closed-mark { transition: none; }
}

/* Dream Archive: Infinite Archive approved background */
.archive-body {
  background-color: #070d0e;
  background-image:
    linear-gradient(180deg, rgba(5, 12, 14, .47) 0%, rgba(5, 12, 14, .62) 42%, rgba(5, 12, 14, .73) 100%),
    linear-gradient(90deg, rgba(4, 11, 12, .12), rgba(4, 11, 12, .42) 50%, rgba(4, 11, 12, .12)),
    url("./assets/dream-archive-background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.archive-body .record-panel {
  background: linear-gradient(155deg, rgba(18, 32, 33, .91), rgba(7, 14, 17, .94));
  border-color: rgba(195, 220, 213, .24);
  box-shadow: 0 18px 65px rgba(0, 0, 0, .48);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.archive-body .archive-shell h1,
.archive-body .archive-intro {
  text-shadow: 0 3px 20px rgba(0, 0, 0, .8);
}
@media (max-width: 850px) {
  .archive-body {
    background-attachment: scroll;
    background-position: center top;
  }
}
@media (max-width: 560px) {
  .archive-body {
    background-image:
      linear-gradient(180deg, rgba(5, 12, 14, .66), rgba(5, 12, 14, .76)),
      url("./assets/dream-archive-background.png");
    background-position: 50% top;
  }
}

/* Dream Archive texture test: 20% of original grain opacity (.07 -> .014). */
.archive-body .grain { display: none; }

/* Homepage texture-free comparison, matching Dream Archive. */
.home .grain { display: none; }

/* Decorative section break between recovered dream and Archivist's Note. */
.record-content .record-note-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 2.5vw, 20px);
  margin: clamp(42px, 7vw, 64px) 0 30px;
  color: #c4aa78;
}
.record-content .record-note-divider::before,
.record-content .record-note-divider::after {
  content: "";
  flex: 1 1 0;
  min-width: 14px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(196, 170, 120, .76));
}
.record-content .record-note-divider::after {
  background: linear-gradient(90deg, rgba(196, 170, 120, .76), transparent);
}
.record-content .record-note-divider h2 {
  flex: 0 1 auto;
  font-family: inherit;
  font-size: clamp(1.05rem, 1.6vw, 1.18rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .13em;
  color: #c4aa78;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
@media (max-width: 480px) {
  .record-content .record-note-divider { gap: 8px; }
  .record-content .record-note-divider h2 {
    font-size: 1.05rem;
    letter-spacing: .025em;
    line-height: 1.35;
  }
}

/* Archive record typography — matches the understated italic sans-serif preview. */
.archive-body .record-content p {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(.95rem, 1.3vw, 1.04rem);
  line-height: 1.85;
  letter-spacing: .005em;
  color: #d4dbd6;
}

/* Matching gold ruled heading for the dream title, without changing its text. */
.record-content .record-story-title {
  margin: 0 0 clamp(26px, 4vw, 38px);
}
.record-content .record-story-title h2 {
  letter-spacing: .13em;
}
@media (max-width: 480px) {
  .record-content .record-story-title h2 {
    letter-spacing: .055em;
  }
}

/* Records section: editorial alignment consistent with the atlas sections. */
.home .music .section-header {
  display: grid;
  grid-template-columns: minmax(160px, .8fr) minmax(300px, 2.1fr) minmax(215px, .9fr);
  align-items: start;
  gap: clamp(18px, 3vw, 48px);
  margin-bottom: 55px;
}
.home .music .section-header > .eyebrow {
  margin: 14px 0 0;
}
.home .music .section-header h2 {
  font-size: clamp(2.8rem, 4.6vw, 4.7rem);
  line-height: 1.06;
  letter-spacing: -.06em;
  margin: 0;
}
.home .music .music-header-aside {
  justify-self: end;
  max-width: 255px;
  padding-top: 10px;
}
.home .music .music-header-aside p {
  color: #b1c0ba;
  font-size: .91rem;
  line-height: 1.55;
  margin: 0 0 20px;
}
.home .music .music-listen-link {
  font-size: .62rem;
  letter-spacing: .16em;
  color: #c4aa78;
  border-bottom: 1px solid rgba(196,170,120,.45);
  padding-bottom: 7px;
  display: inline-flex;
  gap: 14px;
}
.home .music .music-listen-link:hover,
.home .music .music-listen-link:focus-visible { color: #f0d49e; }
.home .music .music-player-area {
  margin-top: clamp(56px, 7vw, 100px);
  padding: 32px 0 0;
  border-top: 1px solid rgba(195,220,213,.19);
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  align-items: center;
  gap: 30px;
}
.home .music .music-player-intro .eyebrow { color: #c4aa78; }
.home .music .music-player-intro h3 {
  font-size: clamp(1.7rem, 2.6vw, 2.6rem);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.04em;
  margin: 9px 0 10px;
}
.home .music .music-player-intro > p:last-child {
  color: #aebcb6;
  font-size: .92rem;
  margin: 0;
}
.home .music .music-player-options {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.home .music .music-player-options a {
  border: 1px solid rgba(196,170,120,.42);
  background: rgba(8,18,20,.75);
  color: #e0e5df;
  font-size: .67rem;
  letter-spacing: .12em;
  padding: 16px;
  display: inline-flex;
  gap: 18px;
  justify-content: space-between;
  transition: border-color .2s, background-color .2s;
}
.home .music .music-player-options a:hover,
.home .music .music-player-options a:focus-visible {
  border-color: #c4aa78;
  background: rgba(196,170,120,.12);
}
@media (max-width: 1050px) {
  .home .music .section-header {
    grid-template-columns: 1fr 2.2fr;
    gap: 12px 24px;
  }
  .home .music .music-header-aside {
    grid-column: 2;
    justify-self: start;
    max-width: 440px;
    padding-top: 0;
  }
}
@media (max-width: 850px) {
  .home .music .section-header {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 34px;
  }
  .home .music .section-header > .eyebrow { margin: 0; }
  .home .music .section-header h2 { font-size: clamp(2.5rem, 8vw, 4rem); }
  .home .music .music-header-aside {
    grid-column: auto;
    justify-self: start;
    max-width: 460px;
  }
  .home .music .music-player-area {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .home .music .music-player-options { justify-content: flex-start; }
}
@media (max-width: 560px) {
  .home .music .music-player-options {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .home .music .music-player-options a { width: 100%; }
}

/* Official Spotify album player — one featured embed with platform exits. */
.home .music .music-player-area {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: clamp(24px, 4vw, 60px);
}
.home .music .music-player-intro > p:not(.eyebrow) {
  color: #aebcb6;
  font-size: .92rem;
  max-width: 360px;
  margin: 0 0 24px;
}
.home .music .music-player-area .music-player-options {
  justify-content: flex-start;
}
.home .music .music-player-area .music-player-options a {
  font-size: .62rem;
  padding: 11px 13px;
  gap: 10px;
}
.home .music .spotify-player {
  min-width: 0;
  width: 100%;
  padding: 8px;
  border: 1px solid rgba(196,170,120,.23);
  background: rgba(7,16,18,.82);
  box-shadow: 0 20px 48px rgba(0,0,0,.35);
}
.home .music .spotify-player iframe {
  width: 100%;
  height: 352px;
  display: block;
  border: 0;
  border-radius: 12px;
}
@media (max-width: 850px) {
  .home .music .music-player-area { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .home .music .spotify-player { padding: 5px; }
  .home .music .spotify-player iframe { height: 352px; }
}

/* Keep platform buttons flush with the left edge of the player description. */
.home .music .music-player-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.home .music .music-player-intro .music-player-options {
  width: 100%;
  margin: 0;
  padding: 0;
  align-self: flex-start;
  justify-content: flex-start;
}

/* Quiet, non-interactive header tagline; no redundant Home link. */
.home .site-header .header-tagline {
  color: #aecbc0;
  font-size: .59rem;
  font-weight: 500;
  letter-spacing: .16em;
  line-height: 1.5;
  white-space: nowrap;
  flex: 0 1 auto;
}
@media (max-width: 850px) {
  .home .site-header .header-tagline {
    font-size: .52rem;
    letter-spacing: .09em;
  }
}
@media (max-width: 560px) {
  .home .site-header .header-tagline {
    font-size: .46rem;
    letter-spacing: .045em;
    white-space: normal;
    max-width: 140px;
    line-height: 1.35;
  }
}