/* Authored abstract surfaces. No manuscript, stock-photo stand-in or scene claim. */
.scene-order{position:absolute;left:var(--gutter);top:calc(var(--header) + 90px);z-index:3;font-size:12px;letter-spacing:.12em;color:inherit;font-variant-numeric:tabular-nums}
.scene-order>span{opacity:.5;margin-left:8px}
.chapter-scene .scene-bookmark{top:calc(var(--header) + 56px)}
.chapter-composition{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.chapter-composition span{position:absolute;display:block}
.chapter-presentation .chapter-heading{bottom:15%;max-width:46%}
.chapter-presentation .chapter-heading h2{font-size:clamp(64px,8vw,118px);line-height:1.16;letter-spacing:-.045em;margin:20px 0 26px}
.chapter-presentation .chapter-heading>time{font-size:14px;letter-spacing:.08em}
.chapter-heading .publication-imprint{gap:10px}
.chapter-heading .publication-role{opacity:.65}
.surface-note{bottom:27px;font-size:11px;opacity:.75}
.chapter-observation{min-height:72svh;padding-top:12svh;padding-bottom:16svh}
.observation-copy{padding-left:30px;border-left:1px solid #ffffff42}
.chapter-typographic .observation-copy{border-color:#65758044}
.observation-copy h3{font-size:12px;letter-spacing:.08em}
.observation-number{font-size:clamp(60px,6.4vw,94px);margin:20px 0 22px}
.observation-link{font-size:13px;margin-top:28px}
.chapter-reading-title{font-size:36px;margin-top:28px}
.chapter-exit{padding-top:24px;padding-bottom:56px}
.next-label{font-size:11px;letter-spacing:.03em}
.next-title{font-size:30px}

/* 상세를 읽고 떠났던 전시 자리로 돌아가는 자연스러운 링크입니다. */
.detail-return{margin:80px var(--gutter) 60px;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding:24px 0;font-size:14px}
.reading-return{display:flex;align-items:center;gap:28px;min-height:52px;text-decoration:underline;text-underline-offset:6px}
.detail-return .wide-back{margin:0;border:0;padding:0;min-height:52px;gap:24px}
@media(max-width:700px){.detail-return{display:block;margin-top:60px}.detail-return .wide-back{font-size:12px;margin-top:12px}.reading-return{font-size:14px;justify-content:space-between}}

/* 사냥철: a deep green field and three offset frames of light. */
.chapter-typographic[data-chapter=hunting-season] .chapter-scene{background:radial-gradient(ellipse at 79% 30%,#566a514a,transparent 58%),linear-gradient(105deg,#1a3029,#263c31 61%,#172a23);color:#f0f0dc}
[data-chapter=hunting-season] .chapter-heading,[data-chapter=hunting-season] .chapter-heading>time,[data-chapter=hunting-season] .chapter-heading>.publication-imprint{color:#f0f0dc}
[data-chapter=hunting-season] .chapter-composition span:nth-child(1){left:53%;top:20%;width:31%;height:65%;border:1px solid #c4cbb85a;transform:skewY(-7deg);background:linear-gradient(135deg,#d2d2b517,transparent 50%)}
[data-chapter=hunting-season] .chapter-composition span:nth-child(2){left:60%;top:10%;width:1px;height:81%;background:linear-gradient(transparent,#e7e6cdbb 30%,#b5bc9255 82%,transparent);box-shadow:30px 0 60px 6px #bdc79811}
[data-chapter=hunting-season] .chapter-composition span:nth-child(3){left:68%;top:29%;width:25%;height:48%;border:1px solid #d9dccf30;transform:skewY(-7deg)}
[data-chapter=hunting-season] .surface-note{color:#d0d8c5}
[data-chapter=hunting-season] .observation-copy{color:#f0f0dc;border-color:#d9dfc644}

/* 서브리미널: nested, quiet planes; the same background stays for observation. */
.chapter-typographic[data-chapter=subliminal] .chapter-scene{background:linear-gradient(115deg,#dbe5e9,#f0f4f5 54%,#d0dee3);color:#243844}
[data-chapter=subliminal] .chapter-composition span:nth-child(1){left:52%;top:18%;width:36%;height:72%;border:1px solid #93a9b769;background:linear-gradient(90deg,#a2bac524,#ffffff59)}
[data-chapter=subliminal] .chapter-composition span:nth-child(2){left:60%;top:27%;width:24%;height:55%;border:1px solid #fff;background:#f9fcfd6b;box-shadow:-14px 13px 30px #294a6010}
[data-chapter=subliminal] .chapter-composition span:nth-child(3){left:67%;top:39%;width:10%;height:41%;border:1px solid #adc3cc7a;background:linear-gradient(#c3d3dc29,#ffffff94)}
[data-chapter=subliminal] .chapter-heading h2{font-weight:700;letter-spacing:-.025em;font-size:clamp(60px,7.6vw,110px)}
[data-chapter=subliminal] .chapter-heading,[data-chapter=subliminal] .chapter-heading>time,[data-chapter=subliminal] .chapter-heading>.publication-imprint{color:#243844}
[data-chapter=subliminal] .observation-copy{color:#243844}

/* 연인들의 집: warm paper, a narrow edge and a diagonal field of light. */
.chapter-typographic[data-chapter=lovers-house] .chapter-scene{background:linear-gradient(110deg,#ece9e1 40%,#f5f2e9 40%,#f5f2e9 64%,#dfdfd6 64%,#e9e7dd 76%);color:#343b34}
[data-chapter=lovers-house] .chapter-composition span:nth-child(1){left:61%;top:0;width:23%;height:100%;background:linear-gradient(90deg,#fffef766,transparent);transform:skewX(-20deg)}
[data-chapter=lovers-house] .chapter-composition span:nth-child(2){left:64%;top:16%;width:21%;height:62%;border:1px solid #9da79985}
[data-chapter=lovers-house] .chapter-composition span:nth-child(3){left:66%;top:18%;width:21%;height:62%;border:1px solid #ffffffaa}
[data-chapter=lovers-house] .chapter-heading h2{font-size:clamp(62px,7.6vw,110px);line-height:1.18}
[data-chapter=lovers-house] .chapter-heading h2>span{display:block;margin-left:1.35em}
[data-chapter=lovers-house] .chapter-heading,[data-chapter=lovers-house] .chapter-heading>time,[data-chapter=lovers-house] .chapter-heading>.publication-imprint{color:#343b34}
[data-chapter=lovers-house] .observation-copy{color:#343b34}

/* Static reading is deliberately quiet after each full-bleed presentation. */
.chapter-sequence .chapter-reading{padding-top:72px;padding-bottom:44px}
.chapter-reading .work-record{max-width:760px}
.chapter-reading .work-meta{border-color:#dce0e1}
.chapter-reading .work-enter{margin-top:28px}
.chapter-source.publication-source{min-height:72px}
.chapter-exit .chapter-next{min-height:76px}

@media(max-width:1000px) and (min-width:701px){
 .chapter-presentation .chapter-heading{max-width:49%}
 .chapter-presentation .chapter-heading h2{font-size:clamp(52px,7.5vw,78px)}
 .observation-copy{padding-left:20px}
}
@media(max-width:700px){
 .scene-order{top:calc(var(--header) + 90px);left:28px;font-size:11px}
 .chapter-presentation .chapter-heading{bottom:17%;max-width:calc(100% - 56px)}
 .chapter-presentation .chapter-heading h2{font-size:clamp(44px,14vw,66px);line-height:1.2;margin:18px 0 20px}
 [data-chapter=subliminal] .chapter-heading h2{font-size:clamp(40px,12.7vw,58px)}
 [data-chapter=lovers-house] .chapter-heading h2{font-size:clamp(44px,14vw,66px)}
 [data-chapter=lovers-house] .chapter-heading h2>span{margin-left:1em}
 .chapter-presentation .chapter-heading>time{font-size:13px}
 .chapter-composition{opacity:.8}
 [data-chapter=hunting-season] .chapter-composition span:nth-child(1){left:34%;top:25%;width:50%;height:50%}
 [data-chapter=hunting-season] .chapter-composition span:nth-child(2){left:55%;top:17%;height:65%}
 [data-chapter=hunting-season] .chapter-composition span:nth-child(3){left:60%;top:33%;width:32%;height:41%}
 [data-chapter=subliminal] .chapter-composition span:nth-child(1){left:36%;top:26%;width:47%;height:56%}
 [data-chapter=subliminal] .chapter-composition span:nth-child(2){left:48%;top:35%;width:36%;height:43%}
 [data-chapter=subliminal] .chapter-composition span:nth-child(3){left:60%;top:42%;width:17%;height:36%}
 [data-chapter=lovers-house] .chapter-composition span:nth-child(2),[data-chapter=lovers-house] .chapter-composition span:nth-child(3){top:27%;height:50%;width:29%;left:53%}
 [data-chapter=lovers-house] .chapter-composition span:nth-child(3){left:57%;top:28%}
 .chapter-observation{padding-top:44px;padding-bottom:48px}
 .observation-copy{padding-left:20px}
 .observation-number{font-size:66px}
 .chapter-typographic[data-chapter=hunting-season] .chapter-observation{background:#20372d!important}
 .chapter-typographic[data-chapter=subliminal] .chapter-observation{background:#e2eaed!important}
 .chapter-typographic[data-chapter=lovers-house] .chapter-observation{background:#eeece4!important}
 .chapter-sequence .chapter-reading{padding-top:42px;padding-bottom:28px}
 .chapter-reading-title{font-size:28px}
 .chapter-exit{padding-bottom:42px}
 .next-title{font-size:26px}
}
/* Keep the authored scene visible through observation; supersede older per-work gradients. */
@media(min-width:701px){
 .chapter-typographic[data-chapter] .chapter-observation{background:transparent}
}
.no-motion .chapter-typographic[data-chapter=hunting-season] .chapter-observation{background:#20372d}
.no-motion .chapter-typographic[data-chapter=subliminal] .chapter-observation{background:#e2eaed}
.no-motion .chapter-typographic[data-chapter=lovers-house] .chapter-observation{background:#eeece4}
@media(prefers-reduced-motion:reduce){
 .chapter-typographic[data-chapter=hunting-season] .chapter-observation{background:#20372d}
 .chapter-typographic[data-chapter=subliminal] .chapter-observation{background:#e2eaed}
 .chapter-typographic[data-chapter=lovers-house] .chapter-observation{background:#eeece4}
}
@media(max-height:600px) and (min-width:701px){
 .scene-order{top:calc(var(--header) + 65px)}
 .chapter-presentation .chapter-heading{bottom:15%}
 .chapter-presentation .chapter-heading h2{font-size:54px;margin:12px 0 18px}
 .chapter-presentation .chapter-heading>time{font-size:12px}
}

/* 작품마다 제목의 밀도를 달리하되 기존 서체 자산만 사용합니다. */
[data-chapter=wysiwyg] .chapter-heading h2{font-family:var(--body);font-weight:500;letter-spacing:-.055em}
[data-chapter=subliminal] .chapter-heading h2{font-family:var(--body);font-weight:480;letter-spacing:.035em}

/* 사냥철 독립 장면: 왼쪽 전경과 오른쪽 읽을 여백을 나눕니다. */
[data-chapter=hunting-season].chapter-with-media .chapter-image::after{background:linear-gradient(90deg,#080e0aad,#080e0a80 30%,transparent 46%),linear-gradient(90deg,transparent 43%,#faf9f470 60%,#faf9f440)}
[data-chapter=hunting-season].chapter-with-media .chapter-heading{left:52%;max-width:calc(48% - var(--gutter));color:#14221a}
[data-chapter=hunting-season].chapter-with-media .chapter-heading>time,[data-chapter=hunting-season].chapter-with-media .chapter-heading>.publication-imprint{color:#14221a}
[data-chapter=hunting-season].chapter-with-media .chapter-observation{padding-left:var(--gutter);padding-right:54%;background:transparent}
[data-chapter=hunting-season].chapter-with-media .observation-copy{color:#f0f0dc;border-color:#f0f0dc60}
[data-chapter=hunting-season].chapter-with-media .chapter-stage figcaption{color:#14221a;justify-content:flex-end}
[data-chapter=hunting-season].chapter-with-media .publication-role{opacity:1}
body.no-motion [data-chapter=hunting-season].chapter-with-media .chapter-observation{background:#1e2b23}
@media(prefers-reduced-motion:reduce){[data-chapter=hunting-season].chapter-with-media .chapter-observation{background:#1e2b23}}
@media(max-width:700px){
 [data-chapter=hunting-season].chapter-with-media .chapter-poster{object-position:0% 50%}
 [data-chapter=hunting-season].chapter-with-media .chapter-image::after{background:linear-gradient(180deg,#080e0a9c,#080e0aad 40%,transparent 72%)}
 [data-chapter=hunting-season].chapter-with-media .chapter-heading{left:28px;top:28%;bottom:auto;max-width:calc(100% - 94px);color:#f0f0dc}
 [data-chapter=hunting-season].chapter-with-media .chapter-heading>time,[data-chapter=hunting-season].chapter-with-media .chapter-heading>.publication-imprint{color:#f0f0dc}
 [data-chapter=hunting-season].chapter-with-media .chapter-heading h2{font-size:clamp(44px,14vw,66px)}
 [data-chapter=hunting-season].chapter-with-media .chapter-observation{padding:44px 28px 48px;background:#1e2b23!important}
 [data-chapter=hunting-season].chapter-with-media .chapter-stage figcaption{color:white;font-size:10px;justify-content:flex-start}
}
/* 세로 태블릿에서도 중앙 크롭으로 가방을 잃지 않게 합니다. */
@media(min-width:701px) and (max-aspect-ratio:1/1){
 [data-chapter=hunting-season] .chapter-scene{position:relative}
 [data-chapter=hunting-season].chapter-with-media .chapter-poster{object-position:0% 50%}
 [data-chapter=hunting-season].chapter-with-media .chapter-image::after{background:linear-gradient(180deg,#080e0a9c,#080e0aad 40%,transparent 72%)}
 [data-chapter=hunting-season].chapter-with-media .chapter-heading{left:var(--gutter);top:28%;bottom:auto;max-width:70%;color:#f0f0dc}
 [data-chapter=hunting-season].chapter-with-media .chapter-heading>time,[data-chapter=hunting-season].chapter-with-media .chapter-heading>.publication-imprint{color:#f0f0dc}
 [data-chapter=hunting-season].chapter-with-media .chapter-observation{display:block;min-height:0;padding:48px var(--gutter);background:#1e2b23}
 [data-chapter=hunting-season].chapter-with-media .chapter-stage figcaption{color:white;justify-content:flex-start}
}
