@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
:root{--ink:#201e19;--paper:#f4f0e7;--gold:#dfb77b;--muted:#756e61;--line:#d7cfc0;--serif:'Noto Serif KR','Batang',serif;--sans:'Noto Sans KR','Malgun Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 var(--sans);word-break:keep-all}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.5;letter-spacing:-.045em}h2{font-size:clamp(30px,3.4vw,47px);line-height:1.5}h3{font-size:25px}em{font-style:normal;color:#95622d}p+p{margin-top:18px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.section{padding-block:105px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;margin-bottom:24px;text-transform:uppercase}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}:focus-visible{outline:3px solid #aa6f32;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--paper);padding:12px}.skip:focus{top:10px}
.header{height:80px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#201e19;color:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff17}.brand{font-family:var(--serif);font-size:23px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:12px}.stone-symbol{font-size:18px;color:var(--gold);transform:rotate(16deg)}.brand-small{font:8px/1.7 var(--sans);letter-spacing:.12em;width:82px;white-space:normal;color:#c6b9a2}.header nav{display:flex;align-items:center;gap:30px;font-size:13px}.header nav>a:not(.nav-play):hover{color:var(--gold)}.nav-play{padding:8px 18px;border:1px solid #ad8a57;color:var(--gold)}.nav-play:hover{background:#dfb77b19}.menu-toggle{display:none}
.hero{position:relative;color:var(--paper);min-height:720px;background:#21190f;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(19,16,12,.92),rgba(19,16,12,.55) 44%,rgba(19,16,12,.04) 80%),linear-gradient(0deg,rgba(19,16,12,.8),transparent 40%)}.hero-inner{position:relative;padding:60px 0 100px}.hero .eyebrow{color:var(--gold);margin-bottom:30px}.hero-pre{font-family:var(--serif);font-size:18px;color:#e5d9c8}.hero h1{font-size:clamp(64px,7vw,96px);letter-spacing:-.075em;line-height:1.35;margin:5px 0 4px}.hero-subtitle{font:400 27px/1.6 var(--serif);letter-spacing:.02em;margin-top:0}.english{font-size:10px;letter-spacing:.32em;color:#cfbda2;margin-top:14px}.hero-description{font-size:16px;color:#d5cdbf;margin-top:30px;line-height:1.95}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{min-height:53px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:12px 25px;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#272019}.gold:hover{background:#ebc78f}.ghost{border-color:#c0ae8c80;color:#ede6d7;background:#19171040}.ghost:hover{background:#eee3cf14}.hero-note{font-size:11px;color:#c5b9a5;margin-top:14px}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#c5b9a5}.hero-bottom a{font-size:12px;color:var(--paper)}.hero-bottom a span{margin-left:20px}
.facts{display:grid;grid-template-columns:1fr 1fr 1.5fr;border-bottom:1px solid var(--line);padding-block:30px}.facts p{margin:0;display:flex;gap:17px;align-items:baseline;justify-content:center;border-right:1px solid var(--line)}.facts p:last-child{border:0}.facts strong{font:500 35px var(--serif)}.facts span{font-size:13px;color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro-body{padding-top:40px;font-size:17px;line-height:2}.intro blockquote{border-left:2px solid #bb9565;padding:4px 0 4px 24px;margin:36px 0 24px;font:500 22px/1.8 var(--serif)}cite{display:block;font:12px var(--sans);color:var(--muted);margin-top:12px}.intro .muted{font-size:14px}
.journey{background:var(--ink);color:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-heading>p{font-size:15px;color:var(--muted);padding-bottom:10px;line-height:1.95}.journey .section-heading>p{color:#bcb5a8}.journey .eyebrow{color:#c3a579}.act-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;margin-bottom:30px}.act-tabs button{border:0;border-right:1px solid #ffffff20;background:transparent;text-align:left;padding:23px 26px;color:#bbb4a8;font-size:15px;position:relative;line-height:1.7}.act-tabs button:last-child{border-right:0}.act-tabs button span{color:#a7977e;font-size:10px;letter-spacing:.1em;display:block;margin-bottom:6px}.act-tabs button small{font-size:10px;margin-left:14px}.act-tabs button[aria-selected=true]{background:#dfb77b12;color:#f2d5a4;box-shadow:inset 0 -2px var(--gold)}.act-tabs button[aria-selected=true] span{color:var(--gold)}.act-tabs button:hover{background:#ffffff08}.act-panel{display:grid;grid-template-columns:1.35fr 1fr;min-height:350px;background:#29261f}.shot{border:0;background:#181811;padding:0;display:block;position:relative;width:100%;overflow:hidden;text-align:left}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.shot:hover img{transform:scale(1.025)}.zoom{position:absolute;bottom:0;right:0;background:#171713dc;color:#f4eddf;padding:9px 16px;font:10px var(--sans);letter-spacing:.03em}.zoom b{font-size:16px;margin-left:24px;font-weight:400}.act-copy{padding:36px}.act-copy .eyebrow{font-size:10px;margin-bottom:16px;letter-spacing:.08em}.act-copy h3{font-size:29px}.act-copy>p:not(.eyebrow){font-size:14px;color:#c5beaf;margin-top:18px}.text-link{background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0 0 5px;display:inline-block;font-size:13px;line-height:1.8;margin-top:24px;color:#865c29}.act-copy .text-link{color:var(--gold)}.text-link:hover{opacity:.75}.chapter-details{border-bottom:1px solid #ffffff20;margin-top:24px}.chapter-details summary{padding:18px 0;cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between}.chapter-details summary::-webkit-details-marker{display:none}.chapter-details[open] summary span{transform:rotate(45deg)}.chapter-details>p{color:#bbb4a8;font-size:13px}.chapter-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 25px;padding:20px 0 30px}.chapter-list a{border-bottom:1px solid #ffffff12;padding:10px 2px;font-size:13px;color:#e0d6c5;display:flex;gap:16px}.chapter-list a:hover{color:var(--gold);background:#ffffff06}.chapter-list a span{color:#a48b65;font-size:11px;min-width:24px}
.experience-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.experience-grid .shot{aspect-ratio:4/3}.play-list{list-style:none;margin:0;padding:0}.play-list li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:26px 0}.play-list li:first-child{padding-top:0}.play-list li>span{font:italic 21px var(--serif);color:#a38760;padding-top:6px}.play-list h3{font-size:23px}.play-list p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.9}.museum{background:#e7dfcf}.museum .museum-shot{padding:0;background:#f5f1e8}.museum-shot img{height:auto;object-fit:contain}.museum-caption{display:flex;gap:20px;justify-content:space-between;margin-top:17px;font-size:12px;color:#6e6657}.museum-caption a{text-decoration:underline;text-underline-offset:4px}.class-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.class-steps article{border-top:1px solid #b8aa93;padding-top:25px}.class-steps article>span{font-size:10px;color:#8a7050;letter-spacing:.1em}.class-steps h3{margin-top:18px;font-size:25px}.class-steps p{font-size:14px;color:var(--muted);margin-top:18px}.controls{background:#eae5da;display:grid;grid-template-columns:1fr 1.25fr;gap:40px;padding:36px 40px;margin-top:55px}.controls h3{font-size:21px}.controls p{font-size:13px;color:var(--muted);margin-top:12px}.controls dl{margin:0;font-size:12px}.controls dl>div{display:flex;gap:20px;padding:8px 0}.controls dt{min-width:68px;color:#736650}.controls dd{margin:0}kbd{display:inline-block;min-width:22px;text-align:center;border:1px solid #c7bdac;border-bottom-width:2px;border-radius:3px;font:11px var(--sans);padding:2px;margin-right:3px;background:#f6f3ec}.faq{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding-top:0}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:22px 25px 22px 0;font-size:15px;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;color:#957345;font-size:20px;top:17px}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px;color:var(--muted);padding:0 20px 24px 0}.closing{padding:85px 0 90px;text-align:center;background:linear-gradient(#201b15db,#201b15ef),url('assets/hero.jpg') center 55%/cover;color:var(--paper)}.closing .eyebrow{color:var(--gold)}.closing h2{font-size:clamp(28px,3.2vw,43px)}.closing .button{margin-top:34px}.closing p:last-child{color:#afa18a;font-size:11px;margin-top:18px}.footer{display:flex;justify-content:space-between;gap:60px;padding-block:45px;color:#8c8270;background:var(--paper);font-size:12px}.footer .brand{color:var(--ink);font-size:24px}.footer p{margin-top:12px}.footer a:hover{text-decoration:underline}.footer .copyright{font-size:10px;line-height:1.9;margin-top:22px}.footer>div:last-child{text-align:right}
dialog{border:1px solid #9b835d;background:#201e19;color:var(--paper);padding:18px;width:min(1100px,94vw);max-height:93vh}dialog::backdrop{background:#11100eea}#image-dialog img{max-height:75vh;width:100%;object-fit:contain;margin-top:45px}#image-caption{padding:15px 0 0;font-size:13px;color:#d2c5ae}.dialog-close{position:absolute;right:18px;top:12px;background:none;border:1px solid #9b835d;padding:4px 12px;color:var(--paper);font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:30;background:#29261f;color:#f4e3c5;padding:14px 24px;border:1px solid #aa895a;font-size:13px;box-shadow:0 5px 30px #0003;width:max-content;max-width:90vw}#copy-dialog{max-width:540px;padding:28px}#copy-dialog input{width:100%;margin:20px 0;padding:12px;background:var(--paper);color:var(--ink);border:1px solid #baa580;font-size:13px}
@media(min-width:1500px){.hero{min-height:780px}.hero-image{object-position:center 55%}}
@media(max-width:1000px){.header{padding-inline:25px}.header nav{gap:18px}.brand-small{display:none}.wrap{width:calc(100% - 50px)}.hero{min-height:680px}.intro{gap:55px}.section{padding-block:80px}.act-copy{padding:28px}.act-copy h3{font-size:25px}.act-tabs button{padding:20px 18px}.act-tabs button small{display:block;margin-left:0;margin-top:5px}.experience-grid{gap:35px}.section-heading>p{max-width:42%}.class-steps{gap:25px}.controls{padding:28px;gap:25px}.faq{padding-top:0;gap:35px}}
@media(max-width:700px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.header{height:68px;padding-inline:20px}.brand{font-size:21px}.menu-toggle{display:block;background:none;border:1px solid #8c7755;color:var(--gold);font-size:12px;padding:6px 14px}.header nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--ink);padding:20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #705d3e}.header nav.open{display:flex}.header nav a{padding:13px}.header nav .nav-play{margin-top:10px}.hero{min-height:720px}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#15120ce0,#15120c40),linear-gradient(0deg,#15120ce0,transparent)}.hero-inner{padding:55px 0 100px}.hero .eyebrow{font-size:10px;margin-bottom:36px}.hero-pre{font-size:14px}.hero h1{font-size:64px}.hero-subtitle{font-size:22px}.hero-description{font-size:14px}.hero-bottom{font-size:8px}.hero-bottom a{font-size:10px}.hero-bottom a span{margin-left:8px}.button{padding:12px 18px;gap:18px;font-size:13px}.actions{gap:10px}.hero-note{font-size:10px}.facts{padding-block:24px;grid-template-columns:1fr 1fr 1.6fr}.facts p{display:block;text-align:center}.facts strong{font-size:27px}.facts span{display:block;font-size:10px;margin-top:8px}.section{padding-block:65px}.intro{grid-template-columns:1fr;gap:30px}.intro-body{padding:0;font-size:15px}.intro blockquote{font-size:19px;margin-block:30px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:20px;font-size:14px}.eyebrow{font-size:10px;margin-bottom:18px}.act-tabs{gap:0}.act-tabs button{padding:16px 10px;font-size:12px;word-break:keep-all}.act-tabs button span{font-size:9px}.act-tabs button small{font-size:9px}.act-panel{grid-template-columns:1fr}.act-panel>.shot{aspect-ratio:16/10}.act-copy{padding:28px 25px 32px}.act-copy h3{font-size:27px}.act-copy p{max-width:450px}.chapter-list{grid-template-columns:1fr 1fr;gap:0 20px}.chapter-list a{font-size:11px;gap:10px}.chapter-details>p{font-size:12px}.experience-grid{grid-template-columns:1fr;gap:32px}.experience-grid .shot{aspect-ratio:16/10}.play-list li{padding:22px 0}.play-list h3{font-size:22px}.museum-caption{display:block;font-size:10px}.museum-caption a{display:block;margin-top:8px}.class-steps{grid-template-columns:1fr;gap:32px}.class-steps h3{font-size:24px;margin-top:12px}.class-steps p{margin-top:12px}.controls{grid-template-columns:1fr;padding:24px;gap:22px;margin-top:40px}.controls dl>div{gap:12px;display:block}.controls dt{font-weight:600;margin-bottom:5px}.faq{grid-template-columns:1fr;gap:28px;padding-top:0}.faq-list summary{font-size:14px}.closing{padding:65px 0}.footer{display:block;padding-block:35px}.footer>div:last-child{text-align:left;margin-top:25px}.footer .copyright{font-size:10px}dialog{padding:12px}#image-caption{font-size:11px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.guide-link{margin:40px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}.guide-link .text-link{margin-top:0;font-size:15px;font-weight:600}.guide-link>span{font-size:13px;color:var(--muted)}
.guide-link+.guide-link{margin-top:14px}
.privacy-footer-link{display:inline-block;color:#5d4325;text-decoration:underline;text-underline-offset:4px;font-weight:600;padding:4px 0}

/* 2026-10-18 예고편 */
.trailer-frame{position:relative;aspect-ratio:16/9;background:#120c08;border:1px solid var(--line);overflow:hidden;box-shadow:0 24px 60px #2a1a0c33}
.trailer-frame iframe,.trailer-play,.trailer-play img{position:absolute;inset:0;width:100%;height:100%;border:0}
.trailer-play{padding:0;cursor:pointer;background:#120c08}.trailer-play img{object-fit:cover;transition:transform .5s,filter .3s}
.trailer-play:hover img,.trailer-play:focus-visible img{transform:scale(1.02);filter:brightness(1.06)}
.trailer-play-icon{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:#201e19d9;border:2px solid var(--gold);box-shadow:0 8px 30px #0008}
.trailer-play-icon::after{content:"";position:absolute;left:36px;top:27px;border-style:solid;border-width:19px 0 19px 30px;border-color:transparent transparent transparent var(--gold)}
.trailer-play:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.trailer-note{margin:14px 0 0;font-size:14px;color:var(--muted)}
@media(max-width:700px){.trailer-play-icon{width:68px;height:68px;margin:-34px 0 0 -34px}.trailer-play-icon::after{left:26px;top:19px;border-width:15px 0 15px 23px}}