@charset "UTF-8";
:root{--ink:#151517;--paper:#fafafa;--red:#cf302b;--muted:#929298;--line:#37373a;--serif:"Noto Serif KR","Nanum Myeongjo",Batang,serif;--sans:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color-scheme:dark;font-family:var(--sans);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f68970;outline-offset:6px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:500}em{font-style:normal}::selection{background:var(--red);color:white}.skip-link{position:fixed;z-index:100;top:-100px;left:12px;padding:12px 20px;background:white;color:black}.skip-link:focus{top:12px}
.site-header{min-height:94px;padding:18px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);background:var(--ink);position:relative;z-index:5}.wordmark{display:flex;align-items:center;gap:13px;font-size:.875rem;line-height:1.55;flex-shrink:0}.wordmark strong{font-size:1rem;font-weight:600}.seal{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--red);color:#ed655a;font:1.75rem var(--serif)}nav{display:flex;gap:40px;align-items:center;font-size:.9375rem}nav a{padding:8px 0;border-bottom:1px solid transparent;transition:border-color .2s}nav a:hover{border-color:var(--red)}.header-note{font-size:.75rem;color:#a8a8ae;letter-spacing:.15em}.hero{display:grid;grid-template-columns:48% 52%;min-height:760px;max-width:1800px;margin:auto}.hero-copy{padding:65px 7% 30px 9.5%;position:relative;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.15em;font-weight:600;color:#b6b6bd}.red-line{width:30px;height:1px;background:var(--red)}h1{font-family:var(--serif);font-size:clamp(3.6rem,5.8vw,6.6rem);line-height:1.26;letter-spacing:-.06em;margin:26px 0 24px}h1 em{color:#e65349}.title-period{color:var(--red)}.hero-lead{font-size:1.25rem;line-height:1.8;letter-spacing:-.025em}.hero-description{color:#a9a9ae;font-size:.9375rem;line-height:1.85;margin-top:18px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid var(--red);padding:13px 0;font-size:1rem;margin-top:22px;min-height:48px}.text-link span{font-size:1.5rem;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.hero-bottom{width:100%;margin-top:auto;padding-top:38px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.75rem;color:#aaaab0}.hero-bottom a{letter-spacing:.12em;white-space:nowrap}.hero-bottom a span{margin-left:10px}.hero-art{background:#f7f7f9;min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.hero-art>img{height:100%;flex:1;min-height:0;object-fit:cover;object-position:53% center}.vertical-note{position:absolute;right:22px;top:32px;writing-mode:vertical-rl;color:#343439;font:1rem var(--serif);letter-spacing:.24em}.hero-art figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:50px 35px 24px;color:#1c1c22;background:linear-gradient(transparent,#f7f7f9 100%)}.hero-art figcaption>span:first-child{font-family:var(--serif);font-size:1.55rem}.hero-art small{display:block;font: .8125rem/1.6 var(--sans);color:#575760;margin-top:3px}.art-code{font-size:.75rem;letter-spacing:.15em}
.section-wrap{max-width:1280px;padding-left:5%;padding-right:5%;margin:auto}.section-index{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #d0d0d2;font-size:.75rem;letter-spacing:.12em}.section-index span:first-child{font-weight:650}.section-index span:last-child{letter-spacing:.03em}.world{max-width:none;background:var(--paper);color:var(--ink);padding-top:100px;padding-bottom:70px}.world>*{max-width:1152px;margin-left:auto;margin-right:auto}.world-heading,.beginning-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:50px;margin-bottom:60px}h2{font:clamp(2.25rem,3.5vw,3.6rem)/1.5 var(--serif);letter-spacing:-.045em}.world-heading>p,.beginning-heading>p{font-size:1rem;color:#66666d;line-height:1.95;max-width:355px}.world-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.world-columns article{border-top:1px solid #c8c8ce;padding-top:23px}.chapter-number{font:1.85rem var(--serif);color:var(--red);display:flex;align-items:center;gap:16px}.chapter-number small{font:.75rem var(--sans);letter-spacing:.15em;color:#76767b}.world-columns h3{font-size:1.375rem;margin:24px 0 12px;font-weight:600}.world-columns p{font-size:1rem;color:#65656b}.world-end{font:1.1875rem/2 var(--serif);text-align:center;border-top:1px solid #d0d0d2;margin-top:62px;padding-top:35px}.world-end strong{font-weight:500;color:#a82e2a}
.characters{padding:100px 0;background:#19191c}.characters .section-index{border-color:var(--line);color:#b0b0b7}.character-heading{position:relative}.character-heading h2{margin-top:40px}.character-heading>p{color:#a5a5ad;font-size:1rem;margin-top:20px}.character-stage{margin-top:44px}.character-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.character-choices button{min-height:96px;padding:18px 15px;text-align:left;color:#94949b;background:transparent;border:0;border-right:1px solid var(--line);position:relative;transition:background .2s,color .2s}.character-choices button:last-child{border-right:0}.character-choices button:hover{background:#242428;color:#fff}.character-choices button[aria-pressed=true]{background:#cf302b;color:white}.choice-number{font-size:.75rem;display:block;line-height:1.2;opacity:.75}.character-choices button>span:nth-child(2){font-size:1.1875rem;margin-right:8px}.character-choices small{font-size:.75rem;white-space:nowrap}.character-profile{display:grid;grid-template-columns:49% 51%;min-height:550px;background:#212124}.profile-portrait{position:relative;background:#fafafa;overflow:hidden;aspect-ratio:1/1.12}.profile-portrait img{height:100%;object-fit:cover;object-position:center top}.profile-portrait>span{position:absolute;left:22px;bottom:15px;font-size:.75rem;letter-spacing:.3em;color:#1d1d22;background:#fffdf0c9;padding:6px 10px}.profile-copy{padding:50px 9% 35px;display:flex;flex-direction:column;align-items:flex-start}.profile-copy>.eyebrow{color:#dd7068;font-size:.8125rem;letter-spacing:.07em}.profile-copy h3{font:clamp(2rem,3.2vw,3.4rem)/1.4 var(--serif);margin-top:8px;letter-spacing:-.04em}.profile-meta{color:#96969e;font-size:.875rem;margin-top:8px}.profile-copy blockquote{font:1.25rem/1.95 var(--serif);letter-spacing:-.025em;color:#f3e8e4;border-left:2px solid var(--red);padding-left:20px;margin:32px 0 26px;white-space:pre-line}.profile-copy>p:not(.eyebrow):not(.profile-meta){color:#b6b6bd;font-size:1rem}.profile-interests{border-top:1px solid #49494e;margin-top:auto;padding-top:20px;margin-top:28px}.profile-interests>span{font-size:.75rem;letter-spacing:.1em;color:#e37a6b}.profile-interests p{font-size:.9375rem;color:#a8a8b1;margin-top:8px}.roster-wrap{margin-top:40px}.roster{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:1.0625rem}summary::-webkit-details-marker{display:none}summary small{display:inline-block;font-size:.75rem;color:#9999a2;margin-left:20px;letter-spacing:.08em}.details-plus{font:1.7rem var(--sans);font-weight:200;transition:transform .25s}.roster[open] .details-plus{transform:rotate(45deg)}.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;padding:0 0 20px}.roster-card{border-top:1px solid #333338;padding:25px 0}.roster-card h3{font-size:1.125rem;font-weight:500}.roster-card .roster-meta{font-size:.8125rem;color:#df8176;margin:4px 0 10px}.roster-card p:last-child{font-size:.9375rem;color:#a4a4ad}.noscript-note{color:#aaa;font-size:.875rem;padding-top:15px}
.beginnings{padding-top:100px;padding-bottom:100px}.beginnings .section-index{border-color:var(--line);color:#b0b0b7}.beginning-heading>p{color:#a5a5ad}.chapters{border-top:1px solid #55555a}.chapters article{display:grid;grid-template-columns:55px 1fr 130px;gap:25px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.route-no{font-size:.875rem;color:#d1685f;align-self:start;margin-top:4px}.chapters article>div{display:grid;grid-template-columns:1fr 1.1fr;gap:0 60px;align-items:center}.route-label{grid-column:1/-1;font-size:.8125rem;color:#9f9fa8;margin-bottom:12px}.chapters h3{font:1.625rem/1.6 var(--serif)}.chapters article>div>p:last-child{font-size:1rem;color:#a5a5ad}.route-mark{font:4.5rem var(--serif);color:#4e383a;text-align:right;user-select:none}.closing{background:#c8322b;padding:70px 5% 80px;text-align:center}.closing>.eyebrow{justify-content:center;color:#f5c8c1}.closing>p:nth-child(2){font:clamp(2.4rem,5.1vw,5rem)/1.5 var(--serif);letter-spacing:-.04em;margin:22px 0 25px}.closing em{color:#251b1b}.closing>span{font-size:.9375rem;color:#f4cec6}.site-footer{padding:30px 5%;display:flex;justify-content:space-between;gap:20px;font-size:.8125rem;color:#a2a2ab}.site-footer>a{color:#e1e1e6}
@media(min-width:1500px){.hero-copy{padding-top:90px}.hero{min-height:880px}}
@media(max-width:1100px){.header-note{display:none}.hero{min-height:700px;grid-template-columns:50% 50%}.hero-copy{padding-top:45px}.hero-art>img{object-position:51% center}.hero-bottom>span{max-width:170px}.character-choices small{display:block;margin-top:4px}.profile-copy{padding:32px 7%}.profile-copy blockquote{font-size:1.125rem;margin:24px 0 20px}.profile-interests{margin-top:22px}.world-columns{gap:30px}.chapters article{grid-template-columns:40px 1fr 70px}.chapters article>div{gap:0 30px}.route-mark{font-size:3.5rem}}
@media(max-width:760px){html{scroll-padding-top:25px}.site-header{padding:14px 5%;flex-wrap:wrap;gap:15px;min-height:80px}.wordmark{font-size:.75rem;gap:10px}.wordmark strong{font-size:.875rem}.seal{width:36px;height:36px;font-size:1.5rem}nav{gap:17px;font-size:.8125rem}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:40px 7% 27px}h1{font-size:clamp(3.8rem,10vw,5.2rem);line-height:1.2;margin:23px 0 25px}.hero-lead{font-size:1.125rem}.hero-description{font-size:.9375rem}.hero-description br:nth-child(2){display:none}.hero-bottom{padding-top:30px}.hero-bottom>span{max-width:none}.hero-art{aspect-ratio:1/1;max-height:none}.hero-art>img{height:100%;object-fit:cover;object-position:center 35%;flex:none}.hero-art figcaption{padding:35px 25px 18px}.hero-art figcaption>span:first-child{font-size:1.3rem}.vertical-note{right:18px;top:22px;font-size:.875rem}.section-wrap{padding-left:7%;padding-right:7%}.section-index{font-size:.75rem;padding-bottom:18px;letter-spacing:.04em}.section-index span:last-child{max-width:130px;text-align:right}.world{padding-top:65px;padding-bottom:50px}.world-heading,.beginning-heading{display:block;margin-top:32px;margin-bottom:36px}h2{font-size:2.125rem}.world-heading>p,.beginning-heading>p{margin-top:23px;max-width:100%}.world-columns{grid-template-columns:1fr;gap:30px}.world-columns article{display:grid;grid-template-columns:55px 1fr;gap:0 18px;padding-top:20px}.chapter-number{grid-row:1/3;display:block;font-size:1.75rem}.chapter-number small{display:none}.world-columns h3{margin:0 0 10px;font-size:1.2rem}.world-columns p{grid-column:2}.world-end{font-size:1rem;margin-top:40px;padding-top:25px}.characters{padding:65px 0}.character-heading h2{margin-top:30px}.character-stage{margin-top:30px}.character-choices{overflow-x:auto;grid-template-columns:repeat(5,minmax(86px,1fr));scrollbar-width:thin}.character-choices button{min-height:94px;padding:14px 10px}.character-choices button>span:nth-child(2){font-size:1rem}.character-choices small{font-size:.75rem}.character-profile{grid-template-columns:1fr;min-height:0}.profile-portrait{aspect-ratio:1/1;max-height:620px}.profile-copy{padding:30px 25px}.profile-copy h3{font-size:2.25rem}.profile-copy blockquote{font-size:1.2rem;line-height:1.85}.profile-interests{margin-top:23px}.roster-wrap{margin-top:25px}summary{font-size:1rem}summary small{display:block;margin:4px 0 0}.roster-grid{grid-template-columns:1fr 1fr;gap:0 20px}.roster-card{padding:20px 0}.roster-card h3{font-size:1rem}.roster-card p:last-child{font-size:.875rem}.beginnings{padding-top:60px;padding-bottom:65px}.chapters article{grid-template-columns:28px 1fr;gap:10px;padding:28px 0;position:relative}.chapters article>div{display:block;padding-right:20px}.chapters h3{font-size:1.45rem;margin-bottom:14px}.chapters article>div>p:last-child{font-size:.9375rem}.route-mark{position:absolute;right:0;top:26px;font-size:2rem;color:#76504e}.route-label{font-size:.75rem;max-width:80%}.closing{padding:50px 7%}.closing>p:nth-child(2){font-size:2.6rem}.site-footer{flex-wrap:wrap;font-size:.75rem;padding:24px 7%}.site-footer>span:nth-child(2){display:none}}
@media(max-width:390px){.site-header{justify-content:center}nav{width:100%;justify-content:space-between}.hero-copy{padding-top:30px}.hero-bottom{font-size:.75rem;gap:12px}h1{font-size:3.6rem}.roster-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}