/* JSLALALAND SEOUL — CINEMATIC RHYTHM / 2026-11-11
   Tested with actual markup. Direct section IDs ensure visuals do not depend on JS.
   Alternates full-bleed photo stories and real color-dominant editorial panels. */
:root{--vr-ivory:#faf5eb;--vr-ink:#342820;--vr-gold:#d7a73d;--vr-maple:#833e35;--vr-sand:#e8d9c2;--vr-script:'Caveat','Segoe Print',cursive}
/* Every photo is distinct, contextual to the chapter; no fallback to the same ginkgo. */
#photos{--vr-img:url('img/d2-01-f473ca03.webp');--vr-focus:center 35%}
#now{--vr-img:url('img/d4-01-58246c6c.webp');--vr-focus:center 45%}
#trip{--vr-img:url('img/d4-11-8719d9f7.webp');--vr-focus:center 43%}
#transport{--vr-img:url('img/d6-05-58d35cc7.webp');--vr-focus:center 48%}
#build{--vr-img:url('img/d3-01-7179db3a.webp');--vr-focus:center 45%}
#musts{--vr-img:url('img/d5-28-bf945597.webp');--vr-focus:center 55%}
#hot{--vr-img:url('img/d5-23-8c61d23a-m.webp');--vr-focus:center 55%}
#heal{--vr-img:url('img/d3-12-b2018798.webp');--vr-focus:center 55%}
#guide{--vr-img:url('img/d3-20-0a10e510.webp');--vr-focus:center 45%}
#tools{--vr-img:url('img/d6-01-ff92be7f-m.webp');--vr-focus:center 50%}
#pack{--vr-img:url('img/d5-02-78461ac9.webp');--vr-focus:center 55%}
#wear{--vr-img:url('img/d5-08-323fd783-m.webp');--vr-focus:center 45%}
#money{--vr-img:url('img/d5-25-fab73629-m.webp');--vr-focus:center 50%}
#tax{--vr-img:url('img/d6-15-d08b9096.webp');--vr-focus:center 48%}
#tips{--vr-img:url('img/d6-14-ed28b6f2.webp');--vr-focus:center 50%}
#apps{--vr-img:url('img/d5-33-3ff8c054-m.webp');--vr-focus:center 50%}
/* Separate chapter colors, with enough physical area for the color to be unmistakable. */
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter){padding:0!important;margin:0!important;scroll-margin-top:138px;background:var(--vr-surface,#faf5eb)!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head{
  position:relative!important;isolation:isolate!important;box-sizing:border-box!important;
  width:100%!important;min-height:clamp(385px,44vw,575px)!important;
  margin:0!important;padding:clamp(35px,5.5vw,92px)!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;
  overflow:hidden!important; background:var(--vr-panel,#2c241d)!important;
  color:var(--vr-text,#fffaf0)!important;
}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head::before{
 content:''!important;position:absolute!important;inset:-11% -3%!important;
 width:auto!important;height:auto!important;border:0!important;border-radius:0!important;
 background-image:var(--vr-img)!important;background-size:cover!important;
 background-position:var(--vr-focus,center)!important;z-index:0!important;
 opacity:var(--vr-image-opacity,1)!important;
 transform:translate3d(0,var(--vr-scroll,0px),0) scale(1.09)!important;
 box-shadow:none!important;pointer-events:none!important;
}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head::after{
 content:''!important;position:absolute!important;inset:0!important;z-index:1!important;
 background:var(--vr-overlay,linear-gradient(90deg,rgba(20,16,11,.68),rgba(28,18,12,.15)),linear-gradient(0deg,rgba(20,14,10,.68),transparent 58%))!important;
 pointer-events:none!important;
}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head> :not(.ec-rule){position:relative!important;z-index:2!important;max-width:var(--vr-content-width,800px)!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head>.ec-index{
 position:absolute!important;top:clamp(25px,4vw,55px)!important;left:clamp(28px,5.5vw,92px)!important;
 margin:0!important;color:var(--vr-muted,#f5dfb8)!important;
 font-size:11px!important;font-weight:650!important;letter-spacing:.18em!important;
 max-width:70%!important;text-shadow:none!important;
}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head>.eyebrow{color:var(--vr-muted,#f4d69e)!important;letter-spacing:.2em!important;opacity:1!important;margin-top:20px!important;text-shadow:none!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head>h2{font-size:clamp(37px,5.7vw,80px)!important;line-height:1.1!important;
 max-width:var(--vr-content-width,830px)!important;margin:12px 0 0!important;color:var(--vr-text,#fff8ec)!important;
 text-shadow:var(--vr-shadow,0 3px 21px rgba(0,0,0,.42))!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head>h2 i{color:var(--vr-accent,#ffe1a0)!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head>p:not(.eyebrow),
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head .er-lead-text{color:var(--vr-text,#fffaf0)!important;
 max-width:55ch!important;opacity:.96!important;text-shadow:var(--vr-shadow,0 2px 12px rgba(0,0,0,.55))!important;
 line-height:1.7!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head .er-note-action{color:var(--vr-accent,#ffe1a0)!important;border-color:currentColor!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head>.ec-note{
 position:absolute!important;top:clamp(29px,4.2vw,65px)!important;right:clamp(28px,5.5vw,88px)!important;
 max-width:210px!important;color:var(--vr-muted,#ffe0ab)!important;font-family:var(--vr-script)!important;
 font-size:clamp(17px,2vw,28px)!important;transform:rotate(-4deg)!important;text-shadow:none!important;
}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head>.ec-rule{position:absolute!important;inset:clamp(16px,2.4vw,34px)!important;
 border:1px solid var(--vr-rule,rgba(255,246,218,.69))!important;z-index:4!important;pointer-events:none!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head .cc-toggle{display:inline-flex!important;min-height:46px!important;min-width:150px!important;
 align-items:center!important;justify-content:center!important;width:auto!important;padding:11px 22px!important;margin:19px 0 0!important;
 color:var(--vr-btn-text,#342820)!important;background:var(--vr-btn-bg,#fcf5e9)!important;
 border:1px solid var(--vr-btn-border,#fff5e7)!important;border-radius:999px!important;
 font-weight:700!important;text-shadow:none!important;box-shadow:none!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head .cc-toggle:focus-visible{outline:3px solid var(--vr-accent,#d7a73d)!important;outline-offset:4px!important}
/* PHOTO ESSAYS — genuine full bleed, chapter-specific photo and readable soft vignette. */
section.vr-photo{--vr-panel:#241e17;--vr-surface:#f8f0e4;--vr-text:#fffaf0;--vr-accent:#ffdda3;--vr-muted:#f8dfb7;--vr-content-width:850px}
section.vr-photo>.wrap>.sec-head::before{opacity:1!important}
/* COLOR-LED ESSAYS — color is the hero, real image appears as a smaller photographic insert. */
section.vr-gold{--vr-panel:#e8bc61;--vr-surface:#f3e2b8;--vr-text:#34271d;--vr-accent:#863c32;--vr-muted:#70432d;--vr-rule:rgba(113,64,37,.5);--vr-btn-bg:#392920;--vr-btn-text:#fff8eb;--vr-btn-border:#392920;--vr-shadow:none;--vr-content-width:55%}
section.vr-maple{--vr-panel:#823d35;--vr-surface:#efdbd2;--vr-text:#fff7eb;--vr-accent:#f7d49a;--vr-muted:#f3d9bf;--vr-rule:rgba(255,248,228,.65);--vr-btn-bg:#fff4e3;--vr-btn-text:#38271d;--vr-btn-border:#fff4e3;--vr-shadow:none;--vr-content-width:55%}
section.vr-cream{--vr-panel:#f2e7d7;--vr-surface:#f2e7d7;--vr-text:#342820;--vr-accent:#963e34;--vr-muted:#7c533b;--vr-rule:rgba(141,91,61,.48);--vr-btn-bg:#51342b;--vr-btn-text:#fff8eb;--vr-btn-border:#51342b;--vr-shadow:none;--vr-content-width:55%}
section.vr-sand{--vr-panel:#dcc6a6;--vr-surface:#ede0cb;--vr-text:#36291f;--vr-accent:#884137;--vr-muted:#755037;--vr-rule:rgba(112,72,50,.45);--vr-btn-bg:#51342b;--vr-btn-text:#fff8eb;--vr-btn-border:#51342b;--vr-shadow:none;--vr-content-width:55%}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter):not(.vr-photo)>.wrap>.sec-head::before{
 inset:clamp(65px,7vw,100px) clamp(45px,6vw,100px) clamp(45px,6vw,90px) auto!important;
 width:clamp(260px,29vw,440px)!important;height:auto!important;
 opacity:1!important;border:7px solid rgba(255,248,232,.83)!important;
 box-shadow:0 18px 48px rgba(30,20,10,.22)!important;border-radius:3px!important;
 transform:translate3d(0,calc(var(--vr-scroll,0px) * .36),0) rotate(var(--ap-photo-rotation,-2deg))!important;
}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter):not(.vr-photo)>.wrap>.sec-head::after{background:transparent!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter):not(.vr-photo)>.wrap>.sec-head>.ec-note{top:70px!important;right:clamp(50px,6vw,110px)!important;max-width:300px!important;
 transform:rotate(-5deg) translateY(-35px)!important;opacity:.95!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter):not(.vr-photo)>.wrap>.sec-head> :not(.ec-rule):not(.ec-note){max-width:55%!important}
/* Calm coordinated rail and no blank white stretches between chapters. */
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.ec-rail{background:var(--vr-surface,#f7f0e4)!important;padding-top:20px!important;padding-bottom:25px!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.ec-rail-note{background:var(--vr-surface,#f7f0e4)!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter).cc-is-collapsed>.wrap{padding:0!important;min-height:0!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter).cc-is-collapsed>.wrap>.sec-head{min-height:clamp(335px,38vw,480px)!important;padding-bottom:clamp(37px,5vw,80px)!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter).cc-is-open>.wrap>.sec-head{min-height:clamp(400px,45vw,610px)!important}
:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter).cc-is-open>.wrap>:not(.sec-head):not(.ec-rail):not(.ec-rail-note){background:#faf5eb!important;color:#35291f!important}
/* Separate day-by-day stop block: no second repeated full-cover photo; use a color-led section. */
#cc-days-wrapper .cc-standalone-head{background:#7f3e35!important;color:#fff8ec!important;min-height:350px!important}
#cc-days-wrapper .cc-standalone-head::before{content:'';position:absolute;right:5%;top:13%;bottom:13%;width:29%;
 background:url('img/d4-01-58246c6c.webp') center/cover;border:5px solid rgba(255,246,227,.7);transform:rotate(2deg);box-shadow:0 18px 35px #40251e55}
#cc-days-wrapper .cc-standalone-head>:not(.ec-day-rail){position:relative;z-index:2}
/* Tablet and iPad landscape: split the content and image so titles never overlap */
@media (max-width:1100px){
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter):not(.vr-photo)>.wrap>.sec-head::before{right:4%!important;width:32%!important;inset-block:95px 75px!important}
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter):not(.vr-photo)>.wrap>.sec-head> :not(.ec-rule):not(.ec-note){max-width:58%!important}
}
@media(max-width:700px){
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head{min-height:445px!important;padding:70px 27px 32px!important}
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head>.ec-index{top:23px!important;left:27px!important;font-size:9px!important}
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head>.ec-note{display:none!important}
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head>h2{font-size:clamp(32px,9vw,48px)!important}
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter):not(.vr-photo)>.wrap>.sec-head{min-height:555px!important;padding:240px 27px 35px!important;justify-content:flex-end!important}
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter):not(.vr-photo)>.wrap>.sec-head::before{inset:46px 26px auto auto!important;width:48%!important;height:175px!important;border-width:4px!important}
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter):not(.vr-photo)>.wrap>.sec-head> :not(.ec-rule):not(.ec-note){max-width:100%!important}
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter).cc-is-collapsed>.wrap>.sec-head{min-height:440px!important}
 :is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter).cc-is-collapsed:not(.vr-photo)>.wrap>.sec-head{min-height:540px!important}
 #cc-days-wrapper .cc-standalone-head::before{width:30%;top:25%;bottom:25%}
}
@media(prefers-reduced-motion:reduce){:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter)>.wrap>.sec-head::before{transform:none!important}:is(section.vr-chapter,section.cc-group-section.ec-edition.vr-chapter):not(.vr-photo)>.wrap>.sec-head::before{transform:rotate(-2deg)!important}}