:root {
  color-scheme: light;
  --paper: #f3efe7;
  --paper-deep: #e9e1d4;
  --paper-card: #faf7f0;
  --ink: #182522;
  --ink-soft: #48514d;
  --line: rgba(24, 37, 34, .18);
  --copper: #b45b38;
  --copper-dark: #7f3522;
  --night: #14211e;
  --focus: #d77a52;
  --serif: Georgia, "Times New Roman", serif;
  --sans: "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

html:lang(ar) { --serif: "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", Tahoma, serif; --sans: "Noto Sans Arabic", Tahoma, "Segoe UI", Arial, sans-serif; }
html:lang(ja) { --serif: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif CJK JP", "MS PMincho", serif; --sans: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", Meiryo, sans-serif; }
html:lang(zh-Hant) { --serif: "Noto Serif CJK TC", "Songti TC", "PMingLiU", serif; --sans: "PingFang TC", "Noto Sans CJK TC", "Microsoft JhengHei", sans-serif; }
html:lang(zh-Hans) { --serif: "Noto Serif CJK SC", SimSun, STSong, serif; --sans: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif; }
html:lang(ar) :is(.eyebrow, .work-type, .quiet-label, .showcase-index) { letter-spacing: normal; }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 112px; }
body { min-width: 320px; margin: 0; overflow-wrap: break-word; background: var(--paper); color: var(--ink); font: 17px/1.5 var(--sans); }
body.modal-open { overflow: hidden; }
img, video { max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea { border-radius: 0; font: inherit; }
button, summary { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 10000; padding: 10px 14px; background: #fff; color: #111; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.eyebrow { margin: 0 0 26px; color: var(--copper-dark); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow.light { color: #d99577; }
.section-shell { padding: clamp(88px, 10vw, 160px) clamp(24px, 7vw, 126px); }

.language-gateway { display: grid; place-items: center; align-content: center; gap: 44px; min-height: 100svh; padding: 48px clamp(22px,6vw,88px); background: var(--night); color: #f4ede4; text-align: center; }
.language-gateway h1 { margin: 0; color: #f4ede4; font: 400 clamp(52px,8vw,112px)/.95 var(--serif); letter-spacing: -.045em; }
.language-gateway nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; width: min(920px,100%); }
.language-gateway a { display: inline-flex; align-items: center; justify-content: center; min-width: 132px; min-height: 54px; padding: 12px 18px; border: 1px solid rgba(244,237,228,.26); color: #f4ede4; font: 16px/1.35 var(--serif); transition: border-color .2s ease, background .2s ease; }
.language-gateway a:hover, .language-gateway a:focus-visible { border-color: #d99577; background: rgba(217,149,119,.1); }
.language-gateway .global-copyright { display: block; padding: 0; border: 0; color: rgba(244,237,228,.68); font-size: 12px; }

.preview-notice { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 34px; padding: 6px 20px; background: var(--night); color: #f4ede4; text-align: center; }
.preview-notice span { color: #e4a487; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.preview-notice p { margin: 0; font-size: 11px; letter-spacing: .025em; opacity: .78; }
.language-band { display: flex; align-items: center; flex-direction: column; gap: 8px; padding: 10px clamp(24px, 5vw, 88px) 18px; background: var(--night); color: #f4ede4; text-align: center; }
.language-band p { margin: 0; color: #d99577; font: 18px/1.45 var(--serif); }
.language-band div { display: flex; flex-wrap: nowrap; justify-content: center; gap: clamp(10px, 1.35vw, 22px); width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: rgba(217,149,119,.46) transparent; }
.language-band :is(a, span) { display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 24px; padding: 3px 2px; font-size: 11px; line-height: 16.5px; letter-spacing: .07em; white-space: nowrap; opacity: .78; }
.language-band a { position: relative; opacity: .9; }
.language-band a::after { position: absolute; right: 2px; bottom: 1px; left: 2px; height: 1px; background: var(--copper); content: ""; opacity: 0; transform: scaleX(.55); transition: opacity .2s ease, transform .2s ease; }
.language-band a:hover::after, .language-band a:focus-visible::after, .language-band a[aria-current="page"]::after { opacity: 1; transform: scaleX(1); }
.language-band a[aria-current="page"] { color: #fff; font-weight: 700; opacity: 1; }
.language-band span[aria-disabled="true"] { opacity: .55; }

.site-header, .article-site-header { position: relative; z-index: 100; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 92px; padding: 0 clamp(20px, 3vw, 56px); border-bottom: 1px solid var(--line); background: rgba(243, 239, 231, .92); backdrop-filter: blur(12px); }
.brand { display: inline-flex; align-items: center; gap: 12px; width: max-content; }
.brand-mark { display: grid; place-items: center; width: 42px; aspect-ratio: 1; border: 1px solid var(--ink); border-radius: 50%; font: 13px/1.5 var(--serif); letter-spacing: .08em; }
.brand strong, .brand small { display: block; }
.brand strong { font: 500 17px/1.5 var(--serif); letter-spacing: .015em; }
.brand small { margin-top: 2px; color: var(--ink-soft); font: 10px/1.5 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(9px, 1vw, 18px); }
.desktop-nav a { position: relative; padding: 36px 0 33px; font-size: 11px; letter-spacing: .055em; text-transform: uppercase; }
.desktop-nav a::after { position: absolute; right: 0; bottom: 26px; left: 0; height: 1px; background: var(--copper); content: ""; opacity: 0; transform: scaleX(.55); transition: opacity .2s ease, transform .2s ease; }
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { opacity: 1; transform: scaleX(1); }
.desktop-nav a:hover { border-color: var(--copper); }
.header-tools { display: flex; align-items: center; justify-self: end; gap: 14px; }
.language-menu { position: relative; }
.language-menu summary { display: flex; align-items: center; gap: 8px; min-width: 80px; min-height: 44px; padding: 12px 0; cursor: pointer; font-size: 13px; font-weight: 600; line-height: 19.5px; letter-spacing: .11em; list-style: none; }
.language-menu summary::-webkit-details-marker { display: none; }
.language-menu[open] summary span { transform: rotate(180deg); }
.language-panel { position: absolute; top: calc(100% + 24px); right: 0; width: min(580px, calc(100vw - 40px)); padding: 28px; border: 1px solid var(--line); border-top: 3px solid var(--copper); background: var(--paper-card); box-shadow: 0 22px 55px rgba(20, 33, 30, .18); }
.language-panel > p { margin: 0 40px 20px 0; color: var(--copper-dark); font: 22px/1.2 var(--serif); }
.language-panel-close { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.language-panel-close span { position: absolute; left: 9px; width: 20px; height: 1px; background: var(--ink); transform: rotate(45deg); }
.language-panel-close span + span { transform: rotate(-45deg); }
.language-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.language-grid .language-option { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 9px; min-height: 48px; padding: 8px 10px; border: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; }
.language-grid .language-option > span { color: var(--copper-dark); font-size: 10px; font-weight: 700; }
.language-grid .language-option.active { border-color: var(--copper); background: rgba(180, 91, 56, .06); }
.language-grid .language-option.is-parked { opacity: .66; }
[dir="rtl"] .language-grid .language-option { text-align: right; }
[dir="rtl"] .language-panel { right: auto; left: 0; }
[dir="rtl"] .language-panel > p { margin-right: 0; margin-left: 40px; }
[dir="rtl"] .language-panel-close { right: auto; left: 16px; }
.mobile-menu { display: none; position: relative; }
.mobile-menu-toggle { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 8px; border: 0; background: transparent; color: var(--ink); cursor: pointer; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.mobile-menu-icon { display: grid; gap: 5px; width: 21px; }
.mobile-menu-icon span { display: block; height: 1px; background: currentColor; transition: transform .2s ease; }
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon span:first-child { transform: translateY(3px) rotate(45deg); }
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon span:last-child { transform: translateY(-3px) rotate(-45deg); }
.mobile-menu nav { position: absolute; top: calc(100% + 22px); right: 0; display: grid; grid-template-columns: repeat(2, minmax(130px, 1fr)); width: min(420px, calc(100vw - 36px)); border: 1px solid var(--line); border-top: 3px solid var(--copper); background: var(--paper-card); box-shadow: 0 22px 55px rgba(20, 33, 30, .18); }
[dir="rtl"] .mobile-menu nav { right: auto; left: 0; }
.mobile-menu nav a { padding: 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.mobile-menu nav a:nth-child(even) { border-right: 0; }
.mobile-home-link { color: var(--copper-dark); font-weight: 700; }
.back-to-top { position: fixed; right: 22px; bottom: 22px; z-index: 90; display: inline-flex; align-items: center; flex-direction: column; justify-content: center; gap: 5px; width: 86px; min-height: 82px; padding: 10px 8px 8px; border: 1px solid var(--line); border-top: 2px solid var(--copper); background: rgba(243, 239, 231, .96); box-shadow: 0 12px 32px rgba(20, 33, 30, .15); text-align: center; opacity: 0; transform: translateY(14px); pointer-events: none; transition: border-color .2s ease, box-shadow .2s ease, opacity .2s ease, transform .2s ease; }
.back-to-top.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.back-to-top:hover { border-color: rgba(180, 91, 56, .56); box-shadow: 0 15px 38px rgba(20, 33, 30, .2); }
.back-to-top:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.back-to-top span { max-width: 68px; font-size: 8px; font-weight: 600; letter-spacing: .07em; line-height: 1.35; text-transform: uppercase; }
.back-to-top b { color: var(--copper); font: 24px/1 var(--serif); transition: transform .2s ease; }
.back-to-top:hover b { transform: translateY(-2px); }
html:lang(ar) .back-to-top span { letter-spacing: normal; text-transform: none; }

.hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); min-height: calc(100vh - 126px); border-bottom: 1px solid var(--line); }
.hero-copy { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(54px, 6vw, 96px) clamp(32px, 7vw, 122px); }
.hero h1 { margin: 0; max-width: 760px; font: 400 clamp(46px, 5.2vw, 78px)/.99 var(--serif); letter-spacing: -.045em; }
.hero-title-line { display: inline-block; }
.hero h1 em { color: var(--copper-dark); font-weight: 400; }
.hero-intro { max-width: 650px; margin: 27px 0 0; color: var(--ink-soft); font: clamp(17px, 1.4vw, 21px)/1.58 var(--serif); }
.hero-quote { max-width: 650px; margin: 20px 0 0; padding-inline-start: 16px; border-inline-start: 2px solid var(--copper); color: var(--copper-dark); font: italic 400 clamp(17px, 1.3vw, 19px)/1.5 var(--serif); }
.hero-actions { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: 12px; width: min(100%, 500px); margin-top: 28px; }
.hero-action { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 66px; padding: 12px 17px; border: 0; background: var(--night); color: #fff; cursor: pointer; text-align: start; }
.hero-action.essay-button { background: var(--copper); color: #fffaf4; }
.hero-action-copy { min-width: 0; }
.hero-action-copy strong, .hero-action-copy small { display: block; }
.hero-action-copy strong { font-size: 14px; font-weight: 500; letter-spacing: .035em; line-height: 1.2; }
.hero-action-copy small { margin-top: 5px; color: rgba(255,250,244,.78); font-size: 11px; font-weight: 400; letter-spacing: .015em; line-height: 1.25; }
.hero-action-arrow { flex: 0 0 auto; color: #f6c1aa; font: 400 19px/1 var(--serif); }
.access-note { width: 100%; max-width: 650px; margin: 17px 0 0; color: var(--ink-soft); font-size: 13px; line-height: 1.58; }
.essay-panel { position: fixed; top: clamp(84px,12vh,126px); inset-inline-end: 30px; z-index: 120; width: min(410px, calc(100% - 60px)); max-height: min(535px,calc(100dvh - 40px)); overflow: hidden; border-top: 4px solid var(--copper); background: var(--paper-card); box-shadow: 0 24px 70px rgba(20,33,30,.28); }
.essay-panel-heading { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 18px; padding: 24px 24px 17px; border-bottom: 1px solid var(--line); }
.essay-panel-heading small { display: block; margin-bottom: 5px; color: var(--copper-dark); font-size: 9px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.essay-panel-heading h2 { margin: 0; font: 400 32px/1.08 var(--serif); }
.essay-panel-close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line); background: transparent; color: var(--ink); cursor: pointer; font: 400 26px/1 var(--serif); }
.essay-panel-list { position: relative; height: 430px; max-height: 430px; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: var(--copper) var(--paper-deep); }
.essay-row { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 11px; width: 100%; min-height: 72px; padding: 13px 24px; border-bottom: 1px solid var(--line); color: var(--ink); text-align: start; }
.essay-row.is-active:hover, .essay-row.is-active:focus-visible { background: rgba(180,91,56,.08); }
.essay-row.is-passive { color: var(--ink-soft); opacity: .42; cursor: default; }
.essay-row-number { color: var(--copper); font: 400 18px/1 var(--serif); }
.essay-row-title { font: 400 16px/1.25 var(--serif); text-transform: uppercase; }
.essay-row-meta { display: grid; justify-items: end; gap: 4px; color: var(--ink-soft); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.essay-row-meta time { color: var(--copper-dark); font-size: 8px; letter-spacing: .025em; text-transform: none; }
.essay-scheduled-label { max-width: 115px; font-size: 8px; line-height: 1.2; letter-spacing: .025em; text-align: end; text-transform: none; white-space: normal; }
[dir="rtl"] .essay-row-meta { justify-items: start; }
[dir="rtl"] .essay-scheduled-label { text-align: start; }
.essay-new-label { padding: 5px 8px; background: var(--copper); color: #fffaf4; font-size: 9px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.hero-art { position: relative; display: grid; place-items: center; overflow: hidden; min-height: 740px; padding: 76px; background: #d9d0c1; }
.hero-book-preview { position: relative; display: grid; place-items: center; width: 100%; padding: 64px 30px 28px; }
.edition-note { position: absolute; top: 11%; left: 11%; z-index: 3; padding: 7px 12px; border: 1px solid var(--ink); border-radius: 999px; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.vertical-caption { position: absolute; right: 4%; bottom: 8%; z-index: 3; font-size: 9px; letter-spacing: .18em; writing-mode: vertical-rl; }

.book-interaction { position: relative; z-index: 2; display: grid; justify-items: center; gap: 18px; width: 100%; user-select: none; }
.book-interaction img { pointer-events: none; user-select: none; -webkit-user-drag: none; }
.book-scene { position: relative; width: min(74%, 470px); perspective: 1600px; container-type: inline-size; }
.book-object { --book-depth: 48px; position: relative; z-index: 11; width: 100%; aspect-ratio: var(--cover-ratio, 2 / 3); pointer-events: none; transform: rotateY(-23deg) rotateX(1.5deg); transform-style: preserve-3d; transition: transform .45s ease; will-change: transform; }
.book-object.has-measured-spine { --book-depth: calc(100cqw * var(--spine-ratio, .14)); }
.book-scene:hover .book-object:not(.is-turning) { transform: rotateY(-15deg) translateY(-8px); }
.book-object.is-turning { animation: book-turn 10s linear both; }
.book-object.is-turning.is-held, .book-object.is-turning.is-held * { animation-play-state: paused !important; }
.book-front, .book-back { position: absolute; inset: 0; overflow: hidden; backface-visibility: hidden; box-shadow: 30px 30px 26px rgba(20, 33, 30, .28); }
.book-front { z-index: 2; background: #161814; transform: translateZ(calc(var(--book-depth) / 2)) rotateY(.01deg); }
.book-front img, .book-back-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.book-back { background: #061625; opacity: 0; transform: rotateY(180deg) translateZ(calc(var(--book-depth) / 2)); }
.book-back-image { position: absolute; inset: 0; z-index: 2; }
.book-object.is-turning .book-front { animation: book-front 10s linear both; }
.book-object.is-turning .book-back { animation: book-back 10s linear both; }
.book-back-placeholder, .book-back-copy { height: 100%; color: #e8d5b3; background: radial-gradient(circle at 50% 32%, rgba(189, 133, 64, .18), transparent 32%), linear-gradient(145deg, #071b2d, #03101c); }
.book-back-placeholder { display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 12%; text-align: center; }
.book-back-placeholder small, .book-back-copy small { color: #c99458; font-size: 8px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.book-back-placeholder strong { margin-top: 12px; font: 400 clamp(22px, 3vw, 38px)/1.1 var(--serif); text-transform: uppercase; }
.book-back-copy { display: flex; flex-direction: column; padding: 7.5%; text-align: left; }
.book-back-copy strong { max-width: 92%; margin-top: 5.5%; color: #f0dfbf; font: 400 clamp(12px, 1.45vw, 20px)/1.12 var(--serif); }
.book-back-copy > div { display: grid; gap: .58em; margin-top: 7%; }
.book-back-copy p { margin: 0; color: rgba(240, 223, 191, .8); font: clamp(6px, .58vw, 8.5px)/1.34 var(--serif); }
.book-spine { position: absolute; top: 0; bottom: 0; left: calc(0px - var(--book-depth)); display: flex; align-items: center; justify-content: space-between; width: var(--book-depth); padding: 26px 9px; background: linear-gradient(90deg, #070908, #242a25 58%, #0b0e0c); color: #e4a487; transform: translateZ(calc(var(--book-depth) / 2)) rotateY(-90deg); transform-origin: right center; backface-visibility: hidden; }
.book-spine.has-image { overflow: hidden; padding: 0; background: #111; }
.book-spine-image { width: 100%; height: 100%; object-fit: fill; }
.book-spine span, .book-spine small { writing-mode: vertical-rl; }
.book-spine span { font: clamp(11px, 1vw, 15px)/1 var(--serif); letter-spacing: .12em; }
.book-spine small { color: #f0e9df; font-size: 7px; letter-spacing: .14em; }
.book-pages { position: absolute; top: 5px; right: calc(0px - var(--book-depth)); bottom: 7px; width: var(--book-depth); background: repeating-linear-gradient(90deg, #c8c0b3 0 1px, #f5f0e7 1px 3px); transform: translateZ(calc(var(--book-depth) / 2)) rotateY(90deg); transform-origin: left center; backface-visibility: hidden; }
.book-turn-hit-area { position: absolute; inset: -10px; z-index: 10; border: 0; background: transparent; cursor: pointer; touch-action: manipulation; }
.book-turn-cue { display: inline-flex; align-items: center; gap: 11px; min-width: 170px; padding: 10px 13px; border: 1px solid rgba(24, 37, 34, .24); background: rgba(243, 239, 231, .76); backdrop-filter: blur(10px); }
.book-turn-cue > span:last-child, .book-turn-cue strong, .book-turn-cue small { display: block; }
.book-turn-cue strong { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.book-turn-cue small { margin-top: 3px; color: var(--ink-soft); font-size: 9px; }
.book-turn-icon { color: var(--copper); font: 20px/1 var(--serif); }
.book-preview-corner { position: absolute; top: 0; right: 0; z-index: 20; width: 48px; height: 48px; padding: 0; border: 0; background: transparent; cursor: pointer; pointer-events: auto; }
.preview-page-curl { position: absolute; top: 0; right: 0; width: 34px; height: 34px; overflow: hidden; filter: drop-shadow(-2px 3px 2px rgba(0,0,0,.22)); }
.preview-page-curl::before { position: absolute; inset: 0; background: linear-gradient(225deg, #fffaf2 0 45%, #cbbfae 48% 52%, rgba(255,255,255,0) 55%); clip-path: polygon(100% 0,100% 100%,0 0); content: ""; }
.preview-page-curl::after { position: absolute; top: 0; right: 0; width: 23px; height: 23px; border-top: 1px solid rgba(255,255,255,.78); border-right: 1px solid rgba(255,255,255,.78); content: ""; }
.preview-read-cue { position: absolute; right: -2px; bottom: calc(100% + 5px); z-index: 21; width: min(270px, 82vw); height: 104px; color: var(--copper-dark); font: 16px/1.25 var(--serif); pointer-events: none; }
.preview-read-cue > .preview-read-cue-text { position: absolute; right: 45px; bottom: 31px; width: calc(100% - 45px); text-align: right; unicode-bidi: plaintext; }
.preview-page-unit { white-space: nowrap; }
.preview-read-cue b { position: absolute; right: 0; bottom: 0; display: block; width: 44px; height: 44px; color: var(--copper); }
.preview-read-cue svg { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
@keyframes book-turn { from { transform: rotateY(-23deg) rotateX(1.5deg); } to { transform: rotateY(337deg) rotateX(1.5deg); } }
@keyframes book-front { 0%,31.37% { opacity: 1; } 31.39%,81.37% { opacity: 0; } 81.39%,100% { opacity: 1; } }
@keyframes book-back { 0%,31.37% { opacity: 0; } 31.39%,81.37% { opacity: 1; } 81.39%,100% { opacity: 0; } }

.works { display: grid; grid-template-columns: .74fr 1.26fr; gap: clamp(60px, 10vw, 150px); }
.section-heading h2, .ideas h2 { margin: 0; font: 400 clamp(42px, 4.5vw, 68px)/1.04 var(--serif); letter-spacing: -.04em; }
.section-heading > p:last-child { max-width: 470px; margin: 30px 0 0; color: var(--ink-soft); font: 17px/1.65 var(--serif); }
.book-catalog { min-width: 0; }
.book-language-group + .book-language-group { margin-top: 62px; padding-top: 44px; border-top: 1px solid var(--line); }
.book-language-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.book-language-heading p { margin: 0; }
.book-language-heading span { max-width: 330px; color: var(--ink-soft); font-size: 9px; letter-spacing: .08em; line-height: 1.5; text-align: right; text-transform: uppercase; }
.book-showcase { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.single-book-row { grid-template-columns: minmax(0, 1fr); max-width: calc(50% - 9px); }
.showcase-book { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--line); background: rgba(255,255,255,.32); }
.showcase-visual { position: relative; display: grid; place-items: center; overflow: hidden; min-height: 480px; padding: 54px 34px 42px; border-bottom: 1px solid var(--line); background: #ded5c7; }
.showcase-index { position: absolute; top: 22px; left: 24px; z-index: 4; color: var(--copper); font: 18px/1 var(--serif); }
.showcase-visual .book-scene { width: min(66%, 270px); }
.showcase-visual .book-object:not(.has-measured-spine) { --book-depth: 38px; }
.showcase-visual .book-back-copy { padding: 6.5%; }
.showcase-visual .book-back-copy small { font-size: 5px; }
.showcase-visual .book-back-copy strong { margin-top: 4.5%; font-size: 8px; }
.showcase-visual .book-back-copy > div { gap: .42em; margin-top: 5%; }
.showcase-visual .book-back-copy p { font-size: 4.1px; line-height: 1.2; }
.static-cover-visual { background: #d7dedf; }
.static-book-art { width: min(78%, 320px); filter: drop-shadow(24px 28px 22px rgba(20, 33, 30, .25)); }
.static-book-art img { display: block; width: 100%; height: auto; }
.interactive-cover-visual { background: #d7dedf; }
.interactive-cover-visual .book-interaction { align-self: end; gap: 4px; }
#kitap-bilinc-mimari .book-scene { width: min(72%, 290px); }
#kitap-bilinc-mimari .book-turn-cue { gap: 7px; min-width: 0; padding: 4px 9px; }
#kitap-bilinc-mimari .book-turn-cue small { display: none; }
#kitap-bilinc-mimari .book-turn-icon { font-size: 17px; }
#kitap-bilinc-mimari .showcase-store-links { align-content: start; min-height: 104px; }
@media (min-width: 621px) {
  #kitap-bilinc-mimari .book-scene { transform: translateY(1.5px); }
}
.showcase-copy { display: flex; flex: 1; flex-direction: column; min-height: 250px; padding: 28px; }
.work-type { margin: 0 0 12px; color: var(--copper-dark); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.showcase-copy h3 { margin: 0; font: 400 clamp(30px, 2.7vw, 43px)/1.04 var(--serif); letter-spacing: -.025em; }
.showcase-copy > p:not(.work-type) { margin: 13px 0 28px; color: var(--ink-soft); font: 15px/1.55 var(--serif); }
.book-store-link { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 52px; margin: 22px 0 18px; padding: 11px 13px; border: 1px solid rgba(139, 58, 33, .32); color: var(--ink); background: rgba(255, 255, 255, .24); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.book-store-link:hover, .book-store-link:focus-visible { border-color: var(--copper); background: rgba(255, 255, 255, .55); transform: translateY(-2px); }
.book-store-link span, .book-store-link small, .book-store-link strong { display: block; }
.book-store-link small { color: var(--copper-dark); font-size: 8px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.book-store-link strong { margin-top: 4px; font: 400 16px/1.2 var(--serif); }
.book-store-link b { color: var(--copper); font: 24px/1 var(--serif); }
.book-store-links { position: relative; z-index: 22; display: grid; gap: 6px; }
.book-store-links .book-store-link { width: 100%; min-height: 44px; margin: 0; padding: 8px 12px; }
.book-store-links .book-store-link strong { margin-top: 2px; font-size: 14px; }
.book-store-links .book-store-link b { font-size: 20px; }
.hero-store-links { width: min(290px,82%); margin-top: 10px; }
.hero-store-link { background: rgba(243,239,231,.86); }
.hero-book-preview:has(.hero-store-links .book-store-link:nth-child(2)) .book-scene { width: min(56%,340px); }
.hero-art:has(.hero-store-links .book-store-link:nth-child(3)) { min-height: 820px; }
.showcase-visual.has-store-link { grid-template-rows: 1fr auto; place-items: end center; gap: 10px; min-height: 555px; }
.showcase-store-links { width: min(82%,290px); }
.showcase-store-link { background: rgba(255,255,255,.5); }
.quiet-label { margin-top: auto; padding-top: 15px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.collection-visual { min-height: 0; padding: 54px 24px 24px; background: #d47a00; }
.collection-photo { width: 100%; aspect-ratio: var(--collection-photo-ratio); overflow: hidden; box-shadow: 18px 22px 28px rgba(20,33,30,.22); }
.collection-photo img { display: block; width: 100%; height: auto; }
.collection-copy { gap: 24px; }
.collection-copy > div:first-child > p:last-child { margin: 13px 0 0; color: var(--ink-soft); font: 15px/1.55 var(--serif); }
.collection-store-groups { display: grid; gap: 20px; }
.collection-store-group { padding-top: 18px; border-top: 1px solid var(--line); }
.collection-store-group h4 { margin: 0 0 10px; font: 400 21px/1.2 var(--serif); }
.collection-store-links { grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; }
.collection-store-link { background: rgba(255,255,255,.5); }

.world-languages { border-top: 1px solid var(--ink); background: #e8e0d4; }
.world-languages-heading { display: grid; grid-template-columns: .34fr 1fr; gap: 30px 70px; align-items: end; margin-bottom: 54px; }
.world-languages-heading p { margin: 0 0 8px; }
.world-languages-heading h2 { margin: 0; font: 400 clamp(48px,5.4vw,78px)/1 var(--serif); letter-spacing: -.045em; text-transform: uppercase; }
.world-languages-stage { display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,.34fr); gap: 18px; align-items: stretch; }
.world-language-viewer { display: grid; grid-template-columns: minmax(350px,1.03fr) minmax(280px,.97fr); min-width: 0; border: 1px solid var(--line); background: rgba(255,255,255,.38); }
.world-language-visual { position: relative; display: grid; grid-template-rows: minmax(490px,1fr) auto; place-items: end center; gap: 18px; min-width: 0; min-height: 720px; padding: 104px 32px 30px; border-inline-end: 1px solid var(--line); background: #d9d0c1; }
.world-language-visual .book-interaction { align-self: center; }
.world-language-visual .book-scene { width: min(60%,300px); }
.world-language-visual .preview-read-cue { width: min(245px,72vw); font-size: 14px; }
.world-language-visual [data-world-store-links] { width: min(100%,330px); }
.world-store-links { width: 100%; }
.world-store-link { background: rgba(243,239,231,.84); }
.world-language-copy { display: flex; flex-direction: column; min-width: 0; padding: clamp(30px,4.5vw,64px); }
.world-language-home-link { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.world-language-home-link > span { color: var(--copper-dark); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.world-language-home-link small { color: var(--ink-soft); font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }
.world-language-copy [data-world-book-copy] { margin: auto 0; }
.world-language-copy h3 { margin: 0; font: 400 clamp(37px,3.8vw,58px)/1.03 var(--serif); letter-spacing: -.035em; overflow-wrap: anywhere; }
.world-language-copy [data-world-description] { margin: 20px 0 42px; color: var(--ink-soft); font: 17px/1.6 var(--serif); }
.world-language-explorer { display: flex; flex-direction: column; min-width: 0; padding: 30px; border: 1px solid var(--line); background: var(--night); color: #f4ede4; }
.world-language-explorer > p { margin: 0; color: #e4a487; font: 22px/1 var(--serif); }
.world-language-explorer > span { margin-top: auto; color: rgba(244,237,228,.64); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.world-language-explorer > strong { margin-top: 10px; font: 400 clamp(30px,3vw,45px)/1.05 var(--serif); overflow-wrap: anywhere; }
.world-language-explorer > div { display: grid; gap: 10px; margin-top: 38px; }
.world-language-explorer button { min-height: 52px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.24); background: transparent; color: #f4ede4; cursor: pointer; text-align: start; }
.world-language-next { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 12px; background: #f4ede4 !important; color: var(--night) !important; }
.world-language-next span, .world-language-next small { display: block; }
.world-language-next span { font: 400 25px/1.1 var(--serif); }
.world-language-next small { margin-top: 5px; color: var(--ink-soft); font-size: 8px; letter-spacing: .09em; text-transform: uppercase; }
.world-language-next b { grid-column: 2; grid-row: 1/3; color: var(--copper); font: 34px/1 var(--serif); }
.world-language-index { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.world-language-index-link { padding: 10px 12px; border: 1px solid var(--line); background: rgba(255,255,255,.28); color: var(--ink-soft); font-size: 10px; }
.world-language-index-link.is-active { border-color: var(--copper); background: rgba(255,255,255,.68); color: var(--ink); }
.world-languages[aria-busy="true"] .book-front { opacity: .55; }
.world-languages[aria-busy="true"] .world-language-copy { opacity: .72; }
.world-languages .book-front, .world-languages .world-language-copy { transition: opacity .18s ease; }
.world-language-announcement { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }

.editorial { background: #ece5d9; }
.editorial-intro, .ideas-title { display: grid; grid-template-columns: .34fr 1fr; gap: 30px 70px; align-items: start; }
.editorial-intro h2 { max-width: 920px; margin: 0; font: 400 clamp(42px, 4.7vw, 70px)/1.04 var(--serif); letter-spacing: -.04em; }
.editorial-intro > p:last-child { grid-column: 2; max-width: 710px; margin: 0; color: var(--ink-soft); font: 18px/1.65 var(--serif); }
.editorial-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 70px; }
.editorial-grid article { display: flex; flex-direction: column; min-height: 390px; padding: 34px; border: 1px solid var(--line); background: rgba(255,255,255,.42); }
.editorial-meta { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.editorial-meta span { color: var(--copper); font: 18px/1 var(--serif); }
.editorial-meta p { margin: 0; color: var(--copper-dark); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.editorial-grid h3 { margin: 72px 0 18px; font: 400 clamp(29px, 2.6vw, 42px)/1.08 var(--serif); letter-spacing: -.025em; }
.editorial-grid article > p { margin: 0; color: var(--ink-soft); font: 16px/1.65 var(--serif); }
.editorial-status { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); }
.editorial-status span { color: var(--ink-soft); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.editorial-status b { color: var(--copper); font-size: 18px; }
.featured-essay-card, .featured-article-card { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(40px,7vw,100px); align-items: end; margin-top: 24px; padding: clamp(34px,5vw,68px); border: 1px solid var(--line); background: rgba(255,255,255,.48); }
.feature-copy h3 { max-width: 720px; margin: 18px 0 22px; font: 400 clamp(34px,4vw,58px)/1.05 var(--serif); letter-spacing: -.035em; }
.feature-copy > p:not(.eyebrow) { max-width: 680px; margin: 0; color: var(--ink-soft); font: 17px/1.65 var(--serif); }
.feature-copy > a { display: inline-flex; align-items: center; justify-content: space-between; gap: 42px; min-width: 220px; margin-top: 34px; padding: 15px 0; border-top: 1px solid var(--line); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.feature-copy > a b { color: var(--copper); font-size: 17px; }
.feature-languages { padding-top: 18px; border-top: 1px solid var(--line); }
.feature-languages > p { margin: 0 0 18px; color: var(--copper-dark); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.feature-languages > div { display: flex; flex-wrap: wrap; gap: 10px; }
.feature-languages a { padding: 9px 11px; border: 1px solid var(--line); color: var(--ink-soft); font-size: 10px; }

.poems-section { border-top: 1px solid var(--line); background: var(--paper); }
.poems-heading, .videos-heading { display: grid; grid-template-columns: .34fr 1fr; gap: 30px 70px; }
.poems-heading h2, .videos-heading h2 { margin: 0; font: 400 clamp(42px,4.7vw,70px)/1.04 var(--serif); letter-spacing: -.04em; }
.poems-heading > p:last-child, .videos-heading > p:last-child { grid-column: 2; max-width: 720px; margin: 0; color: var(--ink-soft); font: 18px/1.65 var(--serif); }
.poems-heading { display: block; }
.poems-heading h2 { width: min(100%,900px); margin: 0 auto; font: 400 clamp(42px,4.4vw,68px)/1.12 var(--serif); letter-spacing: -.035em; }
.poems-heading > p:last-child { width: min(100%,640px); max-width: none; margin: 28px auto 0; font: 18px/1.68 var(--serif); }
.poem-video-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px; width: min(100%,980px); margin: 86px auto 0; }
.poem-video-card { margin: 0; border: 1px solid var(--line); background: #faf7f1; }
.poem-video-card video { display: block; width: 100%; aspect-ratio: 3/4; background: var(--night); object-fit: cover; }
.poem-video-card.landscape video { aspect-ratio: 16/9; }
.poem-video-card.landscape { grid-column: 1 / -1; justify-self: center; width: min(100%,760px); }
.poem-video-card figcaption { padding: 24px 26px 28px; }
.poem-video-card figcaption p { margin: 0 0 13px; color: var(--copper-dark); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.poem-video-card h3 { margin: 0; font: 400 clamp(26px,2.2vw,34px)/1.16 var(--serif); letter-spacing: -.025em; }
.poem-video-card figcaption span { display: block; margin-top: 18px; color: var(--ink-soft); font-size: 10px; letter-spacing: .1em; }
.videos-heading > p:last-child { max-width: 650px; }
.videos-section { border-top: 1px solid var(--line); background: #e6ded2; }
.video-collection-card { display: grid; grid-template-columns: 1.5fr 1fr; width: min(100%,1100px); margin: 86px auto 0; border: 1px solid var(--line); background: #faf7f1; }
.video-collection-visual { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; min-height: 305px; padding: 18px; background: var(--night); }
.video-collection-visual img { width: 100%; height: 100%; object-fit: cover; }
.video-collection-copy { display: flex; flex-direction: column; justify-content: center; padding: 64px; }
.video-collection-copy p { margin: 0 0 18px; color: var(--copper); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.video-collection-copy h3 { margin: 0; font: 400 clamp(36px,4vw,58px)/1.05 var(--serif); letter-spacing: -.035em; }
.video-collection-copy span { display: flex; gap: 10px; margin-top: 34px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.video-collection-copy b { color: var(--copper); font-size: 18px; }

.ideas { background: var(--night); color: #f4ede4; }
.ideas-inner { padding-top: clamp(90px,9vw,140px); padding-bottom: clamp(90px,9vw,140px); }
.ideas-title { gap: 48px; }
.ideas-title h2 { max-width: 870px; }
.ideas .featured-article-card { margin-top: 44px; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.035); }
.ideas .feature-copy > p:not(.eyebrow) { color: rgba(244,237,228,.7); }
.ideas .feature-copy > a, .ideas .feature-languages, .ideas .feature-languages a { border-color: rgba(255,255,255,.18); }
.ideas .feature-languages > p, .ideas .feature-copy > a b { color: #d99577; }
.ideas .feature-languages a { color: rgba(244,237,228,.78); }

.author-note { text-align: center; }
.author-note h2 { max-width: 1100px; margin: 0 auto; font: 400 clamp(44px,4.4vw,76px)/1.18 var(--serif); letter-spacing: -.035em; }
.author-copy { max-width: 760px; margin: 35px auto 0; color: var(--ink-soft); font: 18px/1.68 var(--serif); }
.author-note > div { margin-top: 42px; }
.signature { display: block; color: var(--copper); font: italic 25px/1.5 var(--serif); }
.author-note > div p { margin: 7px 0 0; color: var(--ink-soft); font-size: 10px; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; }
.author-profile-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 22px; padding-bottom: 5px; border-bottom: 1px solid var(--copper); color: var(--copper-dark); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.profile-page { min-height: 62vh; padding: clamp(58px,8vw,112px) clamp(24px,8vw,140px); background: var(--paper); }
.profile-shell { width: min(920px,100%); margin: 0 auto; }
.profile-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: clamp(28px,5vw,72px); padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.profile-heading h1 { margin: 8px 0 0; font: 400 clamp(48px,7vw,88px)/1 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
[dir="rtl"] .profile-heading h1 { direction: ltr; text-align: right; unicode-bidi: isolate; }
.profile-heading img { display: block; width: clamp(150px,20vw,230px); height: auto; aspect-ratio: 962/1024; border: 1px solid var(--line); object-fit: cover; }
.profile-bio { margin: clamp(34px,5vw,58px) 0 0; color: var(--ink-soft); font: 400 clamp(18px,2vw,23px)/1.75 var(--serif); }
.profile-amazon-link { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: min(100%,560px); min-height: 72px; margin-top: 42px; padding: 17px 21px; border: 1px solid var(--line); border-inline-start: 4px solid var(--copper); background: var(--paper-card); color: var(--ink); }
.profile-amazon-link:hover, .profile-amazon-link:focus-visible { border-color: var(--copper); background: rgba(180,91,56,.06); }
.profile-amazon-link b { color: var(--copper); font: 400 22px/1 var(--serif); }
.contact-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(60px,9vw,140px); border-top: 1px solid var(--line); background: #e7ded1; }
.contact-email { display: inline-block; padding-bottom: 7px; border-bottom: 1px solid var(--copper); color: var(--copper-dark); font: clamp(22px,2.2vw,34px)/1.2 var(--serif); }
.contact-heading h2 { max-width: 620px; margin: 30px 0 0; font: 400 clamp(40px,4vw,62px)/1.06 var(--serif); letter-spacing: -.04em; }
.contact-heading > p:last-child { max-width: 570px; margin: 28px 0 0; color: var(--ink-soft); font: 17px/1.65 var(--serif); }
.contact-form { align-self: start; padding: clamp(28px,4vw,48px); border: 1px solid var(--line); background: rgba(255,255,255,.42); }
.contact-form label, .comment-form label { display: block; margin-bottom: 13px; color: var(--copper-dark); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.contact-form textarea, .comment-form textarea, .comment-form input { width: 100%; padding: 16px; border: 1px solid var(--line); background: rgba(251,248,242,.58); color: var(--ink); font: 17px/1.65 var(--serif); }
.contact-form textarea { min-height: 230px; resize: vertical; }
.contact-form textarea:focus, .comment-form textarea:focus, .comment-form input:focus { border-color: var(--copper); outline: 0; }
.contact-submit-row, .comment-submit-row { display: flex; align-items: center; gap: 18px; margin-top: 20px; }
.contact-submit-row button, .comment-submit-row button { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-width: 154px; padding: 14px 16px; border: 0; background: var(--night); color: #fff; cursor: pointer; font-size: 11px; }
.contact-submit-row button span, .comment-submit-row button span { color: #e4a487; }
.contact-submit-row small, .comment-submit-row small { max-width: 270px; color: var(--ink-soft); font-size: 10px; line-height: 1.45; }
.contact-status, .comment-message { margin: 18px 0 0; padding: 12px 14px; border-left: 2px solid var(--copper); background: rgba(180,91,56,.08); color: var(--ink-soft); font-size: 12px; }

.events-section { border-top: 1px solid var(--line); background: #eee7dc; }
.gallery-heading { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(40px,7vw,110px); align-items: end; }
.gallery-heading h2 { max-width: 870px; margin: 0; font: 400 clamp(40px,4.8vw,72px)/1.03 var(--serif); letter-spacing: -.045em; }
.gallery-heading > p { max-width: 560px; margin: 0 0 7px; color: var(--ink-soft); font: 17px/1.65 var(--serif); }
.gallery-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: clamp(48px,7vw,86px); border-block: 1px solid var(--line); }
.gallery-tabs button { display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding: 0 22px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--ink); cursor: pointer; text-align: left; }
.gallery-tabs button:last-child { border-right: 0; }
.gallery-tabs button.is-active { background: var(--night); color: #f4ede4; }
.gallery-tabs span { font: 20px/1.2 var(--serif); }
.gallery-tabs small { color: var(--copper); font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.gallery-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 24px; }
.gallery-card { position: relative; overflow: hidden; aspect-ratio: 4/3; padding: 0; border: 0; background: #d7cec0; cursor: zoom-in; }
.gallery-card img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, filter .35s ease; }
.gallery-card:hover img { filter: saturate(.92) contrast(1.03); transform: scale(1.035); }
.gallery-dialog { overflow: hidden; width: 100vw; max-width: none; height: 100vh; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(8,14,12,.96); color: #f4ede4; }
.gallery-dialog::backdrop { background: rgba(8,14,12,.96); }
.gallery-dialog-panel { display: grid; grid-template-rows: auto minmax(0,1fr) auto; width: 100%; height: 100%; padding: 18px clamp(16px,3vw,48px) 22px; }
.gallery-dialog-bar, .gallery-dialog-controls { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.gallery-dialog-bar { min-height: 54px; border-bottom: 1px solid rgba(255,255,255,.18); }
.gallery-dialog-bar p { display: flex; gap: 14px; margin: 0; }
.gallery-dialog-bar strong { font: 400 18px/1.2 var(--serif); }
.gallery-dialog-bar span { color: #e4a487; font-size: 10px; }
.gallery-dialog button { min-height: 44px; padding: 0 14px; border: 1px solid rgba(255,255,255,.25); background: transparent; color: #f4ede4; cursor: pointer; }
.gallery-dialog-image { display: grid; place-items: center; min-height: 0; margin: 20px 0; }
.gallery-dialog-image img { display: block; max-width: 100%; max-height: calc(100vh - 190px); object-fit: contain; }
.gallery-dialog-controls { min-height: 56px; border-top: 1px solid rgba(255,255,255,.18); }
.gallery-dialog-controls p { overflow: hidden; margin: 0; color: rgba(244,237,228,.76); font: 13px/1.3 var(--serif); text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.social-section { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(50px,9vw,130px); border-top: 1px solid var(--line); background: var(--paper); }
.social-heading h2, .comments-heading h2 { margin: 0; font: 400 clamp(40px,4.7vw,70px)/1.04 var(--serif); letter-spacing: -.04em; }
.social-heading > p:last-child, .comments-heading > p:last-child { max-width: 580px; margin: 28px 0 0; color: var(--ink-soft); font: 17px/1.65 var(--serif); }
.social-heading h2 { font: 400 clamp(40px,4vw,70px)/1.06 var(--serif); }
.social-heading > p:last-child { margin-top: 30px; }
.social-list { border-top: 1px solid var(--line); }
.social-row { display: grid; grid-template-columns: 48px 5fr 6fr auto; align-items: center; gap: 20px; min-height: 82px; border-bottom: 1px solid var(--line); }
.social-row > span { color: var(--copper); font: 16px/1.5 var(--serif); }
.social-row strong { font: 400 24px/1.5 var(--serif); }
.social-row small { color: var(--ink-soft); font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }
.social-row b { color: var(--copper); font-size: 18px; }
.comments-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(52px,9vw,130px); border-top: 1px solid var(--line); background: #ece5d9; }
.comments-heading h2 { font: 400 clamp(40px,4vw,70px)/1.06 var(--serif); }
.comments-heading > p:last-child { margin-top: 30px; }
.comments-panel { display: grid; grid-template-columns: .45fr .55fr; gap: 18px; align-items: start; }
.comment-form, .published-comments { padding: 30px; border: 1px solid var(--line); background: rgba(255,255,255,.4); }
.comment-form { display: block; }
.comment-form > div:not(.honeypot) { display: grid; gap: 9px; margin-bottom: 20px; }
.comment-form label { margin-bottom: 0; }
.comment-form textarea, .comment-form input:not([type="hidden"]) { display: block; width: 100%; min-height: 0; padding: 12px 2px; border: 0; border-bottom: 1px solid var(--line); background: transparent; font: 16px/1.6 var(--serif); }
.comment-form textarea { resize: vertical; }
.comment-submit-row { display: flex !important; align-items: center; gap: 16px !important; margin-top: 0; }
.comment-submit-row button { min-width: 165px; letter-spacing: .04em; }
.comment-submit-row small { line-height: 1.4; }
.comment-submit-row button:disabled { cursor: wait; opacity: .65; }
.honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.published-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.published-title span { color: var(--copper-dark); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.published-title small { display: grid; place-items: center; width: 28px; aspect-ratio: 1; border: 1px solid var(--line); border-radius: 50%; color: var(--copper); font-family: var(--serif); }
.comments-empty { margin: 38px 0; color: var(--ink-soft); font: 16px/1.6 var(--serif); }
.comment-message { margin: 4px 0 0; }
.reader-comment { padding: 26px 0; border-bottom: 1px solid var(--line); }
.reader-comment > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.reader-comment strong { font: 500 17px/1.2 var(--serif); }
.reader-comment time { color: var(--ink-soft); font-size: 9px; }
.reader-comment p { margin: 14px 0 0; color: var(--ink-soft); font: 15px/1.66 var(--serif); white-space: pre-wrap; }

footer, .article-page-footer { display: grid; grid-template-columns: 1fr auto 1fr; gap: 32px; align-items: center; padding: 42px clamp(24px,5vw,88px); border-top: 1px solid var(--line); }
footer > p { margin: 0; color: var(--ink-soft); font: 14px/1.5 var(--serif); }
footer > div { display: flex; justify-self: end; flex-wrap: wrap; gap: 24px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }

.preview-reader-overlay { position: fixed; inset: 0; z-index: 1000; display: grid; grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; background: rgba(8,14,12,.975); color: #f4ede4; }
.preview-reader-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 66px; padding: 12px clamp(16px,3vw,44px); }
.preview-reader-footer { border-top: 1px solid rgba(255,255,255,.18); border-bottom: 0; }
.preview-reader-footer span { color: rgba(244,237,228,.72); font-size: 11px; }
.preview-reader-title-sr, .preview-text-pages { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.preview-reader-toolbar { display: flex; align-items: center; justify-self: center; justify-content: flex-end; gap: 12px; width: min(480px, calc(100vw - 36px)); margin-top: 12px; }
.preview-reader-toolbar button { min-height: 42px; padding: 8px 14px; border: 1px solid rgba(255,255,255,.24); background: transparent; color: #fff; cursor: pointer; }
.preview-zoom-controls { display: grid; grid-template-columns: 42px 62px 42px; align-items: center; }
.preview-zoom-controls span { text-align: center; }
.preview-reader-stage { display: grid; place-items: center; min-height: 0; overflow: auto; padding: 10px 18px 18px; }
.preview-reader-shell { display: grid; justify-items: center; gap: 10px; width: min(100%,840px); }
.preview-reader-book { position: relative; width: min(480px, calc((100vh - 170px) * .707)); transition: width .2s ease; }
.preview-reader-book[data-zoom="125"] { width: min(600px, calc((100vh - 170px) * .884)); }
.preview-reader-book[data-zoom="150"] { width: min(720px, calc((100vh - 170px) * 1.061)); }
.preview-reader-book[data-zoom="175"] { width: min(840px, calc((100vh - 170px) * 1.237)); }
.preview-page-surface { position: relative; aspect-ratio: 707/1000; background: #fff; box-shadow: 0 26px 60px rgba(0,0,0,.42); }
.preview-page-underlay, .preview-page-sheet { position: absolute; inset: 0; display: block; background: #fff; }
.preview-page-surface img { display: block; width: 100%; height: 100%; object-fit: contain; }
.preview-page-sheet { z-index: 2; transform-origin: left center; backface-visibility: hidden; }
.preview-page-surface.is-turning .preview-page-sheet { animation: preview-turn .62s ease-in-out both; }
.preview-page-surface.is-turning-back .preview-page-sheet { transform-origin: right center; animation: preview-turn-back .62s ease-in-out both; }
.preview-reader-corner { position: absolute; top: 0; right: 0; z-index: 5; width: 48px; height: 48px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.preview-reader-book[dir="rtl"] .preview-reader-corner { right: auto; left: 0; }
.preview-reader-book[dir="rtl"] .preview-reader-corner .preview-page-curl { right: auto; left: 0; transform: scaleX(-1); }
.preview-reader-book[dir="rtl"] .preview-page-sheet { transform-origin: right center; }
.preview-reader-book[dir="rtl"] .preview-page-surface.is-turning .preview-page-sheet { animation-name: preview-turn-back; }
.preview-reader-book[dir="rtl"] .preview-page-surface.is-turning-back .preview-page-sheet { transform-origin: left center; animation-name: preview-turn; }
.preview-reader-footer strong { color: #e4a487; font: 400 14px/1.2 var(--serif); }
.preview-reader-navigation { display: flex; align-items: center; gap: 18px; }
.preview-reader-navigation button { min-height: 42px; padding: 8px 13px; border: 1px solid rgba(255,255,255,.24); background: transparent; color: #f4ede4; cursor: pointer; }
.preview-reader-navigation button:disabled { cursor: default; opacity: .38; }
@keyframes preview-turn { 0% { opacity: 1; transform: rotateY(0); } 70% { opacity: 1; transform: rotateY(-118deg); } 100% { opacity: 0; transform: rotateY(-168deg); } }
@keyframes preview-turn-back { 0% { opacity: 1; transform: rotateY(0); } 70% { opacity: 1; transform: rotateY(118deg); } 100% { opacity: 0; transform: rotateY(168deg); } }

.article-page { min-height: 100vh; background: var(--paper); }
.article-site-header { grid-template-columns: 1fr auto; }
.article-home-link { justify-self: end; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.article-home-link span { color: var(--copper); }
.article-language-band { display: grid; grid-template-columns: .34fr 1fr; gap: 28px; align-items: center; padding: 22px clamp(24px,5vw,88px); background: var(--night); color: #f4ede4; }
.article-language-band p { margin: 0; color: #d99577; font: 16px/1.3 var(--serif); }
.article-language-band > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.article-language-band a { min-height: 34px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.18); color: rgba(244,237,228,.78); font-size: 11px; line-height: 16.5px; }
.article-language-band a[aria-current="page"] { border-color: #d99577; color: #fff; }
.article-shell { width: min(100% - 56px, 900px); margin: 0 auto; padding: 100px 0 130px; }
.article-heading { padding-bottom: 54px; border-bottom: 1px solid var(--line); text-align: center; }
.article-heading h1 { margin: 0; font: 400 clamp(44px,6vw,82px)/1.04 var(--serif); letter-spacing: -.045em; text-transform: uppercase; }
.article-byline { margin: 28px 0 0; color: var(--ink-soft); font: 18px/1.3 var(--serif); }
.article-date { display: block; margin: 12px 0 0; color: var(--ink-soft); font-size: 12px; letter-spacing: .04em; }
.article-taxonomy { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 24px 0 0; }
.article-taxonomy span { padding: 7px 10px; border: 1px solid var(--line); color: var(--copper-dark); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.article-body { margin-top: 60px; -webkit-user-select: none; user-select: none; }
.article-body p { margin: 0 0 1.35em; color: #293632; font: 20px/1.82 var(--serif); }
.article-subheading { margin: 2.3em 0 .8em; font: 400 35px/1.15 var(--serif); letter-spacing: -.02em; }
.article-signature-list { display: grid; gap: 14px; margin-top: 68px; }
.article-signature { margin: 0; padding: 24px 26px; border-inline-start: 4px solid var(--copper); background: rgba(255,255,255,.42); }
.article-signature blockquote, .article-signature p { margin: 0; }
.article-signature p { color: var(--copper-dark); font: italic 400 19px/1.65 var(--serif); }
.article-citation { margin-top: 24px; padding: 28px; border: 1px solid var(--line); background: var(--paper-card); }
.article-citation-title { margin: 0; font: 400 27px/1.2 var(--serif); letter-spacing: -.02em; }
.article-citation-formats { display: grid; gap: 20px; margin-top: 24px; }
.article-citation-format { padding-top: 20px; border-top: 1px solid var(--line); }
.article-citation-format h3 { margin: 0 0 9px; color: var(--copper-dark); font: 700 10px/1.2 var(--sans); letter-spacing: .1em; text-transform: uppercase; }
.article-citation p { margin: 0; overflow-wrap: normal; word-break: normal; color: var(--ink-soft); font: 14px/1.65 var(--sans); }
.article-citation cite { font-style: normal; }
.article-citation-url, .citation-ltr-token { direction: ltr; unicode-bidi: isolate; }
.citation-ltr-token { white-space: nowrap; }
.citation-url-segment { white-space: nowrap; }
.article-signature, .article-citation, [data-copy-output] { -webkit-user-select: text; user-select: text; }
.article-research, .article-book-continuation { margin-top: 72px; padding-top: 34px; border-top: 1px solid var(--line); }
.article-support-title { margin: 0 0 24px; font: 400 28px/1.2 var(--serif); }
.article-research > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.article-research a, .article-book-continuation a { display: grid; grid-template-columns: 1fr auto; gap: 8px; min-height: 120px; padding: 20px; border: 1px solid var(--line); }
.article-research small, .article-book-continuation small { grid-column: 1/-1; color: var(--copper-dark); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.article-research strong, .article-book-continuation strong { font: 400 17px/1.4 var(--serif); }
.article-research span, .article-book-continuation span { color: var(--copper); }
.article-book-continuation > p:not(.article-support-title) { max-width: 680px; margin: -10px 0 24px; color: var(--ink-soft); font: 18px/1.65 var(--serif); }
.article-book-continuation > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.article-page-footer { display: flex; justify-content: space-between; }
.article-page-footer p { margin: 0; font: 18px/1.2 var(--serif); }
.article-page-footer a { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }

.not-found-page, .moderation-page, .skeleton-page { min-height: 100vh; padding: 32px; background: var(--paper); color: var(--ink); }
.not-found-page, .skeleton-page { display: grid; place-items: center; text-align: center; }
.not-found-page h1 { margin: 0; font: 400 clamp(52px,9vw,110px)/1 var(--serif); }
.not-found-page nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 860px; margin: 32px auto; }
.not-found-page nav a { min-width: 112px; padding: 10px 14px; border: 1px solid var(--line); }
.not-found-page small { display: block; margin-top: 30px; color: var(--ink-soft); }
.essay-index-page { width: min(1100px,calc(100% - 44px)); margin: 0 auto; padding: 72px 0; }
.essay-index-heading { margin-bottom: 52px; }
.essay-index-heading > a { display: inline-block; margin-bottom: 52px; border-bottom: 1px solid var(--ink); }
.essay-index-heading h1 { margin: 0; font: 400 clamp(48px,8vw,96px)/1 var(--serif); }
.essay-index-list { display: grid; gap: 1px; background: var(--line); }
.essay-index-list article { padding: 28px; background: var(--paper); }
.essay-index-list h2 { margin: 8px 0; font: 400 30px/1.2 var(--serif); text-transform: uppercase; }
.essay-index-list p { max-width: 760px; color: var(--ink-soft); }
.essay-index-page .global-copyright { display: block; margin-top: 52px; padding: 24px 0; border-top: 1px solid var(--line); }
.moderation-shell { max-width: 1040px; min-height: 100vh; margin: 0 auto; padding: 80px 28px; }
.moderation-shell h1 { max-width: 760px; margin: 0; font: 400 clamp(42px,6vw,72px)/1.04 var(--serif); letter-spacing: -.04em; }
.moderation-shell > p:not(.eyebrow) { max-width: 700px; color: var(--ink-soft); font: 18px/1.6 var(--serif); }
.moderation-home, .moderation-shell > a { display: inline-block; margin: 24px 0 40px; padding-bottom: 5px; border-bottom: 1px solid var(--ink); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.moderation-list { display: grid; gap: 14px; margin-top: 20px; }
.moderation-list article { padding: 26px; border: 1px solid var(--line); background: rgba(255,255,255,.38); }
.moderation-meta { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; align-items: center; }
.moderation-meta strong { font: 500 19px/1.2 var(--serif); }
.moderation-meta span { padding: 6px 9px; border: 1px solid var(--line); font-size: 9px; text-transform: uppercase; }
.moderation-meta span.pending { color: var(--copper-dark); }
.moderation-meta span.approved { color: #2d6b4d; }
.moderation-meta time { color: var(--ink-soft); font-size: 10px; }
.moderation-list article > p { margin: 20px 0; font: 17px/1.65 var(--serif); white-space: pre-wrap; }
.moderation-list form { display: flex; gap: 9px; }
.moderation-list button { padding: 10px 16px; border: 0; background: var(--night); color: #fff; cursor: pointer; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.moderation-list button.delete { border: 1px solid var(--line); background: transparent; color: var(--copper-dark); }

@media (max-width: 1180px) {
  .site-header { grid-template-columns: 1fr auto; }
  .desktop-nav { display: none; }
  .mobile-menu { display: block; }
}

@media (max-width: 980px) {
  .back-to-top { display: inline-flex; }
  .hero { grid-template-columns: 1fr; }
  .hero-copy { min-height: 710px; }
  .hero-art { min-height: 700px; }
  .essay-panel { top: clamp(54px,9vh,82px); bottom: auto; max-height: min(535px,calc(100dvh - 40px)); transform: none; }
  .language-band { gap: 9px; }
  .language-band div { justify-content: center; }
  .article-language-band { grid-template-columns: 1fr; gap: 18px; }
  .article-language-band > div { justify-content: flex-start; }
  .works, .contact-section, .social-section, .comments-section { grid-template-columns: 1fr; }
  .book-showcase { max-width: 900px; }
  .single-book-row { max-width: min(100%,441px); }
  .world-languages-heading { grid-template-columns: 1fr; gap: 14px; }
  .world-languages-stage { grid-template-columns: 1fr; }
  .world-language-viewer { grid-template-columns: 1fr; }
  .world-language-visual { border-inline-end: 0; border-bottom: 1px solid var(--line); }
  .world-language-copy { min-height: 370px; padding: clamp(28px,6vw,50px); }
  .world-language-copy [data-world-book-copy] { margin: 48px 0; }
  .world-language-copy h3, .world-language-copy [data-world-description] { overflow-wrap: anywhere; }
  .world-language-home-link { flex-wrap: wrap; }
  .world-language-explorer > span { margin-top: 48px; }
  .world-language-explorer > div { grid-template-columns: minmax(150px,.42fr) minmax(0,1fr); }
  .editorial-intro, .ideas-title, .videos-heading { grid-template-columns: 1fr; }
  .editorial-intro > p:last-child, .videos-heading > p:last-child { grid-column: 1; }
  .editorial-grid { grid-template-columns: 1fr; }
  .editorial-grid article { min-height: 310px; }
  .featured-article-card, .featured-essay-card, .video-collection-card, .gallery-heading { grid-template-columns: 1fr; }
  .comments-panel { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  footer { grid-template-columns: 1fr; text-align: left; }
  footer > div { justify-self: start; }
}

@media (max-width: 620px) {
  .language-gateway { gap: 30px; padding: 34px 18px; }
  .language-gateway h1 { font-size: clamp(42px,13vw,64px); }
  .language-gateway nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .language-gateway a { min-width: 0; min-height: 52px; padding: 10px 8px; font-size: 15px; }
  .preview-notice { align-items: flex-start; flex-direction: column; gap: 2px; padding: 8px 18px; text-align: left; }
  .site-header, .article-site-header { min-height: 78px; padding: 0 18px; }
  .brand small { display: block; margin-top: 0; font-size: 8px; letter-spacing: .1em; white-space: nowrap; }
  .brand-mark { width: 38px; }
  .header-tools, .language-menu { position: static; }
  .language-panel { position: fixed; top: var(--language-panel-top,68px); right: 16px; left: 16px; width: auto; max-height: min(430px,var(--language-panel-max-height,550px)); overflow-y: auto; padding: 10px 16px 12px; }
  [dir="rtl"] .language-panel { right: 16px; left: 16px; }
  .language-panel > p { min-height: 42px; margin: 0 0 2px; padding: 6px 46px 10px 6px; border-bottom: 1px solid var(--line); font: 700 10px/1.4 var(--sans); letter-spacing: .14em; text-transform: uppercase; }
  .language-grid { gap: 0 8px; }
  .language-grid .language-option { grid-template-columns: 22px minmax(0,1fr); min-height: 52px; padding: 7px 6px; border-width: 0 0 1px; font: 15px/1.1 var(--serif); }
  .back-to-top { right: 12px; bottom: 12px; width: 78px; min-height: 76px; padding: 9px 7px 7px; }
  .back-to-top span { display: block; max-width: 64px; font-size: 7.5px; line-height: 1.3; }
  .back-to-top b { font-size: 22px; }
  .hero { min-height: auto; }
  .hero-copy { min-height: 660px; padding: 72px 22px 52px; }
  .hero h1 { font-size: clamp(43px,13vw,66px); }
  html:lang(ja) .hero h1 { font-size: clamp(34px,9.4vw,44px); }
  html:lang(ja) .hero-title-line { white-space: nowrap; }
  .hero-intro { font-size: 18px; }
  .hero-actions { grid-template-columns: 1fr; width: 100%; }
  .essay-panel { top: clamp(18px,8vh,64px); right: 14px; bottom: auto; left: 14px; width: auto; max-height: min(500px,calc(100dvh - 32px)); transform: none; }
  .essay-panel-heading { padding: 19px 18px 14px; }
  .essay-panel-heading h2 { font-size: 27px; }
  .essay-panel-list { height: 402px; max-height: 402px; }
  .essay-row { min-height: 67px; padding: 11px 18px; }
  .hero-art { min-height: 660px; padding: 54px 28px; }
  .hero-book-preview { position: absolute; inset: 0; width: auto; padding: 118px 28px 48px; }
  .hero-art:has(.hero-store-links .book-store-link:nth-child(2)) { min-height: 780px; }
  .hero-art:has(.hero-store-links .book-store-link:nth-child(3)) { min-height: 830px; }
  .hero-book-preview:has(.hero-store-links .book-store-link:nth-child(2)) { padding: 96px 22px 28px; }
  .hero-book-preview:has(.hero-store-links .book-store-link:nth-child(2)) .book-scene { width: min(58%,270px); }
  .hero-store-links { width: min(290px,86%); }
  .edition-note { top: 24px; left: 20px; }
  .book-scene { width: min(78%,350px); }
  .book-object { --book-depth: 36px; }
  .book-preview-corner, .preview-reader-corner { width: 44px; height: 44px; }
  .preview-page-curl { width: 28px; height: 28px; }
  .preview-page-curl::after { width: 19px; height: 19px; }
  .preview-read-cue { right: -1px; bottom: calc(100% + 4px); width: min(230px, 78vw); height: 96px; font-size: 14px; }
  .preview-read-cue > .preview-read-cue-text { right: 41px; bottom: 29px; width: calc(100% - 41px); }
  html:lang(zh-Hant) .preview-read-cue-text, html:lang(zh-Hans) .preview-read-cue-text { font-size: 12px; letter-spacing: -.01em; white-space: nowrap; }
  .preview-read-cue b { width: 40px; height: 40px; }
  .language-band { padding: 10px 22px 14px; }
  .language-band div { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4px 0; overflow: visible; }
  .language-band div > a { grid-column: span 2; justify-content: center; min-width: 0; padding-right: 0; padding-left: 0; font-size: 9px; letter-spacing: .025em; }
  .language-band div > a:nth-child(7) { grid-column: 2 / span 2; }
  .language-band p { font-size: 17px; }
  .section-shell { padding-right: 22px; padding-left: 22px; }
  .book-showcase { grid-template-columns: 1fr; }
  .single-book-row { max-width: 100%; }
  .book-language-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .book-language-heading span { text-align: left; }
  .showcase-visual { min-height: 450px; }
  .collection-visual { min-height: 0; padding: 54px 18px 18px; }
  .collection-store-links { grid-template-columns: 1fr; }
  .showcase-copy { min-height: 220px; }
  .world-languages-heading { margin-bottom: 34px; }
  .world-languages-heading h2 { font-size: clamp(40px,12vw,58px); }
  .world-language-viewer { grid-template-columns: 1fr; }
  .world-language-visual { grid-template-rows: minmax(430px,1fr) auto; min-height: 650px; padding: 100px 18px 24px; border-inline-end: 0; border-bottom: 1px solid var(--line); }
  .world-language-visual .book-scene { width: min(58%,260px); }
  .world-language-visual [data-world-store-links] { width: min(100%,360px); }
  .world-language-copy { min-height: 370px; padding: 28px 24px; }
  .world-language-copy [data-world-book-copy] { margin: 54px 0; }
  .world-language-copy h3 { font-size: clamp(36px,11vw,50px); }
  .world-language-explorer { padding: 24px; }
  .world-language-explorer > div { grid-template-columns: 1fr; }
  .world-language-index { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .world-language-index-link { display: grid; place-items: center; min-height: 44px; padding: 8px; text-align: center; }
  .editorial-grid { margin-top: 48px; }
  .editorial-intro > .eyebrow, .videos-heading > .eyebrow { margin-top: 10px; }
  .editorial-grid article { min-height: 330px; padding: 26px; }
  .poems-heading h2 { font-size: 38px; line-height: 1.12; }
  .poem-video-grid { grid-template-columns: 1fr; gap: 20px; width: min(100%,500px); margin-top: 52px; }
  .poem-video-card figcaption { padding: 22px; }
  .poem-video-card h3 { font-size: 24px; }
  .poem-video-card figcaption span { text-transform: uppercase; }
  .video-collection-card { margin-top: 48px; }
  .video-collection-visual { gap: 5px; min-height: 0; padding: 10px; }
  .video-collection-copy { padding: 28px 24px; }
  .video-collection-copy h3 { font-size: 38px; }
  .featured-article-card, .featured-essay-card { padding: 28px; }
  .ideas-title > .eyebrow { margin-top: 10px; }
  .ideas .featured-article-card { margin-top: 24px; }
  .article-language-band { padding: 20px 22px; }
  .article-shell { width: min(100% - 40px,900px); padding: 68px 0 84px; }
  .article-body p { font-size: 18px; line-height: 1.76; }
  .article-citation { padding: 22px 18px; }
  .article-citation-title { font-size: 24px; }
  .article-citation p { font-size: 13px; line-height: 1.7; }
  .profile-heading { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .profile-heading img { width: min(72vw,230px); }
  .article-research > div, .article-book-continuation > div { grid-template-columns: 1fr; }
  .article-page-footer { align-items: flex-start; flex-direction: column; padding: 34px 22px; }
  .author-note h2 { font-size: 36px; }
  .contact-email { line-height: 1.5; }
  .social-section, .comments-section { gap: 60px; }
  .social-row { grid-template-columns: 34px 1fr auto; padding: 16px 0; }
  .social-row small { grid-column: 2/4; }
  .comment-form, .published-comments { padding: 24px; }
  .comment-submit-row, .contact-submit-row { align-items: flex-start; flex-direction: column; }
  .gallery-heading h2 { font-size: 38px; }
  .gallery-tabs button { align-items: flex-start; flex-direction: column; justify-content: center; gap: 5px; min-height: 78px; padding: 12px; }
  .gallery-tabs span { font-size: 17px; line-height: 1.5; }
  .gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 14px; }
  .gallery-dialog-panel { padding: 10px 10px 14px; }
  .gallery-dialog-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-top: 10px; }
  .gallery-dialog-controls p { grid-column: 1/-1; grid-row: 1; }
  .gallery-dialog-controls button { grid-row: 2; }
  .preview-reader-footer { padding: 11px 14px; }
  .preview-reader-footer span { font-size: 10px; }
  .preview-reader-toolbar { width: calc(100vw - 16px); margin-top: 8px; }
  .preview-reader-toolbar button { min-height: 44px; padding: 9px 12px; }
  .preview-zoom-controls { grid-template-columns: 40px 46px 40px; }
  .preview-reader-stage { padding: 8px; }
  .preview-reader-shell { width: 100%; }
  .preview-reader-book { width: min(calc(100vw - 16px),calc(70.7svh - 140px)); }
  .preview-reader-book[data-zoom="125"] { width: min(calc(125vw - 20px),calc(88.375svh - 175px)); }
  .preview-reader-book[data-zoom="150"] { width: min(calc(150vw - 24px),calc(106.05svh - 210px)); }
  .preview-reader-book[data-zoom="175"] { width: min(calc(175vw - 28px),calc(123.725svh - 245px)); }
  .preview-reader-footer { align-items: flex-start; flex-direction: column; gap: 3px; }
  .preview-reader-navigation { justify-content: space-between; width: 100%; gap: 10px; }
  .moderation-meta { grid-template-columns: 1fr auto; }
  .moderation-meta time { grid-column: 1/-1; }
  footer { padding: 38px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}