:root {
  --vol3-red: #8e2d2a;
  --vol3-green: #6f8e78;
  --vol3-jade: #b8d5c6;
  --vol3-amber: #d39a55;
}

.vol3-page { background: #08090d; }
.vol3-atmosphere > span:last-child { border-color: rgba(111,142,120,.09); box-shadow: 0 0 0 8vw rgba(111,142,120,.018), 0 0 0 16vw rgba(255,255,255,.006); }
.vol3-page .vol2-nav__chapters a:nth-child(n) { color: var(--paper); }

.vol3-hero { overflow: hidden; background: linear-gradient(90deg,rgba(7,8,11,.97) 0 36%,rgba(7,8,11,.72) 62%,rgba(7,8,11,.9)), #08090d; }
.vol3-pricing { border-color: rgba(111,142,120,.6); background: linear-gradient(90deg,rgba(111,142,120,.18),rgba(9,9,13,.94) 42%,rgba(9,9,13,.8)); box-shadow: 0 1.5rem 5rem rgba(0,0,0,.48),0 0 2.5rem rgba(111,142,120,.1); }
.vol3-pricing::after { background: linear-gradient(90deg,transparent,var(--vol3-green) 24% 52%,var(--vol3-amber) 70%,transparent 86%); }
.vol3-pricing .vol2-pricing__eyebrow span { color: #08090d; background: #9dbba5; }
.vol3-pricing .vol2-pricing__tier--member { background: linear-gradient(100deg,rgba(111,142,120,.3),rgba(211,154,85,.07)); box-shadow: inset 0 0 0 1px rgba(157,187,165,.15); }
.vol3-pricing .vol2-pricing__tier--member strong,
.vol3-pricing .vol2-pricing__tier--member dd { color: #cce2d2; }
.vol3-hero::before { inset: 8% 0 5% 36%; border: 0; opacity: .34; background: linear-gradient(90deg,#08090d 0,transparent 28%,rgba(8,9,13,.35)), url("assets/premium-models-vol-3/ticket-memory/ticket-memory-06.webp") center 36% / cover no-repeat; filter: saturate(.72) contrast(1.08); transform: none; }
.vol3-hero::after { right: -4vw; bottom: 15vh; width: 58vw; background: linear-gradient(90deg,transparent,var(--vol3-amber),transparent); box-shadow: 0 -12rem 80px 20px rgba(111,142,120,.12); }
.vol3-hero__copy { position: relative; z-index: 2; }
.vol3-hero .vol2-hero__status ol { grid-template-columns: repeat(4,1fr); }

.vol3-chapter::after { position: absolute; inset: 0; z-index: -2; opacity: .08; background: repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.12) 5px); content: ""; pointer-events: none; }
.vol3-chapter--step { background: radial-gradient(circle at 12% 18%,rgba(92,133,145,.15),transparent 28%),radial-gradient(circle at 82% 38%,rgba(164,48,44,.14),transparent 28%),#080a0e; }
.vol3-chapter--step .chapter-intro h2 { color: #e8cf9b; text-shadow: 0 0 2.5rem rgba(232,188,104,.13); }
.vol3-chapter--step .vol2-eyebrow { color: #9fc9d0; }

.vol3-chapter--jade { background: radial-gradient(circle at 78% 12%,rgba(184,213,198,.12),transparent 32%),linear-gradient(145deg,#0d1010,#09090d 60%,#110e11); }
.vol3-chapter--jade .chapter-intro h2 { color: #c8ddd1; text-shadow: 0 0 2.8rem rgba(184,213,198,.12); }
.vol3-chapter--jade .vol2-eyebrow { color: #d9b8c2; }

.vol3-chapter--ticket { background: radial-gradient(circle at 15% 20%,rgba(142,45,42,.17),transparent 27%),radial-gradient(circle at 80% 32%,rgba(96,126,92,.15),transparent 31%),linear-gradient(145deg,#0e0c0c,#070a08 68%,#100b09); }
.vol3-chapter--ticket .chapter-intro h2 { color: #d8b071; }
.vol3-chapter--ticket .vol2-eyebrow { color: #8daa91; }
.vol3-quote { max-width: 24rem; margin: 0; padding-left: 1.2rem; border-left: 1px solid rgba(211,154,85,.65); color: #d8c4a5; font-size: clamp(1.05rem,1.6vw,1.45rem); font-style: italic; line-height: 1.7; }
.vol3-chapter__lede { max-width: 92rem; margin: calc(clamp(4rem,9vw,9rem) * -.56) auto clamp(4rem,7vw,7rem); padding-left: 32%; color: #9d9890; line-height: 1.85; }

.vol3-chapter--myriad { background: radial-gradient(circle at 12% 14%,rgba(232,188,104,.12),transparent 27%),radial-gradient(circle at 88% 35%,rgba(128,94,147,.12),transparent 30%),#09090d; }
.vol3-chapter--myriad .chapter-intro h2 { color: #eee4d6; }
.vol3-chapter--myriad .vol2-eyebrow { color: var(--gold); }
.vol3-whisper { max-width: 92rem; margin: calc(clamp(4rem,9vw,9rem) * -.52) auto clamp(2.2rem,4vw,4rem); padding-left: 32%; color: #d6bd95; font: italic clamp(1.05rem,1.65vw,1.45rem)/1.8 Georgia,"Noto Serif SC",serif; letter-spacing: .04em; }
.vol3-scale { max-width: 92rem; margin: calc(clamp(4rem,9vw,9rem) * -.48) auto clamp(4rem,7vw,7rem); display: grid; grid-template-columns: auto 1fr 1.5fr; align-items: end; gap: 1.2rem 2rem; padding: 1.4rem 1.6rem; border: 1px solid rgba(232,188,104,.28); background: linear-gradient(90deg,rgba(232,188,104,.09),rgba(255,255,255,.015)); }
.vol3-scale strong { color: var(--gold); font: 400 clamp(3.2rem,6vw,6.8rem)/.75 Georgia,serif; letter-spacing: -.07em; }
.vol3-scale span { color: #e2ddd4; font-size: .95rem; letter-spacing: .08em; }
.vol3-scale p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.7; }

.vol3-page .photo-grid { align-items: start; }
.vol3-page .vol2-card { aspect-ratio: 3 / 4; }
.vol3-page .vol2-card img { object-position: center top; }
.vol3-footer { background: linear-gradient(110deg,#08090d,#0d0e12); }

@media (max-width: 760px) {
  .vol3-hero { min-height: 100svh; padding-top: 22rem; }
  .vol3-hero::before { inset: 34% -20% 8% 22%; opacity: .24; }
  .vol3-hero .vol2-hero__status { position: relative; z-index: 2; }
  .vol3-quote { max-width: none; }
  .vol3-chapter__lede { margin-top: -2rem; padding-left: 0; }
  .vol3-whisper { margin-top: -2rem; padding-left: 0; }
  .vol3-scale { margin-top: -2rem; grid-template-columns: auto 1fr; }
  .vol3-scale p { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
  .vol3-hero::before { inset: 42% -34% 6% 9%; }
  .vol3-page .vol2-card--offset { margin-top: 1.8rem; }
  .vol3-scale { padding: 1rem; }
  .vol3-scale strong { font-size: 3.8rem; }
}

@media (prefers-reduced-motion: reduce) {
  .vol3-page .vol2-card img { transition: none; }
}