@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--white:#f6f1f8;--muted:#b8adbd;--purple:#9a79c2;--deep:#0d0912;--deep2:#181120;--line:rgba(246,241,248,.17);--serif:"Cormorant Garamond",Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--white);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}
.nav{position:fixed;z-index:40;top:0;left:0;width:100%;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference}.brand{font:600 31px var(--serif);font-style:normal;letter-spacing:-.05em}.links{display:flex;gap:31px;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.links a:hover{opacity:.5}.hamb{display:none;background:none;border:0;color:white;font-size:20px}
.hero{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden}.hero-bg{position:absolute;inset:-3%;background:url("assets/tmbl-cover.jpg") center 42%/cover no-repeat;z-index:-3;animation:float 16s ease-in-out infinite alternate}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,14,.08),rgba(10,6,14,.05) 45%,rgba(10,6,14,.92))}.hero-copy{text-align:center;margin-top:5vh}.eyebrow,.kicker{font:500 9px var(--mono);letter-spacing:.24em;margin:0 0 15px}.hero h1{font:600 clamp(95px,18vw,250px)/.68 var(--serif);letter-spacing:-.07em;margin:0}.hero-title{font:500 clamp(12px,1.6vw,20px) var(--mono);letter-spacing:.16em;margin:40px 0 8px}.date{font:500 11px var(--mono);letter-spacing:.2em;margin:0 0 28px}.btn{display:inline-flex;gap:20px;align-items:center;border:1px solid rgba(246,241,248,.55);padding:14px 18px;font:500 9px var(--mono);letter-spacing:.13em;background:rgba(10,6,14,.12);backdrop-filter:blur(8px);transition:.25s}.btn:hover{background:var(--white);color:var(--deep);transform:translateY(-2px)}.hero-meta{position:absolute;bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;font:500 8px var(--mono);letter-spacing:.15em;opacity:.65}
.section{padding:115px 6vw}.head{display:grid;grid-template-columns:30px auto 1fr;gap:17px;align-items:center;margin-bottom:55px}.head .num{font:500 9px var(--mono);color:var(--purple)}.head h2{margin:0;font:500 clamp(48px,7vw,90px)/.8 var(--serif);letter-spacing:-.05em}.line{height:1px;background:var(--line)}
.feature{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.08fr .72fr;gap:8vw;align-items:center}.cover{aspect-ratio:1;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;transition:1s}.cover:hover img{transform:scale(1.025)}.copy h3{font:600 clamp(54px,7vw,101px)/.7 var(--serif);letter-spacing:-.055em;margin:0}.copy h3 i{color:#c4afd7;font-style:italic}.desc{max-width:420px;color:var(--muted);font-size:13px;line-height:1.8;margin:36px 0}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.text{font:500 9px var(--mono);letter-spacing:.13em}.single{max-width:1260px;margin:100px auto 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.single h4{font:500 27px var(--serif);margin:0}.single-meta{display:flex;gap:28px;font:500 8px var(--mono);letter-spacing:.13em}
.count{background:linear-gradient(#0d0912,#181021);text-align:center;padding-top:85px}.count-inner{max-width:900px;margin:auto}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.count-grid div{padding:34px 5px;border-right:1px solid var(--line)}.count-grid div:last-child{border:0}.count-grid strong{display:block;font:500 clamp(38px,6vw,70px) var(--serif)}.count-grid span{font:500 8px var(--mono);letter-spacing:.16em;color:var(--muted)}.release-note{font:500 9px var(--mono);letter-spacing:.2em;color:var(--purple);margin-top:24px}
.world{background:#eeeaef;color:#211c25}.world .num{color:#72548f}.world .line{background:rgba(33,28,37,.2)}.world-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr}.world-image{aspect-ratio:1.05/1;overflow:hidden}.world-image img{width:100%;height:100%;object-fit:cover}.world-copy{background:#e4dfe6;padding:8vw;display:flex;flex-direction:column;justify-content:center}.sv{width:110px;height:110px;object-fit:contain;filter:invert(1);mix-blend-mode:multiply;margin-bottom:38px}.world-copy p{font:500 clamp(28px,3.5vw,49px)/1.02 var(--serif);letter-spacing:-.025em;margin:0 0 24px}.world-copy p.small{font:400 12px/1.75 var(--sans);color:#665d6b;max-width:390px}
.archive-grid{max-width:1260px;margin:0 auto 55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.archive-image{aspect-ratio:1.05/1;overflow:hidden}.archive-image img{width:100%;height:100%;object-fit:cover}.archive-copy p{font:500 clamp(28px,3.5vw,49px)/1.02 var(--serif);letter-spacing:-.025em;margin:0 0 20px}.archive-copy p.small{font:400 12px/1.75 var(--sans);color:var(--muted);max-width:390px;margin-bottom:30px}
.archive-list{max-width:1260px;margin:auto;border-top:1px solid var(--line)}.archive-row{display:grid;grid-template-columns:45px 1fr auto;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:.25s}.archive-row:hover{padding-left:12px;color:#bfa8d3}.archive-row span,.archive-row em{font:500 8px var(--mono);letter-spacing:.13em;color:var(--muted);font-style:normal}.archive-row strong{font:500 clamp(26px,4vw,49px) var(--serif)}
.signup-card{max-width:1260px;margin:auto;padding:78px 7vw;background:radial-gradient(circle at 18% 5%,rgba(154,121,194,.22),transparent 38%),#171020;border:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:end}.signup-card h2{font:500 clamp(58px,8vw,105px)/.68 var(--serif);letter-spacing:-.05em;margin:0}.signup-card h2 i{font-style:italic;color:#c3afd7}.email label{display:block;font:500 8px var(--mono);letter-spacing:.15em;margin-bottom:10px}.email-row{display:flex;border-bottom:1px solid var(--white)}.email-row input{flex:1;min-width:0;background:none;border:0;outline:0;color:white;padding:14px 0;font-size:15px}.email-row button{background:none;border:0;color:white;padding:14px 0 14px 20px;font:500 9px var(--mono);letter-spacing:.1em}.note{font:400 9px/1.6 var(--mono);color:#766d7d}
footer{background:#09070d;padding:70px 32px 25px}.foot-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:75px}.foot-logo{width:72px;height:72px;object-fit:contain}.foot-links{display:flex;gap:24px;flex-wrap:wrap;font:500 8px var(--mono);letter-spacing:.13em}.foot-bottom{border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:1fr 1fr 1fr;font:500 8px var(--mono);letter-spacing:.1em;color:#766d7d}.foot-bottom span:nth-child(2){text-align:center}.foot-bottom a{text-align:right}
@keyframes float{from{transform:scale(1.03)}to{transform:scale(1.075)}}
@media(max-width:760px){.nav{padding:18px}.links{display:none;position:absolute;top:60px;left:14px;right:14px;padding:22px;background:rgba(13,9,18,.93);backdrop-filter:blur(18px);flex-direction:column;gap:20px}.links.open{display:flex}.hamb{display:block}.hero-bg{background-position:54% center}.hero h1{font-size:96px}.hero-title{font-size:11px;letter-spacing:.1em}.hero-meta{left:18px;right:18px}.section{padding:78px 18px}.head{margin-bottom:36px;gap:10px}.feature{grid-template-columns:1fr;gap:44px}.copy h3{font-size:64px}.single{margin-top:70px;align-items:flex-start;flex-direction:column;gap:18px}.count-grid strong{font-size:36px}.count-grid div{padding:24px 3px}.world-grid{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr;gap:28px;margin-bottom:36px}.world-copy{padding:55px 28px 65px}.signup-card{grid-template-columns:1fr;padding:50px 26px;gap:48px}.foot-top{flex-direction:column;align-items:flex-start;gap:35px}.foot-bottom{grid-template-columns:1fr;gap:12px}.foot-bottom span:nth-child(2),.foot-bottom a{text-align:left}.entry{grid-template-columns:1fr;gap:28px;padding-top:48px}.page-hero{min-height:44svh;padding:0 18px 46px}.section-label{padding:0 18px}.sound-toggle{margin-left:auto;margin-right:12px;padding:8px 12px}}

/* ---- Sub-page shared styles (World / Archive) ---- */
.page-hero{min-height:56svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:0 6vw 70px}
.page-hero-bg{position:absolute;inset:-3%;z-index:-2;background-size:cover;background-position:center;filter:brightness(.55)}
.page-hero-bg.tinted:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,14,.15),rgba(10,6,14,.95))}
.page-hero-inner{position:relative;max-width:1260px;margin:auto;width:100%}
.page-hero .kicker{color:var(--purple)}
.page-hero h1{font:500 clamp(52px,9vw,120px)/.82 var(--serif);letter-spacing:-.05em;margin:14px 0}
.page-hero p.lede{max-width:520px;color:var(--muted);font-size:14px;line-height:1.8}
.back-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;font:500 9px var(--mono);letter-spacing:.13em;opacity:.75}
.back-link:hover{opacity:1}
.entry{max-width:1260px;margin:0 auto 100px;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:start;padding-top:70px;border-top:1px solid var(--line)}
.entry:first-of-type{border-top:0;padding-top:0}
.entry-media{aspect-ratio:1;overflow:hidden;background:#171020}
.entry-media img{width:100%;height:100%;object-fit:cover}
.entry-tag{font:500 8px var(--mono);letter-spacing:.15em;color:var(--purple);margin:0 0 10px}
.entry h3{font:500 clamp(32px,4.5vw,58px)/.95 var(--serif);letter-spacing:-.03em;margin:0 0 20px}
.entry p{color:var(--muted);font-size:13px;line-height:1.85;max-width:520px;margin:0 0 16px}
.entry .fill{border:1px dashed var(--line);padding:16px 18px;color:#726a79;font:400 12px/1.7 var(--sans);font-style:italic}
.entry .quote{margin:20px 0 0;padding:18px 22px;border-left:2px solid var(--purple);color:#d8cde3;font:400 italic 16px/1.6 var(--serif);max-width:480px}
.entry .quote cite{display:block;margin-top:10px;font:500 9px/1 var(--mono);letter-spacing:.1em;color:var(--muted);font-style:normal}
.section-label{max-width:1260px;margin:0 auto 50px;font:500 clamp(26px,4vw,44px)/1 var(--serif);letter-spacing:-.03em;color:var(--purple)}
.sound-toggle{position:relative;background:none;border:1px solid rgba(246,241,248,.35);color:inherit;padding:9px 14px;font:500 8px var(--mono);letter-spacing:.13em;border-radius:20px;cursor:pointer;transition:.25s;margin-left:20px}
.sound-toggle:hover{border-color:rgba(246,241,248,.7)}
.sound-toggle.on{background:var(--purple);border-color:var(--purple);color:#0d0912}

/* Native mailing-list signup state */
.buttondown-submit-frame{position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none;overflow:hidden}
.signup-success{display:none;margin-top:12px;font-size:.78rem;letter-spacing:.08em;font-weight:700}
.signup-success span{display:block;margin-top:4px;font-weight:400;opacity:.72}
.email.submitted .signup-note{display:none}
.email.submitted .signup-success{display:block}
.email button:disabled{cursor:default;opacity:.72}

/* ---- Welcome / confirmed subscriber page ---- */
.welcome-page{min-height:100svh;background:var(--deep);overflow:hidden}
.welcome-main{position:relative;min-height:100svh;display:grid;place-items:center;padding:110px 24px 60px;text-align:center;isolation:isolate}
.welcome-main:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 50% 42%,rgba(154,121,194,.22),transparent 34%),linear-gradient(180deg,#120c19 0%,#0d0912 72%)}
.welcome-main:after{content:"SV";position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);z-index:-2;font:600 clamp(240px,46vw,700px)/.7 var(--serif);letter-spacing:-.09em;color:rgba(246,241,248,.025);pointer-events:none}
.welcome-glow{position:absolute;width:min(70vw,780px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(154,121,194,.12),transparent 67%);filter:blur(10px);z-index:-1;pointer-events:none}
.welcome-inner{display:flex;flex-direction:column;align-items:center;position:relative}
.welcome-logo{width:86px;height:86px;object-fit:contain;margin-bottom:28px}
.welcome-inner .kicker{color:var(--purple);margin-bottom:20px}
.welcome-inner h1{font:500 clamp(62px,10vw,150px)/.72 var(--serif);letter-spacing:-.065em;margin:0;max-width:1050px}
.welcome-inner h1 i{font-style:italic;color:#c4afd7}
.welcome-back{margin-top:48px}
@media(max-width:760px){.welcome-main{padding:95px 18px 50px}.welcome-logo{width:68px;height:68px;margin-bottom:24px}.welcome-inner h1{font-size:72px}.welcome-back{margin-top:38px}.welcome-main:after{font-size:72vw}}


/* ---- Quiet homepage discovery links ---- */
.site-paths{padding-top:40px;padding-bottom:40px}
.site-paths-inner{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.site-path{position:relative;min-height:190px;padding:34px 38px;display:flex;flex-direction:column;justify-content:flex-end;transition:.3s}
.site-path:first-child{border-right:1px solid var(--line)}
.site-path:hover{background:rgba(154,121,194,.07)}
.site-path-label{font:500 8px var(--mono);letter-spacing:.16em;color:var(--muted);margin-bottom:10px}
.site-path strong{font:500 clamp(42px,6vw,76px)/.85 var(--serif);letter-spacing:-.045em}
.site-path-arrow{position:absolute;right:36px;top:34px;font:500 12px var(--mono);transition:.3s}
.site-path:hover .site-path-arrow{transform:translate(3px,-3px)}
@media(max-width:760px){
.site-paths{padding-top:18px;padding-bottom:18px}
.site-paths-inner{grid-template-columns:1fr}
.site-path{min-height:145px;padding:28px 22px}
.site-path:first-child{border-right:0;border-bottom:1px solid var(--line)}
.site-path-arrow{right:22px;top:28px}
}

/* Keep the TMBL portrait's face in-frame on desktop hero crops without altering mobile. */
@media (min-width:761px){
  .hero-bg{background-position:center 28%}
}


/* ---- Archive: in development ---- */
.archive-development{min-height:72vh;display:flex;align-items:center;justify-content:center;padding:120px 28px 90px}
.archive-development-inner{width:min(900px,100%);text-align:center}
.archive-development h1{margin:0;font:500 clamp(54px,8vw,112px)/.92 var(--serif);letter-spacing:-.05em}
.archive-development p{max-width:680px;margin:28px auto 0;font:400 clamp(12px,1.2vw,15px)/1.7 var(--mono);color:var(--muted)}
@media(max-width:760px){.archive-development{min-height:68vh;padding:100px 22px 70px}.archive-development p{margin-top:22px}}


/* ---- Hero social rail ---- */
.hero{position:relative}
.hero-socials{
  position:absolute;left:0;right:0;bottom:0;z-index:5;
  display:grid;grid-template-columns:repeat(5,1fr);
  align-items:center;padding:0 5.5vw 25px;
  pointer-events:none
}
.hero-socials a{justify-self:center;width:22px;height:22px;display:grid;place-items:center;opacity:.88;transition:.2s;pointer-events:auto}
.hero-socials a:hover{opacity:1;transform:translateY(-2px)}
.hero-socials svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-socials svg .fill{fill:currentColor;stroke:none}
@media(max-width:760px){
  .hero-socials{padding:0 13px 18px}
  .hero-socials a{width:20px;height:20px}
  .hero-socials svg{width:15px;height:15px}
}

/* ---- Latest visual ---- */
.latest-visual{max-width:1260px;margin:auto;padding-top:78px;padding-bottom:78px}
.latest-visual-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.latest-visual-head .eyebrow{font:500 8px var(--mono);letter-spacing:.16em;color:var(--muted)}
.latest-visual-title{font:500 clamp(26px,3vw,42px)/1 var(--serif);letter-spacing:-.035em}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:760px){
  .latest-visual{padding-top:52px;padding-bottom:52px}
  .latest-visual-head{margin-bottom:14px}
}

/* Brighter Cochise-inspired social marks */
.hero-socials a{opacity:1}
.hero-socials a:hover{opacity:.72}
.hero-socials .social-icon{width:19px;height:19px;overflow:visible}
.hero-socials .social-instagram{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-socials .social-instagram .solid-dot{fill:#fff;stroke:none}
.hero-socials .solid-mark{fill:#fff;stroke:none}
.hero-socials .cut-mark{fill:none;stroke:#111;stroke-width:1.45;stroke-linecap:round}
.hero-socials .cut-fill{fill:#111;stroke:none}
@media(max-width:760px){.hero-socials .social-icon{width:17px;height:17px}}

/* ---- WORLD / CANON TIMELINE ---- */
.world-intro h1{max-width:980px}
.world-era{position:relative;padding:110px max(5vw,28px);border-top:1px solid var(--line);overflow:hidden}
.world-era-inner{max-width:1260px;margin:auto;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);gap:clamp(44px,7vw,110px);align-items:center}
.world-era.reverse .world-cover{order:2}.world-era.reverse .world-copy{order:1}
.world-cover img{display:block;width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 30px 80px rgba(0,0,0,.18)}
.world-kicker{font:500 9px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.world-era h2{font:500 clamp(52px,7vw,108px)/.86 var(--serif);letter-spacing:-.055em;margin:0 0 28px}
.world-era h2 i{font-weight:400}
.world-story{max-width:680px;font-size:clamp(15px,1.25vw,18px);line-height:1.65;color:var(--muted)}
.world-story strong{color:var(--text);font-weight:500}
.world-quote{max-width:1100px;margin:90px auto 0;padding-top:50px;border-top:1px solid var(--line);font:400 clamp(28px,4.2vw,62px)/1.04 var(--serif);letter-spacing:-.035em}
.world-quote cite{display:block;margin-top:20px;font:500 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-style:normal}
.world-era.seven,.world-era.ethereal{background:#0c0b0f}
.world-era.ootw{background:linear-gradient(180deg,#111016 0%,#17101e 100%)}
.world-era.ootw .double-cover{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
.world-era.ootw .double-cover img:last-child{transform:translateY(32px)}
.era-break{padding:100px 5vw;background:#120d19;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.era-break small{font:500 9px var(--mono);letter-spacing:.2em;color:var(--muted)}
.era-break h2{margin:14px 0 0;font:400 clamp(58px,10vw,150px)/.85 var(--serif);letter-spacing:-.06em;color:#b995e2}
.world-era.tmbl{background:radial-gradient(circle at 30% 30%,rgba(143,91,184,.23),transparent 42%),#100b16;padding-top:140px;padding-bottom:140px}
.world-era.tmbl .world-cover{position:relative}
.cover-notes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:1px}
.cover-note{background:#100b16;padding:18px 16px}.cover-note b{display:block;font:500 8px var(--mono);letter-spacing:.14em;margin-bottom:7px}.cover-note span{font-size:12px;line-height:1.5;color:var(--muted)}
.next-destination{min-height:88vh;display:flex;align-items:center;padding:120px 5vw;background:#08080a;border-top:1px solid var(--line)}
.next-inner{max-width:1260px;margin:auto;width:100%}
.next-destination .world-kicker{margin-bottom:30px}.next-destination h2{font:400 clamp(72px,13vw,190px)/.76 var(--serif);letter-spacing:-.065em;margin:0;max-width:1100px}
.next-meta{display:grid;grid-template-columns:repeat(3,1fr);max-width:700px;margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.next-meta div{padding:18px 18px 18px 0;font:500 9px var(--mono);letter-spacing:.12em;color:var(--muted)}
.next-thought{max-width:850px;margin:80px 0 0;font:400 clamp(24px,3.2vw,46px)/1.15 var(--serif);letter-spacing:-.025em;color:#b9b3c1}
@media(max-width:760px){
.world-era{padding:72px 22px}.world-era-inner{grid-template-columns:1fr;gap:34px}.world-era.reverse .world-cover,.world-era.reverse .world-copy{order:initial}.world-era h2{font-size:clamp(48px,16vw,76px)}.world-quote{margin-top:55px;padding-top:32px}.world-era.ootw .double-cover{gap:7px}.world-era.ootw .double-cover img:last-child{transform:translateY(15px)}.era-break{padding:72px 22px}.world-era.tmbl{padding-top:80px;padding-bottom:80px}.cover-notes{grid-template-columns:1fr}.next-destination{padding:90px 22px}.next-meta{grid-template-columns:1fr;margin-top:48px}.next-meta div{border-bottom:1px solid var(--line)}.next-meta div:last-child{border:0}.next-thought{margin-top:55px}
}
\n\n/* ---- World v2: quieter palette and era continuity ---- */
.world-era.seven,.world-era.ethereal,.world-era.ootw,.world-era.tmbl{background:#0d0912;color:var(--text)}
.world-era.ootw{background:#0d0912}
.world-era.tmbl{background:#0d0912}
.world-era .world-copy{background:transparent}
.world-era .world-story{color:#aaa2af}
.world-era .world-story strong{color:#f0ebf3}
.world-era .world-kicker,.world-era .world-quote cite{color:#8f8796}
.world-era .world-quote{color:#f0ebf3}
.era-break{background:#0d0912}
.era-break h2{color:#f0ebf3}
.era-break.era-start{padding-top:82px;padding-bottom:82px}
.era-break.era-start small{color:#8f8796}
.next-destination{background:#09070b}


/* ---- World v3 refinements ---- */
.world-page .album-year,
.album-year{
  margin-top:10px;
  font:500 10px var(--mono);
  letter-spacing:.16em;
  color:var(--muted);
}
.world-page .album-bio,
.album-bio{
  font-size:clamp(12px,1vw,14px) !important;
  line-height:1.65 !important;
  max-width:620px;
}
.world-page .album-chapter p{
  font-size:clamp(12px,1vw,14px);
  line-height:1.65;
}
.world-page .fall-centered,
.world-page section.centered,
.world-page [id*="fall"].centered{
  text-align:center;
}
.world-page .fall-centered > *,
.world-page section.centered > *,
.world-page [id*="fall"].centered > *{
  margin-left:auto;
  margin-right:auto;
}


/* ---- World v4 cleanup ---- */

/* Desktop-only hero focal point: bring the portrait down so the top of the head stays visible. */
@media (min-width:761px){
  .world-intro .page-hero-bg{background-position:center 38%}
}

/* Album copy should sit closer to the footprint of the cover, not run wide across the page. */
.world-era .world-copy{max-width:540px}
.world-era .world-story{
  max-width:520px !important;
  font-size:13px !important;
  line-height:1.72 !important;
  margin-top:18px;
}
.world-era .album-year{
  margin:10px 0 0;
  font:500 10px var(--mono);
  letter-spacing:.15em;
  color:var(--muted);
}
.era-years{
  margin-top:16px;
  font:500 10px var(--mono);
  letter-spacing:.18em;
  color:var(--muted);
}

/* No artwork yet, so the Fall Of Serena teaser is treated as one centered statement. */
.next-destination{text-align:center}
.next-destination .next-inner{max-width:1000px}
.next-destination h2{margin-left:auto;margin-right:auto}
.next-destination .next-meta{margin-left:auto;margin-right:auto}
.next-destination .next-meta div{padding-left:18px;padding-right:18px}
.next-destination .next-thought{margin-left:auto;margin-right:auto}

@media(max-width:760px){
  .world-era .world-copy{max-width:none}
  .world-era .world-story{max-width:none !important;font-size:12.5px !important}
}


/* ---- World v5 readability + dedicated desktop hero ---- */

/* Use the supplied 16:9 crop on desktop only. Mobile keeps the original portrait. */
@media (min-width:761px){
  .world-intro .page-hero-bg{
    background-image:url('assets/portrait-world-desktop.jpg') !important;
    background-position:center center !important;
  }
}

/* A touch larger for readability, while keeping copy constrained to the cover footprint. */
.world-era .world-copy{
  max-width:520px !important;
}
.world-era .world-story{
  max-width:500px !important;
  font-size:14.5px !important;
  line-height:1.7 !important;
}
.world-era .album-year{
  font-size:11.5px !important;
  line-height:1.3;
}

/* Album titles should stay typographically consistent rather than italicizing half a title. */
.world-era h2 i{
  font-style:normal;
}

@media(max-width:760px){
  .world-era .world-copy{max-width:none !important}
  .world-era .world-story{
    max-width:none !important;
    font-size:13.5px !important;
  }
  .world-era .album-year{font-size:11px !important}
}


/* ---- Clickable World album covers ---- */
.album-cover-link{
  display:block;
  position:relative;
  cursor:pointer;
}
.album-cover-link img{
  display:block;
  width:100%;
  height:auto;
  transition:transform .28s ease, filter .28s ease;
}
.album-cover-link:hover img{
  transform:scale(1.012);
  filter:brightness(.94);
}
.album-cover-link::after{
  content:"STREAM ↗";
  position:absolute;
  right:14px;
  bottom:14px;
  padding:7px 9px;
  font:500 8px var(--mono);
  letter-spacing:.14em;
  background:rgba(0,0,0,.72);
  color:#fff;
  opacity:0;
  transform:translateY(4px);
  transition:.2s ease;
  pointer-events:none;
}
.album-cover-link:hover::after{
  opacity:1;
  transform:translateY(0);
}
@media(max-width:760px){
  .album-cover-link::after{
    opacity:.9;
    transform:none;
  }
}