/* Two independent raster planes form each scroll scene. */
.layered-scene{--depth:0;position:relative;isolation:isolate;background:transparent;overflow:visible;box-shadow:none!important;transform:none!important;border-radius:0!important}.scene-window{position:relative;aspect-ratio:1.17;overflow:hidden;border-radius:44% 44% 4px 4px;background:#e8e3d8;isolation:isolate}.layered-scene img{position:absolute;width:100%;height:100%;max-height:none;inset:0;object-fit:cover;aspect-ratio:auto;transition:none}.layered-scene .scene-background{transform:translate3d(calc(var(--depth)*-16px),calc(var(--depth)*-28px),0) scale(1.16);z-index:0}.layered-scene .scene-cutout{object-fit:contain;inset:7% 0 auto;width:100%;height:90%;transform:translate3d(calc(var(--depth)*32px),calc(var(--depth)*100px),0) rotate(calc(var(--depth)*-4deg)) scale(1.02);z-index:2;filter:drop-shadow(0 18px 17px #27323c25)}.scene-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff7db00 15%,#fff7db44 45%,#fff7db00 70%);transform:translateX(calc(var(--depth)*70px));z-index:3;mix-blend-mode:screen}.scene-pollen{position:absolute;right:10%;top:12%;color:#fffbed;font:30px Georgia,serif;transform:translate3d(calc(var(--depth)*-35px),calc(var(--depth)*-75px),0) rotate(calc(var(--depth)*45deg));z-index:4}.scene-yorunge .scene-window{border-radius:50%;background:#33325c}.scene-yorunge .scene-cutout{filter:drop-shadow(0 0 20px #cabfff40)}.scene-hafiza .scene-window{border-radius:3px 3px 36% 3px}.scene-yeniden .scene-window{border-radius:3px 43% 3px 3px}.layered .cover-bottom{grid-template-columns:.8fr 1.2fr;gap:4vw}.layered .cover-picture>.world-art{border-radius:0}.layered .cover-picture .world-art img{aspect-ratio:auto}.layered .cover-picture .scene-window{aspect-ratio:1.22}.layered .cover-picture .scene-cutout{height:90%;inset:8% 0 auto;transform:translate3d(calc(var(--depth)*32px),calc(var(--depth)*85px),0) rotate(calc(var(--depth)*-4deg))}.layered .world{padding-top:35px;padding-bottom:80px;min-height:110vh}.layered .world-grid{min-height:80vh;align-items:start;grid-template-columns:.9fr 1.1fr;gap:6vw}.layered .world-copy{padding-top:120px;padding-bottom:90px;align-self:center}.layered .world-visual{position:sticky;top:110px;align-self:start}.layered .world-visual>.world-art{box-shadow:none}.layered .source-peek{display:none}.layered .world .motif{right:-15px;top:-40px;width:80px}.layered .reader-art{max-width:1000px}.layered .reader-art .scene-window{aspect-ratio:2.1;border-radius:4px}.layered .reader-art .scene-cutout{inset:-13% 10% auto;height:130%;width:80%;object-fit:contain}.layered .reader-art .scene-background{object-position:center 60%}.story-interlude{margin:60px 0!important}.story-interlude .scene-window{aspect-ratio:1.5;border-radius:48% 48% 3px 3px}.inline-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin:45px -35px}.inline-pair figure{margin:0}.inline-source img{width:100%;max-height:700px;object-fit:contain}.inline-pair .photo-tile{padding:12px;background:#ece6da}.inline-pair figcaption{font-size:10px;line-height:1.7}.article-body [data-block]{white-space:pre-line}.article-body .inline-source{break-inside:avoid}.article-body>.inline-source{margin:45px -20px}.scene-mekan{--scene-accent:#7d896b}.scene-mesafe{--scene-accent:#7c9aa7}.scene-hafiza{--scene-accent:#ba904e}.scene-yorunge{--scene-accent:#9380af}.scene-yeniden{--scene-accent:#8f9d5c}
@media(min-width:1500px){.layered .world-visual{top:120px}.layered .scene-window{max-height:650px}.layered .world-grid{min-height:880px}}
@media(max-width:900px){.layered .world-grid{gap:5vw}.layered .world-copy{padding-top:60px}.layered .world-visual{top:100px}.inline-pair{margin:35px 0}.article-body>.inline-source{margin:40px 0}}
@media(max-width:600px){.layered .cover-bottom{display:flex;gap:30px}.layered .cover-picture .scene-window{aspect-ratio:1.2}.layered .world{min-height:auto;padding-bottom:75px}.layered .world-grid{display:flex;min-height:0;gap:30px}.layered .world-copy{padding:0 0 0 14px}.layered .world-visual{position:relative;top:auto;margin:0 2px}.scene-window{aspect-ratio:1.15}.layered-scene .scene-cutout{transform:translate3d(calc(var(--depth)*14px),calc(var(--depth)*60px),0) rotate(calc(var(--depth)*-3deg))}.layered .cover-picture .scene-cutout{transform:translate3d(calc(var(--depth)*15px),calc(var(--depth)*55px),0) rotate(calc(var(--depth)*-3deg))}.layered .reader-art .scene-window{aspect-ratio:1.4}.layered .reader-art .scene-cutout{inset:0;height:100%;width:100%}.inline-pair{gap:14px;margin:35px 0}.inline-pair .photo-tile{padding:7px}.inline-pair figcaption{font-size:9px}.story-interlude{margin:45px 0!important}.scene-pollen{font-size:24px}.layered .world .motif{right:-15px;width:65px}}
.reduce-motion .scene-background,.reduce-motion .scene-cutout,.reduce-motion .scene-light,.reduce-motion .scene-thread,.reduce-motion .scene-pollen{transform:none!important}.reduce-motion .scene-background{scale:1.16}.reduce-motion .layered-scene .scene-cutout{transform:scale(1.02)!important}@media(prefers-reduced-motion:reduce){.scene-background,.scene-cutout,.scene-light,.scene-pollen{transform:none!important}.scene-background{scale:1.16}.layered-scene .scene-cutout{transform:scale(1.02)!important}}@media print{.story-interlude{display:none}.inline-pair{margin:20px 0}.layered .reader-art{display:none}}
.animated-note{width:130px;height:91px;object-fit:contain;float:right;margin:-20px -10px -10px 10px;opacity:.8}.world-copy:after{content:'';display:table;clear:both}@media(max-width:600px){.animated-note{width:100px;height:70px;margin:-8px 0 -8px 10px}}
body.layered .layered-scene .scene-background{transform:translate3d(calc(var(--depth)*-16px),calc(var(--depth)*-28px),0) scale(1.16)}body.layered.reduce-motion .layered-scene .scene-background{transform:scale(1.16)!important}@media(prefers-reduced-motion:reduce){body.layered .layered-scene .scene-background{transform:scale(1.16)!important}}
.scene-window{overflow:visible;background:transparent}.scene-backdrop{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#e7e4da;z-index:0}.scene-light{border-radius:inherit}.scene-yorunge .scene-window{background:transparent}.scene-yorunge .scene-backdrop{background:#33325c}
body{overflow-x:clip}@media(max-width:600px){.layered .world-grid{align-items:stretch}.layered .world-visual,.layered .world-copy{align-self:stretch;min-width:0}.layered .world-visual{width:auto}.scene-light{transform:translateX(calc(var(--depth)*25px))}}
/* Illustrated contents and a single sticky stage for copy and art. */
.contents-row{grid-template-columns:30px 112px minmax(0,1fr) 160px 24px;gap:22px;min-height:124px;padding:16px 0}.row-visual{display:block;position:relative;width:112px;height:82px;overflow:hidden;background:#e7e3d9;border-radius:2px}.row-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.row-visual .row-cutout{object-fit:contain;transform:scale(1.04)}.row-copy{min-width:0}.row-author{line-height:1.6}.world{padding-top:28px;padding-bottom:36px}.world .section-label{margin-bottom:32px}.world h2{font-size:clamp(32px,3.6vw,54px);line-height:1.12;margin-bottom:16px}.world-copy{padding:12px 0}.world-excerpt{font:18px/1.65 Georgia,serif;color:var(--muted);max-width:500px;margin:22px 0 16px}.world .animated-note{width:94px;height:66px;margin:-13px 0 -8px 10px}.world-stage{position:relative}.world-grid{min-height:0;align-items:center}.world-stage.can-pin{height:calc(var(--stage-height) + 110px)}.world-stage.can-pin>.world-grid{position:sticky;top:96px}.world-visual{align-self:center}.layered .world{padding-top:28px;padding-bottom:36px;min-height:0}.layered .world-grid{min-height:0;gap:5vw;align-items:center}.layered .world-copy{padding:12px 0;align-self:center}.layered .world-visual{position:relative;top:auto;align-self:center;max-width:530px}.layered .world-visual .scene-window{max-height:none;aspect-ratio:1.25}.layered .world .motif{top:-24px}.world-number{font-size:65px;top:-38px;left:-18px}
@media(min-width:1500px){.layered .world-grid{min-height:0}.layered .world-visual{top:auto}.world-stage.can-pin>.world-grid{top:108px}}
@media(max-width:1000px){.contents-row{grid-template-columns:22px 96px minmax(0,1fr) 120px 20px;gap:16px}.row-visual{width:96px;height:76px}.world-excerpt{font-size:17px;line-height:1.65}.world h2{font-size:36px}}
@media(max-width:760px){.world-stage.can-pin{height:auto}.world-stage.can-pin>.world-grid{position:relative;top:auto}.layered .world-grid{display:flex;flex-direction:column;align-items:stretch;gap:28px}.layered .world-copy,.layered .world-visual{align-self:stretch}.layered .world-visual{width:auto;max-width:none}.world-grid.reverse .world-copy,.world-grid.reverse .world-visual{order:initial}.world{padding-top:24px;padding-bottom:40px}.layered .world{padding-top:24px;padding-bottom:40px}.world .section-label{margin-bottom:27px}.world h2{font-size:36px;max-width:100%}.layered .world-copy{padding:0 0 0 10px}.world-excerpt{font-size:17px;line-height:1.75;margin-top:18px}.layered .world-visual .scene-window{aspect-ratio:1.4}.world-number{font-size:57px;top:-27px}.world .animated-note{width:85px;height:60px;margin:-10px 0 0 10px}}
@media(max-width:600px){.contents-row{grid-template-columns:76px minmax(0,1fr) 18px;gap:8px 14px;min-height:125px;padding:18px 0}.contents-row .row-number{display:none}.row-visual{width:76px;height:86px;grid-column:1;grid-row:1/3}.row-copy{grid-column:2;grid-row:1}.row-title{font-size:20px;line-height:1.2}.row-category{font-size:9px;margin-top:7px}.row-author{grid-column:2;grid-row:2;margin:0;font-size:10px;align-self:start}.row-arrow{grid-column:3;grid-row:1/3}.contents-row:hover{padding-left:0}.contents-top{margin-bottom:18px}.world .read-link{min-height:44px}}
@media print{.world-stage.can-pin{height:auto}.world-stage.can-pin>.world-grid{position:static}}
.world-stage.can-pin{height:calc(var(--stage-height) + clamp(100px,15vh,180px))}@media(max-width:600px){.world-excerpt{font-size:16px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.layered .world-visual .scene-window{aspect-ratio:1.6}}@media print{.world-stage.can-pin{height:auto}.world-excerpt{display:block;overflow:visible}}



/* The thread is clipped to the plate and sandwiched between foreground layers. */
.scene-thread {
 position:absolute;
 inset:0;
 overflow:hidden;
 border-radius:inherit;
 pointer-events:none;
 z-index:3;
}
.scene-thread::before {
 content:"";
 position:absolute;
 left:-9%;
 bottom:7%;
 width:118%;
 height:29%;
 border-top:1px solid #a8614760;
 border-radius:50%;
 transform:translateY(calc(var(--depth) * -18px)) rotate(calc(var(--depth) * 4deg));
}
.layered-scene .scene-window > .scene-object ~ .scene-object {z-index:4}
.reduce-motion .scene-thread::before {transform:none}
@media(prefers-reduced-motion:reduce) {.scene-thread::before {transform:none}}
