:root {
  --bg: #050607;
  --bg-soft: #0b0d10;
  --text: #f2f0eb;
  --muted: #aaa8a3;
  --accent: #9ccfff;
  --warm: #d7bd88;
  --paper: #ebe4d7;
  --ink: #191817;
  --border: rgba(255,255,255,.14);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;display:flex;align-items:center;padding:0 clamp(22px,4vw,70px);background:linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,0));transition:.3s ease}
.site-header.scrolled{background:rgba(5,6,7,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{font-family:var(--serif);font-size:clamp(18px,2vw,27px);letter-spacing:.16em;white-space:nowrap}
.nav{margin-left:auto;display:flex;gap:30px;text-transform:uppercase;font-size:12px;letter-spacing:.2em}
.nav a{position:relative;padding:10px 0;color:#ddd}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--warm);transition:.25s}
.nav a:hover:after{right:0}
.menu-button{display:none;margin-left:auto;background:none;border:0;width:36px;height:36px;padding:7px;cursor:pointer}
.menu-button span{display:block;height:1px;background:#fff;margin:7px 0}
.hero{height:min(920px,100vh);min-height:680px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero-image{position:absolute;inset:0;background:#050607 url('assets/hero.webp') center center/contain no-repeat;transform:none}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.52) 38%,rgba(0,0,0,.18) 68%,rgba(0,0,0,.42) 100%),linear-gradient(to top,rgba(5,6,7,1) 0%,transparent 35%)}
.hero-content{position:relative;z-index:2;padding:0 clamp(24px,7vw,110px) clamp(60px,9vh,110px);max-width:980px}
.eyebrow{text-transform:uppercase;letter-spacing:.34em;font-size:11px;color:#d2d7df;margin:0 0 16px}
.eyebrow.dark{color:#5f5a53}
h1,h2{font-family:var(--serif);font-weight:400;margin:0;line-height:.92}
h1{font-size:clamp(62px,9.5vw,150px);letter-spacing:.05em;text-shadow:0 2px 18px rgba(0,0,0,.25)}
h2{font-size:clamp(52px,7vw,106px);letter-spacing:.03em}
.hero-subtitle{font-family:var(--serif);font-size:clamp(18px,2.1vw,28px);color:#ddd;margin:20px 0 26px}
.explore,.text-link{display:inline-flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.19em;font-size:11px;color:var(--accent);transition:.2s}
.explore:hover,.text-link:hover{gap:20px;color:white}
.statement{padding:clamp(90px,13vw,190px) 24px;background:radial-gradient(circle at 50% 140%,#112338 0%,#07090c 34%,#050607 68%);text-align:center;border-top:1px solid rgba(255,255,255,.05)}
.narrow{max-width:1100px;margin:auto}
.statement blockquote{margin:0;font-family:var(--serif);font-size:clamp(30px,4.2vw,66px);line-height:1.2}
.statement p{text-transform:uppercase;letter-spacing:.34em;font-size:11px;color:var(--muted);margin-top:30px}
.section{position:relative;min-height:760px}
.music{display:grid;grid-template-columns:1.28fr .72fr;background:#07090c;border-top:1px solid var(--border)}
.music-images{position:relative;min-height:760px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.image-panel{margin:0;position:relative;overflow:hidden;min-height:760px}
.image-panel img{filter:saturate(.82) contrast(1.05);transition:transform 1.2s ease,filter .6s}
.image-panel.early img{filter:grayscale(1) contrast(1.05)}
.image-panel:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.06)}
.image-panel figcaption{position:absolute;left:24px;bottom:24px;padding:8px 10px;background:rgba(0,0,0,.62);font-size:10px;letter-spacing:.25em}
.section-copy{padding:clamp(70px,8vw,120px) clamp(40px,6vw,90px);align-self:center}
.section-copy p{max-width:520px;color:#c7c5c0;font-family:var(--serif);font-size:clamp(17px,1.45vw,22px)}
.section-copy h2{margin-bottom:34px}
.books{display:grid;grid-template-columns:1.05fr .82fr .78fr;align-items:center;min-height:720px;background:var(--paper);color:var(--ink);overflow:hidden}
.books-covers{display:flex;align-items:flex-end;justify-content:center;padding:80px 20px 60px 45px;min-height:720px;position:relative}
.book{width:32%;height:auto;max-height:430px;object-fit:contain;box-shadow:0 18px 32px rgba(32,23,10,.28);transform-origin:bottom center;transition:.35s ease}
.book.one{transform:rotate(-5deg) translateX(16px)}
.book.two{z-index:3;transform:translateY(-18px)}
.book.three{transform:rotate(5deg) translateX(-16px)}
.books-covers:hover .one{transform:rotate(-8deg) translateX(8px)}
.books-covers:hover .three{transform:rotate(8deg) translateX(-8px)}
.books-copy{padding:70px 35px;z-index:3}
.books-copy h2{margin-bottom:30px}
.books-copy p{font-family:var(--serif);font-size:18px;max-width:570px}
.books-copy .aside{font-style:italic;font-size:15px;color:#5a554e}
.dark-link{color:#17476f}
.drawing{height:100%;min-height:720px;opacity:.92;mix-blend-mode:multiply;padding:24px 18px}
.drawing img{object-fit:contain;object-position:center;filter:contrast(1.08);background:var(--paper)}
.art{min-height:780px;display:grid;grid-template-columns:1.25fr .7fr .7fr;align-items:stretch;background:#060709;overflow:hidden;border-top:1px solid var(--border)}
.art-main{min-height:780px;position:relative}
.art-main:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#060709 100%)}
.art-main img{object-position:center 45%;filter:saturate(.85) brightness(.78)}
.art-copy{align-self:center;padding:70px 20px 70px 55px;z-index:3}
.art-copy p{font-family:var(--serif);font-size:18px;color:#c9c5c1}
.art-copy h2{margin-bottom:28px}
.pyramid{padding:90px 50px 90px 10px;align-self:center;height:600px}
.pyramid img{object-fit:cover;border-radius:2px;box-shadow:0 0 70px rgba(30,229,255,.14);filter:brightness(.86) saturate(1.1)}
.videos{padding:clamp(90px,10vw,150px) clamp(24px,6vw,90px);background:#050607;border-top:1px solid var(--border)}
.section-heading{max-width:750px;margin-bottom:55px}
.section-heading h2{margin-bottom:25px}
.section-heading>p:last-child{font-family:var(--serif);font-size:20px;color:#c8c5bf}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.video-card{margin:0}
.video-thumb{aspect-ratio:16/10;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.08)}
.video-thumb img{filter:grayscale(.25) brightness(.72);transition:.5s}
.video-card:hover img{transform:scale(1.035);filter:grayscale(0) brightness(.88)}
.video-card .year{font-size:10px;letter-spacing:.27em;color:var(--accent);margin:17px 0 5px;text-transform:uppercase}
.video-card h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:0}
.video-link{margin-top:42px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;min-height:720px;background:linear-gradient(120deg,#08090a,#171a1e 68%,#090a0c);border-top:1px solid var(--border)}
.about-image{min-height:720px;position:relative;overflow:hidden}
.about-image img{object-position:center 35%;filter:saturate(.86) contrast(1.04);opacity:.94}
.about-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,#111317 100%)}
.about-copy{align-self:center;padding:70px clamp(45px,8vw,130px)}
.about-copy h2{margin-bottom:35px}
.about-lead{font-family:var(--serif);font-size:clamp(25px,3vw,44px);line-height:1.2;margin:10px 0}
.about-lead.strong{color:#d9c18d}
.about-copy>p:not(.eyebrow):not(.about-lead){font-family:var(--serif);font-size:18px;color:#c6c3bc;max-width:650px;margin:32px 0}
.closing{min-height:520px;padding:90px 24px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,#102238 0%,#07090e 38%,#030405 72%)}
.closing p{font-family:var(--serif);font-size:clamp(32px,4vw,62px);line-height:1.18;margin:2px;letter-spacing:.06em}
.closing .accent{color:#b4d9ff}
footer{min-height:190px;border-top:1px solid rgba(255,255,255,.09);padding:45px clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:#a7a5a0;font-size:12px}
.footer-brand{color:#eee;font-size:18px}
footer>p{text-align:center;margin:0}
.footer-links{justify-self:end;display:flex;gap:20px;text-transform:uppercase;letter-spacing:.15em;font-size:10px}
.footer-links a:hover{color:white}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}
@media (max-width:980px){
  .music{grid-template-columns:1fr}.music-images{min-height:560px}.image-panel{min-height:560px}
  .books{grid-template-columns:1fr 1fr}.books-covers{min-height:600px}.drawing{display:none}.books-copy{padding-right:60px}
  .art{grid-template-columns:1.2fr .8fr}.pyramid{display:none}.art-copy{padding-right:45px}
  .about{grid-template-columns:1fr 1fr}.about-copy{padding:60px 35px}
}
@media (max-width:760px){
  .site-header{height:64px;padding:0 20px}.brand{font-size:17px}
  .menu-button{display:block}.nav{position:absolute;top:64px;left:0;right:0;display:none;flex-direction:column;gap:0;background:rgba(5,6,7,.97);padding:18px 20px;border-top:1px solid rgba(255,255,255,.08)}.nav.open{display:flex}.nav a{padding:15px 4px}
  .hero{min-height:720px;height:100svh}.hero-image{background-position:center center;background-size:contain}.hero-shade{background:linear-gradient(to top,rgba(0,0,0,.97) 0%,rgba(0,0,0,.35) 62%,rgba(0,0,0,.24) 100%)}.hero-content{padding:0 24px 62px}
  .statement{padding:95px 24px}.statement p{line-height:1.8}
  .music-images{grid-template-columns:1fr 1fr;min-height:470px}.image-panel{min-height:470px}.section-copy{padding:70px 25px 90px}
  .books{grid-template-columns:1fr}.books-covers{min-height:auto;padding:80px 25px 30px}.book{max-height:340px}.books-copy{padding:35px 26px 90px}
  .art{grid-template-columns:1fr}.art-main{min-height:610px}.art-main:after{background:linear-gradient(to top,#060709 0%,transparent 45%)}.art-copy{padding:20px 25px 90px;margin-top:-150px;z-index:4;align-self:end;text-shadow:0 2px 12px #000}
  .video-grid{grid-template-columns:1fr;gap:44px}.video-thumb{aspect-ratio:16/9}
  .about{grid-template-columns:1fr}.about-image{min-height:560px}.about-image:after{background:linear-gradient(to top,#111317 0%,transparent 60%)}.about-copy{padding:20px 25px 90px;margin-top:-60px;z-index:3}
  footer{grid-template-columns:1fr;text-align:center}.footer-links{justify-self:center;flex-wrap:wrap;justify-content:center}.footer-brand{justify-self:center}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}


/* =========================================================
   MUSIC PAGE
   ========================================================= */
.nav a.active{color:#fff}
.nav a.active:after{right:0}
.music-page .site-header{background:rgba(5,6,7,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}

.music-hero{min-height:900px;height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:end;background:#050607}
.music-hero-bg{position:absolute;inset:0;background:url('assets/hero.webp') center 48%/cover no-repeat;filter:grayscale(.25) brightness(.38) saturate(.7)}
.music-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050607 0%,rgba(5,6,7,.88) 39%,rgba(5,6,7,.4) 68%,rgba(5,6,7,.88) 100%),linear-gradient(to top,#050607 0%,transparent 45%)}
.music-hero-copy{position:relative;z-index:4;padding:170px 30px 105px clamp(28px,7vw,115px);align-self:end}
.music-hero-copy h1{font-size:clamp(90px,12vw,190px)}
.music-hero-lead{font-family:var(--serif);font-size:clamp(22px,2.5vw,36px);color:#d6d3cd;max-width:650px;margin:22px 0 30px}
.music-hero-portrait{position:relative;z-index:3;align-self:end;height:86vh;max-height:900px;padding:110px 8vw 0 0}
.music-hero-portrait img{object-fit:contain;object-position:center bottom;filter:contrast(1.07);drop-shadow:0 0 45px rgba(0,0,0,.5)}

.music-intro{padding:clamp(110px,13vw,190px) 24px;background:radial-gradient(circle at 50% 130%,#14283d 0%,#080a0d 34%,#050607 70%);text-align:center}
.music-intro-inner{max-width:1180px;margin:auto}
.music-intro blockquote{font-family:var(--serif);font-size:clamp(36px,5vw,72px);line-height:1.15;margin:0 auto 38px;max-width:1100px}
.music-intro-inner>p:not(.eyebrow){font-family:var(--serif);font-size:clamp(20px,2vw,28px);color:#c4c0ba;max-width:860px;margin:15px auto}
.music-intro-small{font-style:italic;color:#d9c18d!important}

.journey-section{min-height:760px;display:grid;grid-template-columns:1fr 1fr;position:relative;border-top:1px solid rgba(255,255,255,.08)}
.journey-dark{background:#07090c}
.journey-split{background:linear-gradient(120deg,#0b0d10,#16191e)}
.journey-paper{background:#e7e0d2;color:#171615}
.journey-minimal{background:radial-gradient(circle at center,#152335 0%,#07090c 45%,#050607 78%);grid-template-columns:1fr;min-height:620px}
.journey-image{min-height:760px;overflow:hidden;position:relative}
.journey-image img{filter:saturate(.76) contrast(1.04);transition:transform .8s ease}
.journey-image:hover img{transform:scale(1.025)}
.journey-dark .journey-image:first-child img{filter:grayscale(.72) sepia(.12) contrast(1.03)}
.tv-image img{object-position:center 20%;filter:saturate(.82) contrast(1.04)!important}
.journey-copy{align-self:center;padding:90px clamp(40px,7vw,105px)}
.journey-copy h2{font-size:clamp(50px,6vw,92px);line-height:1.02;margin-bottom:32px}
.journey-copy p:not(.eyebrow):not(.journey-number){font-family:var(--serif);font-size:clamp(18px,1.65vw,23px);color:#c5c2bc;max-width:670px}
.journey-paper .journey-copy p:not(.eyebrow):not(.journey-number){color:#3f3a34}
.journey-number{font-family:var(--serif);font-size:84px;line-height:1;color:rgba(255,255,255,.08);margin:0 0 -15px}
.journey-paper .journey-number{color:rgba(0,0,0,.08)}
.collage{padding:80px;display:flex;align-items:center;justify-content:center;background:#080a0d}
.collage img{height:600px;max-width:520px;object-fit:cover;box-shadow:0 25px 80px rgba(0,0,0,.45)}
.collage-label{position:absolute;right:40px;bottom:45px;font-size:10px;letter-spacing:.28em;color:#ddd;background:rgba(0,0,0,.65);padding:10px 12px}
.cindy-poster{padding:80px clamp(45px,8vw,120px);display:flex;align-items:center;justify-content:center}
.cindy-poster img{height:auto;max-height:620px;object-fit:contain;box-shadow:0 30px 70px rgba(80,55,20,.3)}
.journey-centered{text-align:center;max-width:920px;margin:auto;padding:110px 30px}
.journey-centered p:not(.eyebrow):not(.journey-number){margin-left:auto;margin-right:auto}

.blb-feature{min-height:850px;display:grid;grid-template-columns:1.12fr .88fr;background:#050607;border-top:1px solid rgba(255,255,255,.09)}
.blb-image{min-height:850px;position:relative;overflow:hidden}
.blb-image img{object-position:center;filter:grayscale(1) contrast(1.05)}
.blb-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#050607 100%)}
.blb-copy{align-self:center;padding:90px clamp(40px,7vw,105px)}
.blb-copy h2{font-size:clamp(58px,7vw,108px);line-height:.98;margin-bottom:35px}
.blb-copy>p:not(.eyebrow){font-family:var(--serif);font-size:clamp(18px,1.55vw,22px);color:#c7c4be;max-width:680px}
.blb-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:42px}
.button-link{display:inline-flex;padding:14px 20px;border:1px solid rgba(215,189,136,.75);color:#eee;text-transform:uppercase;letter-spacing:.18em;font-size:10px;transition:.25s}
.button-link:hover{background:#d7bd88;color:#101010}

.recordings{padding:clamp(95px,10vw,155px) clamp(25px,7vw,110px);background:#0a0c0f;border-top:1px solid rgba(255,255,255,.08)}
.recordings-heading{max-width:900px;margin-bottom:70px}
.recordings-heading h2{font-size:clamp(54px,7vw,104px);margin-bottom:28px}
.recordings-heading>p:last-child{font-family:var(--serif);font-size:20px;color:#bcb8b2}
.recording-project{display:grid;grid-template-columns:.42fr .58fr;gap:40px;border-top:1px solid rgba(255,255,255,.13);padding:42px 0}
.project-kicker{text-transform:uppercase;letter-spacing:.27em;color:#9ccfff;font-size:10px;margin:0 0 10px}
.project-title h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3vw,46px);margin:0}
.track-list{display:grid}
.track-list a{display:flex;justify-content:space-between;align-items:center;padding:15px 8px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--serif);font-size:18px;color:#c9c6c0;transition:.2s}
.track-list a:hover{color:#fff;padding-left:14px;background:rgba(255,255,255,.025)}

.music-archive{padding:clamp(100px,11vw,170px) clamp(25px,7vw,110px);display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;background:#050607;border-top:1px solid rgba(255,255,255,.08)}
.archive-copy h2{font-size:clamp(55px,6vw,94px);margin-bottom:30px}
.archive-copy>p:last-child{font-family:var(--serif);font-size:20px;color:#bfbcb6;max-width:620px}
.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);align-content:start}
.archive-grid span{padding:18px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#bbb}
.archive-grid span:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}

.music-closing{min-height:650px;display:grid;place-items:center;text-align:center;padding:100px 24px;background:radial-gradient(circle at 50% 40%,#16324c 0%,#080a0e 38%,#030405 75%)}
.music-closing p{font-family:var(--serif);font-size:clamp(34px,4.5vw,68px);line-height:1.16;margin:5px}
.music-closing .accent{color:#b4d9ff}
.closing-button{margin-top:38px}

@media (max-width:980px){
  .music-hero{grid-template-columns:1fr 1fr}
  .music-hero-portrait{padding-right:2vw}
  .journey-section{grid-template-columns:1fr 1fr}
  .journey-copy{padding:70px 40px}
  .blb-feature{grid-template-columns:1fr}
  .blb-image{min-height:620px}
  .blb-image:after{background:linear-gradient(to top,#050607 0%,transparent 55%)}
  .blb-copy{margin-top:-80px;z-index:3}
  .music-archive{grid-template-columns:1fr;gap:35px}
}

@media (max-width:760px){
  .music-hero{display:block;min-height:760px;height:100svh}
  .music-hero-bg{background-position:58% center}
  .music-hero-portrait{display:none}
  .music-hero-copy{position:absolute;left:0;right:0;bottom:0;padding:120px 24px 65px}
  .music-hero-copy h1{font-size:clamp(72px,24vw,118px)}
  .music-hero-shade{background:linear-gradient(to top,rgba(5,6,7,.98) 0%,rgba(5,6,7,.48) 62%,rgba(5,6,7,.25) 100%)}
  .journey-section{grid-template-columns:1fr}
  .journey-image{min-height:520px}
  .journey-copy{padding:70px 25px 90px}
  .journey-split .journey-copy{order:2}
  .journey-split .journey-image{order:1}
  .collage{padding:35px}
  .collage img{height:520px}
  .journey-paper .journey-copy{order:2}
  .cindy-poster{order:1;padding:65px 25px 10px}
  .cindy-poster img{max-height:520px}
  .blb-image{min-height:500px}
  .blb-copy{padding:30px 25px 90px}
  .recording-project{grid-template-columns:1fr;gap:18px}
  .music-archive{padding-left:25px;padding-right:25px}
  .archive-grid{grid-template-columns:1fr}
  .archive-grid span:nth-child(odd){border-right:0}
}


/* Music V2: Syhon photograph + complete BLB lyric archive */
.syhon-image{padding:0;background:#08090b}
.syhon-image img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.92) contrast(1.03)!important}
.syhon-image .collage-label{background:rgba(0,0,0,.72)}

.lyrics-section{
  padding:clamp(95px,10vw,155px) clamp(25px,7vw,110px);
  background:
    radial-gradient(circle at 80% 0%,rgba(38,71,104,.22),transparent 30%),
    linear-gradient(180deg,#090b0e,#050607);
  border-top:1px solid rgba(255,255,255,.08);
}
.lyrics-heading{max-width:920px;margin-bottom:65px}
.lyrics-heading h2{font-size:clamp(60px,8vw,118px);margin-bottom:24px}
.lyrics-heading>p:last-child{font-family:var(--serif);font-size:20px;color:#bdb9b2;max-width:760px}
.lyrics-list{max-width:1180px}
.lyric-song{border-top:1px solid rgba(255,255,255,.13)}
.lyric-song:last-child{border-bottom:1px solid rgba(255,255,255,.13)}
.lyric-song summary{
  list-style:none;cursor:pointer;display:grid;grid-template-columns:70px 1fr auto;
  gap:25px;align-items:center;padding:26px 8px;transition:.22s;
}
.lyric-song summary::-webkit-details-marker{display:none}
.lyric-song summary:hover{background:rgba(255,255,255,.025);padding-left:15px}
.lyric-song summary>span{font-family:var(--serif);font-size:17px;color:#7397b8}
.lyric-song summary strong{font-family:var(--serif);font-size:clamp(25px,2.8vw,40px);font-weight:400}
.lyric-song summary em{font-style:normal;text-transform:uppercase;letter-spacing:.19em;font-size:9px;color:#999}
.lyric-song[open] summary em{color:#b5d8fa}
.lyric-text{padding:18px 20px 65px 103px;max-width:860px}
.lyric-text p{font-family:var(--serif);font-size:19px;line-height:1.72;color:#d0ccc5;margin:0 0 28px}
.lyric-text p:last-child{margin-bottom:0}

@media (max-width:760px){
  .syhon-image{min-height:400px}
  .lyric-song summary{grid-template-columns:42px 1fr;gap:13px;padding:22px 4px}
  .lyric-song summary em{display:none}
  .lyric-text{padding:10px 10px 50px 55px}
  .lyric-text p{font-size:17px;line-height:1.62}
}


/* Music V3: Disqu-O-Québec discography */
.discography-section{
  padding:clamp(100px,10vw,160px) clamp(25px,7vw,110px);
  background:#e8e2d7;
  color:#171615;
  border-top:1px solid rgba(0,0,0,.12);
}
.discography-heading{max-width:980px;margin-bottom:80px}
.discography-heading .eyebrow{color:#475d70}
.discography-heading h2{font-size:clamp(60px,8vw,118px);margin-bottom:24px}
.discography-heading>p:not(.eyebrow){
  font-family:var(--serif);font-size:20px;color:#514b44;max-width:760px;margin-bottom:24px
}
.discography-heading .text-link{color:#245d82}
.discography-group{
  display:grid;grid-template-columns:260px 1fr;gap:50px;
  padding:45px 0;border-top:1px solid rgba(0,0,0,.16)
}
.discography-group:last-child{border-bottom:1px solid rgba(0,0,0,.16)}
.discography-label span{
  display:block;font-family:var(--serif);font-size:54px;color:rgba(0,0,0,.13);line-height:1;margin-bottom:8px
}
.discography-label h3{
  font-family:var(--serif);font-size:clamp(32px,3.2vw,48px);font-weight:400;margin:0
}
.discography-table-wrap{overflow-x:auto}
.discography-table{width:100%;border-collapse:collapse;min-width:650px}
.discography-table th{
  text-align:left;text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:#6a625a;
  padding:0 14px 14px;border-bottom:1px solid rgba(0,0,0,.15)
}
.discography-table td{
  vertical-align:top;padding:18px 14px;border-bottom:1px solid rgba(0,0,0,.09);
  font-family:var(--serif);font-size:16px;color:#39342f
}
.discography-table td:first-child{white-space:nowrap;color:#6b6259}
.discography-table strong{display:block;font-weight:500;font-size:18px;color:#171615}
.discography-table small{display:block;margin-top:4px;font-family:var(--sans);font-size:10px;letter-spacing:.06em;color:#716960}
.participations-table td:nth-child(2){white-space:nowrap}
@media (max-width:760px){
  .discography-group{grid-template-columns:1fr;gap:22px;padding:38px 0}
  .discography-label{display:flex;align-items:baseline;gap:16px}
  .discography-label span{font-size:38px;margin:0}
  .discography-table{min-width:720px}
}


/* Music V4: correct Bujold Labadie Blouin trio image */
.blb-image{
  background:#050505;
  display:flex;
  align-items:center;
  justify-content:center;
}
.blb-image img{
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  width:100%;
  height:100%;
  padding:34px;
}
.blb-image:after{
  background:linear-gradient(90deg,transparent 74%,#050607 100%);
}
@media (max-width:760px){
  .blb-image img{padding:16px}
}


/* Music V5: wider stage image for Murder → Syhon section */
.syhon-image{padding:58px clamp(24px,4vw,54px);background:#07090c}
.syhon-image img{height:auto !important;max-width:min(100%,980px) !important;width:100%;object-fit:contain !important;box-shadow:0 25px 80px rgba(0,0,0,.45)}
@media (max-width:980px){
  .syhon-image{padding:42px 22px}
}


/* Music V7: Band of Brothers lyric archive */
.band-brothers-lyrics{
  background:
    radial-gradient(circle at 16% 0%,rgba(105,66,46,.18),transparent 31%),
    linear-gradient(180deg,#070707,#0c0908);
  border-top:1px solid rgba(255,255,255,.08);
}
.band-brothers-lyrics .lyrics-heading .eyebrow{color:#c49673}

/* BOOKS PAGE V1 */
.books-page{background:#eee9df;color:#171715}.books-page .site-header{background:rgba(9,9,9,.94);color:#f4f0e8}.books-page .site-nav a{color:#c9c5bd}.books-page .site-nav a.active,.books-page .site-nav a:hover{color:#fff}.books-page .brand{color:#fff}
.books-hero{min-height:82vh;position:relative;display:grid;align-items:end;overflow:hidden;background:#0b0b0b;color:#f4f0e8;padding:150px clamp(24px,7vw,110px) 90px}.books-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.84) 43%,rgba(0,0,0,.16) 100%)}.books-hero-drawing{position:absolute;right:-4vw;top:7%;width:min(62vw,900px);height:90%;opacity:.72}.books-hero-drawing img{width:100%;height:100%;object-fit:contain;filter:invert(1) grayscale(1);mix-blend-mode:screen}.books-hero-copy{position:relative;z-index:2;max-width:820px}.books-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(72px,12vw,176px);line-height:.78;font-weight:400;letter-spacing:-.055em;margin:20px 0 38px}.books-hero .hero-deck{font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,3vw,38px);line-height:1.35;max-width:760px;color:#d7d1c5}.books-page .eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:700}
.book-origin{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;padding:130px clamp(24px,7vw,110px);background:#eee9df}.origin-title h2,.continuity-copy h2,.library-heading h2,.drawing-copy h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.035em;margin:18px 0 0}.origin-copy{max-width:720px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,1.6vw,23px);line-height:1.75}.origin-copy p+p{margin-top:28px}
.continuity-section{display:grid;grid-template-columns:1fr 1.15fr;min-height:760px;background:#171715;color:#eee9df}.continuity-art{display:flex;align-items:center;justify-content:center;padding:70px;background:radial-gradient(circle at center,#34322c 0,#171715 60%)}.continuity-art img{width:min(78%,430px);height:auto;box-shadow:0 35px 90px rgba(0,0,0,.55)}.continuity-copy{padding:110px clamp(30px,7vw,100px);align-self:center}.continuity-copy p{max-width:680px;font-size:18px;line-height:1.75;color:#d2cec4}.continuity-copy p+p{margin-top:24px}.continuity-copy .quiet-note{border-left:1px solid #8e856f;padding-left:28px;margin-top:42px;color:#f1ece1;font-family:Georgia,"Times New Roman",serif;font-size:21px}
.library-section{padding:130px clamp(24px,6vw,90px);background:#f5f1e9}.library-heading{max-width:850px;margin-bottom:80px}.library-heading>p:last-child{font-size:20px;line-height:1.6;max-width:680px}.book-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(0,0,0,.18)}.book-entry{display:grid;grid-template-columns:190px 1fr;gap:34px;padding:50px 34px;border-bottom:1px solid rgba(0,0,0,.18)}.book-entry:nth-child(odd){border-right:1px solid rgba(0,0,0,.18)}.book-visual{width:190px;aspect-ratio:2/3;background:#121212;box-shadow:0 18px 40px rgba(0,0,0,.15)}.book-visual img{width:100%;height:100%;object-fit:cover}.type-cover{height:100%;box-sizing:border-box;padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;color:#eee8dc;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#111,#25231f)}.type-cover span,.type-cover i{font-size:8px;letter-spacing:.18em;text-transform:uppercase;font-style:normal;color:#aaa497}.type-cover strong{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:400;line-height:1.08}.book-info{align-self:center}.book-number{font-size:11px;letter-spacing:.18em;color:#948b7a}.book-year{text-transform:uppercase;letter-spacing:.15em;font-size:11px;margin:12px 0}.book-info h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2.3vw,38px);font-weight:400;line-height:1.05;margin:0 0 18px}.book-info>p:last-child{line-height:1.6;color:#555148}.catalogue-note{max-width:850px;margin:60px auto 0;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.65;color:#625d53}
.automatic-drawings{display:grid;grid-template-columns:1fr 1fr;background:#ddd5c6;min-height:760px}.drawing-copy{padding:110px clamp(28px,7vw,100px);align-self:center}.drawing-copy p{font-size:18px;line-height:1.75;max-width:650px}.drawing-copy p+p{margin-top:22px}.drawing-feature{background:#0d0d0c;display:flex;align-items:center;justify-content:center;padding:65px}.drawing-feature img{width:100%;max-height:650px;object-fit:contain;filter:invert(1) grayscale(1);mix-blend-mode:screen}.books-ending{padding:140px 24px;background:#0b0b0b;color:#eee9df;text-align:center}.books-ending p{max-width:1000px;margin:auto;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4.5vw,62px);line-height:1.25}.books-page .site-footer{background:#080808;color:#aaa}
@media(max-width:900px){.book-origin,.continuity-section,.automatic-drawings{grid-template-columns:1fr}.books-hero{min-height:72vh}.books-hero-drawing{width:100vw;right:-25vw;opacity:.48}.continuity-art{padding:70px 24px}.book-library{grid-template-columns:1fr}.book-entry:nth-child(odd){border-right:0}}
@media(max-width:600px){.books-hero{padding-top:120px;padding-bottom:65px}.book-origin,.library-section{padding-top:85px;padding-bottom:85px}.book-entry{grid-template-columns:110px 1fr;gap:20px;padding:32px 0}.book-visual{width:110px}.type-cover{padding:12px 8px}.type-cover strong{font-size:14px}.type-cover span,.type-cover i{font-size:6px}.continuity-copy,.drawing-copy{padding:75px 24px}.drawing-feature{padding:35px 20px}}


/* BOOKS V2 reliability fix: content must never disappear if JavaScript fails */
.books-page .reveal{opacity:1;transform:none}
.books-page.js-ready .reveal{opacity:0;transform:translateY(22px)}
.books-page.js-ready .reveal.visible{opacity:1;transform:none}


/* =========================================================
   BOOKS PAGE V3 — Patrice review
   - original drawing tones restored (no inversion)
   - richer, lively atmospheric color while keeping the page elegant
   ========================================================= */

/* Hero: deep aurora-like color behind the original drawing */
.books-hero{
  background:
    radial-gradient(circle at 82% 28%, rgba(64,130,170,.42) 0, rgba(64,130,170,0) 31%),
    radial-gradient(circle at 68% 72%, rgba(131,77,151,.34) 0, rgba(131,77,151,0) 36%),
    radial-gradient(circle at 24% 18%, rgba(178,115,54,.22) 0, rgba(178,115,54,0) 28%),
    linear-gradient(125deg,#090b10 0%,#11131c 48%,#15111b 100%);
}
.books-hero:after{
  background:linear-gradient(90deg,rgba(4,5,8,.96) 0%,rgba(7,8,12,.78) 43%,rgba(7,8,12,.08) 100%);
}
.books-hero-drawing{
  opacity:.92;
  padding:28px;
  box-sizing:border-box;
}
.books-hero-drawing img{
  filter:none !important;
  mix-blend-mode:normal !important;
  background:rgba(248,245,237,.96);
  box-shadow:0 35px 100px rgba(0,0,0,.42);
}

/* Process section: warm parchment with subtle washes */
.book-origin{
  background:
    radial-gradient(circle at 10% 15%, rgba(241,179,100,.23), transparent 31%),
    radial-gradient(circle at 90% 82%, rgba(91,157,169,.18), transparent 34%),
    #eee9df;
}

/* Continuity section: midnight blue / violet rather than flat black */
.continuity-section{
  background:
    radial-gradient(circle at 25% 30%, rgba(44,111,145,.28), transparent 34%),
    radial-gradient(circle at 84% 70%, rgba(109,63,129,.28), transparent 38%),
    linear-gradient(135deg,#10151c,#18131e 72%);
}
.continuity-art{
  background:
    radial-gradient(circle at center,rgba(73,112,137,.36) 0,rgba(31,36,47,.32) 42%,rgba(16,18,25,0) 72%);
}

/* Collection: alternate gentle colored atmospheres to keep the eye moving */
.library-section{
  background:
    radial-gradient(circle at 9% 9%, rgba(232,164,103,.16), transparent 27%),
    radial-gradient(circle at 93% 32%, rgba(103,161,166,.14), transparent 29%),
    radial-gradient(circle at 43% 89%, rgba(151,113,165,.10), transparent 31%),
    #f5f1e9;
}
.book-entry{
  position:relative;
}
.book-entry:nth-child(4n+1){
  background:linear-gradient(135deg,rgba(229,169,105,.10),rgba(255,255,255,0) 68%);
}
.book-entry:nth-child(4n+2){
  background:linear-gradient(135deg,rgba(91,156,169,.10),rgba(255,255,255,0) 68%);
}
.book-entry:nth-child(4n+3){
  background:linear-gradient(135deg,rgba(136,99,154,.09),rgba(255,255,255,0) 68%);
}
.book-entry:nth-child(4n){
  background:linear-gradient(135deg,rgba(143,168,103,.09),rgba(255,255,255,0) 68%);
}

/* Typographic placeholders get richer jewel-tone variation without pretending to be real covers */
.book-entry:nth-child(4n+1) .type-cover{background:linear-gradient(145deg,#402918,#171210)}
.book-entry:nth-child(4n+2) .type-cover{background:linear-gradient(145deg,#183946,#11191c)}
.book-entry:nth-child(4n+3) .type-cover{background:linear-gradient(145deg,#35223e,#17131a)}
.book-entry:nth-child(4n) .type-cover{background:linear-gradient(145deg,#2e3d24,#141913)}

/* Drawings section: original black-on-white artwork, colorful surrounding field */
.automatic-drawings{
  background:
    radial-gradient(circle at 17% 24%, rgba(234,157,81,.30), transparent 31%),
    radial-gradient(circle at 82% 77%, rgba(79,153,173,.27), transparent 34%),
    linear-gradient(125deg,#e2d5c2,#d9d3df 55%,#cddcdf);
}
.drawing-feature{
  background:
    radial-gradient(circle at 25% 25%,rgba(74,144,166,.28),transparent 34%),
    radial-gradient(circle at 76% 73%,rgba(139,78,153,.24),transparent 36%),
    linear-gradient(145deg,#14151a,#19131d);
}
.drawing-feature img{
  filter:none !important;
  mix-blend-mode:normal !important;
  background:#f7f3eb;
  box-shadow:0 28px 85px rgba(0,0,0,.35);
}

/* Ending: retain darkness, but give it a final subtle glow */
.books-ending{
  background:
    radial-gradient(circle at 50% 120%,rgba(78,135,165,.34),transparent 43%),
    radial-gradient(circle at 15% 20%,rgba(118,70,137,.18),transparent 28%),
    #0b0c10;
}


/* =========================================================
   BOOKS PAGE V4 — real covers + full automatic-drawing archive
   ========================================================= */

.books-page .book-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:380px;
  padding:26px;
}
.books-page .book-visual img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:410px;
  object-fit:contain;
  box-shadow:0 22px 55px rgba(30,22,15,.16);
}

/* Let the real cover art bring its own color into the catalogue */
.books-page .book-entry{
  overflow:hidden;
}
.books-page .book-entry .book-visual{
  background:rgba(255,255,255,.24);
}

.automatic-drawings-v4{
  display:block;
  padding:110px clamp(24px,6vw,96px) 120px;
}
.automatic-drawings-v4 .drawing-copy{
  max-width:780px;
  margin:0 auto 62px;
  text-align:center;
}
.drawing-order-note{
  margin-top:28px !important;
  font-size:.92rem;
  opacity:.72;
  font-style:italic;
}
.drawing-gallery-wrap{
  max-width:1500px;
  margin:0 auto;
}
.drawing-gallery{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.drawing-item{
  margin:0;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(20,20,25,.09);
  box-shadow:0 16px 42px rgba(32,25,20,.10);
  transition:transform .25s ease,box-shadow .25s ease;
}
.drawing-item:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 55px rgba(32,25,20,.15);
}
.drawing-open{
  width:100%;
  padding:0;
  border:0;
  background:#f8f5ef;
  cursor:zoom-in;
  display:block;
}
.drawing-open img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:contain;
  padding:18px;
  box-sizing:border-box;
}
.drawing-item figcaption{
  padding:12px 16px 14px;
  font-size:.76rem;
  letter-spacing:.20em;
  color:rgba(20,20,25,.55);
  text-align:right;
}

.drawing-lightbox{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:48px;
  background:rgba(5,6,9,.94);
  backdrop-filter:blur(10px);
}
.drawing-lightbox.open{display:flex}
.drawing-lightbox img{
  max-width:min(94vw,1400px);
  max-height:90vh;
  width:auto;
  height:auto;
  object-fit:contain;
  background:#fff;
  box-shadow:0 30px 100px rgba(0,0,0,.6);
}
.drawing-close{
  position:absolute;
  top:18px;
  right:24px;
  width:48px;
  height:48px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:42px;
  line-height:1;
  cursor:pointer;
}

@media(max-width:1100px){
  .drawing-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .automatic-drawings-v4{padding:78px 18px 88px}
  .drawing-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .drawing-open img{padding:10px}
  .drawing-lightbox{padding:18px}
}
@media(max-width:460px){
  .drawing-gallery{grid-template-columns:1fr}
}


/* =========================================================
   BOOKS PAGE V5 — larger book covers only
   Everything else remains as approved in V4.
   ========================================================= */

.books-page .book-visual{
  min-height:500px;
  padding:16px;
}

.books-page .book-visual img{
  max-height:520px;
  max-width:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}

@media(max-width:980px){
  .books-page .book-visual{
    min-height:440px;
  }
  .books-page .book-visual img{
    max-height:460px;
  }
}

@media(max-width:620px){
  .books-page .book-visual{
    min-height:0;
    padding:12px;
  }
  .books-page .book-visual img{
    max-height:520px;
    max-width:92%;
  }
}


/* =========================================================
   BOOKS PAGE V6 — ACTUAL cover images enlarged
   Fixes V5, where only the surrounding book-visual frame grew.
   ========================================================= */

.books-page .book-visual{
  min-height:0 !important;
  padding:12px !important;
  align-items:center !important;
  justify-content:center !important;
}

.books-page .book-visual img{
  display:block !important;
  width:min(100%, 330px) !important;
  max-width:330px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  margin:0 auto !important;
}

@media(max-width:1200px){
  .books-page .book-visual img{
    width:min(100%, 300px) !important;
    max-width:300px !important;
  }
}

@media(max-width:760px){
  .books-page .book-visual{
    padding:10px !important;
  }
  .books-page .book-visual img{
    width:min(92%, 340px) !important;
    max-width:340px !important;
  }
}


/* =========================================================
   BOOKS PAGE V7 — covers fill their actual frames
   ========================================================= */

.books-page .book-visual{
  padding:0 !important;
  min-height:0 !important;
  height:500px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.books-page .book-visual img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  display:block !important;
  box-shadow:none !important;
}

@media(max-width:980px){
  .books-page .book-visual{
    height:460px !important;
  }
}

@media(max-width:620px){
  .books-page .book-visual{
    height:520px !important;
  }
}


/* =========================================================
   BOOKS PAGE V8 — no cover frames + revised book order
   ========================================================= */

/* Remove every visible frame/background around the cover artwork. */
.books-page .book-visual{
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  display:block !important;
}

/* The cover image IS the visual block: no top/bottom leakage, no display frame. */
.books-page .book-visual img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:initial !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:0 18px 42px rgba(30,22,15,.16) !important;
}

/* Keep mobile behavior simple and identical: the cover itself defines the height. */
@media(max-width:980px){
  .books-page .book-visual{height:auto !important;}
}
@media(max-width:620px){
  .books-page .book-visual{height:auto !important;}
  .books-page .book-visual img{width:100% !important;}
}


/* =========================================================
   BOOKS PAGE V11 — original hero drawing, no frame,
   Amazon purchase link, complete drawings archive
   ========================================================= */

/* HERO: original drawing only — no white/pale frame leaking around it. */
.books-page .books-hero-drawing{
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.books-page .books-hero-drawing img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

/* AMAZON */
.amazon-books{
  max-width:760px;
  margin:54px auto 0;
  padding-top:34px;
  text-align:center;
  border-top:1px solid rgba(28,25,22,.16);
}
.amazon-books p{
  margin:0 0 20px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.6;
}
.amazon-books-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 22px;
  border:1px solid rgba(28,25,22,.38);
  text-decoration:none;
  color:inherit;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:transform .2s ease, background .2s ease;
}
.amazon-books-link:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.42);
}

/* DRAWING COPYRIGHT */
.drawing-copyright{
  margin-top:30px !important;
  padding-top:24px;
  border-top:1px solid rgba(20,20,25,.16);
  font-size:.86rem !important;
  line-height:1.65 !important;
  opacity:.78;
}
.drawing-item figcaption{
  font-size:.72rem;
  letter-spacing:.12em;
}


/* =========================================================
   BOOKS PAGE V12 — contrast fixes + Lumière
   ========================================================= */

/* Make THE PROCESS and THE COLLECTION clearly visible on light backgrounds. */
.books-page .book-origin .eyebrow,
.books-page .library-heading .eyebrow{
  color:#34261f !important;
  opacity:1 !important;
  font-weight:700 !important;
  text-shadow:none !important;
}

/* Slightly stronger tracking keeps the small labels crisp. */
.books-page .book-origin .eyebrow,
.books-page .library-heading .eyebrow{
  letter-spacing:.18em !important;
}


/* =========================================================
   BOOKS PAGE V15 — page counts + stronger drawing protection
   ========================================================= */

.books-page .book-pages{
  margin:.45rem 0 .8rem !important;
  font-size:.78rem !important;
  letter-spacing:.11em;
  text-transform:uppercase;
  opacity:.65;
}

/* Prevent direct pointer interaction with gallery images.
   The surrounding button still opens the lightbox. */
.automatic-drawings-v4 .drawing-open img,
.drawing-lightbox img{
  pointer-events:none !important;
  -webkit-user-drag:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}

/* The drawing area itself should not initiate drag operations. */
.automatic-drawings-v4 .drawing-open,
.drawing-lightbox{
  -webkit-user-select:none !important;
  user-select:none !important;
}

/* VIDEOS V1 */
.videos-page{background:#07090c;color:#f3f0ea}.videos-page .site-header{background:rgba(7,9,12,.78)}
.videos-hero{min-height:86vh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.videos-hero-photo{position:absolute;inset:0;background:url("assets/hero.webp") center 32%/cover no-repeat;filter:grayscale(1) contrast(1.08)}.videos-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.35)),linear-gradient(0deg,rgba(7,9,12,.94),transparent 48%)}.videos-hero-copy{position:relative;z-index:1;padding:0 clamp(24px,7vw,110px) 9vh;max-width:920px}.videos-hero-copy h1{font-size:clamp(74px,14vw,190px);line-height:.78;letter-spacing:-.065em;margin:.08em 0 .18em}.videos-hero-copy>p:not(.eyebrow){font-family:Georgia,serif;font-size:clamp(18px,2vw,27px);max-width:650px;line-height:1.45;color:#d7d4cf}
.video-intro{padding:110px 24px 120px;background:#0c1015}.video-intro h2,.video-era-heading h2{font-size:clamp(44px,7vw,94px);line-height:.9;letter-spacing:-.045em;margin:.2em 0 .28em}.video-intro .narrow{max-width:790px;margin:auto}.video-intro .narrow>p:not(.eyebrow){font-family:Georgia,serif;font-size:19px;line-height:1.75;color:#cbc9c4}.video-note{opacity:.65;font-size:15px!important}
.video-era{padding:110px clamp(22px,5vw,76px) 130px;background:#07090c}.video-era-light{background:#e7e1d7;color:#171616}.video-era-heading{display:grid;grid-template-columns:minmax(70px,150px) 1fr;gap:30px;max-width:1200px;margin:0 auto 68px;align-items:start}.era-number{font-size:clamp(42px,6vw,82px);line-height:1;margin:0;opacity:.18;font-weight:800}.video-era-heading>div>p:last-child{font-family:Georgia,serif;max-width:650px;font-size:18px;line-height:1.6;opacity:.72}.video-era-light .eyebrow{color:#4c382e!important;opacity:1!important}
.archive-video-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.archive-video-link{display:block;color:inherit;text-decoration:none}.archive-video-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#15181c}.archive-video-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .45s ease;filter:saturate(.72) contrast(1.05)}.archive-video-link:hover .archive-video-image img{transform:scale(1.025);filter:saturate(1)}.play-mark{position:absolute;left:24px;bottom:22px;width:58px;height:58px;border:1px solid rgba(255,255,255,.72);border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.42);font-size:18px;padding-left:3px}.archive-video-copy{padding:18px 4px 0}.video-date{margin:0 0 8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.55}.archive-video-copy h3{font-size:clamp(24px,3vw,38px);line-height:1.02;margin:0 0 7px}.archive-video-copy>p:not(.video-date){font-family:Georgia,serif;margin:0;opacity:.72;line-height:1.45}.watch-label{display:inline-block;margin-top:15px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.72}.featured-video{grid-column:span 2}.featured-video .archive-video-image{aspect-ratio:2.1/1}.video-ending{padding:140px 24px 160px;background:#0d1116;text-align:center}.video-ending blockquote{font-family:Georgia,serif;font-size:clamp(35px,6vw,78px);line-height:1.08;margin:.35em auto 0;max-width:1000px}.videos-page .site-footer{background:#050608}
@media(max-width:760px){.videos-hero{min-height:74vh}.videos-hero-copy{padding-bottom:60px}.video-era{padding:82px 18px 96px}.video-era-heading{grid-template-columns:1fr;gap:10px;margin-bottom:44px}.archive-video-grid{grid-template-columns:1fr;gap:38px}.featured-video{grid-column:auto}.featured-video .archive-video-image{aspect-ratio:16/9}.play-mark{width:48px;height:48px;left:16px;bottom:16px}}


/* =========================================================
   VIDEOS V4 — BACKGROUND PALETTE ONLY
   Structure and layout intentionally unchanged.
   ========================================================= */

/* Overall page: softer blue-black rather than flat black */
.videos-page{
  background:#0b1016;
}

/* Header: same transparency, slightly richer blue-black */
.videos-page .site-header{
  background:rgba(10,15,21,.82);
}

/* Hero: retain photograph and composition, soften lower fade */
.videos-hero-shade{
  background:
    linear-gradient(90deg,rgba(5,9,14,.86),rgba(8,13,19,.35)),
    linear-gradient(0deg,rgba(10,15,21,.95),transparent 48%);
}

/* Introduction: deep slate */
.video-intro{
  background:#111923;
}

/* Era 01: charcoal with a restrained midnight-blue cast */
.video-era{
  background:#0c131b;
}

/* Era 02: warm stone / parchment, less stark than the previous cream */
.video-era-light{
  background:#c9bca9;
  color:#211d19;
}

/* Era 02 eyebrow remains understated and warm */
.video-era-light .eyebrow{
  color:#594638 !important;
}

/* Era 03: override the generic dark era with a warmer graphite tone */
.video-era-light + .video-era{
  background:#171615;
}

/* Closing: subtle bronze-charcoal warmth */
.video-ending{
  background:#211c19;
}

/* Footer: deep neutral */
.videos-page .site-footer{
  background:#080b0e;
}

/* ART V1 */
.art-page{background:#0d0d0c;color:#f2eee8}.art-page .site-header{background:rgba(12,12,11,.82)}
.art-hero{min-height:90vh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.art-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(.92) contrast(1.03)}.art-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.84),rgba(7,7,7,.16)),linear-gradient(0deg,rgba(12,12,11,.94),transparent 48%)}.art-hero-copy{position:relative;z-index:1;padding:0 clamp(24px,7vw,110px) 9vh;max-width:900px}.art-hero h1{font-size:clamp(90px,17vw,220px);line-height:.75;letter-spacing:-.07em;margin:.05em 0 .2em}.art-hero-copy>p:not(.eyebrow){font-family:Georgia,serif;font-size:clamp(19px,2vw,28px);max-width:650px;line-height:1.45;color:#ddd6cd}
.art-intro{padding:120px 24px;background:#17130f}.art-intro .narrow{max-width:850px;margin:auto}.art-intro blockquote{font-family:Georgia,serif;font-size:clamp(32px,5vw,64px);line-height:1.1;margin:.35em 0 .55em}.art-intro .narrow>p:last-child{font-family:Georgia,serif;font-size:19px;line-height:1.75;color:#cfc5ba}
.art-gallery-section{padding:110px clamp(20px,5vw,72px) 130px}.art-gallery-section.paintings{background:#111519}.art-gallery-section.objects{background:#b7aa97;color:#211c18}.art-gallery-section.wire{background:#151413}.art-section-heading{display:grid;grid-template-columns:minmax(70px,150px) 1fr;gap:30px;max-width:1260px;margin:0 auto 72px}.art-number{font-size:clamp(42px,6vw,82px);line-height:1;margin:0;opacity:.18;font-weight:800}.art-section-heading h2{font-size:clamp(52px,8vw,108px);line-height:.84;letter-spacing:-.055em;margin:.12em 0 .25em}.art-section-heading>div>p:last-child{font-family:Georgia,serif;font-size:18px;line-height:1.6;max-width:660px;opacity:.72}.objects .eyebrow{color:#5f4636!important}
/* ART V2 — preserve the complete artwork instead of cropping photographs */
.art-masonry{max-width:1320px;margin:auto;columns:3 320px;column-gap:20px}.art-piece{margin:0 0 20px;overflow:hidden;background:#181817;break-inside:avoid}.art-piece img{width:100%;height:auto;object-fit:contain;display:block;transition:transform .55s ease,filter .55s ease}.art-piece:hover img{transform:scale(1.012)}.art-masonry .wide{width:100%}.art-object-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.art-object-grid .art-piece{aspect-ratio:auto;margin:0}.art-object-grid .featured{grid-column:span 2;grid-row:auto;aspect-ratio:auto}.art-object-grid .art-piece img{width:100%;height:auto;object-fit:contain}.art-wire-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.art-wire-grid .art-piece,.art-wire-grid .tall{aspect-ratio:auto;grid-row:auto;margin:0}.art-wire-grid .art-piece img{width:100%;height:auto;object-fit:contain}.art-drawings-link{padding:130px 24px;background:#e7e0d5;color:#1d1a17}.art-drawings-link .narrow{max-width:900px;margin:auto}.art-drawings-link h2{font-size:clamp(50px,8vw,104px);line-height:.88;letter-spacing:-.055em;margin:.2em 0 .3em}.art-drawings-link p:not(.eyebrow){font-family:Georgia,serif;font-size:19px;line-height:1.7;max-width:720px}.art-drawings-link .text-link{color:#1d1a17}.art-ending{padding:150px 24px 170px;text-align:center;background:#211812}.art-ending blockquote{font-family:Georgia,serif;font-size:clamp(34px,6vw,76px);line-height:1.08;margin:.35em auto 0;max-width:1100px}.art-page .site-footer{background:#090807}
@media(max-width:820px){.art-hero{min-height:76vh}.art-hero-copy{padding-bottom:60px}.art-gallery-section{padding:84px 18px 96px}.art-section-heading{grid-template-columns:1fr;gap:10px;margin-bottom:46px}.art-masonry{columns:2 260px}.art-object-grid,.art-wire-grid{grid-template-columns:1fr 1fr}.art-object-grid .featured{grid-column:span 2;grid-row:auto;aspect-ratio:auto}.art-wire-grid .tall{grid-row:auto}}
@media(max-width:540px){.art-masonry{columns:1}.art-object-grid,.art-wire-grid{grid-template-columns:1fr}.art-object-grid .featured{grid-column:auto;aspect-ratio:auto}}


/* =========================================================
   ART PAGE V4 — click-to-enlarge + casual copy deterrence
   ========================================================= */
.art-page .art-open{
  display:block;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:zoom-in;
  text-align:inherit;
}
.art-page .art-open img,
.art-page .art-hero img,
.art-lightbox img{
  pointer-events:none !important;
  -webkit-user-drag:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
.art-page .art-open:focus-visible{
  outline:2px solid rgba(255,255,255,.9);
  outline-offset:4px;
}
.art-page .art-gallery-section,
.art-lightbox{
  -webkit-user-select:none !important;
  user-select:none !important;
}
.art-lightbox{
  position:fixed;
  inset:0;
  z-index:12000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:44px;
  background:rgba(4,5,7,.96);
  backdrop-filter:blur(10px);
}
.art-lightbox.open{display:flex}
.art-lightbox-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:96vw;
  max-height:94vh;
}
.art-lightbox img{
  max-width:min(94vw,1600px);
  max-height:86vh;
  width:auto;
  height:auto;
  object-fit:contain;
  box-shadow:0 30px 100px rgba(0,0,0,.7);
}
.art-lightbox-copyright{
  margin:12px 0 0;
  font-size:11px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(255,255,255,.58);
}
.art-lightbox-close{
  position:absolute;
  top:16px;
  right:24px;
  width:50px;
  height:50px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:44px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
@media(max-width:700px){
  .art-lightbox{padding:58px 14px 24px}
  .art-lightbox img{max-width:96vw;max-height:80vh}
  .art-lightbox-close{top:8px;right:10px}
}

/* ABOUT PAGE V1 */
.about-page{background:#08090a}.about-page .site-header{background:rgba(5,6,7,.88)}
.about-page-hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#08090a;position:relative;overflow:hidden}.about-page-photo{min-height:100vh;position:relative}.about-page-photo img{object-position:center 35%;filter:grayscale(.18) saturate(.78) contrast(1.04)}.about-page-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#08090a 100%),linear-gradient(to top,#08090a 0%,transparent 32%)}.about-page-hero-copy{align-self:center;padding:120px clamp(30px,7vw,110px) 80px 20px}.about-page-hero-copy h1{font-size:clamp(78px,11vw,170px);margin-bottom:38px}.about-page-hero-copy>p:not(.eyebrow){font-family:var(--serif);font-size:clamp(25px,3vw,43px);line-height:1.18;margin:12px 0}.about-page-hero-copy .gold{color:#d9c18d}
.about-story,.about-crossroads,.about-return,.about-finale{padding:clamp(100px,13vw,190px) 25px}.about-story{background:#101317}.about-story-inner{max-width:900px;margin:auto}.about-story-inner>p:not(.eyebrow){font-family:var(--serif);font-size:clamp(19px,1.7vw,24px);color:#cbc7c0;margin:24px 0}.about-story blockquote,.about-crossroads blockquote,.about-finale blockquote{font-family:var(--serif);font-size:clamp(34px,5vw,68px);line-height:1.12;margin:70px 0;color:#f2eee6}.about-story blockquote span{font-size:.55em;color:#d9c18d}.about-chapter{padding:clamp(110px,13vw,190px) 25px;background:#07090c}.about-chapter-copy{max-width:1040px;margin:auto}.about-chapter-copy h2,.about-return h2{font-size:clamp(58px,8vw,120px);margin:20px 0 60px}.about-chapter-copy>p:not(.eyebrow){font-family:var(--serif);font-size:clamp(18px,1.55vw,22px);color:#c9c5be;max-width:760px;margin:25px 0}.about-chapter-copy blockquote{font-family:var(--serif);font-size:clamp(30px,4vw,58px);line-height:1.16;margin:55px 0;color:#d9c18d}.about-chapter-copy blockquote span{font-size:.45em;color:#625d55}.about-crossroads{background:radial-gradient(circle at 50% 45%,#25201b 0%,#100e0d 42%,#070809 78%);text-align:center}.about-crossroads .about-story-inner>p{margin-left:auto;margin-right:auto;max-width:780px}.about-crossroads blockquote{color:#d9c18d;font-size:clamp(60px,9vw,135px);margin:80px 0}.about-light{background:#ded6c8;color:#191817}.about-light .about-chapter-copy>p:not(.eyebrow){color:#37322d}.about-light .about-chapter-copy blockquote{color:#342c25}.about-return{background:#090b0e}.about-return h2{margin:20px 0 55px}.about-finale{background:radial-gradient(circle at 50% 100%,#14283c 0%,#090b0e 43%,#050607 80%);text-align:center}.about-finale .about-story-inner>p{max-width:760px;margin:25px auto}.about-finale blockquote{color:#d9c18d}.about-last{margin-top:110px}.about-last p{font-family:var(--serif)!important;font-size:clamp(36px,5vw,72px)!important;line-height:1.08;margin:8px!important;color:#f1eee8!important}.about-last p:last-child{color:#b4d9ff!important}
.about-people{padding:clamp(100px,13vw,190px) 25px;background:#12100e}.about-people h2{font-size:clamp(52px,7vw,104px);line-height:.9;margin:20px 0 65px}.about-people .about-story-inner>p:not(.eyebrow){font-family:var(--serif);font-size:clamp(19px,1.7vw,24px);color:#cbc7c0;margin:26px 0}.about-people blockquote{font-family:var(--serif);font-size:clamp(31px,4.4vw,62px);line-height:1.12;margin:70px 0;color:#d9c18d}.about-people blockquote span{font-size:.48em;color:#d8d2c8}.about-people strong{color:#f0e7d6}
@media(max-width:760px){.about-page-hero{grid-template-columns:1fr;min-height:auto}.about-page-photo{min-height:66vh}.about-page-photo:after{background:linear-gradient(to top,#08090a 0%,transparent 55%)}.about-page-hero-copy{padding:25px 25px 85px;margin-top:-60px;z-index:2}.about-page-hero-copy h1{font-size:70px}.about-story,.about-crossroads,.about-return,.about-finale,.about-chapter,.about-people{padding:90px 25px}.about-story blockquote,.about-crossroads blockquote,.about-finale blockquote{margin:55px 0}.about-last{margin-top:75px}}

/* Photo archive additions — September 2026 */
.archive-gallery-section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,5rem);background:#090909;color:#f2f2f2;border-top:1px solid rgba(255,255,255,.08)}
.archive-gallery-head{max-width:760px;margin:0 auto 3rem;text-align:center}.archive-gallery-head h2{font-size:clamp(2.5rem,6vw,5.5rem);line-height:.92;margin:.35rem 0 1.1rem;letter-spacing:-.04em}.archive-gallery-head p:last-child{color:#aaa;max-width:620px;margin-inline:auto}
.archive-gallery{max-width:1380px;margin:0 auto;columns:4 250px;column-gap:12px}.archive-photo{display:block;width:100%;padding:0;margin:0 0 12px;border:0;background:none;cursor:zoom-in;break-inside:avoid;overflow:hidden}.archive-photo img{display:block;width:100%;height:auto;transition:transform .35s ease,filter .35s ease;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.archive-photo:hover img{transform:scale(1.018);filter:brightness(1.08)}
.before-kiss-photo{max-width:560px;margin:2.6rem auto;text-align:center}.before-kiss-photo .archive-photo{margin:0}.before-kiss-photo img{width:100%;height:auto}.before-kiss-photo figcaption{margin-top:.85rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#777}
.archive-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:4vw}.archive-lightbox.open{display:flex}.archive-lightbox img{max-width:94vw;max-height:88vh;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.archive-lightbox-close{position:absolute;top:20px;right:24px;border:0;background:transparent;color:#fff;font-size:2.2rem;cursor:pointer}.archive-lightbox-copy{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#aaa;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:700px){.archive-gallery{columns:2 140px;column-gap:8px}.archive-photo{margin-bottom:8px}.archive-gallery-section{padding-inline:14px}}


/* Bujold Labadie Blouin official artwork feature */
.blb-official-feature {
  width: min(1400px, calc(100% - 48px));
  margin: 0 auto clamp(72px, 9vw, 130px);
}
.blb-official-feature img {
  display: block;
  width: 100%;
  height: auto;
}
.blb-official-action {
  display: flex;
  justify-content: center;
  padding-top: 28px;
}
@media (max-width: 700px) {
  .blb-official-feature { width: calc(100% - 28px); }
  .blb-official-action .button-link { text-align: center; }
}

/* Bilingual language switch */
.lang-switch{display:inline-flex;align-items:center;gap:.28rem;margin-left:.75rem;padding-left:.9rem;border-left:1px solid rgba(255,255,255,.25);font-size:.72rem;letter-spacing:.12em}
.lang-switch a,.lang-switch span{color:inherit;text-decoration:none}
.lang-switch .lang-current{color:#c8a96b;font-weight:700}
@media(max-width:760px){.lang-switch{margin-left:0;padding-left:0;border-left:0;margin-top:.35rem}}