.story-page{background:#030708;color:#dbe3e6}
.story-main{padding-top:var(--topbar-height,70px)}
.story-hero{position:relative;min-height:min(68vw,760px);max-height:760px;overflow:hidden;border-bottom:1px solid rgba(124,154,168,.25);background:#020607}
.story-main-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .24s ease,transform .65s cubic-bezier(.2,.7,.2,1);transform:scale(1.001)}
.story-main-image.is-changing{opacity:.28;transform:scale(1.012)}
.story-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,8,.76) 0%,rgba(2,6,8,.26) 48%,rgba(2,6,8,.08) 72%),linear-gradient(0deg,rgba(2,6,8,.72) 0%,transparent 35%)}
.story-title-block{position:absolute;left:clamp(32px,7vw,138px);bottom:clamp(38px,7vw,96px);z-index:2;max-width:760px}
.story-title-block h1{margin:.12em 0 .08em;font-family:"Barlow Condensed",sans-serif;font-size:clamp(64px,8vw,146px);font-weight:300;letter-spacing:.095em;text-transform:uppercase;line-height:.82;color:#f0f4f5;text-shadow:0 8px 34px rgba(0,0,0,.55)}
.story-kicker{margin:0;text-transform:uppercase;letter-spacing:.2em;font-family:"Barlow Condensed",sans-serif;font-size:18px;color:#d6aa45}
.story-gallery{width:min(1180px,calc(100% - 48px));margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.story-thumb{position:relative;appearance:none;border:1px solid rgba(128,157,168,.26);padding:0;background:#071013;aspect-ratio:16/9;overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.story-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72;transition:opacity .2s ease,transform .4s ease}
.story-thumb:hover,.story-thumb:focus-visible{border-color:rgba(218,171,66,.72);outline:none;transform:translateY(-2px)}
.story-thumb:hover img,.story-thumb:focus-visible img{opacity:1;transform:scale(1.025)}
.story-thumb.active{border-color:#d5a63b;box-shadow:0 0 0 1px rgba(213,166,59,.22),0 0 24px rgba(213,166,59,.09)}
.story-thumb.active img{opacity:1}
.story-thumb.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#d5a63b}
.story-reader-shell{width:min(1160px,calc(100% - 48px));margin:64px auto 86px}
.story-reader-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:0 2px 18px;border-bottom:1px solid rgba(128,157,168,.24)}
.story-reader-heading h2{margin:.08em 0 0;font-family:"Barlow Condensed",sans-serif;font-size:clamp(44px,5vw,72px);font-weight:300;letter-spacing:.08em;text-transform:uppercase;color:#f1f4f5}
.story-page-readout{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.17em;color:#80939b;font-size:14px;white-space:nowrap}
.story-page-readout strong{font-weight:400;color:#d8aa43;font-size:22px;margin:0 4px}
.book-page{position:relative;margin-top:26px;min-height:680px;background:linear-gradient(180deg,rgba(10,17,20,.98),rgba(6,12,14,.98));border:1px solid rgba(129,154,164,.25);box-shadow:0 24px 70px rgba(0,0,0,.3);overflow:hidden}
.book-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.015),transparent 14%,transparent 86%,rgba(255,255,255,.012));opacity:.7}
.book-page-inner{max-width:790px;margin:0 auto;padding:70px 76px 78px;font-family:"Libre Baskerville",Georgia,serif;font-size:18px;line-height:1.92;color:#d7dddf;transition:opacity .16s ease,transform .2s ease}
.book-page-inner.is-changing{opacity:0;transform:translateY(5px)}
.book-page-inner p{margin:0 0 1.32em;text-indent:1.6em}
.book-page-inner p:first-child{text-indent:0}
.book-page-inner p:first-child::first-letter{float:left;font-size:4.1em;line-height:.76;padding:.11em .12em 0 0;color:#d4a33d;font-family:"Barlow Condensed",sans-serif;font-weight:400}
.book-page-inner .story-placeholder-note{font-family:"Inter",sans-serif;text-indent:0;padding:14px 16px;margin:0 0 34px;border-left:2px solid #d4a33d;background:rgba(212,163,61,.055);font-size:13px;line-height:1.55;color:#9ba9ae;letter-spacing:.02em}
.book-page-inner .story-break{display:block;width:84px;height:1px;background:rgba(212,163,61,.5);margin:38px auto}
.story-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin-top:20px}
.story-pagination #storyPrev{justify-self:start}
.story-pagination #storyNext{justify-self:end}
.story-pagination button:disabled{opacity:.3;pointer-events:none}
.story-page-dots{display:flex;align-items:center;gap:8px}
.story-page-dots i{display:block;width:24px;height:2px;background:#34434a;transition:width .2s ease,background .2s ease}
.story-page-dots i.active{width:42px;background:#d5a63b}
@media(max-width:900px){.story-main{padding-top:0}.story-hero{min-height:62vh}.story-gallery{width:calc(100% - 28px);grid-template-columns:repeat(2,1fr)}.story-reader-shell{width:calc(100% - 28px);margin-top:46px}.book-page{min-height:600px}.book-page-inner{padding:48px 34px 58px;font-size:17px}.story-reader-heading{align-items:flex-start;flex-direction:column;gap:12px}.story-pagination{grid-template-columns:1fr 1fr}.story-page-dots{display:none}.story-pagination #storyPrev,.story-pagination #storyNext{justify-self:stretch}.story-pagination button{width:100%}}
@media(max-width:560px){.story-title-block{left:24px;right:24px;bottom:34px}.story-title-block h1{font-size:58px}.story-gallery{gap:8px}.book-page-inner{padding:38px 22px 46px;font-size:16px;line-height:1.82}.story-reader-heading h2{font-size:46px}}

/* V8 — story page retouches */
.story-main{padding-top:0!important}
.story-hero{border-bottom:0!important}
.story-title-block{max-width:none!important;right:clamp(32px,7vw,138px)}
.story-title-block h1{white-space:nowrap!important;line-height:1!important;font-size:clamp(54px,7.2vw,132px)!important;letter-spacing:.085em!important}
.story-gallery{
  --story-thumb-height:clamp(92px,9.6vw,150px);
  position:relative;
  z-index:8;
  height:var(--story-thumb-height);
  margin:calc(var(--story-thumb-height) / -2) auto 0!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px;
}
.story-thumb{height:var(--story-thumb-height);aspect-ratio:auto!important;box-shadow:0 14px 34px rgba(0,0,0,.34)}
.story-reader-shell{margin-top:58px!important}
@media(max-width:900px){
  .story-main{padding-top:0!important}
  .story-gallery{--story-thumb-height:clamp(72px,12vw,105px);width:calc(100% - 24px);grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px}
  .story-reader-shell{margin-top:42px!important}
}
@media(max-width:560px){
  .story-title-block{left:18px;right:18px;bottom:30px}
  .story-title-block h1{font-size:clamp(38px,12vw,58px)!important;letter-spacing:.06em!important}
  .story-kicker{font-size:14px}
  .story-gallery{--story-thumb-height:70px;width:calc(100% - 16px);gap:5px}
  .story-reader-shell{margin-top:34px!important}
}

/* Second Hunt retouch: book typography + lazy archive audio */
.book-page-inner p:first-child::first-letter{float:none!important;font-size:inherit!important;line-height:inherit!important;padding:0!important;color:inherit!important;font-family:inherit!important;font-weight:inherit!important}
.book-page-inner p{margin:0 0 1.18em;text-indent:1.45em}
.book-page-inner p:first-child{ text-indent:0 }

.archive-audio{width:80%;margin:26px auto 32px}
.archive-audio-frame{position:relative;padding:22px 24px 24px;background:linear-gradient(180deg,rgba(5,12,15,.98),rgba(3,8,10,.98));border:1px solid rgba(106,148,164,.27);box-shadow:inset 0 0 36px rgba(28,103,126,.035),0 18px 50px rgba(0,0,0,.24);overflow:hidden}
.archive-audio-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(48,170,205,.025) 48%,transparent 52%),repeating-linear-gradient(0deg,transparent 0 18px,rgba(93,148,164,.025) 19px 20px);opacity:.7}
.archive-audio-corners i{position:absolute;width:18px;height:18px;border-color:#7393a0;opacity:.46;pointer-events:none}
.archive-audio-corners i:nth-child(1){left:7px;top:7px;border-left:1px solid;border-top:1px solid}
.archive-audio-corners i:nth-child(2){right:7px;top:7px;border-right:1px solid;border-top:1px solid}
.archive-audio-corners i:nth-child(3){left:7px;bottom:7px;border-left:1px solid;border-bottom:1px solid}
.archive-audio-corners i:nth-child(4){right:7px;bottom:7px;border-right:1px solid;border-bottom:1px solid}
.archive-audio-heading{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(111,148,161,.18)}
.archive-audio-heading h3{margin:.08em 0 0;font:400 clamp(24px,2.6vw,34px)/1 "Barlow Condensed",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#eef3f4}
.archive-file-code{font:400 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.19em;color:#657d87;white-space:nowrap;text-transform:uppercase}
.archive-retrieval-slot{position:relative;z-index:1;display:flex;justify-content:center;margin:0 auto 18px;min-height:44px}
.archive-retrieve-button{appearance:none;border:1px solid #b52d36;border-radius:0!important;background:#711821;color:#f4e9e9;min-width:210px;height:44px;padding:0 24px;font:500 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 20px rgba(158,23,39,.14);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.archive-retrieve-button:hover,.archive-retrieve-button:focus-visible{background:#8e202a;border-color:#d14a53;box-shadow:0 0 28px rgba(170,31,47,.23);outline:none;transform:translateY(-1px)}
.archive-retrieval-screen{width:min(520px,100%);height:54px;border:1px solid rgba(84,155,177,.38);background:#031015;position:relative;overflow:hidden;padding:8px 12px;box-shadow:inset 0 0 24px rgba(26,145,174,.07)}
.archive-retrieval-screen:before{content:"";position:absolute;left:-30%;top:0;width:25%;height:100%;background:linear-gradient(90deg,transparent,rgba(67,205,235,.1),transparent);animation:archiveScan 1.45s linear infinite}
.archive-glyph-stream{position:absolute;left:11px;top:7px;font:400 11px/1 "Barlow Condensed",sans-serif;letter-spacing:.2em;color:#3b8da5;opacity:.72;white-space:nowrap;animation:glyphFlicker .72s steps(2,end) infinite}
.archive-retrieval-copy{position:absolute;left:12px;right:12px;bottom:15px;display:flex;justify-content:space-between;gap:14px;font:400 10px/1 "Barlow Condensed",sans-serif;letter-spacing:.15em;color:#93b3bd;text-transform:uppercase}
.archive-retrieval-copy strong{color:#d5a63b;font-weight:400}
.archive-retrieval-track{position:absolute;left:12px;right:12px;bottom:7px;height:2px;background:rgba(84,155,177,.14)}
.archive-retrieval-track i{display:block;width:0;height:100%;background:#53a9c3;box-shadow:0 0 10px rgba(83,169,195,.45);transition:width .18s linear}
.archive-player{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:17px;padding:18px 18px 16px;border:1px solid rgba(114,149,160,.22);background:rgba(2,8,10,.82);transition:border-color .3s ease,box-shadow .3s ease,opacity .3s ease}
.archive-player.is-locked{opacity:.58;filter:saturate(.62)}
.archive-player.is-ready{border-color:rgba(72,161,188,.4);box-shadow:inset 0 0 30px rgba(43,144,174,.035)}
.archive-lock-layer{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(2,8,10,.86);backdrop-filter:blur(1.5px);font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.17em;color:#71868e;transition:opacity .32s ease,visibility .32s ease}
.archive-lock-layer b{font-size:15px;font-weight:400;color:#a3b0b5}
.archive-lock-layer small{font-size:9px;margin-top:5px;color:#62767d}
.archive-lock-mark{width:22px;height:18px;border:1px solid #657b84;margin-bottom:9px;position:relative}
.archive-lock-mark:before{content:"";position:absolute;width:12px;height:9px;border:1px solid #657b84;border-bottom:0;border-radius:7px 7px 0 0;left:4px;top:-9px}
.archive-player.is-ready .archive-lock-layer{opacity:0;visibility:hidden;pointer-events:none}
.archive-play-button{width:82px;height:38px;border:1px solid #bd8e29;background:#17130a;color:#d5a63b;border-radius:0;font:500 13px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.13em;cursor:pointer;transition:.18s ease}
.archive-play-button:disabled{cursor:not-allowed;opacity:.35}
.archive-play-button:not(:disabled):hover{background:#d5a63b;color:#080a0a}
.archive-timeline{display:grid;grid-template-columns:42px 1fr 42px;gap:10px;align-items:center;font:400 11px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;color:#78909a;font-variant-numeric:tabular-nums}
.archive-timeline input[type="range"]{appearance:none;width:100%;height:3px;background:linear-gradient(90deg,#4c9bb3 var(--seek,0%),rgba(116,146,157,.22) var(--seek,0%));outline:none;border-radius:0;cursor:pointer}
.archive-timeline input[type="range"]::-webkit-slider-thumb{appearance:none;width:9px;height:15px;background:#d4a33d;border:0;border-radius:0;box-shadow:0 0 10px rgba(212,163,61,.24)}
.archive-timeline input[type="range"]::-moz-range-thumb{width:9px;height:15px;background:#d4a33d;border:0;border-radius:0}
.archive-timeline input:disabled{cursor:not-allowed;opacity:.35}
.archive-signal-bars{grid-column:1/-1;height:14px;display:flex;align-items:end;gap:4px;padding-top:3px;border-top:1px solid rgba(106,148,164,.11);overflow:hidden}
.archive-signal-bars i{display:block;width:3px;height:4px;background:#335c68;opacity:.6}
.archive-player.is-playing .archive-signal-bars i{animation:signalPulse .72s ease-in-out infinite alternate}
.archive-player.is-playing .archive-signal-bars i:nth-child(2n){animation-delay:-.2s}.archive-player.is-playing .archive-signal-bars i:nth-child(3n){animation-delay:-.4s}.archive-player.is-playing .archive-signal-bars i:nth-child(5n){animation-delay:-.55s}
@keyframes archiveScan{to{left:115%}}
@keyframes glyphFlicker{0%,100%{opacity:.48}50%{opacity:.86}}
@keyframes signalPulse{from{height:3px;opacity:.35}to{height:12px;opacity:.9}}
@media(max-width:900px){.archive-audio{width:92%}}
@media(max-width:620px){.archive-audio{width:100%;margin-top:20px}.archive-audio-frame{padding:18px 14px}.archive-audio-heading{align-items:flex-start;flex-direction:column;gap:7px}.archive-player{grid-template-columns:1fr}.archive-play-button{width:100%}.archive-timeline{grid-template-columns:40px 1fr 40px}.archive-signal-bars{grid-column:1}.archive-file-code{font-size:10px}}


/* v29 — use supplied Photoshop thumbnails without browser darkening */
.story-thumb img,
.story-thumb:hover img,
.story-thumb:focus-visible img,
.story-thumb.active img{
  opacity:1!important;
  filter:none!important;
}