/* Tone Apart 2.2: actual full-color video treatment. Load after readability.css.
   No generated image, generated lighting or replacement people are used.
   The photo/video itself is unchanged; all treatment is in this layer. */
:root {
  --ink:#fff6e8; --muted:#d9d6cf; --red:#ff784f; --cyan:#8fe9ef;
  --line:rgba(247,244,231,.28);
  --look-gray:0; --film-brightness:1.03; --film-saturation:1.14;
  --film-contrast:1.08; --film-dim:.04; --film-glow:.18;
  --film-position-y:44%;
}
/* Override the previous grayscale(.85) brightness(.86) on BOTH media types. */
.stage-poster,.ambient-loop {
  filter:grayscale(var(--look-gray)) saturate(var(--film-saturation))
    contrast(var(--film-contrast)) brightness(var(--film-brightness));
  object-position:var(--film-position) var(--film-position-y);
}
/* Protect header/footer readability, rather than blanketing the entire shot. */
.film-shade {
  background:linear-gradient(180deg,rgba(5,14,20,.52) 0%,rgba(5,14,20,.10) 16%,
    transparent 36%,transparent 62%,rgba(5,14,20,.28) 84%,rgba(5,14,20,.50) 100%);
}
.film-shade:after {background:rgba(0,0,0,var(--film-dim));}
.atmosphere:after {opacity:.025;}
.glow {opacity:var(--film-glow);filter:blur(68px);}
.glow-red {left:-22%;bottom:-38%;background:#ff8b31;}
.glow-violet {right:-35%;top:-38%;background:#36b6ef;opacity:var(--film-glow);}
.light {opacity:calc(var(--film-glow) * 2);background:linear-gradient(90deg,transparent,rgba(209,244,255,.065),transparent);}
.site-header {background:linear-gradient(180deg,rgba(5,16,25,.24),transparent);}
.has-scrolled .site-header {background:#0a202cf5;border-color:#8fe9ef33;}
.hero h1 {color:#fff7e8;filter:url(#ink-wear) drop-shadow(0 3px 2px #0008) drop-shadow(0 3px 15px #0005);}
.handwritten {color:var(--red);text-shadow:0 2px 3px #14252dab,0 0 18px #13232b88;}
.handwritten:after {content:'';display:block;position:absolute;left:14%;right:0;bottom:-12px;height:2px;background:var(--red);transform:rotate(-2deg);}
.hero-topline .eyebrow:first-child {border-left:3px solid var(--red);padding-left:17px;}
.hero-topline .edition {border-left:3px solid var(--red);padding-left:17px;}
.nav-book {border-color:var(--red);border-bottom-width:2px;}
.nav-book svg {color:var(--red);}
.hero-intro,.hero-watch {text-shadow:0 2px 3px #071117,0 2px 16px #000b;}
.play-circle {border:2px solid var(--cyan);color:var(--cyan);background:#07121d24;}
.hero-watch:hover .play-circle {background:var(--cyan);color:#081b24;}
.hero-bottom {border-top-color:#fff7e540;}
.scroll-cue {border:2px solid var(--red);padding:7px 19px;gap:28px;min-height:48px;background:#07121c28;}
.scroll-cue:hover {background:var(--red);color:#08141b;text-shadow:none;}
.motion-toggle {text-shadow:0 2px 6px #000b;}
.film-controls {padding:6px 12px;background:#07121c44;}
.page-content {background:linear-gradient(180deg,#0a202cf5,#101a22f5 40%,#11232df7);}
.show-heading h2 span {color:var(--cyan);}
.show-tag {border-color:#ff784f77;}
.show-switch button.active:after {background:var(--red);}
.section-number {color:var(--cyan);}
.watch-section {border-top-color:#8fe9ef30;}
.booking-section {border-color:#8fe9ef35;}
.booking-arrow {color:var(--red);}
.site-footer {background:#0b1820d9;}
/* Unprocessed footage + light readability protection. It is not AI enhancement. */
.look-natural .glow,.look-natural .light {opacity:var(--film-glow);}
/* Faithful old media treatment for A/B comparison, not a second site layout. */
.look-legacy {--ink:#ede9e1;--red:#de684e;--cyan:#ede9e1;}
.look-legacy .film-shade {background:linear-gradient(180deg,rgba(3,5,8,.66) 0%,rgba(4,6,7,.17) 37%,rgba(6,7,8,.48) 66%,#090a0beb 100%);}
.look-legacy .glow-red {left:-35%;bottom:-30%;background:#952f15;filter:blur(95px);}
.look-legacy .glow-violet {right:-35%;top:-30%;background:#5c497e;filter:blur(95px);opacity:calc(var(--film-glow) * .8);}
.look-legacy .atmosphere:after {opacity:.055;}
/* Raw comparison deliberately turns off all decoration over the backdrop. */
.raw-footage .stage-poster,.raw-footage .ambient-loop {filter:none!important;}
.raw-footage .film-shade,.raw-footage .glow,.raw-footage .light,.raw-footage .atmosphere:after {opacity:0!important;}
/* Usable preview controls; never displayed in normal production mode. */
#clip-tools {width:min(510px,calc(100% - 30px));max-height:calc(100dvh - 95px);overflow:auto;background:#10232cf7;border:1px solid #8fe9ef55;box-shadow:0 8px 35px #0008;padding:20px;overscroll-behavior:contain;}
#clip-tools h2 {font-size:24px;font-family:var(--body);font-weight:600;line-height:1.15;}
#clip-tools>p {font-size:15px;line-height:1.5;}
#clip-tools .clip-tools-top {gap:12px;}
.look-presets {display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 8px;}
.look-presets button {font:700 13px/1.3 var(--mono);border:1px solid #d2e7ed55;padding:10px 12px;min-height:44px;flex:1;white-space:nowrap;}
.look-presets button[aria-pressed=true] {background:var(--cyan);color:#0d232d;border-color:var(--cyan);}
#clip-tools .look-description {min-height:45px;margin:0 0 12px;font-size:14px;color:var(--muted);}
.raw-toggle {width:100%;min-height:44px;padding:8px 14px;text-align:left;border:1px dashed #c3d5db66;font:13px/1.4 var(--mono);}
.raw-toggle[aria-pressed=true] {color:var(--cyan);border-color:var(--cyan);}
.clip-sliders {gap:16px;margin:19px 0;}
.clip-sliders label {display:grid;grid-template-columns:1fr auto;gap:4px 10px;font:14px/1.5 var(--mono);color:var(--ink);}
.clip-sliders output {color:var(--cyan);font-variant-numeric:tabular-nums;}
.clip-sliders input {grid-column:1/-1;width:100%;min-height:26px;margin:0;accent-color:var(--red);}
.look-actions {display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px;}
.look-actions button {font-size:14px;min-height:44px;}
#clear-clip {margin-top:4px;}
#preview-note {background:#071b25ed;border-top-color:#8fe9ef55;}
#preview-note b,#try-clip-button {color:var(--cyan);}
@media(max-width:600px) {
  .film-shade {background:linear-gradient(180deg,#08162288 0%,#08162214 28%,transparent 42%,#0816224d 72%,#081622b0 100%);}
  .look-legacy .film-shade {background:linear-gradient(180deg,#030507bf 0%,#05060836 35%,#090a0b96 63%,#090a0bfa 100%);}
  .hero-topline .eyebrow:first-child {padding-left:12px;}
  .scroll-cue {padding:7px 11px;gap:12px;}
  .film-controls {padding:4px 8px;}
  .hero-bottom {gap:12px;}
  #clip-tools {max-height:calc(100dvh - 100px);bottom:77px;padding:16px;}
  #clip-tools h2 {font-size:23px;}
  .look-presets {gap:5px;}
  .look-presets button {font-size:11px;padding:8px 7px;}
  .hero h1 {filter:url(#ink-wear) drop-shadow(0 2px 2px #0007);}
}
@media(prefers-reduced-motion:reduce) {.glow,.light{animation:none!important;}}