/* V60 — ÉDITION SUPRÊME ---------------------------------------------------
   One final visual language for the entire site: cleaner typography,
   stronger hierarchy, unified sapphire/diamond treatment and lighter motion. */

:root{
  --v60-ink:#020609;
  --v60-ink-2:#050b0f;
  --v60-panel:#081116;
  --v60-panel-2:#0b151b;
  --v60-sapphire:#2f7185;
  --v60-sapphire-bright:#79b8ca;
  --v60-ice:#dce9ee;
  --v60-paper:#f1eee7;
  --v60-muted:#879299;
  --v60-line:rgba(194,220,230,.13);
  --v60-line-strong:rgba(194,220,230,.23);
  --v60-shadow:0 30px 90px rgba(0,0,0,.42);
  --v60-radius:2px;
}

html{
  scroll-padding-top:84px;
  background:var(--v60-ink);
}
body.cinematic-v60{
  background:
    radial-gradient(circle at 15% 0%,rgba(53,118,139,.075),transparent 25%),
    radial-gradient(circle at 88% 18%,rgba(220,233,238,.028),transparent 20%),
    var(--v60-ink);
  color:var(--v60-paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.cinematic-v60::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:2147480000;
  pointer-events:none;
  opacity:.08;
  mix-blend-mode:soft-light;
  background-image:
    radial-gradient(circle at 20% 30%,rgba(255,255,255,.20) 0 .45px,transparent .6px),
    radial-gradient(circle at 74% 68%,rgba(255,255,255,.15) 0 .35px,transparent .55px);
  background-size:7px 7px,11px 11px;
}
body.cinematic-v60 main{overflow:clip}
body.cinematic-v60 a,
body.cinematic-v60 button{outline-offset:4px}
body.cinematic-v60 :focus-visible{outline:1px solid rgba(129,196,214,.85)}

/* Global performance: off-screen chapters do not require full painting. */
@supports (content-visibility:auto){
  body.cinematic-v60 .chapter,
  body.cinematic-v60 .music-hall,
  body.cinematic-v60 .writings-library,
  body.cinematic-v60 .achievements,
  body.cinematic-v60 .archive-center{
    content-visibility:auto;
    contain-intrinsic-size:auto 1100px;
  }
}

/* Progress line */
body.cinematic-v60 .progress{
  height:2px;
  background:rgba(255,255,255,.025);
  z-index:2500;
}
body.cinematic-v60 .progress span{
  background:linear-gradient(90deg,#173f4d 0%,#69a9bc 38%,#eff8fa 52%,#4d8da1 72%,#173f4d 100%);
  box-shadow:0 0 18px rgba(111,184,204,.24);
}

/* Top bar — readable, restrained, truly usable on iPhone. */
body.cinematic-v60 .topbar{
  top:2px;
  height:72px;
  padding:0 clamp(18px,3.2vw,52px);
  grid-template-columns:64px minmax(0,1fr) auto auto;
  gap:18px;
  border-bottom:1px solid rgba(207,229,237,.085);
  background:linear-gradient(180deg,rgba(2,6,9,.965),rgba(2,6,9,.88));
  backdrop-filter:blur(26px) saturate(115%);
  -webkit-backdrop-filter:blur(26px) saturate(115%);
  box-shadow:0 12px 40px rgba(0,0,0,.12);
}
body.cinematic-v60 .topbar::after{
  opacity:.62;
  background:linear-gradient(90deg,transparent 2%,rgba(64,139,160,.35) 25%,rgba(226,239,244,.35) 50%,rgba(64,139,160,.35) 75%,transparent 98%);
}
body.cinematic-v60 .brand{
  width:52px;
  height:39px;
  border:1px solid rgba(204,225,232,.10);
  background:#020507;
  box-shadow:0 0 30px rgba(79,153,174,.045);
}
body.cinematic-v60 .brand img{object-fit:cover}
body.cinematic-v60 .edition{
  justify-self:start;
  font-size:9px;
  line-height:1;
  letter-spacing:.22em;
  color:#737f85;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.cinematic-v60 .edition b{color:#cfd7d9;font-weight:550}
body.cinematic-v60 .lang-switch{
  min-height:38px;
  padding:3px;
  border:1px solid rgba(182,213,222,.14);
  background:rgba(255,255,255,.012);
  box-shadow:inset 0 0 28px rgba(69,142,163,.025);
}
body.cinematic-v60 .lang-switch button{
  min-width:38px;
  height:30px;
  padding:0 8px;
  font-size:9px;
  letter-spacing:.13em;
  color:#859198;
}
body.cinematic-v60 .lang-switch button.active,
body.cinematic-v60 .lang-switch button[aria-pressed="true"]{
  color:#061014;
  background:linear-gradient(135deg,#edf4f5,#c9dce1);
  box-shadow:0 0 24px rgba(132,201,219,.11);
}
body.cinematic-v60 .menu-button{
  min-width:112px;
  height:38px;
  padding:0 15px;
  border-color:rgba(184,216,225,.16);
  background:rgba(255,255,255,.01);
  font-size:9px;
  letter-spacing:.22em;
  transition:border-color .25s ease,background .25s ease,transform .25s ease;
}
body.cinematic-v60 .menu-button:hover{
  border-color:rgba(115,190,210,.42);
  background:rgba(53,119,137,.07);
  transform:translateY(-1px);
}

/* Drawer */
body.cinematic-v60 .drawer{
  width:min(500px,96vw);
  padding:96px 36px 46px;
  background:
    radial-gradient(circle at 80% 6%,rgba(58,130,150,.09),transparent 23%),
    rgba(2,7,10,.988);
  border-left:1px solid rgba(184,216,225,.12);
  box-shadow:-30px 0 90px rgba(0,0,0,.45);
}
body.cinematic-v60 .drawer-kicker{
  margin-bottom:28px;
  font-size:9px;
  letter-spacing:.28em;
  color:#6f8087;
}
body.cinematic-v60 .drawer-nav a{
  grid-template-columns:46px 1fr;
  gap:14px;
  padding:18px 0;
  border-top-color:rgba(188,216,224,.09);
  transition:padding .25s ease,background .25s ease;
}
body.cinematic-v60 .drawer-nav a:hover{padding-left:8px;background:linear-gradient(90deg,rgba(62,137,158,.05),transparent)}
body.cinematic-v60 .drawer-nav b{font-size:10px;color:#477f8e}
body.cinematic-v60 .drawer-nav span{font-size:clamp(22px,2vw,30px);line-height:1.04;color:#e8e5df}
body.cinematic-v60 .drawer-close{border-color:rgba(188,216,224,.15);color:#bdc9cd}
body.cinematic-v60 .drawer-backdrop.open{background:rgba(0,0,0,.70);backdrop-filter:blur(4px)}

/* Desktop chapter rail */
body.cinematic-v60 .chapter-spine{
  border-color:rgba(184,215,224,.10)!important;
  background:linear-gradient(180deg,rgba(4,10,13,.88),rgba(3,8,11,.76))!important;
  backdrop-filter:blur(20px);
  box-shadow:0 30px 70px rgba(0,0,0,.26);
}
body.cinematic-v60 .chapter-spine .spine-head{font-size:8px;letter-spacing:.20em;color:#738086}
body.cinematic-v60 .chapter-spine .spine-nav a{border-color:rgba(188,216,224,.07)!important}
body.cinematic-v60 .chapter-spine .spine-nav i{color:#356f7f!important}
body.cinematic-v60 .chapter-spine .spine-nav span{font-size:12px!important;color:#aeb7ba!important}
body.cinematic-v60 .chapter-spine .spine-nav a.active span{color:#f0eee8!important}
body.cinematic-v60 .chapter-spine .spine-nav a.active i{color:#79b8ca!important}

/* COVER — a real cinematic opening title card. */
body.cinematic-v60 .cover{
  min-height:100svh;
  padding:116px clamp(24px,5vw,78px) 70px;
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.15fr);
  grid-template-rows:1fr auto;
  align-items:center;
  gap:clamp(34px,5vw,86px);
  text-align:left;
  background:
    radial-gradient(ellipse at 21% 35%,rgba(83,155,177,.09),transparent 26%),
    radial-gradient(ellipse at 79% 26%,rgba(220,235,240,.035),transparent 22%),
    linear-gradient(135deg,#020609 0%,#050a0d 46%,#020609 100%);
}
body.cinematic-v60 .cover::before{
  opacity:.42;
  background:
    linear-gradient(rgba(196,220,228,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(196,220,228,.018) 1px,transparent 1px);
  background-size:9vw 9vw;
  mask-image:linear-gradient(to bottom,black,transparent 90%);
}
body.cinematic-v60 .cover::after{
  width:min(62vw,900px);
  right:-18vw;
  top:-24vw;
  border-color:rgba(111,181,200,.075);
  box-shadow:0 0 180px rgba(67,138,158,.035),inset 0 0 100px rgba(220,233,238,.018);
}
body.cinematic-v60 .cover-signature{
  grid-column:1;
  grid-row:1;
  width:min(520px,100%);
  margin:0;
  justify-self:center;
}
body.cinematic-v60 .cover-signature::before{inset:-14px;border-color:rgba(187,215,223,.10)}
body.cinematic-v60 .cover-signature::after{bottom:-22px;background:linear-gradient(135deg,#e9f1f3,#4f8ea0)}
body.cinematic-v60 .cover-signature-frame{
  aspect-ratio:4/3;
  padding:1px;
  background:linear-gradient(135deg,rgba(223,237,242,.24),rgba(70,139,159,.11),rgba(255,255,255,.025));
  box-shadow:0 36px 110px rgba(0,0,0,.54),0 0 90px rgba(59,132,152,.055);
}
body.cinematic-v60 .cover-signature-frame img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  background:#010304;
}
body.cinematic-v60 .cover-copy{
  grid-column:2;
  grid-row:1;
  max-width:780px;
  margin:0;
}
body.cinematic-v60 .cover .kicker{
  margin-bottom:22px;
  font-size:10px;
  letter-spacing:.34em;
  color:#6c8993;
}
body.cinematic-v60 .cover h1{
  max-width:780px;
  margin:0;
  font-size:clamp(68px,7vw,118px);
  line-height:.84;
  letter-spacing:-.055em;
  color:#f1eee8;
  text-wrap:balance;
}
body.cinematic-v60 .cover h2{
  max-width:620px;
  margin:24px 0 0;
  font-size:clamp(26px,2.4vw,40px);
  line-height:1.02;
  font-weight:400;
  color:#9ea9ad;
}
body.cinematic-v60 .cover p{
  max-width:670px;
  margin-top:26px;
  font-size:10px;
  line-height:1.75;
  letter-spacing:.18em;
  color:#6f7d83;
}
body.cinematic-v60 .cover-nine{
  grid-column:1 / -1;
  grid-row:2;
  position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(9,1fr)!important;
  gap:10px!important;
  padding-top:16px!important;
  margin-top:0!important;
  border-top:1px solid rgba(190,217,225,.10);
}
body.cinematic-v60 .cover-nine span{display:grid;gap:8px}
body.cinematic-v60 .cover-nine b{font-size:8px!important;letter-spacing:.14em!important;color:#526d76!important}
body.cinematic-v60 .cover-nine i{height:2px!important;background:linear-gradient(90deg,rgba(48,112,130,.35),rgba(130,194,211,.55),rgba(226,239,243,.28))!important}
body.cinematic-v60 .scroll-cue{
  right:clamp(24px,5vw,78px)!important;
  bottom:28px!important;
  left:auto!important;
  font-size:8px;
  letter-spacing:.22em;
  color:#879196;
}
body.cinematic-v60 .resume-link{border-color:rgba(118,182,199,.18)!important;background:rgba(4,12,16,.66)!important}

/* Index / chapter map */
body.cinematic-v60 .book-index{
  position:relative;
  padding:clamp(92px,10vw,150px) clamp(24px,5vw,78px);
  background:
    radial-gradient(circle at 8% 12%,rgba(59,132,152,.06),transparent 22%),
    linear-gradient(180deg,#03080b,#050b0f 62%,#03080b);
}
body.cinematic-v60 .book-index-shell{width:min(1240px,100%);margin:auto}
body.cinematic-v60 .book-index h2{color:#f0eee8}
body.cinematic-v60 .seven-index,
body.cinematic-v60 .nine-index{border-top-color:var(--v60-line)}
body.cinematic-v60 .seven-index a,
body.cinematic-v60 .nine-index a{
  min-height:84px;
  border-bottom-color:rgba(193,219,227,.085);
  transition:background .25s ease,padding-left .25s ease,border-color .25s ease;
}
body.cinematic-v60 .seven-index a:hover,
body.cinematic-v60 .nine-index a:hover{
  padding-left:12px;
  border-bottom-color:rgba(101,176,197,.24);
  background:linear-gradient(90deg,rgba(52,121,140,.075),transparent 62%);
}
body.cinematic-v60 .seven-index em,
body.cinematic-v60 .nine-index em{color:#2f6d7e}

/* CHAPTERS — one stable editorial system. */
body.cinematic-v60 .chapter{
  padding:clamp(86px,8vw,132px) clamp(22px,5vw,76px) clamp(94px,9vw,142px);
  scroll-margin-top:72px;
  border-top:1px solid rgba(193,219,227,.075);
  background:
    radial-gradient(circle at 92% 10%,rgba(53,122,142,.06),transparent 24%),
    linear-gradient(180deg,#020609 0%,#050b0f 48%,#020609 100%);
}
body.cinematic-v60 .chapter::before{
  opacity:.7;
  background:
    linear-gradient(118deg,transparent 0 66%,rgba(108,173,192,.018) 66.1%,transparent 66.55%),
    linear-gradient(62deg,transparent 0 83%,rgba(230,239,242,.012) 83.1%,transparent 83.55%);
}
body.cinematic-v60 .chapter::after{display:none}
body.cinematic-v60 .chapter-shell{width:min(1260px,100%);margin:0 auto}
body.cinematic-v60 .chapter-folio{
  margin-bottom:22px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(190,217,225,.075);
  font-size:8px;
  letter-spacing:.22em;
  color:#65747a;
}
body.cinematic-v60 .chapter-ordinal{
  margin-bottom:30px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(190,217,225,.10);
}
body.cinematic-v60 .chapter-number{
  font-family:var(--mono);
  font-size:clamp(64px,7vw,112px);
  line-height:.75;
  font-weight:300;
  letter-spacing:-.07em;
  color:#285f70!important;
  text-shadow:0 0 42px rgba(62,139,159,.08)!important;
}
body.cinematic-v60 .chapter-label{
  max-width:58%;
  padding-bottom:3px;
  font-size:9px;
  line-height:1.5;
  letter-spacing:.26em;
  color:#557986!important;
}
body.cinematic-v60 .chapter-visual,
body.cinematic-v60 .diamond-photo{
  border:1px solid rgba(202,224,231,.12)!important;
  background:#03070a!important;
  box-shadow:0 40px 120px rgba(0,0,0,.50),0 0 0 1px rgba(77,151,171,.03),0 0 90px rgba(64,139,160,.035)!important;
}
body.cinematic-v60 .chapter-visual::before,
body.cinematic-v60 .diamond-photo::before{
  background:linear-gradient(90deg,rgba(3,7,10,.21),transparent 14%,transparent 86%,rgba(3,7,10,.21)),linear-gradient(0deg,rgba(3,7,10,.20),transparent 18%,transparent 82%,rgba(255,255,255,.018))!important;
}
body.cinematic-v60 .chapter-visual::after,
body.cinematic-v60 .diamond-photo::after{
  opacity:.46!important;
  background:radial-gradient(circle at 82% 14%,rgba(78,151,171,.14),transparent 22%),linear-gradient(128deg,transparent 0 44%,rgba(239,248,250,.055) 49%,transparent 54%),linear-gradient(154deg,rgba(56,128,147,.055),transparent 35%)!important;
}
body.cinematic-v60 .chapter .chapter-visual img,
body.cinematic-v60 .chapter .diamond-photo img{
  filter:grayscale(.94) saturate(.26) contrast(1.11) brightness(.90)!important;
  transition:transform 1.1s cubic-bezier(.2,.65,.2,1),filter .8s ease!important;
}
body.cinematic-v60 .chapter .chapter-visual:hover img,
body.cinematic-v60 .chapter .diamond-photo:hover img{
  transform:scale(1.008)!important;
  filter:grayscale(.92) saturate(.30) contrast(1.12) brightness(.94)!important;
}
body.cinematic-v60 .chapter-heading{padding-top:38px}
body.cinematic-v60 .chapter-heading::before{
  width:92px;
  margin-bottom:24px;
  background:linear-gradient(90deg,#5b9bad,transparent);
}
body.cinematic-v60 .chapter-heading h2{
  max-width:1120px;
  font-size:clamp(48px,5.4vw,84px);
  line-height:.94;
  letter-spacing:-.045em;
  color:#f2efe8;
}
body.cinematic-v60 .chapter-deck{
  max-width:880px;
  margin-top:18px;
  font-size:10px;
  line-height:1.75;
  letter-spacing:.15em;
  color:#718087;
}
body.cinematic-v60 .chapter-copy{
  max-width:1120px;
  margin:42px auto 0;
  padding-top:38px;
  column-gap:clamp(42px,5vw,74px);
  column-rule:1px solid rgba(190,217,225,.07);
  border-top:1px solid rgba(190,217,225,.09);
  font-size:18px;
  line-height:1.78;
  color:#c7c5bf;
}
body.cinematic-v60 .chapter-copy .lead{font-size:21px;line-height:1.68;color:#eeebe5}
body.cinematic-v60 .chapter-copy .lead:first-letter{
  color:#76aebd!important;
  text-shadow:0 0 30px rgba(70,151,173,.14)!important;
}
body.cinematic-v60 .chapter-copy .statement{
  border-color:rgba(84,155,175,.20)!important;
  color:#d8e5e8!important;
}
body.cinematic-v60 .chapter-passage{
  margin-top:clamp(54px,7vw,100px);
  border-top-color:rgba(189,216,224,.08)!important;
}
body.cinematic-v60 .chapter-passage .passage-rule b{color:#387789!important}
body.cinematic-v60 .chapter-passage a{border-color:rgba(83,155,175,.15)!important;background:rgba(4,12,16,.40)!important}
body.cinematic-v60 .chapter-passage a:hover{border-color:rgba(102,180,201,.34)!important;background:rgba(45,111,130,.07)!important}

/* MUSIC — turn the two existing players into a single premium studio language. */
body.cinematic-v60 .music-hall{
  position:relative;
  padding:clamp(100px,10vw,160px) clamp(22px,5vw,76px);
  border-top:1px solid rgba(190,217,225,.08);
  background:
    radial-gradient(circle at 12% 8%,rgba(64,139,160,.075),transparent 24%),
    radial-gradient(circle at 88% 36%,rgba(217,233,238,.026),transparent 20%),
    linear-gradient(180deg,#020609,#061016 52%,#020609);
}
body.cinematic-v60 .music-shell{width:min(1260px,100%);margin:auto}
body.cinematic-v60 .music-header{max-width:900px;margin-bottom:clamp(54px,7vw,96px)}
body.cinematic-v60 .music-eyebrow{font-size:9px;letter-spacing:.30em;color:#6c96a3}
body.cinematic-v60 .music-header h2{font-size:clamp(60px,7vw,108px);line-height:.88;letter-spacing:-.05em;color:#f1eee7}
body.cinematic-v60 .music-header p{max-width:650px;font-size:18px;line-height:1.7;color:#9ba5a8}
body.cinematic-v60 .music-releases{display:grid;gap:clamp(72px,9vw,130px)}
body.cinematic-v60 .music-release{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:clamp(36px,6vw,84px);
  align-items:start;
  padding:0 0 clamp(72px,8vw,112px);
  border-top:1px solid rgba(190,217,225,.10);
}
body.cinematic-v60 .music-release:first-child{padding-top:38px}
body.cinematic-v60 .music-art-column{position:sticky;top:108px}
body.cinematic-v60 .music-artwork{
  margin:0;
  padding:1px;
  border:1px solid rgba(191,218,226,.13);
  background:linear-gradient(135deg,rgba(223,237,242,.13),rgba(55,128,148,.06),rgba(255,255,255,.02));
  box-shadow:0 38px 110px rgba(0,0,0,.48),0 0 80px rgba(67,143,164,.045);
}
body.cinematic-v60 .music-artwork img{width:100%;aspect-ratio:1;object-fit:cover}
body.cinematic-v60 .music-release-meta{padding-top:18px;border-top:1px solid rgba(188,216,224,.08);margin-top:16px}
body.cinematic-v60 .music-release-meta span{font-size:8px;letter-spacing:.20em;color:#64767d}
body.cinematic-v60 .music-release-meta strong{font-size:clamp(26px,2.5vw,38px);color:#e9e7e1}
body.cinematic-v60 .music-console{
  padding:clamp(26px,3.2vw,44px)!important;
  border:1px solid rgba(183,214,223,.12)!important;
  background:
    radial-gradient(circle at 86% 4%,rgba(72,151,172,.075),transparent 24%),
    linear-gradient(180deg,rgba(8,17,22,.84),rgba(4,10,14,.78))!important;
  box-shadow:0 40px 110px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.02)!important;
}
body.cinematic-v60 .music-console-head>span{font-size:8px;letter-spacing:.24em;color:#6391a0}
body.cinematic-v60 .music-console-head h3{font-size:clamp(44px,4.5vw,68px);letter-spacing:-.045em;color:#f0ede7}
body.cinematic-v60 .music-console-head p{font-size:15px;line-height:1.7;color:#8f9a9e}
body.cinematic-v60 .music-now{
  margin-top:28px;
  padding:24px!important;
  border:1px solid rgba(183,214,223,.12)!important;
  background:linear-gradient(135deg,rgba(9,22,28,.90),rgba(3,10,14,.72))!important;
}
body.cinematic-v60 .music-now-copy small{font-size:8px;letter-spacing:.22em;color:#5f8794}
body.cinematic-v60 .music-now-copy strong{font-size:clamp(24px,2.5vw,36px);line-height:1.05;color:#f0eee8}
body.cinematic-v60 .music-now-copy span{font-size:8px;letter-spacing:.18em;color:#66777d}
body.cinematic-v60 .music-spectrum{height:82px!important;opacity:.88;filter:drop-shadow(0 0 12px rgba(99,180,201,.12))}
body.cinematic-v60 .music-transport{
  margin-top:16px!important;
  padding:16px 18px!important;
  border-color:rgba(183,214,223,.10)!important;
  background:rgba(2,7,10,.42)!important;
}
body.cinematic-v60 .music-transport button{
  width:48px;height:48px;
  border-color:rgba(173,208,218,.15)!important;
  background:rgba(7,17,22,.78)!important;
  color:#b6c4c9;
}
body.cinematic-v60 .music-transport .music-play{
  width:76px!important;height:76px!important;
  border-color:rgba(115,189,208,.44)!important;
  background:radial-gradient(circle at 42% 36%,rgba(70,148,169,.28),rgba(5,14,18,.95) 68%)!important;
  box-shadow:0 0 0 6px rgba(77,155,175,.035),0 18px 42px rgba(0,0,0,.34),inset 0 0 26px rgba(93,181,204,.065)!important;
  color:#e8f1f3;
}
body.cinematic-v60 .music-progress{gap:12px!important}
body.cinematic-v60 .music-progress span{font-size:8px;color:#6c7d83}
body.cinematic-v60 .music-progress input[type="range"],
body.cinematic-v60 .music-sound input[type="range"]{accent-color:#65a4b6}
body.cinematic-v60 .music-sound{
  grid-template-columns:auto minmax(150px,.55fr) 1fr!important;
  gap:14px 24px!important;
  margin-top:16px!important;
  padding-top:18px!important;
  border-top-color:rgba(183,214,223,.09)!important;
}
body.cinematic-v60 .studio-toggle{
  min-width:104px!important;
  min-height:40px!important;
  border-color:rgba(126,190,207,.22)!important;
  color:#a9babf!important;
  background:rgba(9,21,27,.64)!important;
}
body.cinematic-v60 .studio-toggle.active{color:#dff4f7!important;border-color:rgba(112,194,215,.46)!important;box-shadow:inset 0 0 28px rgba(86,170,190,.08)!important}
body.cinematic-v60 .music-quality span{font-size:7px!important;border-color:rgba(175,208,218,.10)!important;color:#72858b!important}
body.cinematic-v60 .music-tracklist{margin-top:26px!important;border-top-color:rgba(183,214,223,.10)!important}
body.cinematic-v60 .music-tracklist button{
  min-height:62px;
  border-bottom:1px solid rgba(183,214,223,.075)!important;
  transition:background .22s ease,transform .22s ease,border-color .22s ease!important;
}
body.cinematic-v60 .music-tracklist button:hover{background:linear-gradient(90deg,rgba(55,126,145,.10),transparent)!important;transform:translateX(3px)!important}
body.cinematic-v60 .music-tracklist button.active{background:linear-gradient(90deg,rgba(60,138,158,.15),transparent)!important;box-shadow:inset 2px 0 #6aa8b9!important}
body.cinematic-v60 .music-tracklist button span{color:#4e7884!important}
body.cinematic-v60 .music-tracklist button strong{font-size:17px;color:#d9d8d3}
body.cinematic-v60 .music-tracklist button time{font-size:9px;color:#68777d}

/* BOOKS & WRITINGS */
body.cinematic-v60 .writings-library{
  padding:clamp(100px,10vw,160px) clamp(22px,5vw,76px);
  background:
    radial-gradient(circle at 88% 8%,rgba(70,143,164,.055),transparent 22%),
    linear-gradient(180deg,#03080b,#050b0e 60%,#03080b);
  border-top:1px solid rgba(190,217,225,.08);
}
body.cinematic-v60 .writings-shell{width:min(1260px,100%);margin:auto}
body.cinematic-v60 .writings-head{margin-bottom:clamp(52px,7vw,92px)}
body.cinematic-v60 .writings-eyebrow{font-size:9px;letter-spacing:.30em;color:#668f9c}
body.cinematic-v60 .writings-head h2{font-size:clamp(58px,7vw,104px);line-height:.90;letter-spacing:-.05em;color:#f1eee7}
body.cinematic-v60 .writings-grid{gap:clamp(24px,3vw,40px)}
body.cinematic-v60 .writing-card{
  border:1px solid rgba(187,215,223,.11)!important;
  background:linear-gradient(180deg,rgba(8,15,19,.82),rgba(4,9,12,.70))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.22)!important;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
body.cinematic-v60 .writing-card:hover{transform:translateY(-5px);border-color:rgba(105,177,197,.26)!important;box-shadow:0 38px 100px rgba(0,0,0,.30),0 0 55px rgba(63,138,159,.035)!important}
body.cinematic-v60 .writing-cover{background:#020507!important}
body.cinematic-v60 .writing-cover img{filter:grayscale(.28) saturate(.65) contrast(1.04);transition:transform .5s ease}
body.cinematic-v60 .writing-card:hover .writing-cover img{transform:scale(1.012)}
body.cinematic-v60 .writing-copy{padding:26px!important}
body.cinematic-v60 .writing-type{font-size:8px!important;letter-spacing:.22em!important;color:#658d99!important}
body.cinematic-v60 .writing-copy h3{font-size:clamp(28px,2.7vw,42px)!important;line-height:1.02!important;color:#eeeae3!important}
body.cinematic-v60 .writing-subtitle{color:#879398!important}
body.cinematic-v60 .writing-meta{border-top-color:rgba(187,215,223,.08)!important;color:#65757b!important}
body.cinematic-v60 .writing-actions a{border-color:rgba(177,210,219,.13)!important;background:rgba(5,13,17,.58)!important;color:#c9d2d4!important}
body.cinematic-v60 .writing-actions a:hover{border-color:rgba(105,180,200,.32)!important;background:rgba(54,126,146,.08)!important}

/* ACHIEVEMENTS — documentary wall, not a card soup. */
body.cinematic-v60 .achievements{
  padding:clamp(100px,10vw,160px) 0;
  background:
    radial-gradient(circle at 12% 6%,rgba(61,134,154,.07),transparent 24%),
    linear-gradient(180deg,#020609,#061015 44%,#020609);
}
body.cinematic-v60 .achievements-shell{width:min(1260px,calc(100% - 48px));margin:auto}
body.cinematic-v60 .achievements-head{margin-bottom:clamp(62px,8vw,112px)}
body.cinematic-v60 .achievements-eyebrow{font-size:9px;letter-spacing:.30em;color:#6591a0}
body.cinematic-v60 .achievements-head h2{font-size:clamp(58px,7vw,108px);line-height:.89;letter-spacing:-.052em;color:#f1eee7}
body.cinematic-v60 .achievements-intro{font-size:18px;line-height:1.8;color:#9ba5a8}
body.cinematic-v60 .achievements-rule{font-size:8px;color:#547f8d}
body.cinematic-v60 .achievement-ledger{gap:clamp(32px,4vw,56px)}
body.cinematic-v60 .achievement-card{
  position:relative;
  border-color:rgba(187,215,223,.10)!important;
  background:linear-gradient(180deg,rgba(7,15,19,.78),rgba(3,9,12,.72))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.22)!important;
  overflow:hidden;
}
body.cinematic-v60 .achievement-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid transparent;
  background:linear-gradient(135deg,rgba(108,181,201,.055),transparent 28%,transparent 72%,rgba(228,239,242,.025)) border-box;
  mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
body.cinematic-v60 .achievement-number{
  color:#2e6d7e!important;
  font-size:clamp(44px,4.6vw,76px)!important;
  text-shadow:none!important;
}
body.cinematic-v60 .achievement-media,
body.cinematic-v60 .achievement-report-gallery,
body.cinematic-v60 .achievement-gallery-4{background:#03070a}
body.cinematic-v60 .achievement-card:not(.achievement-card--document):not(.achievement-card--report):not(.achievement-card--gallery) .achievement-media img{
  filter:grayscale(.88) saturate(.32) contrast(1.07) brightness(.92);
  transition:filter .45s ease,transform .55s ease;
}
body.cinematic-v60 .achievement-card:not(.achievement-card--document):not(.achievement-card--report):not(.achievement-card--gallery):hover .achievement-media img{
  filter:grayscale(.84) saturate(.38) contrast(1.08) brightness(.96);
  transform:scale(1.008);
}
body.cinematic-v60 .achievement-copy{padding:clamp(24px,3vw,38px)!important}
body.cinematic-v60 .achievement-kicker{font-size:8px!important;letter-spacing:.23em!important;color:#608a97!important}
body.cinematic-v60 .achievement-copy h3{font-size:clamp(28px,3vw,44px)!important;line-height:1.02!important;color:#efebe4!important}
body.cinematic-v60 .achievement-copy p{font-size:16px!important;line-height:1.75!important;color:#a9b0b2!important}
body.cinematic-v60 .achievement-source{border-color:rgba(178,210,219,.12)!important;color:#b7c4c8!important}
body.cinematic-v60 .achievement-divider{
  padding:clamp(42px,6vw,76px) 0!important;
  border-top:1px solid rgba(190,217,225,.10)!important;
  border-bottom:1px solid rgba(190,217,225,.10)!important;
}
body.cinematic-v60 .achievement-divider span{font-size:8px!important;color:#5f8b98!important}
body.cinematic-v60 .achievement-divider strong{font-size:clamp(42px,5vw,72px)!important;color:#efebe4!important}
body.cinematic-v60 .achievement-divider p{color:#919ca0!important}

/* ARCHIVES — dense but elegant, designed for long lists. */
body.cinematic-v60 .archive-center{
  padding:clamp(100px,10vw,160px) clamp(22px,5vw,76px) 120px;
  border-top:1px solid rgba(190,217,225,.08);
  background:
    radial-gradient(circle at 84% 4%,rgba(62,136,157,.055),transparent 22%),
    linear-gradient(180deg,#03080b,#050c10 58%,#020609);
}
body.cinematic-v60 .archive-shell{width:min(1260px,100%);margin:auto}
body.cinematic-v60 .archive-eyebrow{font-size:9px!important;letter-spacing:.30em!important;color:#638f9d!important}
body.cinematic-v60 .archive-head h2{font-size:clamp(58px,7vw,108px)!important;line-height:.90!important;letter-spacing:-.05em!important;color:#f1eee7!important}
body.cinematic-v60 .archive-tabs{
  border:1px solid rgba(183,214,223,.11)!important;
  background:rgba(4,11,15,.60)!important;
  padding:4px!important;
}
body.cinematic-v60 .archive-tabs button{
  min-height:42px!important;
  font-size:8px!important;
  letter-spacing:.19em!important;
  color:#77888f!important;
}
body.cinematic-v60 .archive-tabs button.active{background:linear-gradient(135deg,rgba(66,142,163,.22),rgba(18,50,61,.18))!important;color:#dce9ec!important;box-shadow:inset 0 0 0 1px rgba(104,184,204,.18)!important}
body.cinematic-v60 .archive-toolbar{border-color:rgba(183,214,223,.10)!important;background:rgba(2,7,10,.44)!important}
body.cinematic-v60 .archive-toolbar input{font-size:17px!important;color:#dfe3e2!important}
body.cinematic-v60 .archive-counter{color:#4f7a87!important}
body.cinematic-v60 .archive-status{color:#728087!important}
body.cinematic-v60 [data-archive-list] a,
body.cinematic-v60 .archive-list a{
  border-bottom-color:rgba(183,214,223,.075)!important;
  transition:background .2s ease,padding-left .2s ease,border-color .2s ease;
}
body.cinematic-v60 [data-archive-list] a:hover,
body.cinematic-v60 .archive-list a:hover{
  padding-left:8px!important;
  border-bottom-color:rgba(95,173,194,.22)!important;
  background:linear-gradient(90deg,rgba(51,121,140,.07),transparent)!important;
}

/* Endplate */
body.cinematic-v60 .endplate{
  min-height:52svh;
  padding:90px 24px 110px;
  background:radial-gradient(circle at 50% 0,rgba(66,137,157,.07),transparent 31%),#020609;
  border-top-color:rgba(190,217,225,.08);
}
body.cinematic-v60 .endplate::before{color:rgba(180,212,222,.018)!important}
body.cinematic-v60 .endplate a{border-color:rgba(184,215,224,.13)!important;color:#a8b4b8!important}

/* Reveal system — subtle, no dramatic motion. */
body.cinematic-v60 [data-v60-reveal]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .75s cubic-bezier(.2,.65,.2,1),transform .75s cubic-bezier(.2,.65,.2,1);
}
body.cinematic-v60 [data-v60-reveal].v60-visible{opacity:1;transform:none}

/* Desktop-specific breathing room */
@media (min-width:1200px){
  body.cinematic-v60 .chapter-copy{columns:2}
  body.cinematic-v60 .achievement-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.cinematic-v60 .achievement-card--wide,
  body.cinematic-v60 .achievement-card--report,
  body.cinematic-v60 .achievement-card--gallery,
  body.cinematic-v60 .achievement-divider{grid-column:1 / -1}
}

/* Tablet */
@media (max-width:1100px){
  body.cinematic-v60 .cover{grid-template-columns:minmax(250px,.78fr) minmax(0,1fr);gap:34px}
  body.cinematic-v60 .edition{display:none}
  body.cinematic-v60 .topbar{grid-template-columns:60px 1fr auto;gap:12px}
  body.cinematic-v60 .lang-switch{justify-self:end}
  body.cinematic-v60 .music-release{grid-template-columns:minmax(240px,.65fr) minmax(0,1fr);gap:34px}
  body.cinematic-v60 .chapter-copy{columns:1;max-width:900px}
}

/* Mobile — no sticky media, no cropping, larger tap targets, continuous scroll. */
@media (max-width:820px){
  html{scroll-padding-top:64px}
  body.cinematic-v60::before{opacity:.045}
  body.cinematic-v60 .topbar{
    height:62px;
    padding:0 12px;
    grid-template-columns:44px 1fr 38px;
    gap:8px;
  }
  body.cinematic-v60 .brand{width:40px;height:30px}
  body.cinematic-v60 .lang-switch{justify-self:center;min-height:34px;padding:2px}
  body.cinematic-v60 .lang-switch button{min-width:32px;height:28px;font-size:8px;padding:0 5px}
  body.cinematic-v60 .menu-button{min-width:38px;width:38px;height:34px;padding:0}
  body.cinematic-v60 .menu-button span{display:none}
  body.cinematic-v60 .menu-button i{margin:0;font-size:14px}
  body.cinematic-v60 .drawer{padding:82px 20px 32px}
  body.cinematic-v60 .drawer-nav span{font-size:23px}

  body.cinematic-v60 .cover{
    min-height:auto;
    padding:94px 16px 74px;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    gap:34px;
    text-align:left;
  }
  body.cinematic-v60 .cover-signature{grid-column:1;grid-row:1;width:min(100%,520px);margin:auto}
  body.cinematic-v60 .cover-signature::before{inset:-8px}
  body.cinematic-v60 .cover-copy{grid-column:1;grid-row:2;width:100%;max-width:none}
  body.cinematic-v60 .cover .kicker{font-size:8px;margin-bottom:15px}
  body.cinematic-v60 .cover h1{font-size:clamp(50px,14vw,72px);line-height:.88;max-width:100%}
  body.cinematic-v60 .cover h2{margin-top:17px;font-size:clamp(24px,7vw,34px);max-width:330px}
  body.cinematic-v60 .cover p{margin-top:20px;font-size:8px;line-height:1.7;max-width:340px}
  body.cinematic-v60 .cover-nine{grid-column:1;grid-row:3;gap:5px!important;padding-top:13px!important}
  body.cinematic-v60 .cover-nine b{font-size:6px!important}
  body.cinematic-v60 .scroll-cue{left:16px!important;right:auto!important;bottom:22px!important;font-size:7px}

  body.cinematic-v60 .book-index{padding:82px 16px}
  body.cinematic-v60 .chapter{padding:70px 16px 88px}
  body.cinematic-v60 .chapter-folio{font-size:6px;letter-spacing:.17em}
  body.cinematic-v60 .chapter-ordinal{margin-bottom:22px;padding-bottom:14px}
  body.cinematic-v60 .chapter-number{font-size:56px}
  body.cinematic-v60 .chapter-label{font-size:7px;max-width:62%;letter-spacing:.18em}
  body.cinematic-v60 .chapter-visual img,
  body.cinematic-v60 .diamond-photo img{max-height:none!important;width:100%!important;height:auto!important;object-fit:contain!important}
  body.cinematic-v60 .chapter-heading{padding-top:28px}
  body.cinematic-v60 .chapter-heading h2{font-size:clamp(39px,10.8vw,56px);line-height:.94}
  body.cinematic-v60 .chapter-deck{font-size:8px;line-height:1.65;letter-spacing:.12em}
  body.cinematic-v60 .chapter-copy{columns:1;margin-top:30px;padding-top:28px;font-size:17px;line-height:1.72}
  body.cinematic-v60 .chapter-copy .lead{font-size:19px}
  body.cinematic-v60 .chapter-copy .lead:first-letter{font-size:58px}

  body.cinematic-v60 .music-hall,
  body.cinematic-v60 .writings-library,
  body.cinematic-v60 .archive-center{padding:82px 16px}
  body.cinematic-v60 .music-header h2,
  body.cinematic-v60 .writings-head h2,
  body.cinematic-v60 .archive-head h2{font-size:clamp(50px,13vw,74px)}
  body.cinematic-v60 .music-release{grid-template-columns:1fr;gap:28px;padding-bottom:80px}
  body.cinematic-v60 .music-art-column{position:relative;top:auto}
  body.cinematic-v60 .music-artwork{width:min(100%,560px);margin:auto}
  body.cinematic-v60 .music-console{padding:20px!important}
  body.cinematic-v60 .music-console-head h3{font-size:43px}
  body.cinematic-v60 .music-now{padding:18px!important}
  body.cinematic-v60 .music-now-copy strong{font-size:25px}
  body.cinematic-v60 .music-spectrum{height:64px!important}
  body.cinematic-v60 .music-transport .music-play{width:68px!important;height:68px!important}
  body.cinematic-v60 .music-sound{grid-template-columns:1fr!important;gap:14px!important}
  body.cinematic-v60 .music-quality{justify-content:flex-start!important}
  body.cinematic-v60 .music-tracklist button{min-height:58px}
  body.cinematic-v60 .music-tracklist button strong{font-size:15px}

  body.cinematic-v60 .writings-grid{grid-template-columns:1fr!important}
  body.cinematic-v60 .writing-card{max-width:620px;margin:auto;width:100%}

  body.cinematic-v60 .achievements{padding:84px 0}
  body.cinematic-v60 .achievements-shell{width:calc(100% - 32px)}
  body.cinematic-v60 .achievements-head{grid-template-columns:1fr;gap:28px;margin-bottom:60px}
  body.cinematic-v60 .achievements-head h2{font-size:clamp(48px,12vw,70px)}
  body.cinematic-v60 .achievement-ledger{grid-template-columns:1fr!important;gap:26px}
  body.cinematic-v60 .achievement-card,
  body.cinematic-v60 .achievement-card--wide,
  body.cinematic-v60 .achievement-card--report,
  body.cinematic-v60 .achievement-card--gallery{grid-column:auto!important}
  body.cinematic-v60 .achievement-copy{padding:22px!important}
  body.cinematic-v60 .achievement-copy h3{font-size:31px!important}
  body.cinematic-v60 .achievement-copy p{font-size:15px!important}
  body.cinematic-v60 .achievement-gallery-4{grid-template-columns:repeat(2,1fr)!important}
  body.cinematic-v60 .achievement-report-gallery{grid-template-columns:1fr!important}
  body.cinematic-v60 .achievement-divider strong{font-size:43px!important}

  body.cinematic-v60 .archive-tabs{display:flex!important;overflow-x:auto!important;scrollbar-width:none}
  body.cinematic-v60 .archive-tabs::-webkit-scrollbar{display:none}
  body.cinematic-v60 .archive-tabs button{flex:0 0 auto;min-width:112px!important}
  body.cinematic-v60 .archive-toolbar{padding:14px!important}
}

@media (max-width:430px){
  body.cinematic-v60 .cover-signature-frame{aspect-ratio:4/3}
  body.cinematic-v60 .cover h1{font-size:52px}
  body.cinematic-v60 .cover h2{font-size:25px}
  body.cinematic-v60 .chapter-number{font-size:52px}
  body.cinematic-v60 .chapter-heading h2{font-size:40px}
  body.cinematic-v60 .music-console-head h3{font-size:38px}
  body.cinematic-v60 .music-transport{gap:10px!important}
  body.cinematic-v60 .music-transport button{width:44px;height:44px}
  body.cinematic-v60 .music-transport .music-play{width:64px!important;height:64px!important}
  body.cinematic-v60 .achievement-gallery-4{grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion:reduce){
  body.cinematic-v60 [data-v60-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  body.cinematic-v60 .writing-card,
  body.cinematic-v60 .music-tracklist button,
  body.cinematic-v60 .chapter img{transition:none!important}
}

/* V62 — Inventaire maître Interviews 1 → 304 */
#archives.archive-master-interviews .archive-list{counter-reset:archive}
#archives.archive-master-interviews .archive-link:before{content:counter(archive);font-variant-numeric:tabular-nums}
#archives.archive-master-interviews .archive-item{contain-intrinsic-size:76px}
@media (max-width:720px){
  #archives.archive-master-interviews .archive-link{grid-template-columns:38px minmax(0,1fr) auto}
  #archives.archive-master-interviews .archive-link:before{font-size:8px;padding-right:7px}
}