:root{
  --ink:#0b0d0c;
  --ivory:#f3efe6;
  --muted:rgba(243,239,230,.68);
  --line:rgba(243,239,230,.27);
  --accent:#d4763c;
  --accent-soft:#e0a176;
  --header-h:82px;
  --gutter:clamp(24px,4.2vw,72px);
  --ease:cubic-bezier(.22,.7,.18,1);
}
*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:auto}
body{margin:0;background:var(--ink);color:var(--ivory);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}
body.is-locked{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent-soft);outline-offset:4px}
img{display:block;width:100%;height:100%;object-fit:cover}
.scene-media video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05) brightness(.91)}
::selection{background:var(--accent);color:#fff}
.skip-link{position:fixed;top:-80px;left:20px;z-index:500;background:#fff;color:#111;padding:12px 18px}.skip-link:focus{top:18px}

.topbar{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:140;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gutter);border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(4,5,4,.72),rgba(4,5,4,0));transition:background .4s,border-color .4s}
.brand{justify-self:start;display:flex;align-items:center;gap:14px;font-size:10px;text-transform:uppercase;letter-spacing:.17em;line-height:1.25}.brand b{display:block;font-weight:600}
.brand-emblem{position:relative;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.brand-emblem::before,.brand-emblem::after{content:"";position:absolute;background:currentColor}.brand-emblem::before{width:1px;height:24px}.brand-emblem::after{width:24px;height:1px}.brand-emblem i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);transform:translate(9px,-9px)}
.chapter-readout{justify-self:center;display:flex;gap:14px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.68)}.chapter-number{color:#fff}.chapter-name{color:rgba(255,255,255,.62)}
.top-actions{justify-self:end;display:flex;align-items:center;gap:24px}.map-toggle{border:0;background:none;padding:12px 0;display:flex;align-items:center;gap:10px;cursor:pointer;text-transform:uppercase;font-size:9px;letter-spacing:.18em}.map-toggle i{width:21px;height:21px;border:1px solid rgba(255,255,255,.45);border-radius:50%;position:relative}.map-toggle i::before,.map-toggle i::after{content:"";position:absolute;left:5px;right:5px;height:1px;background:#fff}.map-toggle i::before{top:7px}.map-toggle i::after{top:12px}.plan-link{font-size:9px;text-transform:uppercase;letter-spacing:.17em;border-bottom:1px solid rgba(255,255,255,.52);padding-bottom:6px}.plan-link span{margin-left:7px;color:var(--accent-soft)}

.story{position:relative;height:800vh}
.stage{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--ink);isolation:isolate}
.scene{position:absolute;inset:0;overflow:hidden;visibility:hidden;pointer-events:none;will-change:transform,opacity;transform:translate3d(105%,0,0);background:var(--ink);z-index:1}
.scene.is-visible{visibility:visible}.scene.is-active{pointer-events:auto}
.scene-media{position:absolute;inset:-3%;will-change:transform;transform:scale(1.06)}
.scene-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,3,2,.06),rgba(2,3,2,.18))}
.scene-media img{filter:saturate(.78) contrast(1.05) brightness(.91);transform:scale(1.02);will-change:transform}
.scene-overlay{position:absolute;inset:0;pointer-events:none;z-index:4}
.scene-overlay-hero{background:linear-gradient(90deg,rgba(4,5,4,.60) 0%,rgba(4,5,4,.13) 52%,rgba(4,5,4,.34) 100%),linear-gradient(0deg,rgba(4,5,4,.74),transparent 50%)}
.scene-overlay-left{background:linear-gradient(90deg,rgba(4,5,4,.74) 0%,rgba(4,5,4,.38) 34%,rgba(4,5,4,.06) 70%,rgba(4,5,4,.30) 100%),linear-gradient(0deg,rgba(4,5,4,.62),transparent 46%)}
.scene-overlay-contact{background:linear-gradient(90deg,rgba(4,5,4,.73),rgba(4,5,4,.18) 64%,rgba(4,5,4,.46)),linear-gradient(0deg,rgba(4,5,4,.76),transparent 55%)}
.film-grain{position:absolute;inset:0;z-index:110;pointer-events:none;opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E")}
.scene::after{content:"";position:absolute;inset:0;z-index:75;pointer-events:none;border:1px solid rgba(255,255,255,.09);border-top:0}
.scene-content{position:relative;z-index:20;height:100%;padding:calc(var(--header-h) + 42px) var(--gutter) 105px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;will-change:transform}
.kicker{margin:0 0 15px;font-size:8px;line-height:1.5;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:rgba(255,255,255,.68)}
.display{margin:0;font-family:"Italiana",Georgia,serif;font-weight:400;font-size:clamp(46px,5.1vw,80px);line-height:.91;letter-spacing:-.035em;text-wrap:balance;max-width:min(780px,66vw)}.display span{display:block}
.scene-summary,.route-intro,.contact-copy{max-width:520px;margin:20px 0 0;font-size:clamp(13px,1vw,16px);line-height:1.65;color:rgba(255,255,255,.78)}
.reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s var(--ease),transform .95s var(--ease)}.scene.is-active .reveal{opacity:1;transform:none}.scene.is-active .reveal:nth-child(2){transition-delay:.06s}.scene.is-active .reveal:nth-child(3){transition-delay:.13s}.scene.is-active .reveal:nth-child(4){transition-delay:.19s}
.intro-content{padding-bottom:128px}.intro-content .display{font-size:clamp(48px,5.5vw,86px);max-width:680px}.intro-summary{max-width:555px}
.place-content{max-width:760px;padding-bottom:120px}.place-content .display{max-width:690px}.contact-content{max-width:700px;padding-bottom:148px}

.round-action{width:122px;height:122px;border-radius:50%;border:1px solid rgba(255,255,255,.48);background:rgba(9,10,8,.10);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;text-transform:uppercase;font-size:8px;line-height:1.35;letter-spacing:.14em;cursor:pointer;transition:.35s var(--ease);z-index:34}.round-action span{max-width:88px}.round-action i{font-style:normal;font-size:22px}.round-action:hover,.round-action:focus-visible{background:var(--ivory);color:var(--ink);transform:scale(1.055)}
.scene-cta{position:absolute;right:var(--gutter);bottom:clamp(74px,8vh,95px)}
.scroll-guide{position:absolute;z-index:25;left:var(--gutter);bottom:27px;display:flex;align-items:center;gap:14px;text-transform:uppercase;font-size:7px;letter-spacing:.19em;color:rgba(255,255,255,.58)}.scroll-guide i{width:86px;height:1px;background:rgba(255,255,255,.30);position:relative;overflow:hidden}.scroll-guide i::after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-100%);animation:scan 2.3s infinite var(--ease)}.scroll-guide b{font-weight:400;color:rgba(255,255,255,.38)}@keyframes scan{55%,100%{transform:translateX(100%)}}

.global-compass{position:absolute;right:var(--gutter);top:clamp(122px,15.5vh,170px);z-index:125;width:116px;height:116px;pointer-events:auto;transition:opacity .35s var(--ease),transform .4s var(--ease)}
.compass-face{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:crosshair;display:block;transform-style:preserve-3d;transition:transform .3s var(--ease)}.compass-face:hover{transform:scale(1.025)}.compass-face svg{width:100%;height:100%;overflow:visible}.compass-ring,.compass-cross,.compass-ticks line{fill:none;stroke:rgba(255,255,255,.44);vector-effect:non-scaling-stroke}.compass-ring.outer{stroke-width:.9}.compass-ring.inner{stroke-width:.45;stroke-dasharray:2.2 3.5;opacity:.7}.compass-cross{stroke-width:.55;opacity:.68}.compass-ticks line{stroke-width:.75}.compass-face text{fill:rgba(255,255,255,.76);font-family:"DM Sans",Arial,sans-serif;font-size:8px;text-anchor:middle;letter-spacing:.08em}.compass-needle{transform-origin:80px 80px;transform:rotate(var(--bearing,55deg));transition:transform .75s cubic-bezier(.25,.8,.2,1);filter:drop-shadow(0 0 5px rgba(0,0,0,.55))}.needle-north{fill:var(--accent)}.needle-south{fill:rgba(236,239,234,.82)}.compass-needle circle{fill:#f2eee4;stroke:#111;stroke-width:1}

.hotspot{position:absolute;z-index:28;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:none;padding:12px;display:flex;align-items:center;gap:10px;color:#fff;text-transform:uppercase;font-size:7px;letter-spacing:.16em;cursor:pointer;text-align:left}.hotspot i{position:relative;width:28px;height:28px;border:1px solid rgba(255,255,255,.64);border-radius:50%;flex:0 0 auto;transition:.3s}.hotspot i::before,.hotspot i::after{content:"";position:absolute;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%)}.hotspot i::before{width:9px;height:1px}.hotspot i::after{height:9px;width:1px}.hotspot i::after{animation:pulse-plus 2.4s ease-in-out infinite}.hotspot:hover i,.hotspot:focus-visible i{background:rgba(255,255,255,.16);transform:scale(1.13)}@keyframes pulse-plus{50%{opacity:.35}}@keyframes scene-cta-drift{0%,100%{transform:translate3d(0,0,0)}35%{transform:translate3d(4px,0,0)}60%{transform:translate3d(0,-1px,0)}80%{transform:translate3d(2px,0,0)}}

/* Accurate route map */
.route-scene{background:#0a0d0d}.map-atmosphere{position:absolute;inset:0;background:radial-gradient(circle at 52% 55%,rgba(124,101,72,.26),transparent 42%),linear-gradient(135deg,#111410,#070a0b 70%)}.map-atmosphere::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 0 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(255,255,255,.04) 0 1px,transparent 1px);background-size:37px 37px,53px 53px;opacity:.18}
.route-content{justify-content:flex-start;padding-top:clamp(126px,15vh,168px);padding-bottom:0;max-width:610px;pointer-events:none}.display-route{font-size:clamp(40px,4.2vw,66px);max-width:560px}.route-intro{max-width:430px;font-size:13px;margin-top:15px;color:rgba(255,255,255,.65)}
.route-map-wrap{position:absolute;z-index:16;inset:12% 3.5% 8% 3.5%;display:grid;place-items:center}.accurate-route-map{width:100%;height:100%;display:block;filter:drop-shadow(0 22px 55px rgba(0,0,0,.32))}.map-grid path{fill:none;stroke:rgba(255,255,255,.035);stroke-width:1}.map-country{stroke:rgba(232,224,208,.20);stroke-width:1.2;vector-effect:non-scaling-stroke;fill-rule:evenodd}.map-country.neighbor{fill:url(#landFill);opacity:.54}.map-country.turkey{fill:url(#turkeyFill);stroke:rgba(245,238,225,.44);opacity:.95}.geo-route-shadow{fill:none;stroke:rgba(212,118,60,.21);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;filter:url(#routeGlow);vector-effect:non-scaling-stroke}.geo-route-line{fill:none;stroke:#f0e5d6;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.8s var(--ease)}.scene.is-active .geo-route-line{stroke-dashoffset:0}
.geo-stops{position:absolute;inset:0;pointer-events:none}.geo-stop{position:absolute;left:var(--x);top:var(--y);width:1px;height:1px;padding:0;border:0;background:none;color:#fff;pointer-events:auto;cursor:pointer}.geo-stop i{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 7px rgba(212,118,60,.15);transform:translate(-50%,-50%);transition:.3s}.geo-stop span{position:absolute;left:var(--lx);top:var(--ly);white-space:nowrap;text-transform:uppercase;font-size:7px;letter-spacing:.15em;color:rgba(255,255,255,.83);text-shadow:0 2px 10px rgba(0,0,0,.75)}.geo-stop-sub i{width:7px;height:7px;background:rgba(255,255,255,.8);border-width:1px;box-shadow:0 0 0 5px rgba(255,255,255,.08)}.geo-stop-sub span{font-size:6px;color:rgba(255,255,255,.58)}.geo-stop:hover i,.geo-stop:focus-visible i{transform:translate(-50%,-50%) scale(1.45);box-shadow:0 0 0 13px rgba(212,118,60,.18)}.geo-stop:hover span,.geo-stop:focus-visible span{color:#fff}
.map-source-note{position:absolute;z-index:24;right:var(--gutter);bottom:27px;margin:0;font-size:6.5px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.35)}

.contact-links{margin-top:26px;width:min(500px,48vw)}.contact-links a{display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:18px;padding:15px 0;border-top:1px solid rgba(255,255,255,.24);transition:.3s}.contact-links a:last-child{border-bottom:1px solid rgba(255,255,255,.24)}.contact-links span{font-size:7px;text-transform:uppercase;letter-spacing:.17em;color:rgba(255,255,255,.55)}.contact-links strong{font-size:13px;font-weight:500}.contact-links i{font-style:normal;color:var(--accent-soft);font-size:17px;transition:.25s}.contact-links a:hover{padding-left:12px;background:rgba(255,255,255,.045)}.contact-links a:hover i{transform:translate(4px,-4px)}
.scene-footer{position:absolute;z-index:28;left:var(--gutter);right:var(--gutter);bottom:21px;display:grid;grid-template-columns:1.3fr 1fr auto auto auto;gap:24px;align-items:center;font-size:6.5px;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.43)}.scene-footer a{color:rgba(255,255,255,.75)}

.journey-nav{position:absolute;z-index:128;left:28%;right:28%;bottom:29px;height:34px}.journey-label{position:absolute;left:0;bottom:24px;font-size:6.5px;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.52)}.journey-line{position:absolute;left:0;right:0;top:16px;height:1px;background:rgba(255,255,255,.27)}.journey-line i{display:block;width:0;height:100%;background:var(--accent);transition:width .2s linear}.journey-nodes{position:absolute;inset:4px 0 0;display:flex;justify-content:space-between;align-items:flex-start}.journey-nodes button{position:relative;width:24px;height:24px;border:0;background:none;padding:0;cursor:pointer}.journey-nodes button::before{content:"";position:absolute;left:50%;top:12px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.78);transform:translate(-50%,-50%);transition:.3s}.journey-nodes button::after{content:attr(data-label);position:absolute;left:50%;bottom:30px;transform:translateX(-50%) translateY(5px);white-space:nowrap;font-size:6px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.58);opacity:0;transition:.25s}.journey-nodes button:hover::after,.journey-nodes button:focus-visible::after,.journey-nodes button.is-active::after{opacity:1;transform:translateX(-50%) translateY(0)}.journey-nodes button.is-active::before{width:9px;height:9px;background:var(--accent);box-shadow:0 0 0 6px rgba(212,118,60,.17)}

.route-overlay{position:fixed;inset:0;z-index:300;background:#14150f;color:var(--ivory);display:grid;grid-template-columns:.86fr 1.14fr;gap:7vw;padding:calc(var(--header-h) + 60px) var(--gutter) 60px;visibility:hidden;opacity:0;transform:translateY(-100%);transition:transform .8s var(--ease),opacity .5s,visibility 0s .8s}.route-overlay.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}.route-overlay::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:8vw 8vw;pointer-events:none}.overlay-close{position:absolute;right:var(--gutter);top:28px;border:0;background:none;text-transform:uppercase;font-size:8px;letter-spacing:.17em;cursor:pointer}.overlay-close i{font-style:normal;font-size:22px;margin-left:10px}.overlay-heading{position:relative;align-self:end;padding-bottom:8vh}.overlay-heading p{font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-soft)}.overlay-heading h2{font-family:"Italiana",Georgia,serif;font-weight:400;font-size:clamp(50px,6vw,92px);line-height:.9;margin:18px 0 0}.overlay-route{position:relative;align-self:center}.overlay-route button{width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:20px;align-items:center;border:0;border-top:1px solid rgba(255,255,255,.18);background:none;color:#fff;padding:18px 0;text-align:left;cursor:pointer;transition:.3s}.overlay-route button:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.overlay-route button span{font-size:8px;color:var(--accent-soft);letter-spacing:.15em}.overlay-route button strong{font-family:"Italiana",Georgia,serif;font-size:clamp(18px,1.8vw,27px);font-weight:400}.overlay-route button small{text-transform:uppercase;font-size:7px;letter-spacing:.15em;color:rgba(255,255,255,.45)}.overlay-route button:hover,.overlay-route button:focus-visible{padding-left:16px;background:rgba(255,255,255,.035)}

.detail-drawer{position:fixed;z-index:320;top:0;right:0;width:min(480px,100%);height:100%;background:rgba(243,239,230,.98);color:var(--ink);padding:32px clamp(25px,4vw,56px) 34px;display:flex;flex-direction:column;visibility:hidden;transform:translateX(102%);transition:transform .65s var(--ease),visibility 0s .65s;box-shadow:-25px 0 80px rgba(0,0,0,.25)}.detail-drawer.is-open{visibility:visible;transform:none;transition-delay:0s}.detail-close{align-self:flex-end;border:1px solid rgba(17,17,13,.35);background:none;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer}.detail-count{margin-top:8vh;font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:rgba(17,17,13,.55)}.detail-count span{float:right;color:var(--accent)}.detail-body{margin:auto 0}.detail-place{font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:18px}.detail-body h2{font-family:"Italiana",Georgia,serif;font-size:clamp(43px,4.6vw,66px);line-height:.97;font-weight:400;margin:0 0 28px}.detail-body>p{font-size:14px;line-height:1.75;color:rgba(17,17,13,.74)}.detail-body blockquote{margin:28px 0 0;padding:18px 0 0;border-top:1px solid rgba(17,17,13,.25);font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.5}.detail-foot{font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:rgba(17,17,13,.45)}

.cursor{position:fixed;left:0;top:0;z-index:500;width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s,border-color .25s;mix-blend-mode:difference}.cursor span{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.cursor.is-hover{width:60px;height:60px;background:rgba(255,255,255,.15);border-color:#fff}
.loading-screen{position:fixed;inset:0;z-index:1000;background:#0b0d0c;display:grid;place-items:center;transition:opacity .8s var(--ease),visibility 0s .8s}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-screen>div{width:min(360px,70vw);text-align:center}.loading-screen span{font-family:"Italiana",Georgia,serif;font-size:24px}.loading-screen i{display:block;height:1px;background:rgba(255,255,255,.15);margin-top:20px;position:relative;overflow:hidden}.loading-screen i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-100%);animation:load 1.2s var(--ease) forwards}@keyframes load{to{transform:none}}

@media (hover:none),(pointer:coarse){.cursor{display:none}}
@media (max-width:1180px){
  .display{font-size:clamp(46px,5.5vw,76px)}.intro-content .display{font-size:clamp(52px,6.3vw,88px)}
  .global-compass{width:102px;height:102px}.round-action{width:110px;height:110px}.scene-cta{bottom:82px}
  .journey-nav{left:25%;right:25%}.route-map-wrap{inset:14% 1% 8%}.route-content{max-width:470px}
}
@media (max-width:1024px){
  :root{--header-h:68px}
  html{scroll-snap-type:y proximity;scroll-padding-top:0}
  .topbar{grid-template-columns:1fr auto;height:var(--header-h);padding:0 20px}.chapter-readout{display:none}.top-actions{gap:14px}.plan-link{display:none}.map-toggle span{display:none}.brand span:last-child{font-size:8.5px}
  .story{height:auto!important}.stage{position:relative;height:auto;overflow:visible}.scene{position:relative;inset:auto;width:100%;height:100svh;min-height:680px;visibility:visible;pointer-events:auto;transform:none!important;opacity:1!important;scroll-snap-align:start;isolation:isolate}.scene-media{inset:-5%;transform:translate3d(0,var(--mobile-media-y,0),0) scale(var(--mobile-media-scale,1.08))!important}.scene-content{min-height:100svh;height:auto;padding:calc(var(--header-h) + 52px) 24px 115px;transform:translate3d(0,var(--mobile-content-y,0),0);opacity:var(--mobile-content-opacity,1);will-change:transform,opacity}
  .display,.intro-content .display{font-size:clamp(43px,8vw,68px);max-width:76vw}.kicker{font-size:7.5px}.scene-summary,.route-intro,.contact-copy{font-size:14px;max-width:72vw}.intro-content,.place-content,.contact-content{padding-bottom:128px}
  .global-compass{position:fixed;right:22px;top:96px;width:84px;height:84px;z-index:135}.round-action i{font-size:18px}.scroll-guide{display:none}
  .journey-nav{position:fixed;left:auto;right:9px;bottom:auto;top:50%;transform:translateY(-50%);width:20px;height:42vh}.journey-label{display:none}.journey-line{left:9px;right:auto;top:0;bottom:0;width:1px;height:auto}.journey-line i{width:100%;height:0}.journey-nodes{flex-direction:column;inset:0}.journey-nodes button::after{display:none}.journey-nodes button.is-active::before{width:8px;height:8px;box-shadow:0 0 0 5px rgba(212,118,60,.17)}
  .route-scene{min-height:760px}.route-content{padding-top:130px;max-width:62%;pointer-events:none}.route-map-wrap{inset:27% 0 11% -2%;overflow:hidden}.accurate-route-map{width:118%;max-width:none}.geo-stop span{font-size:6px}.geo-stop-sub span{display:none}.map-source-note{left:24px;right:auto;bottom:22px}
  .hotspot{font-size:6.5px}.hotspot i{width:25px;height:25px}.contact-links{width:min(72vw,520px)}.contact-links strong{font-size:12px}.scene-footer{left:24px;right:130px;grid-template-columns:1fr 1fr;gap:7px 16px;font-size:6px}
  .route-overlay{grid-template-columns:1fr;padding:105px 24px 36px;overflow:auto}.overlay-heading{align-self:auto;padding-bottom:15px}.overlay-heading h2{font-size:54px}.overlay-route{align-self:auto}.overlay-route button{grid-template-columns:36px 1fr}.overlay-route button small{display:none}
  .reveal{transition-duration:.72s}.scene:not(.is-mobile-active) .reveal{opacity:.28;transform:translateY(22px)}
}
@media (max-width:640px){
  .brand-emblem{width:30px;height:30px}.brand{gap:10px}.scene{min-height:620px}.scene-content{padding-left:20px;padding-right:28px;padding-bottom:115px}.kicker{font-size:7px;letter-spacing:.18em;margin-bottom:13px}.display,.intro-content .display{font-size:clamp(38px,11.5vw,56px);line-height:.93;max-width:86vw}.scene-summary,.route-intro,.contact-copy{font-size:13px;line-height:1.6;max-width:80vw;margin-top:15px}
  .global-compass{right:15px;top:88px;width:70px;height:70px}.compass-face text{font-size:7px}.route-content{max-width:84%;padding-top:125px}.display-route{font-size:clamp(40px,12vw,61px)}.route-map-wrap{inset:30% -18% 13% -28%;}.accurate-route-map{width:150%}.geo-stop span{font-size:5.5px}.geo-stop-main:nth-of-type(n+5) span{display:none}.map-source-note{font-size:5.5px;bottom:15px}.hotspot span{display:none}.hotspot i{width:22px;height:22px}.contact-links{width:82vw;margin-top:20px}.contact-links a{grid-template-columns:68px 1fr auto;padding:13px 0}.contact-links strong{font-size:11px;word-break:break-word}.scene-footer{grid-template-columns:1fr;right:115px;font-size:5.5px;bottom:10px}.scene-footer span:nth-child(2),.scene-footer span:nth-child(4){display:none}.detail-drawer{padding:24px}.detail-count{margin-top:5vh}.detail-body h2{font-size:46px}.detail-body>p{font-size:14px}.detail-body blockquote{font-size:17px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.scene-media,.scene-media img,.scene-content{transform:none!important}.reveal{opacity:1!important;transform:none!important}.compass-needle{transition:none!important}
}

/* Full-screen chapter navigation: every gesture lands on one complete scene. */
html{scroll-snap-type:y mandatory;scroll-padding-top:0;overscroll-behavior-y:none}
.story{height:auto!important}
.stage{position:relative;height:auto;overflow:visible}
.scene{
  position:relative;inset:auto;width:100%;height:100svh;min-height:620px;
  visibility:visible;pointer-events:auto;transform:none!important;opacity:1!important;
  scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate
}
.scene-media{inset:-4%;transform:translate3d(0,var(--chapter-media-y,0),0) scale(var(--chapter-media-scale,1.065))!important;transition:transform 1.25s var(--ease)}
.scene-content{min-height:100svh;height:auto;transform:translate3d(0,var(--chapter-content-y,0),0)!important;opacity:var(--chapter-content-opacity,1);transition:transform 1s var(--ease),opacity .8s var(--ease)}
.global-compass,.journey-nav{position:fixed}
.scene.is-active .scene-media{--chapter-media-scale:1.095}
@media (prefers-reduced-motion:reduce){html{scroll-snap-type:y mandatory}.scene-media,.scene-content{transition:none!important}}

/* v9 — horizontal, one-gesture, full-screen chapter transitions on every device. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
.story{position:relative!important;width:100%;height:100svh!important;overflow:hidden}
.stage{position:relative!important;top:auto;width:100%;height:100svh!important;overflow:hidden!important}
.scene{position:absolute!important;inset:0!important;width:100%;height:100svh;min-height:0!important;visibility:hidden;pointer-events:none;opacity:1!important;transform:translate3d(var(--scene-x,105%),0,0)!important;scroll-snap-align:none}
.scene.is-visible{visibility:visible}.scene.is-active{pointer-events:auto}
.scene-content{min-height:100svh}
@media (max-width:1024px){
  .scene{position:absolute!important;inset:0!important;min-height:0!important;transform:translate3d(var(--scene-x,105%),0,0)!important}
  .stage{height:100svh!important;overflow:hidden!important}
}


/* v6 — focused, geographically accurate route screen */
.route-scene{background:#070b0c}
.route-scene .map-atmosphere{background:radial-gradient(circle at 64% 52%,rgba(125,99,65,.23),transparent 35%),radial-gradient(circle at 35% 67%,rgba(50,73,72,.16),transparent 34%),linear-gradient(135deg,#0e1211,#050809 72%)}
.route-content{z-index:26;max-width:340px;padding-top:clamp(128px,15vh,160px);padding-bottom:0;justify-content:flex-start;pointer-events:none}
.route-content .kicker{max-width:300px}
.display-route{font-size:clamp(38px,3.25vw,56px);line-height:.94;max-width:330px}
.route-intro{max-width:310px;font-size:12px;line-height:1.6;color:rgba(255,255,255,.59)}
.route-map-wrap{position:absolute;z-index:16;inset:9.5% 3.8% 9.5% 17.5%;display:grid;place-items:center;overflow:visible}
.accurate-route-map{width:100%;height:100%;display:block;filter:drop-shadow(0 26px 62px rgba(0,0,0,.45))}
.map-grid-v6 path{fill:none;stroke:rgba(255,255,255,.045);stroke-width:.65;vector-effect:non-scaling-stroke}
.map-country-v6{fill:url(#turkeyFillV6);stroke:rgba(241,233,218,.35);stroke-width:1.15;vector-effect:non-scaling-stroke;filter:drop-shadow(0 18px 22px rgba(0,0,0,.32))}
.terrain-texture-v6{fill:rgba(207,193,169,.28);opacity:.42;mix-blend-mode:soft-light}
.coast-highlight-v6{fill:none;stroke:rgba(238,229,212,.30);stroke-width:1.4;vector-effect:non-scaling-stroke}
.route-glow-v6{fill:none;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;opacity:.23;filter:url(#routeGlowV6);vector-effect:non-scaling-stroke}
.route-glow-east{stroke:#d4763c}.route-glow-coast{stroke:#d9c7a6}
.route-line-v6{fill:none;stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.75s var(--ease)}
.route-line-east{stroke:#e28a51}.route-line-coast{stroke:#efe4d0}.scene.is-active .route-line-v6{stroke-dashoffset:0}
.country-label-v6{fill:rgba(255,255,255,.21);font-family:"DM Sans",Arial,sans-serif;font-size:22px;letter-spacing:12px;text-anchor:middle}
.route-label-v6{font-family:"DM Sans",Arial,sans-serif;font-size:6.5px;font-weight:600;letter-spacing:1.35px}
.route-label-east{fill:#e39a6e}.route-label-coast{fill:#ded1ba}
.geo-stops-v6{position:absolute;inset:0;pointer-events:none}
.geo-stops-v6 .geo-stop i{width:9px;height:9px;border-width:1.5px;box-shadow:0 0 0 5px rgba(212,118,60,.13)}
.geo-stops-v6 .geo-stop-sub i{width:6px;height:6px;background:#e8dfd0;box-shadow:0 0 0 4px rgba(255,255,255,.06)}
.geo-stops-v6 .geo-stop span{font-size:6.8px;letter-spacing:.13em;color:rgba(255,255,255,.82)}
.route-legend-v6{position:absolute;z-index:25;left:var(--gutter);bottom:28px;display:flex;gap:22px;align-items:center;font-size:6.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.48)}
.route-legend-v6 span{display:flex;align-items:center;gap:7px}.route-legend-v6 i{display:block;width:25px;height:1px}.route-legend-v6 i.east{background:#d4763c}.route-legend-v6 i.coast{background:#e8dcc8}
.route-scene .scene-cta{bottom:clamp(72px,7.6vh,92px)}
@media (max-width:1180px){.route-map-wrap{inset:10% 1.5% 10% 16%}.route-content{max-width:300px}.display-route{font-size:clamp(38px,3.5vw,52px)}}
@media (max-width:1024px){.route-scene{min-height:760px}.route-content{padding-top:112px;max-width:58%;z-index:28}.display-route{font-size:clamp(36px,6.2vw,50px)}.route-intro{font-size:11px;max-width:280px}.route-map-wrap{inset:25% -7% 12% -5%;overflow:hidden}.accurate-route-map{width:112%;max-width:none}.route-legend-v6{left:24px;bottom:24px;gap:12px}.map-source-note{display:none}.geo-stops-v6 .geo-stop span{font-size:5.8px}}
@media (max-width:640px){.route-content{max-width:80%;padding-top:112px}.display-route{font-size:clamp(38px,10.8vw,54px)}.route-intro{max-width:76vw}.route-map-wrap{inset:29% -31% 12% -24%;}.accurate-route-map{width:145%}.route-legend-v6{display:none}.geo-stops-v6 .geo-stop span{font-size:5.2px}.geo-stops-v6 .stop-seleucia span,.geo-stops-v6 .stop-andriake span,.geo-stops-v6 .stop-attalia span{display:none}}



/* v7 raster route map */
.route-raster-scene .route-content{max-width:345px;z-index:22}.route-raster-scene .display-route{font-size:clamp(38px,4.4vw,72px);line-height:.94}.route-raster-scene .route-intro{max-width:320px;font-size:11px;line-height:1.65;color:rgba(255,255,255,.72)}
.route-map-wrap-raster{position:absolute;z-index:16;inset:10% 3.8% 9% 17.5%;display:grid;place-items:center;overflow:visible}
.raster-map-canvas{position:relative;width:100%;height:100%;aspect-ratio:2/1;max-height:100%}.raster-map-canvas::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 34%,rgba(145,101,58,.16),transparent 34%),linear-gradient(180deg,transparent,rgba(0,0,0,.12));pointer-events:none;z-index:1}.route-base-map,.route-overlay-svg{position:absolute;inset:0;width:100%;height:100%}.route-base-map{object-fit:contain;display:block;filter:drop-shadow(0 26px 62px rgba(0,0,0,.45))}
.route-overlay-svg{z-index:2;overflow:visible}.route-glow-v7{fill:none;stroke:rgba(214,118,60,.24);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;filter:url(#routeGlowV7);vector-effect:non-scaling-stroke}.route-line-v7{fill:none;stroke:#efe3d2;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.8s var(--ease)}.scene.is-active .route-line-v7{stroke-dashoffset:0}.route-points-v7 .point-main{fill:var(--accent);stroke:#fff;stroke-width:1.5}.route-points-v7 .point-sub{fill:#ebe1d1;stroke:#fff;stroke-width:1.1}
.geo-stops-v7{position:absolute;inset:0;z-index:3;pointer-events:none}.geo-stops-v7 .geo-stop{pointer-events:auto}.geo-stops-v7 .geo-stop i{width:10px;height:10px;border-width:1.5px;box-shadow:0 0 0 6px rgba(212,118,60,.15)}.geo-stops-v7 .geo-stop-sub i{width:7px;height:7px;background:#ece3d5;box-shadow:0 0 0 4px rgba(255,255,255,.08)}.geo-stops-v7 .geo-stop span{font-size:6.8px;letter-spacing:.13em;color:rgba(255,255,255,.84);text-shadow:0 2px 10px rgba(0,0,0,.8)}
.route-legend-v7{position:absolute;left:var(--gutter);bottom:26px;z-index:25;display:flex;align-items:center;gap:16px;font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.72)}.route-legend-v7 span{display:flex;align-items:center;gap:8px}.route-legend-v7 i{display:inline-block;width:26px;height:2px;border-radius:999px;background:#efe3d2;box-shadow:0 0 16px rgba(214,118,60,.25)}.route-legend-v7 i.east{background:linear-gradient(90deg,#efe3d2,#d4763c)}.route-legend-v7 i.coast{background:linear-gradient(90deg,#efe3d2,#d4b28a)}
.route-raster-scene .map-source-note{right:var(--gutter);bottom:26px;font-size:6.5px;color:rgba(255,255,255,.36)}
@media (max-width:1180px){.route-map-wrap-raster{inset:11% 2% 10% 16.5%}.route-raster-scene .route-content{max-width:300px}}
@media (max-width:1024px){.route-raster-scene{min-height:760px}.route-raster-scene .route-content{padding-top:112px;max-width:58%;z-index:28}.route-raster-scene .display-route{font-size:clamp(34px,6vw,52px)}.route-raster-scene .route-intro{font-size:11px;max-width:270px}.route-map-wrap-raster{inset:26% -5% 12% -4%;overflow:hidden}.raster-map-canvas{width:112%;max-width:none}.route-legend-v7{left:24px;bottom:24px;gap:12px}.geo-stops-v7 .geo-stop span{font-size:5.8px}.route-raster-scene .map-source-note{display:none}}
@media (max-width:640px){.route-raster-scene .route-content{max-width:82%;padding-top:112px}.route-raster-scene .display-route{font-size:clamp(36px,10.5vw,56px)}.route-raster-scene .route-intro{max-width:76vw}.route-map-wrap-raster{inset:31% -28% 12% -24%}.raster-map-canvas{width:145%}.route-legend-v7{display:none}.geo-stops-v7 .geo-stop span{font-size:5.2px}.geo-stops-v7 .stop-seleucia span,.geo-stops-v7 .stop-andriake span,.geo-stops-v7 .stop-attalia span{display:none}}


/* v10 — illustrated route map with HTML city markers, west to east */
.route-photo-scene{background:#080908}
.route-map-stage{position:absolute;inset:0;z-index:3;overflow:hidden}
.route-map-canvas-v10{position:absolute;left:50%;top:50%;width:max(100vw,177.754svh);height:max(100svh,56.258vw);transform:translate(-50%,-50%);aspect-ratio:1678/944}
.route-photo-map,.route-map-shade,.route-overlay-v10,.route-city-layer{position:absolute;inset:0;width:100%;height:100%}
.route-photo-map{display:block;object-fit:fill;filter:saturate(.86) contrast(1.07) brightness(.86)}
.route-map-shade{z-index:1;background:linear-gradient(90deg,rgba(4,5,4,.76) 0%,rgba(4,5,4,.34) 27%,rgba(4,5,4,.06) 55%,rgba(4,5,4,.20) 100%),linear-gradient(180deg,rgba(3,4,3,.42),transparent 28%,rgba(3,4,3,.20) 72%,rgba(3,4,3,.70));pointer-events:none}
.route-overlay-v10{z-index:2;overflow:visible;pointer-events:none}
.route-glow-v10{fill:none;stroke:rgba(212,118,60,.35);stroke-width:15;stroke-linecap:round;filter:url(#routeGlowV10);vector-effect:non-scaling-stroke}
.route-line-v10{fill:none;stroke:#f1dfc8;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9));vector-effect:non-scaling-stroke;transition:stroke-dashoffset 8s linear .35s}
.route-photo-scene.is-active .route-line-v10{stroke-dashoffset:0}
.route-city-layer{z-index:4;pointer-events:none}
.route-city{position:absolute;left:var(--x);top:var(--y);width:1px;height:1px;padding:0;border:0;background:none;color:#fff;pointer-events:auto;cursor:pointer}
.route-city i{position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 6px rgba(212,118,60,.20),0 3px 10px rgba(0,0,0,.75);transform:translate(-50%,-50%);transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.route-city-small i{width:8px;height:8px;background:#eadbc6;border-width:1.5px;box-shadow:0 0 0 4px rgba(255,255,255,.13),0 3px 9px rgba(0,0,0,.8)}
.route-city span{position:absolute;left:var(--lx);top:var(--ly);white-space:nowrap;text-transform:uppercase;font-size:7px;font-weight:600;line-height:1;letter-spacing:.14em;color:rgba(255,255,255,.94);text-shadow:0 2px 5px #000,0 0 13px #000}
.route-city-small span{font-size:6.3px;color:rgba(255,255,255,.78)}
.route-city:hover i,.route-city:focus-visible i{transform:translate(-50%,-50%) scale(1.55);box-shadow:0 0 0 11px rgba(212,118,60,.22),0 3px 14px rgba(0,0,0,.8)}
.route-city:hover span,.route-city:focus-visible span{color:#fff}
.route-content-v10{z-index:22;max-width:390px;justify-content:flex-end;padding-top:calc(var(--header-h) + 42px);padding-bottom:clamp(122px,14vh,154px)}
.route-content-v10::before{content:"";position:absolute;z-index:-1;left:0;top:0;width:calc(100% + 95px);height:100%;background:linear-gradient(90deg,rgba(5,6,5,.56),transparent);pointer-events:none}
.route-content-v10 .display-route{font-size:clamp(38px,4vw,65px);width:max-content;max-width:none}
.route-content-v10 .display-route span{white-space:nowrap}
.route-content-v10 .route-intro{width:max-content;max-width:none;color:rgba(255,255,255,.76)}
.route-content-v10 .route-intro span{display:block;white-space:nowrap}
.route-direction-v10{position:absolute;z-index:25;left:var(--gutter);bottom:31px;display:flex;align-items:center;gap:11px;text-transform:uppercase;font-size:6.5px;letter-spacing:.18em;color:rgba(255,255,255,.68)}
.route-direction-v10 i{position:relative;display:block;width:94px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.42),var(--accent-soft))}
.route-direction-v10 i::after{content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;border-top:1px solid var(--accent-soft);border-right:1px solid var(--accent-soft);transform:translateY(-50%) rotate(45deg)}
.map-note-v10{z-index:25}
@media (max-width:1024px){
  .route-photo-scene{min-height:0}
  .route-content-v10{padding-top:calc(var(--header-h) + 42px);padding-bottom:116px;max-width:52%;z-index:23}
  .route-content-v10 .display-route{font-size:clamp(35px,5.7vw,51px)}
  .route-content-v10 .route-intro{width:auto;font-size:10px;max-width:275px}
  .route-content-v10 .route-intro span{white-space:normal}
  .route-city span{font-size:5.7px}.route-city-small span{font-size:5.1px}
  .route-city i{width:9px;height:9px;box-shadow:0 0 0 4px rgba(212,118,60,.18),0 2px 8px #000}
  .route-city-small i{width:6px;height:6px}
  .map-note-v10{display:none}.route-direction-v10{left:24px;bottom:22px}
}
@media (max-width:640px) and (orientation:portrait){
  .route-map-canvas-v10{top:57%;width:100vw;height:56.258vw}
  .route-map-shade{background:linear-gradient(180deg,rgba(3,4,3,.18),transparent 32%,rgba(3,4,3,.26)),linear-gradient(90deg,rgba(3,4,3,.18),transparent 25%,rgba(3,4,3,.15))}
  .route-content-v10{max-width:86%;padding-top:calc(var(--header-h) + 34px);padding-bottom:128px}
  .route-content-v10::before{width:100vw;height:122%;background:linear-gradient(180deg,rgba(5,6,5,.82),rgba(5,6,5,.36) 74%,transparent)}
  .route-content-v10 .kicker{font-size:6.3px}.route-content-v10 .display-route{font-size:clamp(34px,10vw,48px);width:auto;max-width:83vw}
  .route-content-v10 .display-route span{white-space:normal}
  .route-content-v10 .route-intro{max-width:74vw;font-size:9.5px;line-height:1.5;margin-top:11px}
  .route-city span{font-size:4.8px;letter-spacing:.08em}.route-city-small span{font-size:4.2px}
  .route-city i{width:7px;height:7px;border-width:1px;box-shadow:0 0 0 3px rgba(212,118,60,.18),0 2px 6px #000}.route-city-small i{width:5px;height:5px}
  .route-direction-v10{bottom:76px;font-size:5.8px}.route-direction-v10 i{width:68px}
}
@media (prefers-reduced-motion:reduce){.route-line-v10{stroke-dashoffset:0;transition:none}}

/* Global footer and final contact screen */
.global-author-credit{display:none!important}
.global-footerbar{position:fixed;z-index:205;left:0;right:0;bottom:0;height:64px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid rgba(243,239,230,.14);background:linear-gradient(0deg,rgba(7,8,6,.94),rgba(7,8,6,.72));backdrop-filter:blur(13px);font-size:7px;line-height:1;text-transform:uppercase;letter-spacing:.16em;color:rgba(243,239,230,.48)}
.global-footerbar>span:nth-child(2){justify-self:center}.global-footerbar>a{justify-self:end;display:flex;align-items:baseline;gap:8px;color:var(--ivory);transition:color .3s ease}.global-footerbar small{font-size:6px;font-weight:500;letter-spacing:.14em;color:rgba(243,239,230,.52)}.global-footerbar strong{font-size:10px;font-weight:600;letter-spacing:.16em}.global-footerbar i{font-style:normal;font-size:12px;color:var(--accent-soft);transition:transform .3s var(--ease)}.global-footerbar a:hover i,.global-footerbar a:focus-visible i{transform:translate(3px,-3px)}
.journey-nav{bottom:78px}.scroll-guide{bottom:81px}
.contact-scene{background:#181712;isolation:isolate}.contact-scene .scene-media,.contact-scene .scene-overlay{display:none}.contact-scene::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 33%,rgba(155,126,80,.14),transparent 46%),linear-gradient(115deg,rgba(94,74,45,.08),transparent 38%,rgba(7,8,6,.18)),repeating-linear-gradient(96deg,rgba(236,217,178,.012) 0 1px,transparent 1px 7px)}.contact-scene::after{border-color:rgba(232,215,181,.12);box-shadow:inset 0 0 150px rgba(0,0,0,.34)}
.coming-soon-content{--final-copy-size:clamp(13px,1vw,16px);position:absolute;inset:var(--header-h) 0 64px;min-height:0;height:auto;width:auto;max-width:none;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;justify-content:stretch;justify-items:center;align-items:start;text-align:center;translate:0 -30px}
.coming-soon-title{grid-row:2;width:min(1080px,78vw);max-width:78vw;margin:0;font-size:clamp(64px,5.8vw,120px);line-height:.9;letter-spacing:-.04em;white-space:nowrap;text-align:center}
.coming-soon-title .letter{display:inline-block;opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(.18em);transition:opacity .48s var(--ease),clip-path .62s var(--ease),transform .62s var(--ease);transition-delay:calc(.18s + var(--i)*.065s)}.coming-soon-title .word-space{display:inline-block;width:.27em}.contact-scene.is-active .coming-soon-title .letter{opacity:1;clip-path:inset(0 0 0 0);transform:none}
.coming-soon-subtitle{grid-row:3;width:min(740px,58vw);margin:clamp(17px,2.2vh,27px) auto 0;font-size:var(--final-copy-size);line-height:1.65;color:rgba(243,239,230,.72);opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease) 1.9s,transform .9s var(--ease) 1.9s}.contact-scene.is-active .coming-soon-subtitle{opacity:1;transform:none}
.coming-soon-details{grid-row:4;align-self:start;width:min(740px,58vw);max-width:740px;margin-top:16px;opacity:0!important;transform:translateY(18px)!important;transition:opacity 1s var(--ease) 3.05s,transform 1s var(--ease) 3.05s!important}.contact-scene.is-active .coming-soon-details{opacity:1!important;transform:none!important}
.contact-scene .contact-links{width:100%;max-width:740px;margin:0 auto}.contact-scene .contact-links a{grid-template-columns:92px minmax(0,1fr) 20px;padding:clamp(12px,1.55vh,17px) 0;text-align:left}.contact-scene .contact-links strong{font-size:var(--final-copy-size);line-height:1.65}
@media (max-width:1024px){.global-footerbar{height:58px;padding:0 24px;grid-template-columns:1fr auto}.global-footerbar>span:nth-child(2){display:none}.journey-nav{bottom:70px}.coming-soon-content{inset:var(--header-h) 0 58px;padding:0 24px;translate:0 -16px}.coming-soon-title{font-size:clamp(54px,6vw,88px)}.coming-soon-subtitle,.coming-soon-details{width:min(680px,76vw);max-width:680px}.contact-scene .contact-links{max-width:680px}.contact-scene .contact-links a{grid-template-columns:88px 1fr 20px}}
@media (max-width:640px){.global-footerbar{height:54px;padding:0 18px}.global-footerbar>span:first-child{font-size:5.5px;max-width:120px;line-height:1.35}.global-footerbar small{display:none}.global-footerbar strong{font-size:8px}.journey-nav{bottom:auto}.coming-soon-content{--final-copy-size:12px;inset:var(--header-h) 0 54px;padding:0 20px;grid-template-rows:.72fr auto auto 1fr;translate:0 -6px}.coming-soon-title{width:88vw;max-width:88vw;font-size:clamp(34px,10.2vw,52px);white-space:normal}.coming-soon-subtitle{width:88vw;max-width:none;margin-top:16px}.coming-soon-details{width:88vw;max-width:none;margin-top:14px}.contact-scene .contact-links{width:88vw;max-width:none}.contact-scene .contact-links a{grid-template-columns:64px 1fr 16px;gap:10px;padding:11px 0}.contact-scene .contact-links span{font-size:6px}.contact-scene .contact-links strong{font-size:var(--final-copy-size)}.contact-scene .contact-links i{font-size:14px}}
@media (max-height:760px) and (min-width:641px){.coming-soon-title{font-size:clamp(54px,6vw,88px)}.coming-soon-subtitle{margin-top:13px}.coming-soon-details{margin-top:13px}.contact-scene .contact-links a{padding:10px 0}}
@media (prefers-reduced-motion:reduce){.coming-soon-title .letter,.coming-soon-subtitle,.coming-soon-details{opacity:1!important;clip-path:none!important;transform:none!important;transition:none!important}}

/* Historical names inside slide-out detail cards */
.detail-title-swap{
  display:grid;
  width:max-content;
  max-width:100%;
  cursor:default;
}
.detail-title-layer{
  grid-area:1/1;
  display:block;
  transition:opacity .38s var(--ease),transform .48s var(--ease),filter .38s ease;
}
.detail-title-modern{opacity:1;transform:translateY(0);filter:blur(0)}
.detail-title-ancient{
  opacity:0;
  transform:translateY(.15em);
  filter:blur(4px);
  pointer-events:none;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.92em;
  letter-spacing:-.025em;
}
@media (hover:hover) and (pointer:fine){
  .detail-title-swap:hover .detail-title-modern{opacity:0;transform:translateY(-.11em);filter:blur(4px)}
  .detail-title-swap:hover .detail-title-ancient{opacity:1;transform:translateY(0);filter:blur(0)}
}
.detail-title-swap:focus-visible{outline:1px solid rgba(212,118,60,.7);outline-offset:8px}
.detail-title-swap:focus-visible .detail-title-modern{opacity:0;transform:translateY(-.11em);filter:blur(4px)}
.detail-title-swap:focus-visible .detail-title-ancient{opacity:1;transform:translateY(0);filter:blur(0)}

@media (max-width:640px){
  .journey-nav{display:none!important}
  .scene:not(.contact-scene){
    display:grid;
    grid-template-columns:minmax(0,78fr) minmax(0,22fr);
    grid-template-rows:1fr auto;
    column-gap:8px;
    padding:0 18px calc(54px + 18px + env(safe-area-inset-bottom));
  }
  .scene:not(.contact-scene) .scene-content{
    grid-column:1;
    grid-row:2;
    align-self:end;
    justify-self:stretch;
    min-height:0!important;
    height:auto!important;
    width:100%;
    max-width:none!important;
    padding:0 6px 0 0!important;
    justify-content:flex-end;
  }
  .scene:not(.contact-scene) .display,
  .scene:not(.contact-scene) .intro-content .display,
  .scene:not(.contact-scene) .scene-summary,
  .scene:not(.contact-scene) .route-intro{
    width:100%;
    max-width:100%;
  }
  .display,.intro-content .display{font-size:clamp(36px,10.4vw,50px)}
  .scene-summary,.route-intro,.contact-copy{font-size:12px;line-height:1.52;margin-top:12px}
  .kicker{font-size:6.6px;letter-spacing:.17em;margin-bottom:10px}
  .scene .reveal{opacity:0;transform:translate3d(0,14px,0);transition:opacity .42s var(--ease),transform .48s var(--ease)}
  .scene.is-active .reveal{opacity:1!important;transform:none!important}
  .scene.is-active .reveal:nth-child(2){transition-delay:.03s!important}
  .scene.is-active .reveal:nth-child(3){transition-delay:.08s!important}
  .scene.is-active .reveal:nth-child(4){transition-delay:.13s!important}
  .scene:not(.contact-scene) .scene-cta,
  .scene:not(.contact-scene).route-scene .scene-cta{
    grid-column:2;
    grid-row:2;
    position:relative;
    inset:auto!important;
    align-self:end;
    justify-self:end;
    width:68px;
    height:68px;
    margin:0;
    font-size:5.8px;
    gap:5px;
    animation:scene-cta-drift 2.6s ease-in-out infinite;
  }
  .scene:not(.contact-scene) .scene-cta span{max-width:48px}
  .scene:not(.contact-scene) .scene-cta i{font-size:15px}
  .route-content-v10::before{height:135%}
  .detail-title-ancient{font-size:.86em}
}
@media (max-width:640px) and (max-height:760px){
  .scene:not(.contact-scene){padding-bottom:calc(54px + 14px + env(safe-area-inset-bottom))}
  .display,.intro-content .display{font-size:clamp(33px,9.6vw,43px)}
  .scene-summary,.route-intro,.contact-copy{font-size:11.5px;line-height:1.46;margin-top:10px}
  .kicker{margin-bottom:8px}
  .scene:not(.contact-scene) .scene-cta,
  .scene:not(.contact-scene).route-scene .scene-cta{width:62px;height:62px;font-size:5.3px}
  .scene:not(.contact-scene) .scene-cta span{max-width:43px}
  .scene:not(.contact-scene) .scene-cta i{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .detail-title-layer{transition:none!important;transform:none!important;filter:none!important}
  .scene-cta{animation:none!important}
}


