:root{--accent:#00899a;--cyan:#c7f6f8;--nav-height:66px}body{background:#fff;color:#111;font-family:'Pretendard Variable',sans-serif}.wn-page .wrap{width:min(1100px,calc(100% - 80px));margin-inline:auto}.wn-page img{width:100%;height:auto;display:block}.wn-page figure{margin:0;min-width:0}.wn-page [data-view]{display:block;width:100%;padding:0;cursor:zoom-in}.wn-page .intro{padding:60px 0 42px}.project-label{display:inline-block;background:#111;color:white;padding:10px 18px;font-size:21px;font-weight:650;margin:0 0 27px}.wn-page h1{font-size:clamp(40px,4.6vw,65px);font-weight:720;line-height:1.18;letter-spacing:-.055em;word-break:keep-all}.wn-page .lead{font-size:21px;line-height:1.8;margin-top:28px}.project-meta{display:grid;grid-template-columns:1fr .65fr 2fr;gap:30px;border-top:1px solid #ddd;margin-top:40px;padding-top:26px}.project-meta dt{font-size:16px;color:#777;margin-bottom:10px}.project-meta dd{font-size:18px;line-height:1.8;margin:0}.wn-page .hero{position:relative;display:block;height:auto;min-height:0;background:#000;padding:0}.hero-slides{width:100%;aspect-ratio:16/9}.hero-slide img{width:100%;height:auto}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#fffefcdd;color:#111;display:grid;place-items:center;z-index:2;transition:background .2s}.hero-arrow:hover{background:#fff}.hero-arrow svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5}.hero-prev{left:18px}.hero-next{right:18px}.hero-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wn-page .section{padding:76px 0;border-bottom:1px solid #ddd}.wn-page h2{font-size:clamp(30px,3.2vw,43px);line-height:1.3;letter-spacing:-.045em;font-weight:680;margin:0}.wn-page h3{font-size:24px;line-height:1.4;letter-spacing:-.03em;font-weight:650}.concept-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:stretch;gap:15px;margin-top:38px}.concept-flow>div{border-top:2px solid #111;padding:24px 0 8px}.concept-flow span{font-size:15px;color:#666;display:block;margin-bottom:17px}.concept-flow strong{display:block;font-size:24px;line-height:1.4;letter-spacing:-.035em;word-break:keep-all}.concept-flow p{font-size:17px;color:#666;margin-top:10px}.concept-flow i{align-self:center;font-style:normal;color:#00899a;font-size:26px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;margin-top:22px;padding:0}.process-steps li{border-top:1px solid #bbb;padding-top:22px}.process-steps b{font-size:16px;color:#00818c;display:block;margin-bottom:10px}.process-steps p{font-size:18px;color:#555;line-height:1.7;margin-top:12px}.section-heading{display:flex;gap:24px;align-items:baseline}.number{font-size:40px;font-weight:650;color:#00818c}.scene-key{display:flex;justify-content:space-between;align-items:center;gap:15px;border-block:1px solid #ddd;padding:20px 22px;margin-top:34px;font-size:19px}.scene-key i{font-style:normal;color:#00818c}.film{margin-top:36px!important}.film video{width:100%;height:auto;display:block;background:#05090a}.wn-page figcaption{font-size:16px;line-height:1.65;color:#777;margin-top:14px;text-align:center}.contribution{font-size:25px;line-height:1.6;letter-spacing:-.025em;margin-top:30px}.photo-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.official-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #111;width:250px;margin:26px 0 0 auto;padding:12px 0;font-size:18px}.official-link span{font-size:23px}.wn-page .close-scene{padding-top:60px;padding-bottom:60px}.credits{display:grid;grid-template-columns:1fr 2fr;gap:45px}.credits dl{margin:0}.credits dl>div{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:18px 0;border-bottom:1px solid #eee;font-size:17px;line-height:1.8}.credits dt{color:#777}.credits dd{margin:0}.neighbors{display:flex;justify-content:space-between;gap:25px;padding:50px 0 70px;font-size:16px;line-height:2}.neighbors>a:last-child{text-align:right}.neighbors strong{font-size:20px}#viewer{width:min(1200px,96vw);max-height:95vh;padding:55px;background:#fff;border:0;margin:auto}#viewer::backdrop{background:#000d}#viewer img{width:100%;height:78vh;object-fit:contain}#viewer button{position:absolute;background:#fff;color:#111;font-size:32px;width:44px;height:44px}.viewer-close{right:8px;top:5px}.viewer-prev{left:4px;top:50%}.viewer-next{right:4px;top:50%}
@media(max-width:700px){.wn-page .wrap{width:calc(100% - 40px)}.wn-page .intro{padding:30px 0}.project-label{font-size:17px;margin-bottom:24px}.wn-page h1{font-size:36px}.wn-page .lead{font-size:18px}.lead br{display:none}.project-meta{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.project-meta>div:last-child{grid-column:1/-1}.project-meta dt{font-size:15px}.project-meta dd{font-size:17px}.hero-arrow{width:36px;height:36px}.hero-arrow svg{width:20px}.hero-prev{left:10px}.hero-next{right:10px}.wn-page .section{padding:48px 0}.wn-page h2{font-size:30px}.wn-page h3{font-size:22px}.concept-flow{grid-template-columns:1fr;gap:0;margin-top:28px}.concept-flow>div{padding:20px 0}.concept-flow span{margin-bottom:9px}.concept-flow strong{font-size:23px}.concept-flow i{transform:rotate(90deg);justify-self:center;margin-bottom:15px}.process-steps{grid-template-columns:1fr;gap:22px;margin-top:14px}.process-steps li{display:grid;grid-template-columns:32px 1fr;gap:0 12px;padding-top:18px}.process-steps b{grid-row:1/3;padding-top:4px}.process-steps p{font-size:17px;grid-column:2;margin-top:7px}.process-steps p br{display:none}.section-heading{gap:14px}.number{font-size:30px}.scene-key{padding:17px 0;font-size:15px;gap:8px}.scene-key strong{font-size:15px}.film{margin-top:26px!important}.contribution{font-size:22px}.photo-row{grid-template-columns:1fr;gap:25px;margin-top:28px}.wn-page figcaption{font-size:14px;margin-top:10px}.credits{grid-template-columns:1fr;gap:22px}.credits dl>div{font-size:15px;gap:20px}.neighbors{padding:36px 0 90px;flex-direction:column}.neighbors>a:last-child{text-align:left}.neighbors strong{font-size:18px}.official-link{font-size:17px;width:225px}#viewer{padding:45px 35px}#viewer img{height:65vh}}
/* XG creative revision: source-based design explanation. */
.project-context{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.section-copy{max-width:850px;font-size:20px;line-height:1.85;word-break:keep-all;margin:24px 0 0;color:#444}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:38px 0 0;padding:0;list-style:none}.workflow li{position:relative;border-top:2px solid #111;padding:24px 0 0}.step-index{font-size:16px;color:var(--accent);font-weight:650;display:block;margin-bottom:25px}.workflow h3{font-size:24px;word-break:keep-all}.workflow p{font-size:17px;line-height:1.8;margin:15px 0 23px;color:#555}.step-output{display:block;border-top:1px solid #ddd;padding-top:16px;font-size:15px;color:#555}.workflow li:not(:last-child)::after{content:'→';position:absolute;right:0;top:18px;color:var(--accent);font-size:23px}.design-inputs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-block:1px solid #bbb;padding:26px 0}.design-inputs>div{padding:0 26px;border-right:1px solid #ddd}.design-inputs>div:first-child{padding-left:0}.design-inputs>div:last-child{border:0}.design-inputs span{display:block;font-size:15px;color:#666;margin-bottom:10px}.design-inputs strong{font-size:24px;font-weight:650;letter-spacing:-.035em}.design-output{text-align:center;padding:16px 12px 24px}.design-output>span{display:block;color:var(--accent);font-size:26px;margin-bottom:12px}.design-output strong{font-size:25px;letter-spacing:-.035em}.scene-studies{margin-top:12px}.contribution{margin-bottom:0}.operation-flow{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:36px;padding:24px 0;border-block:1px solid #ccc;font-size:20px}.operation-flow i{font-style:normal;color:var(--accent)}.result-wide{margin-top:45px}.result .photo-row{margin-top:24px}.credit-heading figure{margin-top:28px;max-width:270px}.credit-image{grid-column:1/-1}.wn-page .credits{row-gap:34px}.wn-page .credits dl>div:first-child{padding-top:0}.wn-page .workflow br{display:none}
@media(max-width:700px){.project-context{grid-template-columns:1fr;gap:28px}.section-copy{font-size:18px;line-height:1.8;margin-top:20px}.workflow{grid-template-columns:1fr;gap:24px;margin-top:28px}.workflow li{display:grid;grid-template-columns:30px 1fr;column-gap:14px;padding-top:19px}.step-index{margin:2px 0 0;grid-row:1/4}.workflow h3{font-size:22px;padding-right:20px}.workflow p{grid-column:2;margin:10px 0 16px}.step-output{grid-column:2;font-size:14px;padding-top:12px}.workflow li:not(:last-child)::after{content:'↓';font-size:21px;top:18px}.design-inputs{gap:0;padding:0;border-bottom:0;margin-top:28px}.design-inputs>div,.design-inputs>div:first-child{padding:18px 8px;border-right:1px solid #ddd;border-bottom:1px solid #bbb}.design-inputs>div:last-child{border-bottom:1px solid #bbb}.design-inputs span{font-size:13px;margin-bottom:8px}.design-inputs strong{font-size:17px;line-height:1.5;word-break:keep-all;display:block}.design-output{padding:14px 0 20px}.design-output strong{font-size:20px}.scene-studies{margin-top:8px}.operation-flow{font-size:17px;display:grid;grid-template-columns:1fr;gap:10px;text-align:center;padding:20px 0;margin-top:28px}.operation-flow i{transform:rotate(90deg)}.credit-heading figure{max-width:210px;margin-top:20px}.result-wide{margin-top:32px}.result .photo-row{margin-top:20px}.wn-page .credits{row-gap:28px}}

:root{--accent:#1767ae}.wn-page .hero-slides{aspect-ratio:20/9}.wn-page .hero-arrow{background:#0007;color:white;border:1px solid #fff9}.wn-page .hero-arrow:hover{background:#000b}.wn-page .hero-prev{left:22px}.wn-page .hero-next{right:22px}.wn-page .hero-slide img{aspect-ratio:20/9;object-fit:contain}
.wn-page .section-copy{max-width:760px}.wn-page .visual-vocabulary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:38px}.visual-vocabulary figure{border-top:1px solid #bbb;padding-top:18px}.visual-vocabulary h3{font-size:22px;margin:0 0 12px}.visual-vocabulary p{font-size:16px;line-height:1.7;color:#555;margin-top:14px}.visual-vocabulary img{aspect-ratio:20/9;object-fit:contain}.visual-vocabulary .word-index{display:block;font-size:14px;color:#1767ae;margin-bottom:8px}.wn-page .photo-row{gap:24px}.wn-page .photo-row>figure{min-width:0}.wn-page .photo-row img{width:100%;height:auto}.wn-page .film{overflow:hidden}.wn-page .film video{width:100%;display:block}.wn-page .film+ .section-copy{margin-top:28px}.wn-page .section-label{color:#1767ae;font-size:14px;letter-spacing:.12em;margin-bottom:18px;font-weight:650}.wn-page .credits{border-bottom:0}.wn-page .credits dl>div{grid-template-columns:1fr 1.4fr}.wn-page .credits .source-credit{grid-column:1/-1;color:#777;font-size:14px}.wn-page .section-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.wn-page .section-intro p{margin-top:0;font-size:19px}.wn-page .film-full{margin-top:34px}.wn-page .film-full video{aspect-ratio:16/9}.wn-page .lt-note{font-size:14px}.wn-page .photo-row figcaption{font-size:15px}.wn-page h1{font-size:clamp(38px,4.6vw,65px)}
@media(max-width:700px){.wn-page .visual-vocabulary{grid-template-columns:1fr;gap:28px}.visual-vocabulary figure{display:grid;grid-template-columns:1fr 1.25fr;gap:8px 18px}.visual-vocabulary figure>div{grid-column:1}.visual-vocabulary figure>img{grid-column:2;grid-row:1/3;align-self:center}.visual-vocabulary p{grid-column:1;margin-top:0}.visual-vocabulary h3{font-size:20px;margin-bottom:0}.wn-page .section-intro{grid-template-columns:1fr;gap:20px}.wn-page .section-intro p{font-size:18px}.wn-page .hero-prev{left:12px}.wn-page .hero-next{right:12px}.wn-page .hero-arrow{width:44px;height:44px}.wn-page .section{padding:48px 0}.wn-page .lead br{display:none}.wn-page .credits dl>div{grid-template-columns:1fr 1.5fr}}
@media(max-width:700px){.visual-vocabulary figure{display:block}.visual-vocabulary figure>img{margin-top:16px}.visual-vocabulary p{margin-top:12px}.visual-vocabulary p br{display:none}}
.principle-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:22px}.principle-art{width:100%;aspect-ratio:1/1.4;background-repeat:no-repeat;background-size:300% auto;background-position:left center}.art-laser{background-size:330% auto;background-position:center center}.art-camera{background-size:280% auto;background-position:right center}.wn-page .principle-steps figcaption{text-align:left;border-top:1px solid #bbb;margin-top:0;padding-top:22px;color:#111;position:relative}.principle-steps figcaption>span{font-size:14px;color:var(--accent)}.principle-steps h3{margin-top:12px;font-size:22px}.principle-steps p{color:#555;font-size:17px;line-height:1.8;margin-top:12px}.principle-steps figure:not(:last-child) figcaption:after{content:'→';position:absolute;right:0;top:17px;font-size:24px;color:var(--accent)}@media(max-width:700px){.principle-steps{grid-template-columns:1fr;gap:12px}.principle-art{aspect-ratio:1/1.4}.principle-steps p br{display:none}.principle-steps figure:not(:last-child) figcaption:after{content:'↓'}.principle-steps figcaption{padding-bottom:12px}}
@media(max-width:700px){.wn-page .lt-axis span:nth-last-child(2){display:none}}

/* Revision 2 — film context, compact production sequence, storyboard / result comparisons. */
.wn-page .section-intro .section-copy+.section-copy{margin-top:18px}.wn-page .context-pair img{aspect-ratio:20/9;object-fit:contain;background:#03080c}.shot-tag{display:inline-block;padding:3px 8px;border:1px solid #222;color:#222;font-size:12px;line-height:1.5;margin-right:8px;vertical-align:1px}.shot-tag.dark{background:#111;color:#fff}.production-flow{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.production-flow li{border-top:2px solid #111;padding-top:22px;position:relative}.production-flow li>span{color:#1767ae;font-size:15px;font-weight:650}.production-flow li:not(:last-child)::after{content:'→';position:absolute;right:0;top:16px;color:#1767ae;font-size:23px}.production-flow h3{font-size:23px;margin-top:18px}.production-flow p{font-size:17px;line-height:1.8;margin:14px 0 22px;color:#555;word-break:keep-all}.production-flow small{display:block;border-top:1px solid #ddd;padding-top:14px;font-size:14px;color:#777}.process-note{font-size:16px;line-height:1.85;color:#666;max-width:840px;margin:30px 0 0}.storyboard-note{font-size:14px;line-height:1.7;color:#777;margin-top:16px}.scene-study{margin-top:38px;padding-top:32px;border-top:1px solid #ddd}.scene-heading{display:grid;grid-template-columns:32px 1fr;gap:14px;margin-bottom:26px}.scene-heading>span{font-size:15px;color:#1767ae;margin-top:6px}.scene-heading h3{font-size:25px}.scene-heading p{font-size:18px;line-height:1.8;max-width:810px;margin-top:12px;color:#555;word-break:keep-all}.shot-comparison{display:grid;grid-template-columns:.8fr 28px 1fr;gap:10px;align-items:start}.shot-comparison i{font-style:normal;color:#1767ae;font-size:24px;align-self:center;padding-bottom:35px;text-align:center}.shot-comparison img{width:100%;height:auto}.shot-comparison figcaption{font-size:14px!important;margin-top:12px}.wn-page .section{padding:68px 0}.wn-page #creative .section-copy{max-width:820px}.wn-page #film .section-copy{max-width:none}.wn-page .intro h1{font-size:clamp(38px,4.6vw,62px)}
@media(max-width:700px){.wn-page .section{padding:44px 0}.wn-page .intro h1{font-size:35px}.production-flow{grid-template-columns:1fr;gap:24px;margin-top:28px}.production-flow h3{font-size:22px;margin-top:10px}.production-flow p{font-size:17px;margin:10px 0 16px}.production-flow p br{display:none}.production-flow li:not(:last-child)::after{content:'↓'}.process-note{font-size:15px;margin-top:24px}.scene-study{margin-top:28px;padding-top:26px}.scene-heading{grid-template-columns:24px 1fr;gap:8px;margin-bottom:22px}.scene-heading h3{font-size:23px}.scene-heading p{font-size:17px}.shot-comparison{grid-template-columns:1fr;gap:13px}.shot-comparison i{transform:rotate(90deg);padding:0;font-size:23px;line-height:1}.shot-comparison figcaption{text-align:left}.shot-tag{font-size:11px}.storyboard-note{font-size:13px}.wn-page .lt-axis span:nth-last-child(2){display:none}}
