*{box-sizing:border-box}.bb-body{--bb-red:#5c0709;--bb-blood:#260204;--bb-line:rgba(156,117,67,.38);margin:0;background:#030404;color:#d8d1c3;font-family:"Rajdhani",sans-serif;background-image:linear-gradient(rgba(2,3,3,.72),rgba(2,3,3,.78)),url("../../assets/page-background-tile.png");background-attachment:fixed;background-size:100% auto}.bb-body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 18%,rgba(94,7,9,.22),transparent 28%),radial-gradient(circle at 50% 70%,transparent 25%,rgba(0,0,0,.65) 100%)}.bb-header{position:fixed;top:0;left:0;right:0;height:68px;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 26px;border-bottom:1px solid var(--bb-line);background:rgba(3,4,4,.72);backdrop-filter:blur(16px)}.bb-header a{font-family:"Michroma",sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#bcb4a6;text-decoration:none}.bb-site-mark{justify-self:center;color:#d5c9b3!important}.bb-header nav{justify-self:end;display:flex;gap:26px}.bb-hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--bb-line)}.bb-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.2) contrast(1.16) brightness(.58);transform:scale(1.03)}.bb-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,3,.94) 0%,rgba(2,3,3,.66) 42%,rgba(2,3,3,.22) 72%,rgba(2,3,3,.54) 100%),linear-gradient(0deg,rgba(0,0,0,.74),transparent 48%),radial-gradient(circle at 25% 45%,rgba(92,5,8,.42),transparent 34%)}.bb-hero-copy{position:relative;z-index:2;width:min(720px,82vw);margin-left:max(6vw,44px);padding-top:70px}.bb-kicker,.bb-label{font-family:"Oxanium",sans-serif;text-transform:uppercase;letter-spacing:.22em;color:#a98154;font-size:11px}.bb-hero h1{font-family:"Michroma",sans-serif;font-size:clamp(56px,8vw,126px);line-height:.84;letter-spacing:.04em;font-weight:400;margin:22px 0;text-shadow:0 10px 50px #000}.bb-hero h1 strong{color:#7b0b0d;font-weight:400;text-shadow:0 0 38px rgba(108,6,9,.45),0 12px 50px #000}.bb-hero-copy p{max-width:610px;font-size:22px;line-height:1.55;color:#b7b0a4}.bb-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.bb-hero-actions a{border:1px solid #8f663d;padding:15px 20px;background:rgba(9,7,7,.68);color:#d8c7a8;text-decoration:none;text-transform:uppercase;font-family:"Oxanium";font-size:12px;letter-spacing:.15em}.bb-status{position:absolute;z-index:2;right:25px;bottom:22px;display:flex;gap:14px;align-items:center;font:10px "Oxanium";letter-spacing:.15em;color:#878178}.bb-status i{color:#8e8d69}.bb-section{width:min(1440px,calc(100% - 40px));margin:0 auto;padding:105px 48px;border-inline:1px solid var(--bb-line);border-bottom:1px solid var(--bb-line);background:linear-gradient(180deg,rgba(6,8,8,.48),rgba(4,6,6,.34));backdrop-filter:blur(4px)}.bb-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.bb-section h2{font-family:"Michroma";font-weight:400;text-transform:uppercase;font-size:clamp(35px,4.4vw,68px);line-height:1.15;letter-spacing:.08em;margin:12px 0}.bb-section p{font-size:18px;line-height:1.65;color:#9f9a91}.bb-section-heading{display:grid;grid-template-columns:1fr auto;gap:10px 40px;align-items:end;margin-bottom:34px}.bb-section-heading .bb-label{grid-column:1}.bb-section-heading h2{grid-column:1;margin:0}.bb-section-heading p{grid-column:2;grid-row:1/3;max-width:450px;margin:0}.bb-video-shell{border:1px solid var(--bb-line);background:#020303;box-shadow:0 30px 80px rgba(0,0,0,.45)}.bb-video-shell video{width:100%;display:block;aspect-ratio:16/9;background:#000}.bb-video-meta{display:flex;justify-content:space-between;padding:14px 18px;font:10px "Oxanium";text-transform:uppercase;letter-spacing:.15em;color:#857d70}.bb-player{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;border:1px solid var(--bb-line);background:rgba(3,4,4,.62)}.bb-player-art{position:relative;aspect-ratio:1/1;min-height:0;overflow:hidden;border-right:1px solid var(--bb-line);display:grid;place-items:center;background:#020303}.bb-player-art img{width:100%;height:100%;object-fit:contain;object-position:center;filter:brightness(.72) contrast(1.1)}.bb-disc{position:absolute;width:52%;aspect-ratio:1;border:1px solid rgba(169,119,67,.25);border-radius:50%;left:24%;top:24%;box-shadow:0 0 0 18px rgba(0,0,0,.22),0 0 0 45px rgba(0,0,0,.12),inset 0 0 70px #000}.bb-player-console{padding:42px;display:flex;flex-direction:column}.bb-now span{font:10px "Oxanium";letter-spacing:.17em;text-transform:uppercase;color:#9b7249}.bb-now h3{font:26px "Michroma";line-height:1.3;margin:10px 0}.bb-now p{margin:0 0 20px}.bb-player audio{width:100%;margin:16px 0 28px}.bb-track-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--bb-line)}.bb-track-list li{border-bottom:1px solid var(--bb-line)}.bb-track-list button{width:100%;display:grid;grid-template-columns:50px 1fr auto;gap:16px;text-align:left;align-items:center;padding:17px 8px;border:0;background:transparent;color:#bdb6aa;cursor:pointer}.bb-track-list button span,.bb-track-list button em{font:10px "Oxanium";letter-spacing:.12em;text-transform:uppercase;color:#7f786c}.bb-track-list button b{font-weight:500;font-size:17px}.bb-track-list li.active button{background:linear-gradient(90deg,rgba(91,7,9,.28),transparent);color:#e0d6c6}.bb-track-list li.pending{opacity:.48}.bb-track-help{font-size:13px!important;margin-top:auto}.bb-track-help code{color:#bd9a69}.bb-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:270px;gap:12px}.bb-gallery button{border:1px solid var(--bb-line);padding:0;overflow:hidden;background:#050606;cursor:zoom-in}.bb-gallery img{width:100%;height:100%;object-fit:cover;filter:brightness(.82) contrast(1.08);transition:.5s}.bb-gallery button:hover img{transform:scale(1.045);filter:brightness(1)}.bb-gallery .wide{grid-column:span 2}.bb-gallery .tall{grid-row:span 2}.bb-details{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.bb-details dl{margin:0;border-top:1px solid var(--bb-line)}.bb-details dl div{display:grid;grid-template-columns:180px 1fr;padding:18px 0;border-bottom:1px solid var(--bb-line)}.bb-details dt{font:10px "Oxanium";text-transform:uppercase;letter-spacing:.15em;color:#9a774f}.bb-details dd{margin:0;font-size:18px}.bb-footer{width:min(1440px,calc(100% - 40px));margin:auto;padding:28px 35px;border-inline:1px solid var(--bb-line);display:flex;justify-content:space-between;font:10px "Oxanium";letter-spacing:.15em;text-transform:uppercase;color:#79746c}.bb-footer a{color:#aaa08f;text-decoration:none}.bb-lightbox{width:min(1200px,92vw);height:min(850px,88vh);padding:0;border:1px solid #8e6d3d;background:#020303}.bb-lightbox::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.bb-lightbox img{width:100%;height:100%;object-fit:contain}.bb-lightbox button{position:absolute;right:12px;top:10px;z-index:2;width:42px;height:42px;border:1px solid #8e6d3d;background:rgba(0,0,0,.72);color:#ddd;font-size:25px;cursor:pointer}@media(max-width:850px){.bb-header{grid-template-columns:1fr auto}.bb-header nav{display:none}.bb-intro,.bb-player,.bb-details{grid-template-columns:1fr}.bb-player-art{aspect-ratio:1/1;min-height:0;border-right:0;border-bottom:1px solid var(--bb-line)}.bb-section-heading{grid-template-columns:1fr}.bb-section-heading p{grid-column:1;grid-row:auto}.bb-gallery{grid-template-columns:1fr 1fr}.bb-gallery .wide{grid-column:span 2}.bb-section{padding:75px 22px}.bb-details dl div{grid-template-columns:120px 1fr}}@media(max-width:560px){.bb-header{padding:0 12px}.bb-back{font-size:8px!important}.bb-hero-copy{margin-left:20px;width:calc(100% - 40px)}.bb-hero h1{font-size:49px}.bb-status{display:none}.bb-gallery{grid-template-columns:1fr;grid-auto-rows:240px}.bb-gallery .wide{grid-column:span 1}.bb-gallery .tall{grid-row:span 1}.bb-player-console{padding:24px}.bb-footer{flex-direction:column;gap:14px}.bb-details dl div{grid-template-columns:1fr;gap:5px}}

/* =========================================
   ZION LOST GALLERY — UNCROPPED FULL IMAGES
   ========================================= */

.bb-gallery {
  grid-auto-rows: auto;
  align-items: start;
}

.bb-gallery button,
.bb-gallery button.wide,
.bb-gallery button.tall,
.bb-gallery button.full {
  height: auto;
  min-height: 0;
  align-self: start;
}

.bb-gallery img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
}

.bb-gallery button:hover img {
  transform: none;
}

@media (max-width: 850px) {
  .bb-gallery {
    grid-auto-rows: auto;
  }
}

@media (max-width: 560px) {
  .bb-gallery {
    grid-auto-rows: auto;
  }
}

/* =========================================
   ZION LOST VIDEO — UNCROPPED PREVIEW + FULLSCREEN
   ========================================= */

.bb-video-shell {
  background: #000;
}

.bb-video-shell video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  max-height: min(82vh, 900px);
  object-fit: contain !important;
  object-position: center;
  background: #000;
}

.bb-video-shell video:fullscreen,
.bb-video-shell video:-webkit-full-screen,
.bb-video-shell video:-moz-full-screen,
.bb-video-shell video:-ms-fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #000 !important;
}


/* =========================================
   ZION LOST — CUSTOM NON-DOWNLOAD AUDIO CONTROLS
   ========================================= */

.bb-player audio[data-audio] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.bb-audio-controls {
  display: grid;
  grid-template-columns: auto auto minmax(120px, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  margin: 18px 0 28px;
  padding: 14px;
  border: 1px solid var(--bb-line);
  background: rgba(0, 0, 0, .48);
}

.bb-audio-controls button {
  min-width: 76px;
  padding: 10px 12px;
  border: 1px solid #8f663d;
  background: rgba(18, 9, 9, .82);
  color: #d8c7a8;
  font: 10px "Oxanium", sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
  cursor: pointer;
}

.bb-audio-time {
  min-width: 36px;
  color: #9d9588;
  font: 10px "Oxanium", sans-serif;
  letter-spacing: .08em;
  text-align: center;
}

.bb-audio-seek {
  width: 100%;
  accent-color: #8f663d;
  cursor: pointer;
}

@media (max-width: 560px) {
  .bb-audio-controls {
    grid-template-columns: auto 1fr auto;
  }

  .bb-audio-seek {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .bb-audio-mute {
    grid-column: 3;
    grid-row: 1;
  }
}


/* =========================================
   ZION LOST PLAYER — VOLUME LEVEL CONTROL
   ========================================= */

.bb-volume-control {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 180px;
}

.bb-audio-volume {
  width: 110px;
  accent-color: #8f663d;
  cursor: pointer;
}

@media (max-width: 560px) {
  .bb-volume-control {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
  }

  .bb-audio-volume {
    width: 74px;
  }

  .bb-audio-mute {
    grid-column: auto;
    grid-row: auto;
  }
}