:root{--canvas:#f4f0e8;--surface:#fffdf8;--surface-muted:#e9e2d6;--ink:#292720;--ink-muted:#706c63;--border:#d4ccbe;--accent:#b94f35;--accent-dark:#8f3826;--focus:#315f91;--display:Georgia, "Times New Roman", serif;--ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--page:88rem;--text:44rem;--radius-sm:.4rem;--radius-md:.75rem;--radius-lg:1.1rem;--shadow:0 2px 4px #2927200f, 0 16px 36px #29272014}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:linear-gradient(90deg, transparent 49.9%, #29272005 50%, transparent 50.1%) 0 0 / 6rem 6rem, var(--canvas);font-family:var(--ui);margin:0;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.siteHeader,.siteFooter{width:min(calc(100% - 2rem), var(--page));justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.siteHeader{border-bottom:1px solid var(--border);min-height:5.25rem}.wordmark{letter-spacing:-.02em;align-items:center;gap:.65rem;font-weight:720;display:inline-flex}.wordmark>span{width:2rem;height:2rem;color:var(--surface);background:var(--ink);font-family:var(--display);border-radius:50%;place-items:center;font-style:italic;display:grid}.headerNote,.siteFooter{color:var(--ink-muted);letter-spacing:.04em;font-size:.78rem}.headerActions{align-items:center;gap:1.25rem;display:flex}.languageSwitcher{gap:.25rem;display:flex}.languageSwitcher a{color:var(--ink-muted);border-radius:var(--radius-sm);letter-spacing:.06em;padding:.25rem .4rem;font-size:.7rem;font-weight:750}.languageSwitcher a:hover{color:var(--accent-dark)}.languageSwitcher a[aria-current=page]{color:var(--surface);background:var(--ink)}.siteFooter{border-top:1px solid var(--border);min-height:7rem;margin-top:5rem}.homeIntro,.storyShelf,.storyPage,.notFound{width:min(calc(100% - 2rem), var(--page));margin-inline:auto}.homeIntro{border-bottom:1px solid var(--border);padding-block:clamp(4rem,10vw,8rem)}.eyebrow,.sectionHeading span,.storyTopline,.viewerToolbar,.storyNeighbors span,.storyNumber{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700}.homeIntro h1,.storyIntro h1,.notFound h1{max-width:13ch;font-family:var(--display);letter-spacing:-.055em;margin:.8rem 0 1.25rem;font-size:clamp(2.8rem,7vw,6.4rem);font-weight:400;line-height:.96}.homeIntro>p:last-child{max-width:42rem;color:var(--ink-muted);font-family:var(--display);margin:0;font-size:clamp(1.1rem,2vw,1.4rem);font-style:italic}.storyShelf{padding-block:3rem 1rem}.sectionHeading{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.sectionHeading h2{letter-spacing:.02em;margin:0;font-size:.95rem}.storyGrid{grid-template-columns:1fr;gap:3.5rem 1.5rem;display:grid}.storyCard a{border-radius:var(--radius-md);display:block}.coverFrame{aspect-ratio:1;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.coverFrame img,.panelStage img{object-fit:contain}.storyCard a:hover .coverFrame,.storyCard a:focus-visible .coverFrame{box-shadow:var(--shadow);transform:translateY(-2px)}.storyNumber{color:var(--ink);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf8e6;border:1px solid #2927201f;padding:.35rem .55rem;position:absolute;top:.75rem;left:.75rem}.cardMeta{color:var(--ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:1rem;font-size:.78rem;display:flex}.storyCard h3{font-family:var(--display);letter-spacing:-.03em;margin:.45rem 0 0;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:400;line-height:1.08}.cardDescription{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.65rem 0 0;display:-webkit-box;overflow:hidden}.tagList{color:var(--accent-dark);margin:.7rem 0 0;font-size:.78rem;font-weight:650}.storyPage{padding-top:2rem}.storyTopline{border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;justify-content:space-between;padding-bottom:1rem;display:flex}.backLink:hover{color:var(--accent-dark)}.storyIntro{max-width:var(--text);text-align:center;margin:clamp(3.5rem,8vw,6.5rem) auto clamp(2.5rem,6vw,4.5rem)}.storyIntro h1{max-width:none;font-size:clamp(2.4rem,5vw,4.75rem);line-height:1}.storyIntro>p:not(.eyebrow,.tagList){max-width:38rem;color:var(--ink-muted);margin:0 auto;font-size:1.05rem}.storyViewer{border-radius:var(--radius-lg);max-width:66rem;margin-inline:auto}.storyViewer:focus-visible{outline-offset:.5rem}.viewerToolbar{justify-content:space-between;align-items:center;max-width:47.5rem;margin:0 auto .75rem;padding-inline:.25rem;display:flex}.panelCounter{color:var(--ink);font-variant-numeric:tabular-nums}.viewToggle{color:var(--accent-dark);cursor:pointer;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;border-bottom:1px solid;padding:0}.viewerRow{grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;gap:1rem;display:grid}.panelTrack{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-lg);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.panelTrack::-webkit-scrollbar{display:none}.panelSlide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;margin:0}.panelStage{aspect-ratio:1;width:100%;position:relative}.arrowButton{width:3rem;height:3rem;color:var(--ink);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:50%;padding:0;font-size:1.25rem;transition:background .15s,color .15s}.arrowButton:hover:not(:disabled){color:var(--surface);background:var(--ink)}.arrowButton:disabled{cursor:not-allowed;opacity:.32}.progressDots{justify-content:center;gap:.55rem;margin-top:1.25rem;display:flex}.progressDots button{border:1px solid var(--ink-muted);cursor:pointer;background:0 0;border-radius:50%;width:.55rem;height:.55rem;padding:0}.progressDots button.isActive{background:var(--accent);border-color:var(--accent)}.isAllPanels{max-width:50rem}.isAllPanels .viewerRow{display:block}.isAllPanels .panelTrack{background:0 0;border:0;gap:clamp(1.5rem,5vw,3.5rem);display:grid;overflow:visible}.isAllPanels .panelSlide{min-width:0}.isAllPanels .panelStage{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panelSlide figcaption{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:.6rem;font-size:.72rem;font-weight:700}.storyNeighbors{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:clamp(5rem,10vw,8rem);padding-top:1.5rem;display:grid}.storyNeighbors a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:.35rem;padding:1rem;display:grid}.storyNeighbors a:last-child{text-align:right}.storyNeighbors strong{font-family:var(--display);font-size:1.15rem;font-weight:400;line-height:1.25}.storyNeighbors a:hover strong{color:var(--accent-dark)}.notFound{padding-block:8rem}.notFound h1{font-size:clamp(2.5rem,6vw,5rem)}.notFound>p:not(.eyebrow){color:var(--ink-muted)}.buttonLink{color:var(--surface);background:var(--ink);border-radius:var(--radius-sm);margin-top:1rem;padding:.75rem 1rem;font-weight:700;display:inline-block}@media (min-width:640px){.siteHeader,.siteFooter,.homeIntro,.storyShelf,.storyPage,.notFound{width:min(calc(100% - 4rem), var(--page))}.storyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1080px){.storyGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.storyCard:first-child{grid-column:span 2}.storyCard:first-child .coverFrame{aspect-ratio:2.04}}@media (max-width:720px){.headerNote{display:none}.homeIntro h1{font-size:clamp(2.7rem,14vw,4.5rem)}.viewerRow{flex-wrap:wrap;gap:.75rem;display:flex;position:relative}.panelTrack{flex:0 0 100%;order:-1}.arrowButton{width:2.75rem;height:2.75rem}.nextButton{margin-left:auto}.progressDots{pointer-events:none;margin-top:-2.25rem}.progressDots button{pointer-events:auto}.storyNeighbors{grid-template-columns:1fr}.storyNeighbors a:last-child{text-align:left}.isAllPanels .viewerRow{display:block}.isAllPanels .panelTrack{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}