@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=IBM+Plex+Mono:wght@400;500&family=Oswald:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{color:#e9dfca;font-synthesis:none;--espresso:#17130f;--deep:#0d0b09;--cream:#e9dfca;--butter:#d8bd83;--amber:#c7762b;--olive:#424231;--line:#e9dfca47;background:#17130f;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--espresso);min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible{outline:2px solid var(--butter);outline-offset:5px}.skip-link{z-index:100;background:var(--cream);color:var(--deep);padding:10px 14px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);background:var(--deep);grid-template-columns:1fr 1.3fr 1fr;align-items:center;min-height:90px;padding:0 3vw;display:grid}.brand{align-items:center;gap:14px;width:max-content;display:flex}.brand span{color:var(--butter);font-family:Gowun Batang,serif;font-size:2rem}.brand b{letter-spacing:.08em;font-family:Gowun Batang,serif;font-size:.82rem;font-weight:400}.site-header nav{color:#b9af9c;justify-content:center;gap:2.5vw;font-size:.72rem;display:flex}.site-header nav a{padding:12px 0;position:relative}.site-header nav a:after{content:"";background:var(--butter);height:1px;transition:right .18s;position:absolute;bottom:7px;left:0;right:100%}.site-header nav a:hover:after{right:0}.site-header>p{text-align:right;color:#8e8577;margin:0;font-family:IBM Plex Mono,monospace;font-size:.58rem;line-height:1.45}.hero{background:var(--deep);min-height:calc(100vh - 90px);padding:18px 3vw 26px}.film-label,.frame-caption,.hero-bottom{justify-content:space-between;align-items:center;display:flex}.film-label{color:#8e8577;margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:.58rem}.hero-frame{height:min(65vw,660px);min-height:460px;position:relative;overflow:hidden}.hero-frame>img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-shade{background:linear-gradient(90deg,#0806049e,#0000 38% 65%,#08060461),linear-gradient(#0000 52%,#080604bf);position:absolute;inset:0}.hero-copy{flex-direction:column;justify-content:space-between;padding:5vh 3vw 6vh;display:flex;position:absolute;inset:0}.hero-copy>p{align-self:flex-end;margin:0;font-family:Gowun Batang,serif;font-size:clamp(.9rem,1.4vw,1.2rem);line-height:1.7}.hero h1{letter-spacing:-.07em;text-shadow:0 2px 30px #00000073;max-width:1000px;margin:0;font-family:Gowun Batang,serif;font-size:clamp(3.6rem,7vw,7.8rem);font-weight:400;line-height:.98}.hero h1 em{color:var(--butter);font-style:normal}.frame-caption{color:#cbbfa8;font-family:IBM Plex Mono,monospace;font-size:.58rem;position:absolute;bottom:15px;left:18px;right:18px}.hero-bottom{border-bottom:1px solid var(--line);min-height:78px}.hero-bottom p{color:#b9af9c;margin:0;font-family:Gowun Batang,serif;font-size:.88rem}.hero-bottom a{border:1px solid var(--line);align-items:center;gap:3rem;padding:14px 18px;font-size:.7rem;display:flex}.prologue{background:var(--cream);color:var(--espresso);grid-template-columns:.18fr 1fr .65fr;gap:5vw;padding:10rem 5vw;display:grid}.vertical-title{writing-mode:vertical-rl;font-family:IBM Plex Mono,monospace;font-size:.65rem}.kicker,.section-intro>p:first-child,.projects-heading>p,.flow-heading>p:first-child,.materials-heading>p:first-child,.opening-title>p{letter-spacing:.06em;font-family:IBM Plex Mono,monospace;font-size:.65rem}.prologue h2,.opening h2{letter-spacing:-.06em;margin:2rem 0 3rem;font-family:Gowun Batang,serif;font-size:clamp(2.8rem,5.5vw,6rem);font-weight:400;line-height:1.18}.prologue-text{grid-template-columns:1fr 1fr;gap:3vw;max-width:900px;display:grid}.prologue-text p{margin:0;font-size:.9rem;line-height:1.9}.prologue blockquote{border-top:1px solid #17130f66;align-self:end;margin:0;padding-top:2rem;font-family:Gowun Batang,serif;line-height:1.8}.prologue blockquote span{height:2.5rem;color:var(--amber);font-size:4rem;display:block}.light-scenes{background:var(--espresso);padding:8rem 3vw 7rem}.section-intro{grid-template-columns:.55fr 1.2fr .65fr;align-items:end;gap:4vw;margin-bottom:5rem;display:grid}.section-intro h2,.projects-heading h2,.flow-heading h2,.materials-heading h2{letter-spacing:-.055em;margin:0;font-family:Oswald,sans-serif;font-size:clamp(4rem,8vw,8rem);font-weight:500;line-height:.9}.section-intro>p{margin:0}.section-intro>p:last-child{color:#b9af9c;max-width:300px;font-family:Gowun Batang,serif;font-size:.9rem;line-height:1.7}.daypart-list{grid-template-columns:.8fr 1.2fr .8fr;align-items:end;gap:1.2vw;display:grid}.daypart{border-top:1px solid var(--line);padding-top:12px}.daypart-image{height:330px;position:relative;overflow:hidden}.daypart.featured .daypart-image{height:450px}.daypart-image img{object-fit:cover;width:100%;height:100%}.daypart.day img{filter:brightness(1.35)saturate(.65)sepia(.12);object-position:72% center}.daypart.dusk img{filter:brightness(.88)saturate(.9);object-position:center}.daypart.night img{filter:brightness(.48)saturate(.7)contrast(1.1);object-position:28% center}.time-stamp{background:linear-gradient(#0000 40%,#0000009e);flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;inset:0}.time-stamp b{font-family:Oswald,sans-serif;font-size:2rem;font-weight:400}.time-stamp span{font-family:IBM Plex Mono,monospace;font-size:.58rem}.daypart-copy{padding:1.5rem 0 2rem}.daypart-copy h3{margin:0;font-family:Gowun Batang,serif;font-size:1.35rem;font-weight:400}.daypart-copy p{color:#a99f8d;max-width:360px;margin:1rem 0 0;font-size:.78rem;line-height:1.7}.fiction-note{color:#776f63;text-align:right;margin:2rem 0 0;font-size:.65rem}.seating-note{background:var(--butter);min-height:760px;color:var(--espresso);grid-template-columns:1.15fr .85fr;display:grid}.seat-diagram{background:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 1px),#17130f1c calc(12.5% - 1px) 12.5%),repeating-linear-gradient(0deg,#0000 0 calc(12.5% - 1px),#17130f1c calc(12.5% - 1px) 12.5%);border:1px solid #17130f73;margin:4vw;position:relative}.bar-line{border:2px solid var(--espresso);background:var(--olive);width:22%;position:absolute;top:8%;bottom:8%;left:8%}.bar-line span{color:var(--cream);font-family:Oswald,sans-serif;font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.seat-row{flex-direction:column;justify-content:space-around;display:flex;position:absolute;top:13%;bottom:13%;left:34%}.seat-row i{border:2px solid var(--espresso);background:var(--cream);border-radius:50%;width:28px;height:28px;display:block}.service-path{border:1px dashed var(--espresso);background:#e9dfca3d;width:8%;position:absolute;top:8%;bottom:8%;right:46%}.service-path span{width:max-content;font-family:IBM Plex Mono,monospace;font-size:.56rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.table-set{align-items:center;gap:10px;display:flex;position:absolute;right:8%}.table-set i{border:2px solid var(--espresso);background:var(--cream);border-radius:50%;width:30px;height:30px;display:block}.table-set i:nth-child(2){background:var(--amber);border-radius:0;width:70px;height:70px}.set-one{top:12%}.set-two{top:42%}.set-three{bottom:12%}.seating-copy{background:var(--cream);padding:7rem 6vw}.seating-copy>p:first-child{font-family:IBM Plex Mono,monospace;font-size:.62rem}.seating-copy h2{letter-spacing:-.08em;margin:4rem 0 2rem;font-family:Gowun Batang,serif;font-size:clamp(3.5rem,6vw,6rem);font-weight:400;line-height:1.08}.seating-copy>p{font-size:.9rem;line-height:1.9}.seating-copy ul{border-top:1px solid #17130f59;margin:3rem 0;padding:0;list-style:none}.seating-copy li{border-bottom:1px solid #17130f59;gap:1.5rem;padding:1rem 0;font-size:.78rem;display:flex}.seating-copy li span,.seating-copy small{font-family:IBM Plex Mono,monospace;font-size:.6rem}.projects{background:var(--cream);color:var(--espresso);padding:9rem 3vw}.projects-heading{grid-template-columns:.55fr 1.45fr;gap:4vw;margin-bottom:5rem;display:grid}.project-list{border-top:1px solid #17130f73}.project-list article{border-bottom:1px solid #17130f73;grid-template-columns:.22fr .78fr 1.2fr 1fr .7fr;align-items:center;gap:2vw;min-height:250px;padding:1.5rem 0;display:grid}.project-list article.project-image{min-height:420px}.project-index{color:var(--amber);font-family:Oswald,sans-serif;font-size:4.5rem}.project-still,.project-abstract{height:210px;overflow:hidden}.project-image .project-still{height:350px}.project-still img{object-fit:cover;object-position:32% center;width:100%;height:100%}.project-abstract{background:var(--olive);position:relative}.project-abstract:before,.project-abstract:after{content:"";border:1px solid var(--cream);position:absolute}.project-abstract:before{inset:14% 12%}.project-abstract:after{background:var(--amber);inset:30% 28%}.abstract-2{background:var(--amber)}.abstract-2:after{background:var(--espresso);border-radius:50%}.project-abstract span{z-index:2;color:var(--cream);font-family:Oswald,sans-serif;font-size:4rem;position:absolute;bottom:5px;right:12px}.project-title>p,.project-place{font-family:IBM Plex Mono,monospace;font-size:.58rem}.project-title h3{margin:.6rem 0 .2rem;font-family:Oswald,sans-serif;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:500;line-height:1}.project-title span{font-family:Gowun Batang,serif;font-size:.85rem}.project-story{font-size:.78rem;line-height:1.75}.project-place{text-align:right;line-height:1.6}.flow{background:var(--olive);padding:8rem 4vw}.flow-heading{grid-template-columns:.5fr 1.4fr .5fr;align-items:end;gap:3vw;display:grid}.flow-heading>p{margin:0}.flow-heading>p:last-child{font-family:Gowun Batang,serif;font-size:.9rem;line-height:1.8}.flow-map{border:1px solid var(--line);min-height:520px;margin-top:6rem;position:relative;overflow:hidden}.flow-track{border:1px solid var(--line);background:#0d0b0938;height:44%;position:absolute;top:28%;left:8%;right:8%}.flow-map ol{grid-template-columns:repeat(4,1fr);gap:2vw;margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:12% 7%}.flow-map li{border-left:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:relative}.flow-map li b{color:var(--butter);font-family:Oswald,sans-serif;font-size:5rem;font-weight:400}.flow-map li span{font-family:Oswald,sans-serif;font-size:2rem}.flow-map li p{color:#b9af9c;margin:.4rem 0 0;font-family:Gowun Batang,serif;font-size:.82rem}.guest-path,.staff-path{align-items:center;gap:1.5rem;font-family:IBM Plex Mono,monospace;font-size:.58rem;display:flex;position:absolute;left:8%;right:8%}.guest-path{bottom:7%}.staff-path{top:7%}.guest-path i,.staff-path i{background:var(--butter);flex:1;height:1px;display:block}.staff-path i{border-top:1px dashed var(--cream);background:0 0}.flow-note{color:#a99f8d;text-align:right;margin:1rem 0 0;font-size:.63rem}.materials{background:var(--espresso);padding:9rem 3vw}.materials-heading{grid-template-columns:.5fr 1.1fr .7fr;align-items:end;gap:4vw;display:grid}.materials-heading>p:last-child{color:#a99f8d;font-family:Gowun Batang,serif;font-size:.9rem;line-height:1.8}.material-grid{grid-template-columns:repeat(4,1fr);gap:1vw;margin-top:5rem;display:grid}.material{border-top:1px solid var(--line);padding-top:12px}.material-swatch{background:#23180f;height:360px;position:relative;overflow:hidden}.material-swatch i{position:absolute;inset:0}.material-1 .material-swatch i{background:repeating-linear-gradient(92deg,#24170f 0 8px,#39251a 9px,#1c130e 12px)}.material-2 .material-swatch{background:#8e572e}.material-2 .material-swatch i{background:radial-gradient(circle at 35% 25%,#ffdc9152,#0000 18%),repeating-radial-gradient(circle at 30% 40%,#0000 0 14px,#17130f21 15px)}.material-3 .material-swatch{background:linear-gradient(135deg,#1a211d,#536052 48%,#101411)}.material-3 .material-swatch i{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #e9dfca47;inset:12%}.material-4 .material-swatch{background:#d6c299}.material-4 .material-swatch i{background:repeating-radial-gradient(at 10% 30%,#0000 0 25px,#4739261a 26px)}.material>p,.material small{font-family:IBM Plex Mono,monospace;font-size:.58rem}.material h3{margin:1.5rem 0 .25rem;font-family:Oswald,sans-serif;font-size:1.6rem;font-weight:400}.material>span{font-family:Gowun Batang,serif;font-size:.82rem;display:block}.material small{color:#8e8577;margin-top:1rem;display:block}.opening{background:var(--butter);min-height:850px;color:var(--espresso);grid-template-columns:.95fr 1.05fr;display:grid}.opening-title{border-right:1px solid #17130f66;padding:7rem 5vw}.opening-title h2{position:sticky;top:4rem}.opening-title em{color:#6c3618;font-style:normal}.opening-list{padding:7rem 5vw}.opening-list ol{border-top:1px solid #17130f66;margin:0;padding:0;list-style:none}.opening-list li{border-bottom:1px solid #17130f66;grid-template-columns:.2fr 1fr;gap:1.5rem;padding:1.5rem 0;display:grid}.opening-list li>span{color:#6c3618;font-family:Oswald,sans-serif;font-size:2.5rem}.opening-list li b{font-family:Gowun Batang,serif;font-size:1.1rem}.opening-list li p{margin:.6rem 0 0;font-size:.78rem;line-height:1.7}.opening-list>a{background:var(--espresso);max-width:420px;color:var(--cream);justify-content:space-between;margin-top:3rem;padding:1rem 1.2rem;font-size:.7rem;display:flex}.demo-card{border:1px solid #17130f80;grid-template-columns:.8fr 1.2fr;gap:.4rem 1rem;margin-top:4rem;padding:1rem;font-family:IBM Plex Mono,monospace;font-size:.58rem;display:grid}.demo-card strong{grid-row:span 2}.demo-card p{margin:0}footer{background:var(--deep);grid-template-columns:1fr 1fr 1fr;align-items:end;min-height:190px;padding:2rem 3vw;display:grid}.footer-brand span{color:var(--amber)}footer p{text-align:center;color:#8e8577;margin:0;font-family:IBM Plex Mono,monospace;font-size:.58rem}footer p:last-child{text-align:right}@media (width<=900px){.site-header{grid-template-columns:1fr auto;min-height:74px;padding:0 18px}.site-header nav{display:none}.hero{padding:14px 18px 22px}.hero-frame{height:650px}.hero-copy{padding:4rem 2rem}.prologue{grid-template-columns:.12fr 1fr}.prologue blockquote{grid-column:2}.section-intro,.flow-heading,.materials-heading{grid-template-columns:.5fr 1.5fr}.section-intro>p:last-child,.flow-heading>p:last-child,.materials-heading>p:last-child{grid-column:2}.daypart-list{grid-template-columns:1fr 1fr}.daypart:last-child{grid-column:2}.seating-note{grid-template-columns:1fr}.seat-diagram{min-height:620px}.project-list article{grid-template-columns:.18fr .7fr 1.2fr 1fr}.project-place{display:none}.flow-map li b{font-size:3.8rem}.material-grid{grid-template-columns:1fr 1fr;gap:3rem 2vw}.opening{grid-template-columns:1fr}.opening-title{border-bottom:1px solid #17130f66;border-right:0}.opening-title h2{position:static}}@media (width<=620px){.brand span{font-size:1.6rem}.brand b{font-size:.68rem}.site-header>p{font-size:.48rem}.film-label span:nth-child(2){display:none}.hero{min-height:780px}.hero-frame{height:630px;min-height:0}.hero-frame>img{object-position:47% center}.hero-copy{padding:3rem 18px 4.5rem}.hero-copy>p{align-self:flex-start;font-size:.8rem}.hero h1{font-size:clamp(2.75rem,13vw,4rem);line-height:1.08}.frame-caption span:last-child{display:none}.hero-bottom{align-items:flex-end;gap:1rem;padding:14px 0}.hero-bottom p{max-width:170px;font-size:.72rem}.hero-bottom a{gap:.8rem;padding:11px;font-size:.58rem}.prologue{grid-template-columns:1fr;padding:6rem 18px}.vertical-title{writing-mode:horizontal-tb}.prologue h2,.opening h2{font-size:2.65rem}.prologue-text{grid-template-columns:1fr;gap:1rem}.prologue blockquote{grid-column:1}.light-scenes,.projects,.flow,.materials{padding:6rem 18px}.section-intro,.projects-heading,.flow-heading,.materials-heading{display:block}.section-intro h2,.projects-heading h2,.flow-heading h2,.materials-heading h2{margin:2rem 0;font-size:clamp(3.4rem,17vw,5rem)}.daypart-list{grid-template-columns:1fr;gap:2rem}.daypart:last-child{grid-column:auto}.daypart-image,.daypart.featured .daypart-image{height:350px}.fiction-note{text-align:left}.seat-diagram{min-height:460px;margin:18px}.bar-line{width:20%}.bar-line span{font-size:2rem}.service-path{right:44%}.table-set{gap:5px;right:4%}.table-set i{width:20px;height:20px}.table-set i:nth-child(2){width:48px;height:48px}.seating-copy{padding:5rem 18px}.seating-copy h2{font-size:3.7rem}.project-list article,.project-list article.project-image{grid-template-columns:.22fr 1fr;gap:1rem;min-height:auto;padding:2rem 0}.project-index{font-size:3rem}.project-still,.project-image .project-still,.project-abstract{grid-column:2;width:100%;height:240px}.project-title,.project-story{grid-column:2}.project-title h3{font-size:2rem}.flow-map{min-height:720px}.flow-track{width:auto;height:auto;inset:8% 23%}.flow-map ol{grid-template-columns:1fr;gap:0;inset:6% 10%}.flow-map li{border-bottom:1px solid var(--line);border-left:0;flex-direction:row;align-items:center}.flow-map li b{font-size:3rem}.flow-map li span{font-size:1.5rem}.flow-map li p{margin:0}.guest-path,.staff-path{display:none}.flow-note{text-align:left}.material-grid{grid-template-columns:1fr;gap:3rem}.material-swatch{height:430px}.opening-title,.opening-list{padding:5rem 18px}.demo-card{grid-template-columns:1fr}.demo-card strong{grid-row:auto;margin-bottom:.7rem}footer{grid-template-columns:1fr;gap:2rem;padding:3rem 18px}footer p,footer p:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}