:root{--bg: #F5F3EE;--bg-warm: #FAF8F2;--surface: #FFFDF8;--paper: #F5F3EE;--patch-border: #DCD7C8;--line: rgba(28, 27, 24, .1);--text: #1A1815;--text-secondary: #4A4540;--text-muted: #7A7268;--text-dim: #9C9488;--gold-deep: #8A6D2F;--sage: #5A7050;--wine: #8B3A3A;--moss: #6B7F5E;--stone: #8A8678;--blue: #4A7A9E;--tae-serif: "Source Serif 4", "Charter", "Iowan Old Style", Georgia, serif;--tae-sans: "Satoshi", system-ui, -apple-system, sans-serif;--tae-mono: "Commit Mono", ui-monospace, "SF Mono", monospace;--reading-width: 640px;--reading-line-height: 1.72;--shadow: 0 2px 12px rgba(90, 80, 60, .07)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--tae-serif);font-weight:300;font-size:17px;line-height:var(--reading-line-height);color:var(--text);font-optical-sizing:auto;background:var(--bg);background-image:radial-gradient(ellipse at 20% 10%,rgba(184,147,63,.025) 0%,transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(90,112,80,.025) 0%,transparent 60%);background-attachment:fixed}a{color:inherit}img{max-width:100%;display:block;height:auto}.container{width:min(1080px,calc(100% - 48px));margin:0 auto}.reading{width:min(var(--reading-width),calc(100% - 32px));margin:0 auto}.site-header{padding:32px 0 0}.site-header-inner{display:flex;align-items:center;justify-content:space-between;width:min(1080px,calc(100% - 48px));margin:0 auto}.swivel-mark-wrap{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--tae-sans);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--text-muted);transition:color .6s ease}.swivel-mark-wrap:hover{color:var(--text)}.swivel-mark-svg{width:18px;height:18px;color:var(--gold-deep)}.hero{padding:56px 0 28px}.hero-title{font-family:var(--tae-serif);font-weight:600;font-size:clamp(40px,6vw,64px);letter-spacing:-.018em;line-height:1.04;color:var(--text);margin-bottom:16px;text-wrap:balance}.hero-tagline{font-family:var(--tae-serif);font-style:italic;font-weight:300;font-size:clamp(17px,2vw,21px);color:var(--text-secondary);max-width:580px;line-height:1.5;text-wrap:pretty;margin-bottom:24px}.hero-intro{font-family:var(--tae-serif);font-weight:300;font-size:16px;color:var(--text-muted);max-width:640px;line-height:1.6}.hero-intro em{font-style:italic;color:var(--text-secondary)}.hero-image-wrap{margin:36px 0 0;border-radius:4px;overflow:hidden;box-shadow:var(--shadow)}.hero-image-wrap img{width:100%}.ornament{display:flex;align-items:center;justify-content:center;margin:56px auto;font-family:var(--tae-serif);font-size:14px;color:var(--text-dim);letter-spacing:.5em}.ornament:before{content:"◇"}.section{padding:32px 0 56px}.section-label{font-family:var(--tae-sans);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.section-title{font-family:var(--tae-serif);font-weight:600;font-size:clamp(22px,3vw,28px);letter-spacing:-.012em;color:var(--text);margin-bottom:28px}.pieces-list{display:flex;flex-direction:column;gap:12px}.piece-card{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:18px;border:1px solid var(--patch-border);border-radius:6px;background:var(--surface);text-decoration:none;color:inherit;transition:all .6s ease}.piece-card:hover{border-color:var(--text-muted);transform:translateY(-1px);box-shadow:var(--shadow)}.piece-card-thumb{border-radius:4px;overflow:hidden;aspect-ratio:4 / 3;background:var(--bg-warm)}.piece-card-thumb img{width:100%;height:100%;object-fit:cover}.piece-card-meta{display:flex;align-items:baseline;gap:10px;font-family:var(--tae-mono);font-size:11px;color:var(--text-muted);letter-spacing:.04em;margin-bottom:8px}.piece-card-title{font-family:var(--tae-serif);font-weight:600;font-size:22px;letter-spacing:-.012em;color:var(--text);margin-bottom:8px;line-height:1.18}.piece-card-pull{font-family:var(--tae-serif);font-style:italic;font-size:15px;color:var(--text-secondary);line-height:1.5}.cast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cast-tile{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px;transition:transform .6s ease}.cast-tile:hover{transform:translateY(-2px)}.cast-portrait{aspect-ratio:2 / 3;border-radius:4px;overflow:hidden;background:var(--bg-warm);border:1px solid var(--patch-border)}.cast-portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.96)}.cast-portrait.empty{display:flex;align-items:center;justify-content:center;font-family:var(--tae-serif);font-style:italic;color:var(--text-dim);font-size:13px;padding:20px;text-align:center}.cast-tile-meta{text-align:center;font-family:var(--tae-serif)}.cast-tile-name{font-weight:600;font-size:15px;color:var(--text)}.cast-tile-role{font-style:italic;font-size:13px;color:var(--text-muted);margin-top:2px}.piece-header{padding:56px 0 24px;text-align:left}.piece-header .meta{font-family:var(--tae-mono);font-size:11px;color:var(--text-muted);letter-spacing:.06em;margin-bottom:14px}.piece-header h1{font-family:var(--tae-serif);font-weight:600;font-size:clamp(34px,5vw,52px);letter-spacing:-.018em;line-height:1.05;color:var(--text);text-wrap:balance}.piece-prose{font-family:var(--tae-serif);font-weight:300;font-size:18px;line-height:var(--reading-line-height);color:var(--text)}.piece-prose p{margin:0 0 22px;text-wrap:pretty}.piece-prose p:has(img){margin:36px 0}.piece-prose strong{font-weight:600;color:var(--text)}.piece-prose em{font-style:italic;color:var(--text-secondary)}.piece-prose hr{border:none;height:1px;background:transparent;display:flex;align-items:center;justify-content:center;margin:40px 0;position:relative}.piece-prose hr:before{content:"◇";color:var(--text-dim);font-size:12px;letter-spacing:.5em;display:block;text-align:center;width:100%}.piece-prose img{margin:0 auto;border-radius:4px;box-shadow:var(--shadow)}.piece-prose figure{margin:36px 0}.piece-prose figcaption{font-family:var(--tae-serif);font-style:italic;font-size:13px;color:var(--text-muted);text-align:center;margin-top:8px}.piece-prose blockquote{border-left:2px solid var(--text-dim);padding-left:20px;margin:24px 0;font-style:italic;color:var(--text-secondary)}.piece-footer{margin:64px 0 80px;padding-top:32px;border-top:1px solid var(--patch-border);font-family:var(--tae-serif);font-size:14px;color:var(--text-muted)}.piece-footer .byline{font-style:italic;margin-bottom:22px}.piece-footer .nav{display:flex;justify-content:space-between;gap:12px;font-size:14px}.piece-footer .nav a{color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--patch-border);padding-bottom:1px;transition:all .6s ease}.piece-footer .nav a:hover{color:var(--text);border-color:var(--text-muted)}.character-page{max-width:480px;margin:0 auto;padding:80px 24px;text-align:center}.character-portrait{width:240px;aspect-ratio:2 / 3;margin:0 auto 32px;border-radius:4px;overflow:hidden;box-shadow:var(--shadow)}.character-portrait img{width:100%;height:100%;object-fit:cover}.character-name{font-family:var(--tae-serif);font-weight:600;font-size:32px;letter-spacing:-.012em;margin-bottom:6px}.character-role{font-family:var(--tae-serif);font-style:italic;font-size:15px;color:var(--text-muted);margin-bottom:28px}.character-prose{font-family:var(--tae-serif);font-size:16px;line-height:1.65;color:var(--text);text-align:left}.character-prose p{margin-bottom:14px}.character-appearances{font-family:var(--tae-mono);font-size:11px;letter-spacing:.06em;color:var(--text-muted);margin-top:32px;text-align:center}.character-appearances a{color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--patch-border)}.character-appearances a:hover{color:var(--text)}.back-home{text-align:center;margin-top:32px}.back-home a{font-family:var(--tae-serif);font-style:italic;font-size:14px;color:var(--text-muted);text-decoration:none;border-bottom:1px solid var(--patch-border);padding-bottom:1px}.back-home a:hover{color:var(--text)}.site-footer{padding:56px 0 64px;border-top:1px solid var(--patch-border);margin-top:56px;text-align:center;font-family:var(--tae-serif);font-size:13px;color:var(--text-muted)}.site-footer p{margin:0 0 4px}.site-footer a{color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--patch-border);padding-bottom:1px}.site-footer a:hover{color:var(--text)}@media(max-width:760px){body{font-size:16px}.piece-card{grid-template-columns:1fr}.piece-card-thumb{aspect-ratio:16 / 9}.cast-grid{grid-template-columns:repeat(2,1fr);gap:14px}.character-portrait{width:200px}}