/* SEOUL 2.0 | ORIGINAL SITE INTACT, CINEMATIC RE-SKIN */
:root {--s-gold:#D7A73D;--s-red:#963E34;--s-ivory:#FAF5EB;--s-ink:#382a24;--s-sand:#F0E7D9}
html {scroll-behavior:smooth;scroll-padding-top:82px}
body {background:var(--s-ivory)!important;color:var(--s-ink)!important}
.topbar {background:rgba(250,245,235,.93)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(150,62,52,.14)}
.topbar .brand b {color:var(--s-red)!important}
.topbar .nav a:hover, .topbar a:hover {color:var(--s-red)!important}
#top.hero {background:linear-gradient(95deg,rgba(29,22,15,.65) 0%,rgba(44,29,19,.33) 52%,rgba(30,19,13,.1) 100%),url('img/d2-01-f473ca03.webp') center 43%/cover no-repeat!important;min-height:min(850px,92svh)!important;position:relative;color:var(--s-ivory)!important;isolation:isolate}
#top.hero:before{content:'';position:absolute;inset:15px;border:1px solid rgba(250,245,235,.63);pointer-events:none;z-index:2}
#top.hero:after{content:'JSLALALAND  /  CINEMATIC CITY JOURNAL  /  AUTUMN IN SEOUL';position:absolute;z-index:3;top:40px;left:clamp(30px,7vw,120px);font-size:10px;letter-spacing:.18em;color:var(--s-ivory);max-width:80%;line-height:1.8}
#top.hero .layer,#top.hero .sunwrap,#top.hero #leaves{opacity:0!important;pointer-events:none}
#top.hero .hero-copy{position:relative!important;z-index:4!important;min-height:83svh;display:flex;align-items:center!important;text-align:left!important;padding-top:60px!important}
#top.hero .hero-copy>.wrap{width:100%;max-width:1250px}
#top.hero .hero-copy h1,#top.hero .hero-copy h1 em{color:var(--s-ivory)!important;text-shadow:0 4px 35px rgba(0,0,0,.19);font-size:clamp(50px,9vw,138px)!important}
#top.hero .hero-copy .zh{color:var(--s-ivory)!important}
#top.hero .eyebrow,#top.hero .note{color:var(--s-ivory)!important;text-shadow:0 1px 10px rgba(0,0,0,.25)}
#top.hero .hcta{border:1px solid var(--s-ivory)!important;color:var(--s-ivory)!important;background:rgba(0,0,0,.13)!important;backdrop-filter:blur(10px);border-radius:2px!important}
#top.hero .hcta.solid{background:var(--s-ivory)!important;color:var(--s-ink)!important}
#top.hero .hcta:hover{background:var(--s-red)!important;color:var(--s-ivory)!important}
.sec h2,.planner h2{letter-spacing:-.02em}
:is(.sec,.planner) :is(button,a):focus-visible{outline:3px solid var(--s-red)!important;outline-offset:3px}
.editorial-bridge{padding:45px 5vw;background:#432e27;color:#FAF5EB;text-align:center}
.editorial-bridge .hand{font-family:'Caveat','Noto Sans TC',cursive;font-size:clamp(28px,4vw,55px)}
.editorial-bridge p{max-width:800px;margin:8px auto 0;opacity:.85;line-height:1.8}
.editorial-pill-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:24px}
.editorial-pill-nav a{font-size:12px;display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;border:1px solid rgba(250,245,235,.55);padding:10px 16px;border-radius:2px}
.editorial-pill-nav a:hover{background:var(--s-red)}
.editorial-top-language{display:flex;gap:4px;margin-left:auto;margin-right:8px;flex-shrink:0}
.editorial-top-language button{min-width:43px;min-height:44px;border:1px solid #c7b39b;background:transparent;color:#51382d;font:600 12px system-ui;border-radius:3px;cursor:pointer}
.editorial-top-language button[aria-pressed='true']{background:#963e34;border-color:#963e34;color:white}
.editorial-lang-note{font-size:12px;line-height:1.8;margin:12px auto 0;max-width:840px;opacity:.9}
.editorial-insert-header{background:#faf5eb;padding:50px 5vw 0;text-align:center}
.editorial-insert-header p{font-size:12px;letter-spacing:.15em;color:#963e34}
.editorial-insert-header h2{margin:.2em 0;font:500 clamp(35px,5vw,72px) 'Caveat','Noto Sans TC',cursive}
.onepage{background:#FAF5EB!important;color:#382a24!important}
.onepage:nth-of-type(even){background:#F0E7D9!important}
.op-modal{z-index:9000!important}
@media(max-width:700px){#top.hero:before{inset:9px}#top.hero:after{top:22px;left:22px;font-size:8px}#top.hero{min-height:84svh!important}#top.hero .hero-copy{min-height:78svh}#top.hero .hero-copy h1{font-size:clamp(46px,13vw,78px)!important}.editorial-top-language{margin-left:6px}.editorial-top-language button{min-width:36px}.editorial-insert-header{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* CINEMATIC SINGLE-PAGE INTEGRATION */
:root{--s-gold:#d7a73d;--s-red:#963e34;--s-ivory:#faf5eb;--s-ink:#382a24}
html{scroll-padding-top:82px} .site-header{z-index:190!important}.onepage{background:var(--s-ivory);color:var(--s-ink);padding:85px clamp(18px,5vw,90px)} .onepage:nth-of-type(even){background:#f2e7d7}.onepage-wrap{max-width:1320px;margin:auto} .onepage-kicker{font-size:11px;letter-spacing:.27em;color:var(--s-red);text-transform:uppercase}.onepage h2{font-size:clamp(37px,5vw,74px);line-height:1.1;margin:13px 0 18px;font-weight:400;letter-spacing:-.05em}.onepage-lede{color:#725d51;max-width:670px;line-height:1.8;margin-bottom:30px}.op-tabs{display:flex;gap:9px;overflow-x:auto;padding-bottom:12px;margin:25px 0;scrollbar-width:thin}.op-tabs button,.op-button,.op-select{font:inherit;background:transparent;border:1px solid #bfa890;border-radius:99px;padding:12px 18px;color:inherit;white-space:nowrap;cursor:pointer}.op-tabs button[aria-selected=true],.op-button.primary{background:var(--s-red);border-color:var(--s-red);color:white}.op-button{white-space:normal}.op-button:focus-visible,.op-tabs button:focus-visible,.op-select:focus-visible{outline:3px solid var(--s-gold);outline-offset:2px}.op-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.op-card{background:#fffaf3;border:1px solid #dfcdb6;border-radius:4px;overflow:hidden;min-width:0}.op-card>img{aspect-ratio:4/3;width:100%;object-fit:cover;display:block}.op-card-body{padding:23px}.op-card h3{font-size:22px;font-weight:500;line-height:1.35;margin:8px 0}.op-card p{font-size:14px;line-height:1.7;color:#67584f}.op-card small{color:#9b5143;letter-spacing:.07em}.op-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.op-card-actions button,.op-card-actions a{border:1px solid #b9a593;background:transparent;border-radius:99px;padding:10px 14px;text-decoration:none;color:#49372f;font-size:12px}.op-card-actions button:hover,.op-card-actions a:hover{background:#f4e8d8}.op-day-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:34px;align-items:start}.op-day-cover img{width:100%;aspect-ratio:4/5;object-fit:cover;position:sticky;top:90px}.op-timeline{list-style:none;padding:0;margin:0}.op-timeline li{padding:16px 0 16px 24px;border-left:1px solid #cdb9a3;position:relative;border-bottom:1px solid #e4d7c8}.op-timeline li:before{content:'';position:absolute;left:-4px;top:25px;width:7px;height:7px;border-radius:50%;background:var(--s-red)}.op-timeline time{color:#9a493a;font-size:12px;letter-spacing:.07em}.op-timeline strong{display:block;margin-top:4px;font-weight:500}.op-timeline p{margin:6px 0 0;font-size:13px;color:#725f52;line-height:1.6}.op-search{width:100%;max-width:570px;border:1px solid #ccb9a3;background:#fffaf3;color:#3e3029;border-radius:3px;padding:15px;font:inherit}.op-inline{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.op-meta{font-size:12px;color:#8b5c49}.op-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.op-photos button{padding:0;border:0;background:transparent;cursor:pointer}.op-photos img{width:100%;aspect-ratio:4/5;object-fit:cover}.op-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.op-guide details{border:1px solid #d9c5ac;background:#fffaf3;padding:20px}.op-guide summary{cursor:pointer;font-size:18px;font-weight:500}.op-guide pre{font:13px/1.8 'Noto Sans TC',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#6c574b;max-height:650px;overflow:auto}.op-modal{position:fixed;inset:0;background:#1c120de0;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.op-modal[hidden]{display:none}.op-dialog{background:#fff9ef;color:#3f2e25;width:min(680px,100%);max-height:90vh;overflow:auto;padding:clamp(22px,5vw,42px);position:relative}.op-dialog h2{font-size:clamp(28px,4vw,45px)}.op-dialog p{line-height:1.75}.op-dialog .op-close{float:right}.op-currency{font-size:25px;line-height:1.8;margin-top:12px}.op-checkbox{display:flex;align-items:center;gap:14px;padding:12px;border-bottom:1px solid #dbc9b3}.op-checkbox input{width:20px;height:20px;accent-color:var(--s-red)}.op-phrase{padding:14px;border:1px solid #d7c4aa;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.op-phrase strong{font-size:19px}.op-utility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.op-utility-box{background:#fffaf3;border:1px solid #d8c5b1;padding:26px}.op-count{font-size:12px;color:#96523f}.op-back-top{position:fixed;right:16px;bottom:16px;z-index:120;padding:12px 18px;border:1px solid #bfae94;background:#fffaf3;color:#654337;border-radius:40px;text-decoration:none;font-size:12px}.op-source{border-left:2px solid #b2744b;padding-left:14px;color:#896452;font-size:12px;line-height:1.6}.op-archive-anchor{scroll-margin-top:75px}.onepage .hand{font-family:Caveat,cursive;font-size:30px;color:#a34d39}.op-tool-list{display:grid;gap:10px}.op-placeholder{font-size:13px;color:#7d6759}.op-hidden{display:none!important}.op-hero-wrap{display:flex;justify-content:space-between;gap:14px;align-items:end}.op-entry{font-size:12px;color:#9b553c}.op-badge{display:inline-block;border:1px solid #bd9f83;color:#935044;padding:5px 10px;font-size:10px;letter-spacing:.1em}.op-empty{padding:30px 0;color:#7d6559}.op-prefs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.op-prefs label{display:inline-flex;align-items:center;gap:8px;font-size:14px}.op-prefs select{font:inherit;padding:10px;background:#fffaf3;border:1px solid #c7b39c}.op-note{font-size:12px;color:#715e51}.nav{max-width:80vw;overflow:auto;scrollbar-width:none}.nav a{white-space:nowrap}.op-gallery-figure{margin:0}.op-gallery-figure img{width:100%;max-height:74vh;object-fit:contain}.op-photo-caption{margin-top:12px;font-size:12px;color:#775d4d}
@media(max-width:850px){.op-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.op-day-panel{grid-template-columns:1fr}.op-day-cover img{position:static;aspect-ratio:16/10}.op-photos{grid-template-columns:repeat(3,1fr)}.op-guide{grid-template-columns:1fr}.op-utility-grid{grid-template-columns:1fr}.nav{max-width:none}.op-hero-wrap{display:block}}
@media(max-width:540px){.onepage{padding:55px 18px}.op-cards{grid-template-columns:1fr}.op-photos{grid-template-columns:repeat(2,1fr)}.op-phrase{align-items:start;flex-direction:column}.op-cards .op-card:nth-child(n+7){display:none}.op-cards.op-expanded .op-card:nth-child(n+7){display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.onepage *, .op-modal *{transition:none!important;animation:none!important}}
/* Consistent Seoul autumn palette for the original tools and newer editorial modules. */
:root{--ginkgo:#D7A73D;--persimmon:#963E34;--paper:#FAF5EB;--ink:#382a24;--celadon:#8E7766}
.seoul-en-context{display:block;font-family:system-ui,Arial,sans-serif!important;font-size:clamp(12px,1.6vw,16px)!important;letter-spacing:.08em!important;font-weight:400!important;line-height:1.5!important;margin-top:8px!important;color:#963E34!important}
.topbar .wrap{gap:8px}
.topbar .nav{min-width:0}
@media(max-width:680px){.topbar .wrap{gap:5px}.topbar .brand span{display:none}.topbar .brand b{font-size:1.05rem}.editorial-top-language{margin-right:0}}