/* THISPLAY / OUT OF FRAME — a daylight stage */
:root{--blue:#173bef;--ink:#163258;--red:#ed4c32;--ice:#edf5fb;--paper:#fffefa;--yellow:#f4e875;--line:#c5d1df;--font:'DM Sans','Noto Sans KR',sans-serif;--x:55%;--y:43%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}::selection{background:var(--yellow);color:var(--blue)}img{display:block;max-width:100%}[hidden]{display:none!important}.serif{font-family:Georgia,'Noto Sans KR',serif;font-style:italic;font-weight:400}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip-link:focus{top:20px}
.site-header{height:88px;padding:0 3.7%;display:flex;align-items:center;justify-content:space-between;background:var(--ice);border-bottom:1px solid #173bef28;position:relative;z-index:5}.brand{font-size:1.8rem;letter-spacing:-.065em;font-weight:1000;line-height:1;color:var(--blue)}.brand span{color:var(--red);display:inline-block;margin:0 1px}.site-header nav{display:flex;align-items:center;gap:2.6rem;font-size:.9rem;font-weight:650;color:var(--blue)}.site-header nav sup{font-size:.75rem;margin-left:3px}.site-header nav>a{padding:12px 0}.site-header nav a:hover{text-decoration:underline;text-underline-offset:7px}.site-header .contact-link{display:flex;align-items:center;gap:22px}.contact-link span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-size:1.2rem}
.hero{position:relative;isolation:isolate;background:#dfedf7;min-height:780px;display:grid;grid-template-columns:45% 55%;grid-template-rows:60px minmax(605px,auto) 116px;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-2;background:#dfedf7 url('assets/daylight-stage.png') center/cover no-repeat}.hero-topline{grid-column:1/-1;padding:21px 3.7%;display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.13em;font-weight:600;color:var(--blue)}.hero-copy{position:relative;padding:35px 0 40px 8.2%;z-index:3}.hero h1{font-size:clamp(4.4rem,7.7vw,8rem);font-weight:900;line-height:.96;letter-spacing:-.065em;color:var(--blue)}.frame-word{color:var(--red)}.hero h1 .serif{display:inline-block;font-size:.97em;letter-spacing:-.06em;margin-top:.05em;color:var(--blue)}.hero-korean{font-size:clamp(1.35rem,2vw,1.8rem);font-weight:650;letter-spacing:-.05em;margin:30px 0 13px}.hero-description{font-size:1rem;line-height:1.8;color:#314d70;word-break:keep-all}.explore-link{display:inline-flex;gap:35px;align-items:center;margin-top:26px;padding-bottom:9px;border-bottom:1px solid var(--blue);font-size:.9rem;font-weight:600;color:var(--blue)}.explore-link span{font-size:1.3rem;transition:transform .25s}.explore-link:hover span{transform:translate(4px,4px)}
.stage{position:relative;min-width:0;isolation:isolate;--x:55%;--y:43%;touch-action:pan-y}.stage-caption{position:absolute;right:10%;top:18px;display:flex;align-items:center;gap:12px;color:var(--blue);font-size:.75rem;letter-spacing:.07em;z-index:4;background:#edf5fbe6;padding:4px 12px;border-radius:2px}.small-cross{font-size:1.5rem}.poster-fan{position:absolute;inset:45px 0 70px;display:flex;align-items:center;justify-content:center;perspective:1200px}.poster-main{position:relative;z-index:3;width:clamp(200px,23vw,340px);aspect-ratio:2/3;padding:0;transform:rotate(-7deg);background:#fff;box-shadow:14px 25px 42px #234e8540,0 2px 4px #12285230;transition:transform .7s cubic-bezier(.22,1,.36,1);border:7px solid white;border-radius:2px}.poster-main>img{width:100%;height:100%;object-fit:contain;background:white;object-position:center;transition:opacity .15s}.poster-main:hover,.poster-main:focus-visible{transform:rotate(-2deg) translateY(-9px)}.poster-gloss{position:absolute;inset:0;background:linear-gradient(120deg,#fff5,transparent 30%,#fff1 65%,transparent);pointer-events:none}.poster-side{position:absolute;width:clamp(120px,15vw,220px);aspect-ratio:2/3;border:5px solid white;padding:0;background:white;box-shadow:8px 15px 32px #234e852e;transition:transform .5s,filter .5s;filter:saturate(.8)}.poster-side img{height:100%;width:100%;object-fit:contain;background:white}.previous-poster{left:3%;transform:rotate(-19deg) translateY(28px);z-index:1}.next-poster{right:3%;transform:rotate(15deg) translateY(20px);z-index:2}.previous-poster:hover{transform:rotate(-23deg) translate(-10px,15px)}.next-poster:hover{transform:rotate(19deg) translate(10px,5px)}.poster-side span{position:absolute;bottom:6px;left:6px;padding:5px 8px;font-size:.75rem;letter-spacing:.09em;color:var(--blue);background:white}.play-seal{position:absolute;right:-31px;bottom:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--yellow);color:var(--blue);height:112px;width:112px;border-radius:50%;transform:rotate(7deg);box-shadow:0 3px 0 #16325815;font-size:.75rem;line-height:1.2;letter-spacing:.02em;font-weight:800}.play-symbol{font-size:1.2rem}.spotlight{position:absolute;inset:0;background:radial-gradient(ellipse 190px 245px at var(--x) var(--y),#fffbd5b3,transparent 100%);pointer-events:none;z-index:4;mix-blend-mode:soft-light;transition:opacity .3s}.light-off .spotlight{opacity:0}.light-controls{position:absolute;bottom:23px;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--blue)}.light-controls button{display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid #173bef40;background:#eef6ffef;border-radius:30px;font-size:.875rem}.light-controls button>span{font-size:1.4rem;line-height:1}.light-controls>span{font-size:.75rem;letter-spacing:.08em;background:#edf5fbe6;padding:4px}.light-off .light-controls button{background:var(--yellow)}.scene-console{position:relative;z-index:5;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:5%;align-items:center;background:#f9fcffed;border-top:1px solid #173bef35;padding:20px 3.7%;color:var(--blue)}.current-scene{display:flex;gap:25px;align-items:center}.scene-count{font-size:.8rem;white-space:nowrap;font-variant-numeric:tabular-nums}.eyebrow{font-size:.75rem;letter-spacing:.1em;font-weight:600}.current-scene h2{font-size:1.3rem;letter-spacing:-.04em;margin-top:5px}.current-scene h2 span{font-weight:400;margin-left:7px}.scene-scrubber label{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;gap:10px}.scene-scrubber label span{font-size:.75rem;letter-spacing:.08em}.scene-scrubber input{display:block;width:100%;margin:15px 0 0;accent-color:var(--red);cursor:ew-resize;height:20px}.scene-arrows{display:flex;gap:8px}.scene-arrows button,.dialog-navigation button{border:1px solid var(--blue);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--blue);font-size:1.4rem;transition:background .2s,color .2s}.scene-arrows button:hover,.dialog-navigation button:hover{background:var(--blue);color:white}.scene-changing .poster-main{animation:scene-turn .46s cubic-bezier(.22,1,.36,1)}@keyframes scene-turn{0%{transform:rotate(-7deg)}45%{transform:rotate(-2deg) translateY(-18px)}100%{transform:rotate(-7deg)}}
.section-pad{padding:80px 5.5% 95px}.section-kicker{display:flex;justify-content:space-between;gap:25px;font-size:.75rem;letter-spacing:.11em;font-weight:600}.about{background:var(--paper);color:var(--blue)}.about-heading{display:flex;align-items:center;justify-content:space-between;margin:60px 0 36px;gap:25px}.about h2{font-size:clamp(2.5rem,4.7vw,5rem);line-height:1.3;font-weight:600;letter-spacing:-.065em;word-break:keep-all}.underlined{position:relative;display:inline-block}.underlined:after{content:'';display:block;height:8px;background:var(--yellow);position:absolute;bottom:.12em;left:0;right:0;z-index:0;mix-blend-mode:multiply;transform:rotate(-1deg)}.punctuation{font-family:Georgia,serif;font-size:clamp(9rem,19vw,19rem);line-height:.8;color:var(--red);transform:rotate(12deg);padding-right:6%;user-select:none}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.about-bottom>p{font-size:1rem;line-height:1.9;color:#4c6077;word-break:keep-all}.domain-labels{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.domain-labels span{border:1px solid #c6d1e4;border-radius:30px;padding:11px 17px;font-size:.875rem}.worlds{display:flex;gap:0;margin-top:70px;align-items:stretch;border-top:1px solid var(--blue);border-bottom:1px solid var(--blue)}.world{flex:1;min-width:0;background:#edf3ff;padding:28px 25px 30px;transition:background .3s,flex .5s}.world+.world{border-left:1px solid #173bef50}.world-stage{background:#f3edff}.world-space{background:#f8efbc}.world[open]{flex:1.5}.world summary{list-style:none;cursor:pointer;position:relative;min-height:110px;display:flex;flex-direction:column;align-items:start}.world summary::-webkit-details-marker{display:none}.world-num{font-size:.75rem;margin-bottom:20px}.world-name{font-size:clamp(1.6rem,2.6vw,2.7rem);letter-spacing:-.045em;font-weight:650}.world-ko{font-size:.875rem;margin-top:4px}.world-plus{position:absolute;right:0;top:0;font-size:1.6rem;transition:transform .2s}.world[open] .world-plus{transform:rotate(45deg)}.world-body{padding-top:25px;animation:fade-in .35s ease}.world-body h3{font-size:1.05rem;margin-bottom:14px;letter-spacing:-.035em}.world-body p{font-size:1rem;line-height:1.8;color:#435679;word-break:keep-all}.world-body a,.world-footnote{display:inline-block;margin-top:28px;font-size:.875rem}.world-body a{border-bottom:1px solid;padding-bottom:5px}
.works{background:#e5eff9;color:var(--blue);position:relative}.works-heading{display:flex;align-items:end;justify-content:space-between;margin:50px 0 55px;gap:30px}.works h2{font-size:clamp(2.4rem,4.2vw,4.7rem);line-height:1.25;letter-spacing:-.06em;font-weight:600}.works h2 .serif{font-size:.83em;font-family:var(--font);font-weight:500}.works-aside{display:flex;flex-direction:column;align-items:end;gap:20px}.works-aside p{font-size:1rem;line-height:1.7}.works-aside button{border:1px solid var(--blue);background:transparent;padding:13px 20px;border-radius:32px;font-size:.9rem;display:flex;gap:15px;align-items:center}.works-aside button:hover{background:var(--yellow)}.works-aside button>span{font-size:1.6rem;line-height:1}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:5%;row-gap:65px;padding:20px 1% 45px}.work-card{display:block;min-width:0;padding:0;background:none;text-align:left;color:var(--blue)}.work-card:nth-child(3n+2){transform:translateY(42px)}.work-image{display:block;position:relative;aspect-ratio:2/2.8;transform:rotate(-3deg);transition:transform .4s cubic-bezier(.22,1,.36,1);box-shadow:12px 17px 0 #c1d3e84d;border:7px solid white;overflow:hidden;background:#d8e4f2}.work-card:nth-child(3n+2) .work-image{transform:rotate(3deg)}.work-card:nth-child(3n) .work-image{transform:rotate(-1deg)}.work-image img{width:100%;height:100%;object-fit:contain;background:white;object-position:center;transition:transform .5s}.work-card:hover .work-image,.work-card:focus-visible .work-image{transform:rotate(0deg) translateY(-8px)}.work-card:hover .work-image img{transform:scale(1.03)}.work-open{position:absolute;right:14px;bottom:15px;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--yellow);font-size:.9rem;font-weight:700;transition:transform .3s}.work-card:hover .work-open{transform:rotate(-15deg)}.work-meta{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-top:28px}.work-meta>span{font-size:1.2rem;font-weight:650;letter-spacing:-.03em}.work-meta small{font-size:.75rem;text-align:right;letter-spacing:.02em}.works-end{display:flex;justify-content:space-between;gap:20px;margin-top:85px;border-top:1px solid #173bef4d;padding-top:22px;font-size:.875rem}.works-end>span{font-size:.75rem;letter-spacing:.07em}.works-end a:hover{text-decoration:underline}
.contact{background:var(--yellow);color:var(--blue);padding-top:65px}.contact-invite{font-size:1.3rem;margin-top:65px;letter-spacing:-.035em}.contact h2{font-size:clamp(4.6rem,13vw,14rem);line-height:.92;letter-spacing:-.075em;font-weight:800;margin:30px 0 40px}.contact h2 a{display:flex;align-items:center;gap:10px}.contact h2 .serif{color:var(--red);font-size:1.2em;line-height:.8;margin-left:15px}.contact-arrow{font-size:.6em;line-height:1;display:grid;place-items:center;width:1.45em;height:1.45em;border:2px solid var(--blue);border-radius:50%;margin-left:auto;transition:transform .35s,background .35s}.contact h2 a:hover .contact-arrow{transform:rotate(45deg);background:#fff8}.contact-meta{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #173bef60;padding-top:25px}.contact-meta>a{font-size:clamp(1rem,2vw,1.7rem);font-weight:500;letter-spacing:-.035em}.contact-meta p{font-size:1rem;line-height:1.7}footer{padding:36px 3.7%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper);color:var(--blue)}footer .brand{font-size:1.35rem}footer p{font-size:.75rem;color:#526882;line-height:1.8}footer>span,footer>a:last-child{font-size:.75rem;letter-spacing:.06em}
#show-dialog{width:min(1100px,94vw);max-height:92svh;padding:0;border:0;background:var(--ice);color:var(--blue);overflow:auto;box-shadow:0 30px 100px #173bef30}#show-dialog::backdrop{background:#d4e6f0dd;backdrop-filter:blur(12px)}#show-dialog[open]{animation:dialog-in .35s cubic-bezier(.22,1,.36,1)}.dialog-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:3;background:var(--ice);padding:18px 25px;border-bottom:1px solid var(--line)}.dialog-header>span{font-size:.75rem;letter-spacing:.1em}.dialog-header button{display:flex;align-items:center;gap:15px;background:none;font-size:.9rem;min-height:40px}.dialog-header button>span{font-size:2rem}.dialog-content{display:grid;grid-template-columns:43% 57%}.dialog-poster{padding:30px;background:#d8e5f5}.dialog-poster img{width:100%;height:100%;max-height:600px;object-fit:contain}.dialog-info{padding:45px 40px 30px;display:flex;flex-direction:column;align-items:start}.dialog-info h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;letter-spacing:-.055em;margin:20px 0 25px;word-break:keep-all}#dialog-description{font-size:1rem;line-height:1.85;word-break:keep-all;color:#47617f}.dialog-info dl{width:100%;margin:28px 0}.dialog-info dl div{padding:11px 0;border-top:1px solid var(--line);display:flex;gap:25px}.dialog-info dt{font-size:.75rem;letter-spacing:.07em;width:65px}.dialog-info dd{margin:0;font-size:.875rem}.watch-button{display:flex;gap:25px;justify-content:center;align-items:center;background:var(--blue);color:white;width:100%;padding:18px;font-size:1rem;border-radius:3px}.watch-button:hover{background:#0b2bd1}#youtube-link{font-size:.875rem;margin-top:18px;border-bottom:1px solid;padding-bottom:3px}.video-help{font-size:.75rem;line-height:1.6;color:#61728a;margin:14px 0 25px}.dialog-navigation{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:auto;font-size:.8rem}.dialog-navigation button{width:40px;height:40px}#video-holder{background:#e7eef7;padding:25px;border-top:1px solid var(--line)}#video-holder iframe{display:block;aspect-ratio:16/9;width:100%;border:0}.noscript-message{padding:30px;background:var(--yellow)}body.modal-open{overflow:hidden}@keyframes dialog-in{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.hero{grid-template-rows:70px 760px 120px}.hero-copy{padding-top:65px}.hero h1{font-size:9rem}.poster-main{width:380px}.poster-side{width:250px}.poster-fan{inset:70px 3% 65px}}
@media(max-width:1100px){.hero{grid-template-columns:47% 53%;grid-template-rows:55px 540px 115px;min-height:710px}.hero-copy{padding-top:35px}.hero h1{font-size:7.9vw}.poster-main{width:24vw;border-width:5px}.poster-side{width:15vw}.play-seal{width:90px;height:90px;right:-23px;bottom:18px}.stage-caption{right:6%;font-size:.75rem}.poster-fan{inset:55px 0 65px}.hero-korean{margin-top:25px}.light-controls>span{display:none}.scene-scrubber label span{display:none}.work-meta{flex-direction:column;gap:5px}.world{padding:24px 18px}.world-name{font-size:2rem}.world[open]{flex:1.4}.contact-meta p{font-size:1rem}footer{flex-wrap:wrap}}
@media(max-width:760px){html{scroll-padding-top:25px}.site-header{height:76px;padding:0 5%}.brand{font-size:1.5rem}.site-header nav{gap:20px;font-size:.875rem}.site-header nav>a:first-child{display:none}.site-header nav sup{display:none}.site-header .contact-link{gap:8px}.contact-link span{display:none}.hero{display:flex;flex-direction:column;min-height:0}.hero-art{background-size:auto 720px;background-position:68% 160px}.hero-topline{padding:20px 5%;font-size:.75rem}.hero-topline span:last-child{display:none}.hero-copy{padding:12px 5% 15px}.hero h1{font-size:clamp(2rem,10.5vw,5rem);line-height:.98;max-width:550px}.hero h1 br:first-child{display:none}.hero h1 .frame-word{margin-left:.1em}.hero h1 .serif{font-size:1.08em}.hero-korean{margin:20px 0 10px;font-size:1.35rem}.hero-description{font-size:1rem;line-height:1.75}.explore-link{margin-top:15px;font-size:.875rem}.stage{height:460px;margin-top:0;flex:none;touch-action:pan-y}.stage-caption{top:0;right:5%;font-size:.75rem}.poster-fan{inset:35px 5% 55px}.poster-main{width:205px;max-width:46vw;border:5px solid white}.poster-side{width:140px;max-width:32vw}.previous-poster{left:10%}.next-poster{right:8%}.play-seal{width:90px;height:90px}.light-controls{bottom:12px}.scene-console{padding:22px 5%;grid-template-columns:1fr auto;gap:18px;width:100%}.current-scene{gap:14px}.scene-count{font-size:.75rem}.current-scene h2{font-size:1.15rem}.scene-arrows{grid-column:2;grid-row:1}.scene-arrows button{width:40px;height:40px}.scene-scrubber{grid-column:1/-1;grid-row:2}.scene-scrubber label span{display:block;font-size:.75rem}.scene-scrubber label{font-size:.875rem}.section-pad{padding:60px 5% 65px}.section-kicker{font-size:.75rem;gap:20px}.section-kicker span:last-child{text-align:right;max-width:50%}.about-heading{margin:45px 0 25px}.about h2{font-size:clamp(1.9rem,6.9vw,3rem);line-height:1.45}.punctuation{display:none}.about-bottom{grid-template-columns:1fr;gap:27px}.about-bottom>p{font-size:1rem}.domain-labels{justify-content:start;gap:8px}.domain-labels span{font-size:.875rem;padding:8px 12px}.worlds{flex-direction:column;margin-top:38px}.world{padding:23px}.world+.world{border-left:0;border-top:1px solid #173bef50}.world summary{min-height:70px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px}.world-num{margin:0;align-self:start;padding-top:9px}.world-name{font-size:2rem}.world-ko{grid-column:2;grid-row:2;margin:0}.world-plus{position:static;grid-column:3;grid-row:1}.world-body{padding-top:20px;padding-left:44px}.world-body p{font-size:1rem}.works-heading{margin:38px 0 40px;display:block}.works h2{font-size:2.3rem;line-height:1.35}.works-aside{flex-direction:row;align-items:center;justify-content:space-between;margin-top:28px}.works-aside p{font-size:1rem}.works-aside button{padding:11px 14px;font-size:.875rem;gap:9px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 6%;padding:10px 0 0}.work-card:nth-child(3n+2){transform:none}.work-card:nth-child(even){transform:translateY(25px)}.work-image{border-width:4px;box-shadow:6px 10px 0 #c1d3e84d}.work-meta{margin-top:20px}.work-meta>span{font-size:1rem}.work-meta small{font-size:.75rem;text-align:left;letter-spacing:0}.work-open{width:58px;height:58px;font-size:.75rem;right:6px;bottom:6px}.works-end{margin-top:70px;flex-direction:column;gap:20px;font-size:.875rem}.works-end>span{font-size:.75rem}.contact-invite{margin-top:45px;font-size:1.15rem}.contact h2{font-size:17vw;margin:25px 0 30px}.contact h2 .serif{margin-left:0}.contact-meta{align-items:start;flex-direction:column;gap:20px}.contact-meta>a{font-size:1.2rem}footer{padding:35px 5%;display:grid;grid-template-columns:1fr auto;gap:25px}footer p{grid-column:1/-1;grid-row:2;font-size:.75rem}footer>span{font-size:.75rem}footer>a:last-child{font-size:.75rem;grid-column:1/-1}#show-dialog{width:94vw;max-height:94svh}.dialog-header{padding:12px 18px}.dialog-content{grid-template-columns:1fr}.dialog-poster{height:290px;padding:20px}.dialog-info{padding:28px 24px}.dialog-info h2{font-size:2.2rem;margin:13px 0 20px}.dialog-info dl{margin:22px 0}.dialog-info p{font-size:1rem}.dialog-info .video-help{font-size:.75rem}.dialog-header>span{font-size:.75rem}#video-holder{padding:10px}}
@media(max-width:380px){.stage{height:410px}.poster-main{width:180px}.poster-side{width:120px}.poster-fan{inset:20px 0 50px}.play-seal{width:78px;height:78px;font-size:.75rem}.hero h1{font-size:10.5vw}.about h2{font-size:6.6vw}.punctuation{font-size:6rem}.site-header nav{gap:14px}.works-aside{gap:10px}.world-body{padding-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.spotlight{background:radial-gradient(ellipse at center,#fff5,transparent)}.poster-main:hover,.work-card:hover .work-image{transform:none}}