@font-face{font-family:"IBM Plex Sans";src:url("/stramtoarea-bosfor/assets/fonts/IBMPlexSans-latin.056e4e2459f5.woff2") format("woff2");font-style:normal;font-weight:100 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";src:url("/stramtoarea-bosfor/assets/fonts/IBMPlexSans-latin-ext.ae1d854fefa1.woff2") format("woff2");font-style:normal;font-weight:100 700;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Fraunces;src:url("/stramtoarea-bosfor/assets/fonts/fraunces-normal-latin.48282a415ec2.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;src:url("/stramtoarea-bosfor/assets/fonts/fraunces-normal-latin-ext.f120089b9440.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
[hidden]{display:none!important}
:root{color-scheme:light;--paper:#e8eee8;--surface:#f7f8f2;--surface-2:#d8e1dd;--ink:#10272d;--muted:#40575a;--line:#718589;--line-soft:#b8c8c3;--accent:#93462f;--accent-soft:#eed7cd;--surface-current:#1e7672;--deep-current:#455982;--stone:#c6ae82;--focus:#783918;--shadow:0 18px 48px rgb(16 39 45 / .15);--measure:78rem;--reading:39rem;--bar-h:3.55rem;--display:Fraunces,Georgia,serif;--body:"IBM Plex Sans",sans-serif;font-family:var(--body);font-synthesis:none;text-rendering:optimizeLegibility}
:root[data-theme="dark"]{color-scheme:dark;--paper:#101d23;--surface:#1a2a30;--surface-2:#263a40;--ink:#eef2e8;--muted:#c0ceca;--line:#81979a;--line-soft:#40555a;--accent:#f0a083;--accent-soft:#543229;--surface-current:#75d0c4;--deep-current:#a8b7ef;--stone:#dabf8b;--focus:#ffcc83;--shadow:0 18px 50px rgb(0 0 0 / .34)}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--bar-h) + .55rem);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-size:1.04rem;line-height:1.62}a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{text-decoration-thickness:.14em}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}img,svg{max-width:100%}.skip-link{position:absolute;left:1rem;top:-6rem;z-index:100;background:var(--surface);padding:.7rem 1rem;color:var(--ink)}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--line-soft);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner{max-width:90rem;min-height:var(--bar-h);padding:.32rem 1.1rem;margin:auto;display:flex;align-items:center;gap:.65rem}.home-link{display:flex;align-items:center;gap:.45rem;margin-right:auto;color:var(--ink);text-decoration:none;font-weight:650;white-space:nowrap}.home-mark{width:1.25rem;height:1.25rem;display:block;flex:none}.home-mark path{fill:none;stroke:var(--surface-current);stroke-width:2.1;stroke-linecap:round}.home-mark path:last-child{stroke:var(--deep-current)}.topnav{display:flex;align-items:center;gap:.2rem;overflow-x:auto;scrollbar-width:none;min-width:0}.topnav::-webkit-scrollbar{display:none}.topnav a{color:var(--muted);font-size:.84rem;line-height:1;text-decoration:none;padding:.62rem .54rem;white-space:nowrap;border-radius:99px}.topnav a[aria-current="location"]{color:var(--ink);background:var(--surface-2);font-weight:650}.locale-switch{display:flex;align-items:center;gap:.1rem;flex:none}.locale-switch a{min-width:2rem;min-height:2.25rem;display:grid;place-items:center;padding:.25rem .34rem;border-radius:99px;text-decoration:none;color:var(--muted);font-size:.76rem;font-weight:700}.locale-switch a[aria-current="page"]{background:var(--surface-2);color:var(--ink)}.theme-toggle{width:2.45rem;height:2.45rem;display:grid;place-items:center;flex:none;border:1px solid var(--line-soft);border-radius:50%;background:transparent;cursor:pointer}.theme-toggle svg{width:1rem;height:1rem}.theme-toggle svg[hidden]{display:none}.scroll-line{position:absolute;left:0;right:0;bottom:-3px;height:3px;overflow:hidden;pointer-events:none}.scroll-line span{position:absolute;left:0;top:0;width:100%;height:1px;background:var(--surface-current);transform:scaleX(0);transform-origin:left}.scroll-line [data-progress-lower]{top:2px;background:var(--deep-current);transform-origin:right}
main{overflow:clip}.hero{position:relative;min-height:calc(100vh - var(--bar-h));min-height:calc(100svh - var(--bar-h));display:flex;align-items:flex-end;overflow:hidden;background:#10272d;color:#f3f4eb;isolation:isolate}.hero-art{position:absolute;inset:0;margin:0;z-index:-2;background:#10272d}.hero-art .image-grid,.hero-art .image-card{position:absolute;inset:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.hero-art .image-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:saturate(.79) contrast(1.05)}.hero-art .image-card figcaption{position:absolute;right:max(1rem,calc((100vw - 82rem)/2));bottom:1rem;width:min(25rem,45vw);padding:.6rem .8rem;background:rgb(12 30 36 / .87);color:#edf2e8;border-top:2px solid #75d0c4;font-size:.76rem;line-height:1.42}.hero-art .image-card figcaption p{margin:.15rem 0}.hero-art .image-card .credit{font-size:.72rem}.hero-art .citation-links{display:none}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(9 26 33 / .9) 0%,rgb(9 26 33 / .68) 43%,rgb(9 26 33 / .13) 82%),linear-gradient(0deg,rgb(9 26 33 / .7),transparent 55%)}.hero-inner{width:min(82rem,100%);margin:0 auto;padding:clamp(2.5rem,7vw,6rem) 1.4rem clamp(3rem,8vh,6rem)}.eyebrow{margin:0 0 .75rem;color:var(--accent);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.hero .eyebrow{color:#a9dfd5}.hero h1{max-width:14ch;margin:0 0 1rem;font-family:var(--display);font-size:clamp(3rem,7.3vw,6.2rem);font-weight:500;letter-spacing:-.035em;line-height:.99;text-wrap:balance}.hero .citation-links{color:#c8d4cf;font-size:.72rem}.hero .citation-links a{color:#a9dfd5}.hero .deck{max-width:43rem;margin:0;font-size:clamp(1.08rem,1.7vw,1.34rem);line-height:1.5;color:#f0f1e9}.hero-cold-open{max-width:38rem;margin:1.05rem 0 0;padding-left:1rem;border-left:2px solid #b65638;color:#d8e2db;font-size:.95rem}.hero-ribbon{position:absolute;top:17%;right:7%;width:min(31rem,38vw);height:auto;overflow:visible;opacity:.92;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .45))}.hero-ribbon path{fill:none;stroke-width:6;stroke-linecap:round}.hero-ribbon .upper{stroke:#75d0c4}.hero-ribbon .lower{stroke:#a8b7ef}.hero-ribbon text{fill:#f1f3eb;font:600 15px "IBM Plex Sans",sans-serif;paint-order:stroke;stroke:#10272d;stroke-width:4px;stroke-linejoin:round}.hero-cue{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.5rem;color:#d7e4dd;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.hero-cue::after{content:"";width:2.7rem;height:1px;background:#a9dfd5}
.story-shell{max-width:100%;padding:0 0 4rem}.story{min-width:0}.story-section{position:relative;margin:0;scroll-margin-top:var(--bar-h)}.scene{--scene-bg:#d8e4dc;--scene-ink:#10272d;--scene-muted:#40575a;--scene-line:#718589;--scene-paper:#f7f8f2;color:var(--scene-ink);background:var(--scene-bg)}.scene[data-grade="narrows"]{--scene-bg:#d8e4dc}.scene[data-grade="currents"]{--scene-bg:#cfe2dc}.scene[data-grade="map"]{--scene-bg:#d6e5e2}.scene[data-grade="fortress"]{--scene-bg:#ded3bd}.scene[data-grade="rules"]{--scene-bg:#dfe4d7}.scene[data-grade="grain"]{--scene-bg:#d4ded5}.scene[data-grade="night"],.scene[data-grade="traffic"]{--scene-bg:#14252c;--scene-ink:#eef2e8;--scene-muted:#bfcec9;--scene-line:#82999c;--scene-paper:#203239}
:root[data-theme="dark"] .scene{--scene-bg:#17272e;--scene-ink:#eef2e8;--scene-muted:#c0ceca;--scene-line:#81979a;--scene-paper:#21343a}:root[data-theme="dark"] .scene[data-grade="currents"]{--scene-bg:#153239}:root[data-theme="dark"] .scene[data-grade="map"]{--scene-bg:#162c33}:root[data-theme="dark"] .scene[data-grade="fortress"]{--scene-bg:#302f28}:root[data-theme="dark"] .scene[data-grade="rules"]{--scene-bg:#1f2e31}:root[data-theme="dark"] .scene[data-grade="grain"]{--scene-bg:#1d2b2e}:root[data-theme="dark"] .scene[data-grade="night"],:root[data-theme="dark"] .scene[data-grade="traffic"]{--scene-bg:#101d23;--scene-ink:#eef2e8;--scene-muted:#c0ceca;--scene-line:#81979a;--scene-paper:#1a2a30}
.scene-stage{position:sticky;top:var(--bar-h);z-index:0;height:calc(100svh - var(--bar-h));min-height:29rem;margin-bottom:calc(-100svh + var(--bar-h));overflow:hidden;background:var(--scene-bg);color:var(--scene-ink);isolation:isolate}.stage-view{position:absolute;inset:0;display:grid;place-items:center}.stage-empty{margin:0;color:var(--scene-muted);font-size:.76rem;line-height:1.35;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.scene-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 35% 48%,color-mix(in srgb,var(--surface-current) 12%,transparent),transparent 55%),linear-gradient(118deg,color-mix(in srgb,var(--scene-bg) 82%,var(--surface) 18%),var(--scene-bg) 64%)}.scene-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.stage-heading{position:absolute;top:1.15rem;left:clamp(1.2rem,5vw,5.3rem);z-index:2;max-width:26rem}.stage-heading .eyebrow{color:var(--accent);margin-bottom:.25rem}.stage-heading .stage-title{font-family:var(--display);font-size:clamp(1.55rem,3.2vw,3.2rem);line-height:1.05;letter-spacing:-.025em;font-weight:500;margin:0;text-wrap:balance}.scene[data-grade="night"] .stage-heading .eyebrow,.scene[data-grade="traffic"] .stage-heading .eyebrow{color:#f0a083}.stage-counter{position:absolute;z-index:4;right:clamp(1rem,4.6vw,4.5rem);top:1.3rem;width:min(23rem,30vw);max-height:calc(100% - 2.6rem);overflow:auto;padding:.75rem .95rem;background:color-mix(in srgb,var(--scene-paper) 94%,transparent);border-left:3px solid var(--accent);box-shadow:var(--shadow);font-variant-numeric:tabular-nums}.stage-counter-panel[hidden]{display:none}.stage-metric{padding:.2rem 0 .55rem;border-bottom:1px solid color-mix(in srgb,var(--scene-line) 42%,transparent)}.stage-metric:last-child{border-bottom:0;padding-bottom:.2rem}.stage-metric strong{display:block;font-size:clamp(1.35rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.04em;color:var(--scene-ink);font-weight:650}.stage-metric .metric-unit{font-size:.72em;letter-spacing:-.015em}.stage-metric span{display:block;margin-top:.23rem;color:var(--scene-muted);font-size:.75rem;line-height:1.3}.stage-metric .metric-scope{font-size:.67rem}.stage-caption{position:absolute;left:clamp(1.2rem,4vw,4.1rem);bottom:1.15rem;z-index:2;max-width:24rem;color:var(--scene-muted);font-size:.72rem;line-height:1.4}.scene[data-grade="night"] .stage-caption,.scene[data-grade="traffic"] .stage-caption{color:#c8d4cf}.stage-caption cite{font-style:normal}.scene-tools{position:absolute;left:clamp(1.2rem,4vw,4.1rem);top:clamp(6rem,17vh,10rem);z-index:5;display:flex;flex-wrap:wrap;gap:.45rem}.scene-tool{min-width:2.75rem;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .75rem;border:1px solid var(--scene-line);border-radius:99px;background:var(--scene-paper);color:var(--scene-ink);font-size:.78rem;font-weight:650;cursor:pointer}.scene-tool[aria-pressed="true"]{background:var(--scene-ink);color:var(--scene-bg);border-color:var(--scene-ink)}.scene-tool[hidden]{display:none}
.scene-steps{position:relative;z-index:2;pointer-events:none}.scene-step{min-height:calc(100svh - var(--bar-h));display:flex;align-items:center;padding:1.25rem clamp(1rem,5vw,5.4rem);scroll-margin-top:calc(var(--bar-h) + .5rem)}.scene-step[data-side="right"]{justify-content:flex-end}.scene-step[data-side="center"]{justify-content:center}.scene-step:first-child{padding-top:2.2rem}.scene-step:last-child{min-height:calc(100svh - var(--bar-h) + 3rem);padding-bottom:4rem}.scene-card{pointer-events:auto;width:min(31.5rem,48vw);padding:1.05rem 1.3rem 1.15rem;background:color-mix(in srgb,var(--scene-paper) 96%,transparent);color:var(--scene-ink);border:1px solid color-mix(in srgb,var(--scene-line) 50%,transparent);border-top:3px solid var(--accent);border-radius:.15rem 1rem .15rem .15rem;box-shadow:var(--shadow)}.scene-card .eyebrow{margin-bottom:.4rem;color:var(--accent)}.scene-card h2,.scene-card h3{font-family:var(--display);font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.06;letter-spacing:-.025em;font-weight:500;margin:0 0 .65rem;text-wrap:balance}.scene-card h2{font-size:clamp(1.85rem,3.8vw,3.1rem);margin-bottom:.8rem}.scene-card p{margin:.5rem 0}.scene-copy{font-size:1rem;line-height:1.52}.scene-hook{padding:.45rem 0 0 .75rem;border-left:2px solid var(--surface-current);color:var(--scene-muted);font-size:.82rem;line-height:1.42}.scene[data-grade="night"] .scene-hook,.scene[data-grade="traffic"] .scene-hook{border-color:#f0a083}.scene-cite{display:flex;gap:.35rem;flex-wrap:wrap;margin:.65rem 0 0!important;font-size:.74rem}.scene-cite a{color:var(--accent);font-weight:700}.scene-forward{margin:.7rem 0 0!important;padding-top:.6rem;border-top:1px solid var(--line-soft);color:var(--scene-muted);font-size:.77rem;font-weight:600}.scene-step-link{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;margin-left:.2rem;color:var(--scene-muted);font:600 .75rem var(--body);text-decoration:none;vertical-align:middle}.scene-step-link:hover{color:var(--accent)}.section-permalink{display:inline-grid;place-items:center;min-width:2.75rem;min-height:2.75rem;margin-left:.2rem;color:var(--scene-muted);font:600 .78rem var(--body);text-decoration:none;vertical-align:middle}.stage-live-number{display:none}
.scene-svg{display:block;width:min(78vw,1250px);height:auto;max-height:84%;overflow:visible}.scene-svg text{font-family:"IBM Plex Sans",sans-serif;fill:var(--scene-ink)}.scene-svg .label{font-size:22px;font-weight:650}.scene-svg .small{font-size:16px;fill:var(--scene-muted)}.scene-svg .measure-track{stroke:color-mix(in srgb,var(--scene-line) 50%,transparent);stroke-width:8;stroke-linecap:round}.scene-svg .measure-active{stroke:var(--surface-current);stroke-width:10;stroke-linecap:round;transition:stroke-width .2s,opacity .2s}.scene-svg .measure-range{stroke:var(--deep-current);stroke-width:10;stroke-linecap:round;stroke-dasharray:6 8}.scene-svg .measure-row{opacity:.7;transition:opacity .2s}.scene[data-step="0"] .measure-row[data-i="0"],.scene[data-step="1"] .measure-row[data-i="1"],.scene[data-step="2"] .measure-row[data-i="2"],.scene[data-step="3"] .measure-row[data-i="3"]{opacity:1}.scene[data-step="0"] .measure-row[data-i="0"] .measure-active,.scene[data-step="1"] .measure-row[data-i="1"] .measure-active,.scene[data-step="2"] .measure-row[data-i="2"] .measure-active,.scene[data-step="3"] .measure-row[data-i="3"] .measure-active{stroke-width:16}.flow-svg .surface-flow,.flow-svg .deep-flow{fill:none;stroke-linecap:round;stroke-width:19;opacity:.52;transition:opacity .18s,stroke-width .18s}.flow-svg .surface-flow{stroke:var(--surface-current)}.flow-svg .deep-flow{stroke:var(--deep-current)}.flow-svg[data-step="0"] .surface-flow,.flow-svg[data-step="1"] .surface-flow{opacity:1;stroke-width:24}.flow-svg[data-step="2"] .deep-flow{opacity:1;stroke-width:24}.flow-svg[data-layer-upper="off"] .surface-flow,.flow-svg[data-layer-lower="off"] .deep-flow{opacity:.08}.flow-svg .divider{stroke:var(--scene-line);stroke-dasharray:7 10;stroke-width:2;opacity:.75}.flow-svg .layer-tag{fill:var(--scene-paper);stroke:var(--scene-line);stroke-width:1}.osm-map{width:min(85vw,1320px);height:auto;max-height:90%;background:var(--scene-bg);overflow:visible}.osm-map .sea{fill:var(--scene-bg)}.osm-map .coast{fill:none;stroke:var(--scene-line);stroke-width:2.4;opacity:.8}.osm-map .strait-line{fill:none;stroke:var(--surface-current);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;opacity:.88}.osm-map .point{fill:var(--scene-paper);stroke:var(--accent);stroke-width:4;transition:r .2s,stroke-width .2s}.osm-map .map-label{fill:var(--scene-ink);stroke:var(--scene-bg);stroke-width:5px;paint-order:stroke;stroke-linejoin:round;font:700 18px "IBM Plex Sans",sans-serif}.osm-map .north{fill:var(--scene-muted);font:700 14px "IBM Plex Sans",sans-serif;letter-spacing:.12em}.osm-map [data-point-role]{opacity:.72}.scene[data-step="1"] .osm-map [data-point-role="narrow-asiyan"],.scene[data-step="2"] .osm-map [data-point-role="narrow-kandilli"]{opacity:1}.scene[data-step="1"] .osm-map [data-point-role="narrow-asiyan"] circle,.scene[data-step="2"] .osm-map [data-point-role="narrow-kandilli"] circle{r:13;stroke-width:7}.map-figure{position:relative;width:100%;height:100%;display:grid;place-items:center;margin:0}.map-attribution{position:absolute;right:clamp(1rem,4vw,4rem);bottom:.9rem;z-index:3;max-width:40rem;padding:.4rem .65rem;background:var(--scene-paper);color:var(--scene-muted);border-left:2px solid var(--accent);font-size:.66rem;line-height:1.35}.map-attribution a{color:var(--accent);font-weight:700}.map-credit{font-size:.76rem!important}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0}.image-card{position:relative;margin:0;background:var(--surface);border:1px solid var(--line-soft);overflow:hidden}.image-card img{width:100%;height:auto;display:block}.image-card figcaption{padding:.65rem .8rem;color:var(--muted);font-size:.78rem;line-height:1.42}.image-card figcaption p{margin:.2rem 0}.image-card .credit{font-size:.72rem}.scene-art .image-grid,.scene-art .image-card{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;background:transparent}.scene-art .image-card img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.74) contrast(1.04)}.scene-art .image-card figcaption{position:absolute;left:clamp(1rem,4vw,4rem);bottom:1rem;max-width:min(26rem,48vw);padding:.55rem .75rem;background:rgb(16 35 41 / .88);color:#f0f2e9;border-left:2px solid #75d0c4}.scene-art .image-card figcaption a{color:#abddd2}.scene[data-grade="night"] .scene-art .image-card img{filter:saturate(.56) contrast(1.08) brightness(.62)}.scene[data-grade="traffic"] .scene-art .image-card img{filter:saturate(.55) contrast(1.12) brightness(.5)}.scene-art .image-card .citation-links{display:none}.photo-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgb(12 29 35 / .46),transparent 72%),linear-gradient(0deg,rgb(12 29 35 / .38),transparent 45%);pointer-events:none}.photo-date{position:absolute;right:clamp(1rem,5vw,5rem);bottom:14%;font:500 clamp(3rem,9vw,8rem)/.9 var(--display);letter-spacing:-.05em;color:color-mix(in srgb,var(--scene-ink) 70%,transparent);opacity:.76;transition:opacity .2s,transform .2s}.scene[data-step="0"] .photo-date{opacity:1;transform:translateY(-.1em)}.portage-svg{width:min(82vw,1180px);height:auto;max-height:88%;color:var(--scene-ink)}.portage-svg .sea{fill:color-mix(in srgb,var(--scene-bg) 74%,var(--surface-current) 26%)}.portage-svg .land{fill:var(--stone)}.portage-svg .route{fill:none;stroke:var(--accent);stroke-width:9;stroke-linecap:round;stroke-dasharray:3 14;stroke-dashoffset:0;transition:stroke-dashoffset .2s,stroke-width .2s}.scene[data-step="0"] .portage-svg .route{stroke-dashoffset:60;opacity:.55}.scene[data-step="1"] .portage-svg .route{stroke-width:13}.scene[data-step="2"] .portage-svg .route{stroke-width:10;opacity:.7}.portage-svg .chain{stroke:var(--deep-current);stroke-width:6;stroke-dasharray:5 7}.portage-svg .node{fill:var(--scene-paper);stroke:var(--accent);stroke-width:4}.portage-svg .golden-horn{fill:var(--scene-bg);stroke:var(--surface-current);stroke-width:3}.time-svg{width:min(78vw,1120px);height:auto;max-height:80%}.time-svg .timeline{stroke:var(--scene-line);stroke-width:5;stroke-linecap:round}.time-svg .tick{fill:var(--scene-paper);stroke:var(--scene-line);stroke-width:4;transition:fill .2s,stroke-width .2s}.time-svg .event{opacity:.55;transition:opacity .2s}.scene[data-step="0"] .time-svg [data-event="0"],.scene[data-step="1"] .time-svg [data-event="1"],.scene[data-step="2"] .time-svg [data-event="2"]{opacity:1}.scene[data-step="0"] .time-svg [data-event="0"] .tick,.scene[data-step="1"] .time-svg [data-event="1"] .tick,.scene[data-step="2"] .time-svg [data-event="2"] .tick{fill:var(--accent);stroke-width:8}.traffic-stage{position:absolute;inset:0;display:grid;place-items:center}.traffic-stage .image-grid,.traffic-stage .image-card{position:absolute;inset:0}.traffic-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(13 29 35 / .88),rgb(13 29 35 / .22) 68%,rgb(13 29 35 / .44))}.corridor-svg{width:min(75vw,1100px);height:auto;max-height:75%}.corridor-svg .line{stroke:var(--surface-current);stroke-width:10;stroke-linecap:round}.corridor-svg .port{fill:var(--scene-paper);stroke:var(--accent);stroke-width:5}.corridor-svg .boundary{fill:none;stroke:var(--scene-line);stroke-width:2;stroke-dasharray:7 8}.corridor-svg .period{fill:var(--deep-current)}
.citation-links{font-size:.78rem;color:var(--muted);display:flex;gap:.38rem;flex-wrap:wrap;align-items:baseline;margin:.65rem 0 0}.citation-links a{font-weight:700}.sources-section{padding:3rem 1.3rem 4.3rem;background:var(--paper);color:var(--ink)}.sources-inner{max-width:var(--reading);margin:auto}.sources-inner h2{font:500 clamp(2rem,4vw,3rem)/1.1 var(--display);margin:.2rem 0 .75rem}.sources-inner p{color:var(--muted)}.sources-list{display:grid;gap:.35rem;list-style:none;padding:0;margin:1.3rem 0}.sources-list li{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.1rem .75rem;padding:.75rem 0;border-bottom:1px solid var(--line-soft)}.source-id{grid-row:span 2;color:var(--accent);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.source-kind{color:var(--muted);font-size:.76rem}.source-title{font-weight:600}.source-title a{text-decoration-thickness:.06em}
.rail{display:none}@media(min-width:1400px){.rail{position:fixed;left:calc(50% + 39rem);top:50%;z-index:25;display:flex;flex-direction:column;gap:.3rem;transform:translateY(-50%);max-height:calc(100svh - 8rem);overflow:auto;padding:.45rem .3rem;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line-soft);box-shadow:0 6px 24px rgb(16 39 45 / .1)}.rail-dot{position:relative;display:grid;place-items:center;width:1.7rem;height:1.7rem;text-decoration:none;border-radius:50%}.rail-dot .dot{width:.43rem;height:.43rem;border-radius:50%;background:var(--muted);box-shadow:0 0 0 3px var(--surface);transition:transform .15s,background .15s}.rail-dot[aria-current="location"] .dot,.rail-dot:hover .dot{background:var(--accent);transform:scale(1.35)}.rail-label{position:absolute;right:calc(100% + .35rem);top:50%;transform:translateX(.3rem) translateY(-50%);opacity:0;pointer-events:none;white-space:nowrap;padding:.22rem .5rem;background:var(--surface);border:1px solid var(--line-soft);color:var(--ink);font-size:.74rem;line-height:1.3}.rail-dot:hover .rail-label,.rail-dot:focus .rail-label,.rail-dot:focus-visible .rail-label,.rail-dot:focus-within .rail-label,.rail-dot[data-focused="true"] .rail-label{opacity:1;transform:translateY(-50%)}.rail-dot:focus-visible{outline:2px solid var(--focus);outline-offset:1px}}
.share-row{display:flex;align-items:center;gap:.35rem;margin:1.3rem 0 .2rem}.share-label{font-size:.78rem;color:var(--muted);margin-right:.35rem}.share-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:50%;background:transparent;color:var(--ink);text-decoration:none;cursor:pointer;flex:none}.share-button:hover,.share-button:focus-visible{color:var(--accent);border-color:var(--accent)}.share-button svg{width:18px;height:18px;fill:currentColor}.share-status{min-height:1.35em;margin:.25rem 0;color:var(--muted);font-size:.78rem}.site-footer{border-top:1px solid var(--line-soft);padding:2rem 1.2rem calc(4rem + env(safe-area-inset-bottom));background:var(--surface);color:var(--muted);font-size:.82rem}.footer-inner{max-width:78rem;margin:auto}.site-footer p{margin:.25rem 0}.to-top{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));z-index:40;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;opacity:0;transform:translateY(.4rem);pointer-events:none;transition:opacity .18s,transform .18s}.to-top[data-visible="true"]{opacity:1;transform:none;pointer-events:auto}.not-found{max-width:var(--reading);padding:6rem 1.2rem;margin:auto}.not-found h1{font-family:var(--display);font-size:3rem}
@media(max-width:760px){.header-inner{gap:.28rem;padding-inline:.6rem}.home-link{gap:.25rem;font-size:.82rem}.home-mark{width:1rem;height:1rem}.topnav{gap:0;flex:1}.topnav a{font-size:.73rem;padding:.58rem .35rem}.locale-switch a{min-width:1.7rem;padding:.18rem;font-size:.7rem}.theme-toggle{width:2.25rem;height:2.25rem}.hero{min-height:calc(89vh - var(--bar-h));min-height:calc(89svh - var(--bar-h))}.hero-inner{padding:2rem 1rem 6rem}.hero h1{max-width:12ch;font-size:clamp(2.7rem,11.2vw,4.7rem)}.hero .deck{font-size:1.02rem;max-width:37rem}.hero-ribbon{top:.75rem;left:.6rem;right:auto;width:min(48vw,12rem);opacity:.76}.hero-ribbon text{display:none}.hero-art .image-card figcaption{top:auto;bottom:0;left:0;right:0;width:auto;max-height:26svh;overflow:auto;padding:.5rem .8rem .6rem;font-size:.66rem;line-height:1.3}.hero-art .image-card .credit{font-size:.6rem}.hero-cold-open{font-size:.84rem}.scene-stage{height:42svh;min-height:15rem;max-height:20rem;margin-bottom:-42svh}.stage-heading{top:.7rem;left:.85rem;max-width:55%}.stage-heading .stage-title{font-size:clamp(1.3rem,5vw,2rem)}.stage-counter{top:.55rem;right:.55rem;width:min(42vw,11rem);max-height:calc(100% - 1rem);padding:.45rem .55rem}.stage-metric{padding:.12rem 0 .35rem}.stage-metric strong{font-size:clamp(1.05rem,5vw,1.65rem)}.stage-metric span{font-size:.65rem}.stage-metric .metric-scope{font-size:.59rem}.stage-caption{left:.85rem;bottom:.55rem;max-width:55%;font-size:.62rem}.scene-tools{top:auto;bottom:.55rem;left:auto;right:.55rem;max-width:49%;justify-content:flex-end;gap:.25rem}.scene-tool{min-height:2.75rem;padding:.36rem .55rem;font-size:.68rem}.scene-step{min-height:78svh;align-items:flex-end;padding:.8rem .7rem 1rem}.scene-step:first-child{padding-top:2.2rem}.scene-step:last-child{min-height:84svh;padding-bottom:1.3rem}.scene-card{width:100%;max-width:36rem;margin-inline:auto;padding:.8rem .95rem .9rem;border-top-width:2px}.scene-card h2{font-size:clamp(1.75rem,7vw,2.4rem)}.scene-card h3{font-size:clamp(1.45rem,6vw,2rem)}.scene-copy{font-size:.94rem;line-height:1.47}.scene-hook{font-size:.77rem}.scene-svg,.time-svg,.corridor-svg{width:min(100vw,760px);max-height:85%;transform:translateY(-1.2rem)}.osm-map{width:140vw;max-width:none;max-height:86%;transform:translate(-8vw,-.3rem)}.map-attribution{right:.55rem;bottom:3rem;max-width:72vw;padding:.3rem .4rem;font-size:.58rem}.portage-svg{width:132vw;max-width:none;max-height:87%;transform:translate(-5vw,-1rem)}.scene-art .image-card img{object-position:center center}.scene-art .image-card figcaption{left:.7rem;bottom:.5rem;max-width:61vw;padding:.42rem .55rem;font-size:.66rem}.photo-date{right:.7rem;bottom:25%;font-size:clamp(2.6rem,15vw,5rem)}.sources-section{padding:2.5rem .95rem 3rem}.sources-list li{grid-template-columns:3.7rem minmax(0,1fr);gap:.1rem .6rem}.share-row{flex-wrap:wrap}.share-button{width:44px;height:44px}}
@media(max-width:390px){.home-link span:not(.home-mark){max-width:4.15rem;overflow:hidden;text-overflow:ellipsis}.topnav a{font-size:.69rem;padding-inline:.26rem}.locale-switch a{min-width:1.55rem}.header-inner{gap:.18rem}.hero h1{font-size:clamp(2.55rem,11vw,3.5rem)}.stage-heading{max-width:50%}.stage-counter{width:43vw}.scene-tool{font-size:.63rem;padding-inline:.45rem}}
@media(max-height:680px) and (min-width:761px){.scene-stage{min-height:0}.scene-step{min-height:calc(100svh - var(--bar-h));padding-block:1rem}.scene-card{padding:.85rem 1.1rem}.scene-card h2,.scene-card h3{font-size:1.6rem}.scene-copy{font-size:.93rem}.hero-inner{padding-bottom:2rem}}
@media(max-height:620px) and (max-width:760px){.scene-stage{height:40svh;min-height:13rem;margin-bottom:-40svh}.scene-step{min-height:82svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(forced-colors:active){a,button{forced-color-adjust:auto}.rail{border:1px solid CanvasText}.rail-dot .dot{background:CanvasText;box-shadow:none}.rail-dot[aria-current="location"] .dot{background:Highlight}.scene-card,.scene-tool,.stage-counter{border:1px solid CanvasText}}
@media print{.site-header,.topnav,.rail,.scene-tools,.share-row,.to-top,.hero-cue{display:none!important}.hero{min-height:0;display:block;padding:2rem;background:#fff;color:#111}.hero-art,.hero-shade,.hero-ribbon{display:none}.hero h1{color:#111}.scene-stage{position:relative;height:20rem;min-height:0;margin:0;page-break-inside:avoid}.scene-steps{margin:0}.scene-step{min-height:0;padding:1rem!important;page-break-inside:avoid}.scene-card{width:100%;box-shadow:none;background:#fff;color:#111}.sources-section{background:#fff;color:#111}.site-footer{background:#fff}}