/* Normal-flow anchors keep parallax progress moving while cards are pinned. */
.worlds{overflow:visible;position:relative;max-width:1600px;margin:auto;padding:8px 3vw 65px}.story-anchor{display:block;height:0;width:0;pointer-events:none}.worlds .world{position:relative;max-width:100%;margin:0 auto 28px;padding:21px 4vw 28px;border:1px solid #d5c9b4;border-radius:12px;background:#f7f3eb;box-shadow:0 -3px 10px #4f463509,0 16px 36px -24px #4f463550;isolation:isolate;overflow:clip;z-index:calc(2 + var(--stack-index))}.worlds .world-mekan{background:#f2f1e6}.worlds .world-hafiza{background:#f7efdf}.worlds .world-yorunge{background:#f0edf3}.worlds .world-yeniden{background:#f3f1e1}.worlds .world-stage,.worlds .world-stage.can-pin{height:auto!important;min-height:0}.worlds .world-grid,.worlds .world-stage.can-pin>.world-grid{position:relative!important;top:auto!important;min-height:0}.worlds .world .section-label{margin-bottom:25px;padding-top:10px}.worlds .world-copy{padding:5px 0}.worlds .world .world-visual{position:relative;top:auto}.worlds:before{display:none}.worlds .world h2{font-size:clamp(31px,3.3vw,51px)}
@media(min-width:761px) and (hover:hover) and (pointer:fine) {
 .worlds .world.stack-fit {position:sticky;top:calc(var(--nav-visible-height) + 20px + var(--stack-index)*12px)}
}
@media(min-width:1500px) and (hover:hover) and (pointer:fine){.worlds .world.stack-fit{top:calc(var(--nav-visible-height) + 24px + var(--stack-index)*12px)}}
@media(max-width:900px){.worlds{padding-left:3vw;padding-right:3vw}.worlds .world h2{font-size:35px}}
@media(max-width:600px){.worlds{padding:5px 3vw 35px}.worlds .world{padding:18px 5vw 23px;margin-bottom:24px;border-radius:9px}.worlds .world .section-label{margin-bottom:23px;padding-top:6px}.worlds .world h2{font-size:33px}.worlds .world-excerpt{font-size:16px}.worlds .world .world-visual{margin:0}.worlds .world .motif{width:54px;right:-12px}.worlds .world .scene-window{aspect-ratio:1.65}}

.world-heading {position:relative}
.world-summary {display:flow-root}
@media(max-width:760px) {
 .worlds .world-grid {gap:18px}
 .worlds .world-copy {display:contents}
 .worlds .world-copy::after {display:none}
 .worlds .world-grid .world-visual {order:1}
 .motion-ready .worlds .world-visual.reveal:not(.visible) {transform:translateY(10px)}
 .worlds .world-summary {order:2}
 .worlds .world-summary :is(.world-excerpt,.animated-note) {margin-top:0}
}

/* The visible edges read like the spines of a stack of printed cards. */
.carousel-section {position:relative; padding-top:36px; padding-bottom:54px; overflow:visible}
.carousel-section .contents-top {display:block; margin-bottom:22px}
.carousel-section h1 {font:500 clamp(52px,9vw,117px)/.92 Georgia,serif; letter-spacing:-.077em; margin:0 0 16px}
.carousel-section h1 span {color:var(--copper)}
.issue-lead,.issue-note {font:italic clamp(18px,2.5vw,27px)/1.25 Georgia,serif;color:#745944}
.issue-lead {margin:0}
.issue-signoff {
 max-width:720px;
 margin:0 auto;
 padding:0 6vw 42px;
 font:400 clamp(21px,3vw,33px)/1.35 Georgia,serif;
 letter-spacing:-.023em;
 text-align:center;
 color:#514535;
}
.issue-signoff {padding:12px 6vw 60px;font-size:clamp(25px,4vw,46px)}
.issue-note {max-width:710px;margin:24px auto 0;padding:0 6vw 46px;text-align:center}
.issue-note span {display:block}
.issue-note span+span {margin-top:.55em}
.issue-signoff em {color:#7b503c}
.deck-track {
 --peek:clamp(15px,4.4vw,46px);
 --card-width:clamp(290px,42vw,445px);
 position:relative;
 left:clamp(4px,.8vw,10px);
 width:min(100%,calc(var(--card-width) + var(--peek) * var(--spine-count,4) + 6px));
 height:clamp(416px,57vh,496px);
 margin:0 auto;
 padding:0;
 list-style:none;
 touch-action:pan-y pinch-zoom;
 user-select:none;
 cursor:pointer;
}
.carousel-item {
 --fan-depth:min(var(--card-depth,0),var(--spine-count,4));
 position:absolute;
 inset:0 auto 0 0;
 width:calc(100% - var(--peek) * var(--spine-count,4) - 6px);
 transform-origin:0 0;
 transform:translate3d(calc(var(--fan-depth) * var(--peek)),calc(var(--fan-depth) * 4px),0) rotateZ(calc(var(--fan-depth) * .65deg));
 z-index:calc(100 - var(--card-depth,0));
 transition:transform .47s cubic-bezier(.2,.72,.22,1);
}
.carousel-item:not(.is-active) .carousel-card {pointer-events:none}
.carousel-item.is-peeling {z-index:110;pointer-events:none}
.carousel-card.contents-row {
 --stock:#f6eddc;
 --edge:#bdab8e;
 display:flex;
 flex-direction:column;
 align-items:stretch;
 gap:0;
 position:relative;
 width:100%;
 height:100%;
 min-height:0;
 margin:0;
 padding:18px 20px 17px;
 border:1px solid var(--edge);
 border-radius:7px;
 background:repeating-linear-gradient(6deg,#90744707 0 1px,transparent 1px 4px),var(--stock);
 box-shadow:0 1px 0 #fcf7ed,0 4px 0 var(--edge),0 16px 35px -15px #4433207d;
}
.carousel-item:nth-child(5n+2) .carousel-card {--stock:#e9ebda;--edge:#a3a58a}
.carousel-item:nth-child(5n+3) .carousel-card {--stock:#f1e1cb;--edge:#c0a181}
.carousel-item:nth-child(5n+4) .carousel-card {--stock:#ece5ed;--edge:#a89aab}
.carousel-item:nth-child(5n+5) .carousel-card {--stock:#f2e4d5;--edge:#bc9a88}
.carousel-card.contents-row:hover {padding-left:20px;background-color:var(--stock)}
.carousel-card .row-visual {
 width:100%;
 min-height:110px;
 max-height:54%;
 flex:1;
 border-radius:3px;
 margin-bottom:19px;
}
.carousel-card img {-webkit-user-drag:none}
.carousel-card .row-title {
 display:block;
 min-height:0;
 font:400 clamp(22px,3.3vw,32px)/1.1 Georgia,serif;
 letter-spacing:-.045em;
 margin:0 0 9px;
 flex:none;
}
.card-teaser {
 margin:0;
 font:italic clamp(13px,1.4vw,15.5px)/1.4 Georgia,serif;
 flex:none;
 color:#544635;
}
.card-footer {
 margin-top:auto;
 padding-top:10px;
 text-align:right;
}
.carousel-card .row-author {font-size:12px;margin:0;padding:0;color:#6b6154}
/* A three-cusped path on top of the scroll-driven parallax. */
@property --deltoid-turn {
 syntax:"<angle>";
 inherits:false;
 initial-value:0deg;
}
[data-sway="x"] {--deltoid-size:2.2px;--deltoid-axis:0deg;--deltoid-rate:1;--deltoid-phase:-.6s}
[data-sway="y"] {--deltoid-size:1.7px;--deltoid-axis:40deg;--deltoid-rate:1.2;--deltoid-phase:-2.1s;--deltoid-direction:reverse}
[data-sway="diagonal"] {--deltoid-size:2px;--deltoid-axis:80deg;--deltoid-rate:1.4;--deltoid-phase:-3.5s}
.frank-tea-table {--deltoid-size:1px}
.frank-tea-napkin {--deltoid-size:1.3px}
@media(prefers-reduced-motion:no-preference) {
 body.layered:not(.reduce-motion) .scene-in-view [data-sway],
 body.layered:not(.reduce-motion):not(:has(.letter-intro[open])) .is-active .row-visual [data-sway] {
  animation:art-deltoid calc(var(--deltoid-base,8s) * var(--deltoid-rate)) linear var(--deltoid-phase) infinite var(--deltoid-direction,normal);
  --deltoid-x:calc((2 * cos(var(--deltoid-turn)) + cos(calc(2 * var(--deltoid-turn)))) * var(--deltoid-size));
  --deltoid-y:calc((2 * sin(var(--deltoid-turn)) - sin(calc(2 * var(--deltoid-turn)))) * var(--deltoid-size));
  translate:
   calc(var(--deltoid-x) * cos(var(--deltoid-axis)) - var(--deltoid-y) * sin(var(--deltoid-axis)))
   calc(var(--deltoid-x) * sin(var(--deltoid-axis)) + var(--deltoid-y) * cos(var(--deltoid-axis)));
 }
 .row-visual {--deltoid-base:5.5s}
}
@keyframes art-deltoid {
 from {--deltoid-turn:0deg}
 to {--deltoid-turn:360deg}
}
.card-read {
 position:absolute;
 inset:0;
 z-index:6;
 border-radius:inherit;
 cursor:pointer;
}
.card-read:focus-visible {outline:2px solid var(--copper);outline-offset:4px}
.card-spine {
 position:absolute;
 inset:0 0 0 auto;
 width:calc(var(--peek) + 4px);
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:12px;
 color:#514334;
 font:italic 13px/1 Georgia,serif;
 white-space:nowrap;
 background:var(--stock);
 overflow:hidden;
 border-radius:0 6px 6px 0;
 transition:opacity .2s ease;
 pointer-events:none;
}
.card-spine img {width:100%;height:59px;object-fit:cover;flex:none;mix-blend-mode:multiply}
.card-spine span {writing-mode:vertical-rl;overflow:hidden;text-overflow:ellipsis;padding-bottom:10px}
.is-active .card-spine,.is-peeling .card-spine,.card-flight[data-front] .card-spine {opacity:0}

.is-dealing .carousel-item,.is-dragging .carousel-item {transition:none}
.is-dealing-card {visibility:hidden}
.sr-only:not(:focus-visible) {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.deck-turn:focus-visible {position:absolute;top:38px;right:5vw;z-index:110;padding:12px;border:1px solid var(--copper);background:var(--paper,#f4f1e9)}
.author-directory {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6vw}
.author-group {
 display:grid;
 grid-template-columns:auto 1fr;
 gap:20px;
 align-items:start;
 padding:27px 0 35px;
 border-top:1px solid var(--line);
}
.author-group h2 {font:400 clamp(24px,3.5vw,40px)/1.05 Georgia,serif;margin:2px 0 15px;letter-spacing:-.045em}
.author-group ul {list-style:none;margin:0;padding:0}
.author-group li+li {margin-top:10px}
.author-group a {display:inline-block;font-size:15px;padding:5px 0;line-height:1.5;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.author-group a:hover {text-decoration-color:var(--copper)}

@media(max-width:600px) {
 .carousel-section {padding-top:27px;padding-bottom:40px}
 .carousel-section .contents-top {margin-bottom:19px}
 .deck-track {--peek:clamp(10px,3.15vw,18px);width:100%;height:clamp(407px,52svh,440px)}
 .carousel-item {transform:translate3d(calc(var(--fan-depth) * var(--peek)),calc(var(--fan-depth) * 2px),0) rotateZ(calc(var(--fan-depth) * .38deg))}
 .carousel-card.contents-row,.carousel-card.contents-row:hover {padding:12px 13px 8px}
 .carousel-card .row-visual {max-height:51%;margin-bottom:13px}
 .card-teaser {font-size:13px}
 .carousel-card .row-title {margin-bottom:8px}
 .card-spine {font-size:11px;gap:9px}
 .card-spine img {height:48px}
 .author-directory {grid-template-columns:1fr}
 .author-group {gap:14px;padding:24px 0}
}
@media(max-width:360px) {
 .deck-track {--peek:9px;height:427px}
 .carousel-card .row-visual {min-height:110px;max-height:48%}
 .card-teaser {font-size:12.5px}
}
.reduce-motion .worlds .world.stack-fit {position:relative;top:auto}
.reduce-motion .carousel-item,.reduce-motion .card-spine {transition:none}
@media(prefers-reduced-motion:reduce) {
 .worlds .world.stack-fit {position:relative;top:auto}
 .carousel-item,.card-spine {transition:none}
}
@media print {
 .letter-intro,.deck-turn,.reader-navigation {display:none!important}
 .deck-track,.deck-track .carousel-item,.worlds .world.stack-fit {position:static;height:auto;transform:none}
 .deck-track .carousel-item[inert] {display:none}
}


@media(min-width:601px) {
 .nav nav {position:absolute;left:50%;transform:translateX(-50%)}
}
@media(max-width:600px) {
 .nav nav {gap:clamp(7px,2.4vw,17px);white-space:nowrap;font-size:11px}
 .nav .logo {font-size:clamp(30px,8vw,38px)}
 .issue-note {margin-top:18px;padding-bottom:29px}
 .issue-signoff {padding-bottom:43px}
}
@media(max-width:350px) {
 .nav {display:grid;grid-template-rows:37px 30px}
 .nav nav {grid-row:2;justify-self:center;gap:17px}
 .nav nav a {padding:8px 0}
}

.about-page {width:min(100%,1320px);margin:auto;padding:clamp(32px,6vw,85px) clamp(24px,7vw,105px) 70px}
.about-spread {
 display:grid;
 grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
 align-items:center;
 gap:clamp(35px,7vw,105px);
}
.about-opening h1 {margin:0;color:var(--muted);font:500 13px/1.2 Arial,sans-serif;letter-spacing:.08em}
.wordmark {font-family:Georgia,serif;font-size:1.19em;font-style:italic;font-weight:400;letter-spacing:-.078em}
.about-rule {display:block;width:62px;height:1px;background:var(--copper);margin:clamp(24px,4vw,44px) 0}
.about-lead {font:400 clamp(22px,2.75vw,36px)/1.29 Georgia,serif;letter-spacing:-.035em;max-width:520px}
.about-art {position:relative;margin:0;min-width:0}
.about-art-frame {
 position:relative;
 aspect-ratio:4/4.7;
 overflow:hidden;
 border-radius:48% 48% 5px 5px / 19% 19% 5px 5px;
 border:1px solid #bdab91;
 background:#ddd0b6;
 box-shadow:0 14px 34px -22px #59422e7a;
}
.about-art-frame::after {
 content:"";
 position:absolute;
 inset:8px;
 border:1px solid #fff8eaa8;
 border-radius:inherit;
 pointer-events:none;
}
.about-art-background {
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 transform:translateY(calc(var(--depth,0) * -2.8%)) scale(1.07);
}
.about-art-cutout {
 position:absolute;
 height:auto;
 filter:drop-shadow(0 5px 7px #62452345);
}
.about-art-letter {
 left:9%;
 top:52%;
 width:63%;
 transform:translateX(calc(var(--depth,0) * 18px)) rotate(-9deg);
}
.about-art-tea {
 right:9%;
 top:57%;
 width:29%;
 transform:translate3d(calc(var(--depth,0) * -13px),calc(var(--depth,0) * 26px),0);
}
.reduce-motion .about-art-background,.reduce-motion .about-art-tea {transform:none}
.reduce-motion .about-art-letter {transform:rotate(-9deg)}
.about-sprig {
 position:absolute;
 width:clamp(75px,13vw,154px);
 height:auto;
 left:-8%;
 bottom:-4%;
 color:#6a734f;
 pointer-events:none;
}
.about-copy {margin:clamp(55px,9vw,116px) auto 0;text-align:center;font-family:Georgia,serif}
.about-praise {font-size:clamp(25px,3.6vw,45px);line-height:1.14;letter-spacing:-.045em;margin:0 auto 30px}
.about-copy em {color:#7b503c;font-weight:400}
.about-copy .about-praise em {color:inherit}
.about-praise .wordmark {color:#8b4d35}
.about-vignettes {
 list-style:none;
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 margin:0;
 padding:19px 0;
 border-top:1px solid var(--line);
 border-bottom:1px solid var(--line);
}
.about-vignettes li {
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:12px;
 min-width:0;
 padding:13px clamp(6px,2vw,24px);
 color:#4e4034;
 font:italic clamp(17px,2vw,24px)/1.28 Georgia,serif;
}
.about-vignettes li+li {border-left:1px solid var(--line)}
.about-vignettes svg {flex:none;width:42px;height:42px;color:#736451}
.about-vignettes li:nth-child(2n) svg {color:#687051}
.about-motto {margin:clamp(44px,7vw,77px) auto 0;max-width:650px;font:400 clamp(30px,5.3vw,62px)/1.03 Georgia,serif;letter-spacing:-.06em}
.about-motto em {display:block}
@media(max-width:760px) {
 .about-spread {grid-template-columns:1fr;gap:30px}
 .about-art {width:min(100%,460px);margin:auto}
 .about-art-frame {aspect-ratio:4/4.05}

 .about-vignettes {grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
 .about-vignettes li {padding:15px 10px}
 .about-vignettes li:nth-child(3) {border-left:0}
 .about-vignettes li:nth-child(n+3) {border-top:1px solid var(--line)}
}

.worlds .world-cephe {background:#e9ece9}
.worlds .world-fika {background:#f5eadb}
.worlds .world-tribun {background:#eee9db}
.worlds .world-kusak {background:#eaece0}
.worlds .world-senin-basina-gelebilecek-en-iyi-sey {background:#ecece4}
.photo-scene .scene-window {aspect-ratio:1.6}
.photo-scene .photo-scene-image {
 width:100%;
 height:100%;
 object-fit:cover;
 transform:translateY(calc(var(--depth,0) * 4%)) scale(1.09);
}
.photo-scene figcaption {padding:8px 0 0;color:var(--muted);font:11px/1.5 Arial,sans-serif}
.photo-scene figcaption a,.inline-source figcaption a {text-decoration:underline;text-underline-offset:3px}
.reduce-motion .photo-scene .photo-scene-image {transform:none}

.frank-scene.world-art {background:#252833;border-radius:4px}
.frank-scene .scene-window.frank-frame {
 container-type:size;
 aspect-ratio:3/2;
 overflow:hidden;
 border-radius:inherit;
}
.article-hero .reader-art.frank-scene .scene-window {aspect-ratio:1.55}
.row-visual:has(>.frank-stage) {container-type:size}
.frank-stage {
 position:absolute;
 top:48%;
 left:50%;
 width:max(110cqw,165cqh);
 aspect-ratio:3/2;
 translate:-50% -50%;
}
.frank-stage img {position:absolute;width:100%;height:100%;inset:0;max-height:none;object-fit:fill;aspect-ratio:auto}
.frank-stage .frank-background {
 transform:translateY(calc(var(--depth,0)*min(1.9cqw,12px)*-1));
}
.frank-stage .frank-tea-table {
 transform:translateX(calc(var(--depth,0)*min(2.1cqw,18px)));
}
.frank-stage .frank-tea-napkin {
 inset:76% auto auto 45%;
 width:10%;
 height:auto;
 transform:translate3d(calc(var(--depth,0)*min(1.2cqw,10px)),calc(var(--depth,0)*min(1.7cqw,14px)),0);
 filter:drop-shadow(1px 2px 2px #241a1266);
}
@media(max-width:600px) {
 .article-hero .reader-art.frank-scene .scene-window {aspect-ratio:1.5}
}
.reduce-motion .frank-stage img {transform:none}
@media(prefers-reduced-motion:reduce) {
 .frank-stage img {transform:none}
}

.article-body .article-dateline {white-space:pre-line;color:var(--muted);font-style:italic}
.article-body .article-sources {border-top:1px solid var(--line);margin:36px 0;padding-top:22px}
.article-body .article-sources h2 {font-size:25px;margin:0 0 12px}
.article-sources ul {margin:0;padding-left:20px;font-size:.82em;line-height:1.55}
.article-sources li+li {margin-top:7px}
.article-sources a,.article-watch a {text-decoration:underline;text-underline-offset:4px}
.carousel-item:nth-child(6) .carousel-card {--stock:#e7eae5;--edge:#9da99e}
.carousel-item:nth-child(7) .carousel-card {--stock:#f3e4d2;--edge:#b5957f}
.carousel-item:nth-child(8) .carousel-card {--stock:#e6e9e0;--edge:#9ba48f}


.issue-heading {position:relative}
.issue-edition {
 position:absolute;
 right:0;
 top:4px;
 margin:0;
 white-space:nowrap;
 color:#574839;
 font:400 14px/1.3 Georgia,serif;
}
.issue-edition span {margin:0 .35em;color:#8c7760}
@media(max-width:650px) {
 .issue-edition {position:static;text-align:right;font-size:12px;margin:0 0 16px}
}

.about-vignettes {gap:12px;border:0;padding:0}
.about-vignettes li,
.about-vignettes li+li,
.about-vignettes li:nth-child(3),
.about-vignettes li:nth-child(n+3) {
 position:relative;
 justify-content:center;
 align-items:flex-start;
 text-align:left;
 min-height:160px;
 padding:25px 18px 20px;
 border:1px solid var(--line);
 border-radius:6px 28px 6px 6px;
 background:linear-gradient(145deg,#fbf7ec,#eee4d2);
 overflow:hidden;
}
.about-vignettes li:nth-child(2n) {background:linear-gradient(145deg,#f5f3e9,#e8e6d7)}
.paper-flower {
 position:absolute;
 top:30px;
 right:33px;
 width:0;
 height:0;
 transform:rotate(-12deg) scale(.92);
 filter:drop-shadow(1px 4px 3px #54473635);
 pointer-events:none;
}
.paper-flower i {
 position:absolute;
 left:-5px;
 top:-19px;
 width:10px;
 height:19px;
 border-radius:80% 80% 56% 56%;
 background:linear-gradient(110deg,#fff9e7 4%,#e7cca9 64%,#bc9675);
 box-shadow:inset 1px 1px 1px #fff9eab0;
 transform-origin:50% 100%;
 transform:rotate(var(--angle)) rotateX(24deg);
}
.paper-flower b {
 position:absolute;
 left:-4px;
 top:-4px;
 width:8px;
 height:8px;
 border-radius:50%;
 background:radial-gradient(circle at 38% 30%,#f6d898,#a67a49);
}
.about-vignettes li:nth-child(2n) .paper-flower {transform:rotate(19deg) scale(.76)}
@media(max-width:420px) {
 .about-vignettes {gap:8px}
 .about-vignettes li,
 .about-vignettes li+li,
 .about-vignettes li:nth-child(3),
 .about-vignettes li:nth-child(n+3) {min-height:138px;padding:16px 11px}
 .about-vignettes li svg {width:35px;height:35px}
 .paper-flower {top:24px;right:23px;transform:rotate(-12deg) scale(.69)}
}

body {--nav-height:60px;--nav-visible-height:var(--nav-height)}
.nav {height:var(--nav-height);transition:transform .25s cubic-bezier(.22,.68,.26,1)}
.nav nav {font-family:Georgia,serif}
.nav nav a {padding:12px 0}
body.nav-away:not(:has(.nav:focus-within)) {--nav-visible-height:0px}
.nav-away .nav:not(:focus-within) {transform:translateY(-105%)}
@media(max-width:600px) {
 body {--nav-height:54px}
 .nav nav a {padding:10px 0}
}
@media(max-width:350px) {
 body {--nav-height:68px}
 .nav nav a {padding:6px 0}
}
.reduce-motion .nav,.reduce-motion .reader-navigation {transition:none}
@media(prefers-reduced-motion:reduce) {.nav,.reader-navigation {transition:none}}

.reader-navigation {
 --reader-start:25px;
 position:sticky;
 top:var(--nav-visible-height);
 z-index:12;
 width:min(100%,1320px);
 height:0;
 margin:auto;
 pointer-events:none;
 transition:top .25s cubic-bezier(.22,.68,.26,1);
}
.reader-back.back-link {
 position:absolute;
 top:var(--reader-title-offset,var(--reader-start));
 left:clamp(8px,2vw,27px);
 display:inline-flex;
 gap:6px;
 align-items:center;
 justify-content:center;
 min-height:38px;
 margin:0;
 padding:0 10px;
 border:1px solid var(--line);
 border-radius:24px;
 background:#f7f3eb;
 color:var(--ink);
 pointer-events:auto;
}
.nav-away .reader-back.back-link {top:var(--reader-start)}
.reader-back svg,.share-cover-button svg,.reader-vote svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.reader-back:hover {border-color:var(--copper);color:var(--copper)}
.reader-back:focus-visible,.reader-actions :is(a,button):focus-visible {outline:2px solid var(--copper);outline-offset:2px}
.article-hero {width:min(100%,1070px);padding-inline:clamp(64px,5vw,72px)}
.reader-navigation+.article-hero {padding-top:25px;padding-bottom:18px}
.reader-title {padding-inline:clamp(22px,7vw,92px);margin:0 0 19px}
.reader-title h1 {
 font-size:clamp(33px,5vw,68px);
 line-height:1.05;
 letter-spacing:-.05em;
 margin:0;
}
.reader-teaser {max-width:57ch;margin:13px 0 0;color:#624e3c;font:italic clamp(14px,1.35vw,17px)/1.42 Georgia,serif}
.reader-title .byline {margin:0 0 13px}
.article-hero .reader-art {width:90%;max-width:none;margin:0 auto}
.article-hero .reader-art .scene-window {aspect-ratio:2.28}
.article-layout {display:block;max-width:820px;padding:0 clamp(61px,7vw,75px) 40px}
.article-related {max-width:820px;margin:0 auto;padding:0 clamp(61px,7vw,75px) clamp(40px,6vw,70px)}
.article-related h2 {border-top:1px solid var(--line);padding-top:24px;font-size:clamp(24px,3vw,32px)}
.related-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:20px 0 0;padding:0}
.related-list a {display:grid;gap:10px;border-radius:4px}
.related-list img {width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:4px;background:#eae3d7}
.related-title {display:block;font:clamp(17px,2.1vw,23px)/1.2 Georgia,serif}
.related-author {display:block;margin-top:6px;color:var(--muted);font-size:12px}
.related-list a:is(:hover,:focus-visible) .related-title {text-decoration:underline;text-underline-offset:.15em}
@font-face {
 font-family:"Source Serif 4";
 src:url("assets/source-serif-4-regular.woff2") format("woff2");
 font-style:normal;
 font-weight:400;
 font-display:swap;
}
@font-face {
 font-family:"Source Serif 4";
 src:url("assets/source-serif-4-italic.woff2") format("woff2");
 font-style:italic;
 font-weight:400;
 font-display:swap;
}
.article-body {font-family:"Source Serif 4",Georgia,serif;line-height:1.48}
.article-body > p[data-block] {text-indent:6ch;margin-bottom:1em}
@media(min-width:1025px) and (max-width:1170px) {.article-hero {padding-inline:96px}}
@media(max-width:1024px) {
 .reader-back.back-link {width:38px;padding:0}
 .reader-back-label {display:none}
}
@media(max-width:600px), (max-width:950px) and (hover:none) and (pointer:coarse) {
 .reader-navigation {display:none}
 .article-hero,.article-layout,.article-related {padding-inline:clamp(20px,6vw,35px)}
 .reader-navigation+.article-hero {padding-top:20px;padding-bottom:14px}
 .reader-title {padding-inline:0;margin-bottom:16px}
 .article-body > p[data-block] {text-indent:3ch}
}
@media(max-width:600px) {
 .article-hero .reader-art .scene-window {aspect-ratio:1.64}
 .related-list {grid-template-columns:1fr;gap:14px}
 .related-list a {grid-template-columns:minmax(76px,30%) 1fr;align-items:center;gap:14px}
}
.reader-actions {
 display:grid;
 justify-items:center;
 gap:10px;
 border-top:1px solid var(--line);
 padding:30px 0 0;
 margin-top:20px;
 font:13px/1.35 Arial,sans-serif;
}
.share-cover {position:relative;width:min(100%,300px);aspect-ratio:9/16}
.share-cover img {
 width:100%;
 height:100%;
 border-radius:4px;
 background:#eee2cf;
 box-shadow:0 14px 34px -18px #4e352d70;
}
.share-cover-button,.reader-vote button {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 min-height:44px;
 border-radius:24px;
 color:#594b3c;
 font:inherit;
 cursor:pointer;
}
.share-cover-button {
 position:absolute;
 top:0;
 right:10px;
 transform:translateY(-38%);
 padding:0 13px;
 border:1px solid var(--line);
 background:#fcf7ee;
 box-shadow:0 4px 12px #4e352d18;
}
.share-cover-button:hover {background:#eee5d6;color:var(--ink)}
.reader-vote button {padding:0 9px;border:0;background:transparent}
.reader-vote svg {width:19px;height:19px;color:#8c503a}
.reader-vote button[aria-pressed=true] {color:#824a35}
.reader-vote button[aria-pressed=true] svg {fill:currentColor}
.reader-vote button:disabled {opacity:.65;cursor:wait}
.reader-vote button:not(:disabled):hover {color:var(--copper)}

.ranking-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,70px)}
.ranking-grid h2 {font:400 clamp(23px,3vw,38px)/1.2 Georgia,serif;margin:0 0 16px}
.ranking-grid ol {list-style:none;margin:0;padding:0}
.ranking-grid li {display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.ranking-grid h3 {margin:0;font:400 clamp(18px,2.4vw,26px)/1.17 Georgia,serif}
.ranking-grid h3 a:hover {color:var(--copper)}
.ranking-grid li p {margin-top:4px;font-size:12px;color:var(--muted)}
.rank-number {font:italic 22px Georgia,serif;color:var(--copper)}
.rank-count {white-space:nowrap;font-size:12px;color:var(--muted)}
.ranking-empty {border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}
@media(max-width:640px) {.ranking-grid {grid-template-columns:1fr}}
@media print {.reader-actions {display:none}}

article[class^="article-theme-"] {overflow-x:clip}

.social-dialog {
 width:min(440px,calc(100vw - 30px));
 max-height:calc(100dvh - 30px);
 overflow:auto;
 padding:clamp(15px,4vw,24px);
 border-radius:10px;
}
.social-dialog::backdrop {background:#30261e73}
.social-dialog .dialog-head {margin:0 0 11px}
.social-dialog .dialog-head h2 {margin:0;font:400 clamp(24px,6vw,32px)/1.15 Georgia,serif;letter-spacing:-.035em}
.social-platforms {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.social-platforms :is(a,button),.story-actions :is(a,button),.social-back {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:6px;
 min-height:44px;
 padding:8px 11px;
 border:1px solid var(--line);
 border-radius:5px;
 background:transparent;
 color:var(--ink);
 font:400 13px/1.25 Arial,sans-serif;
 text-align:left;
 cursor:pointer;
}
.social-platforms :is(a,button):hover,.story-actions :is(a,button):hover,.social-back:hover {background:#eee3d4}
.social-platforms :is(a,button) {flex-direction:column;justify-content:center;min-height:68px;padding-inline:3px;text-align:center}
.social-platforms svg {width:20px;height:20px;fill:currentColor}
.social-platforms .link-icon {fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.cover-options {display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:6px}
.cover-options :is(a,button) {padding:0 4px;min-height:44px;display:inline-flex;align-items:center;color:var(--copper);font-size:12px;border:0;background:none}
.cover-options :is(a,button):hover {text-decoration:underline}
.social-back {padding-inline:0;border:0;color:var(--copper)}
.story-preview {display:block;width:auto;height:min(46dvh,470px);max-width:100%;object-fit:contain;margin:4px auto 12px;border-radius:3px}
.story-actions {display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.story-status {padding:12px 0;color:var(--muted)}

#footer {flex-wrap:wrap}
#footer .footer-credit {flex-basis:100%;text-align:center;font-size:11px;letter-spacing:.07em;color:var(--muted)}
#footer .footer-credit:hover {color:var(--copper)}