:root{color-scheme:dark;--bg:#18221e;--text:#e6e6d9;--muted:#b3baa9;--accent:#d1bd7e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 5vw;border-bottom:1px solid #ffffff15;font-size:12px;letter-spacing:.12em}.site-nav nav{display:flex;gap:26px}.site-nav [aria-current=page]{color:var(--accent)}.hero{position:relative;min-height:620px;height:76vh;max-height:920px;display:flex;align-items:center}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111b16df,#111b1655 65%),linear-gradient(0deg,var(--bg),transparent 28%)}.hero-copy{position:relative;z-index:1;padding:60px 8vw}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.2em}.hero h1{font-family:serif;font-weight:400;font-size:clamp(36px,5vw,68px);line-height:1.6;letter-spacing:.12em;margin:22px 0}.hero-copy>p:not(.eyebrow){margin-bottom:36px}.primary{display:inline-flex;gap:35px;align-items:center;background:#cbd0b4;color:#1a251e;padding:14px 26px;border-radius:3px;font-size:14px}.primary:hover{background:#e2e5ce;color:#172018}.synopsis{max-width:820px;margin:auto;padding:80px 32px 110px}.synopsis h2,.page-heading h1{font-family:serif;font-weight:400;letter-spacing:.07em;font-size:clamp(26px,4vw,38px)}.synopsis p:not(.eyebrow){color:var(--muted);margin:28px 0;line-height:2.2}.text-link{display:inline-block;color:var(--accent);border-bottom:1px solid #d1bd7e66;padding:8px 0}.characters{max-width:1160px;margin:auto;padding:54px 32px 80px}.page-heading{margin:12px 0 64px}.page-heading>p:last-child{color:var(--muted)}.character{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;margin:0 0 64px;padding-bottom:64px;border-bottom:1px solid #ffffff15}.character img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:3px}.character h2{font-size:32px;letter-spacing:.13em;font-weight:400;margin:8px 0 18px}.character p:not(.eyebrow){color:var(--muted);font-size:15px}.bottom-nav{display:flex;justify-content:space-between;align-items:center;gap:20px}footer{text-align:center;border-top:1px solid #ffffff15;padding:30px;color:var(--muted);font-size:10px;letter-spacing:.18em}@media(max-width:640px){.site-nav{padding:18px 20px;font-size:10px;letter-spacing:.05em}.site-nav nav{gap:16px}.hero{min-height:570px;height:78svh}.hero>img{object-position:30% center}.hero-copy{padding:50px 26px}.hero-copy>p:not(.eyebrow){font-size:13px}.synopsis{padding:52px 26px 72px}.synopsis p:not(.eyebrow){font-size:14px}.characters{padding:32px 22px 55px}.page-heading{margin-bottom:40px}.character{grid-template-columns:1fr;gap:16px;margin-bottom:38px;padding-bottom:38px}.character h2{font-size:27px}.bottom-nav{flex-wrap:wrap}}

.site-nav { flex-wrap: wrap; gap: 16px; }
.language-switch-inline { position: static; display: grid; gap: 4px; justify-items: end; }
.language-switch-inline > div { display: flex; padding: 3px; border: 1px solid #c8ceb044; border-radius: 999px; background: #18211e; }
.language-switch-inline button { min-height: 36px; padding: 6px 12px; border: 0; border-radius: 999px; background: transparent; color: #c8ceb0; cursor: pointer; }
.language-switch-inline button[aria-checked=true] { background: #d8c47e; color: #1d241f; }
.language-switch-inline small { color: #b3bca8; font-size: 10px; }
.language-switch-inline button:focus-visible { outline: 2px solid #e2cd8e; outline-offset: 2px; }
@media(max-width:700px) { #page-language { flex-basis: 100%; } .language-switch-inline { justify-items: start; } }