:root{--accent:#176fce;--cyan:#dfeeff;--nav-height:66px}body{background:#fff;color:#111;font-family:'Pretendard Variable',sans-serif}.tunexx-page .wrap{width:min(1100px,calc(100% - 80px));margin-inline:auto}.tunexx-page img{width:100%;height:auto;display:block}.tunexx-page figure{margin:0;min-width:0}.tunexx-page [data-view]{display:block;width:100%;padding:0;cursor:zoom-in}.tunexx-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}.tunexx-page h1{font-size:clamp(40px,4.6vw,65px);font-weight:720;line-height:1.18;letter-spacing:-.055em;word-break:keep-all}.tunexx-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}.tunexx-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%)}.tunexx-page .section{padding:76px 0;border-bottom:1px solid #ddd}.tunexx-page h2{font-size:clamp(30px,3.2vw,43px);line-height:1.3;letter-spacing:-.045em;font-weight:680;margin:0}.tunexx-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:#176fce;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:#176fce;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:#176fce}.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:#176fce}.film{margin-top:36px!important}.film video{width:100%;height:auto;display:block;background:#05090a}.tunexx-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}.tunexx-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){.tunexx-page .wrap{width:calc(100% - 40px)}.tunexx-page .intro{padding:30px 0}.project-label{font-size:17px;margin-bottom:24px}.tunexx-page h1{font-size:36px}.tunexx-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}.tunexx-page .section{padding:48px 0}.tunexx-page h2{font-size:30px}.tunexx-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}.tunexx-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}.tunexx-page .credits{row-gap:34px}.tunexx-page .credits dl>div:first-child{padding-top:0}.tunexx-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}.tunexx-page .credits{row-gap:28px}}

/* BLUE MODE: photographed light is the visual language. */
.tunexx-page .eyebrow{font-size:13px;letter-spacing:.13em;font-weight:600;color:#176fce;margin:0 0 22px}.tunexx-page .context-copy{display:grid;grid-template-columns:1fr 1fr;gap:42px}.tunexx-page .context-copy .section-copy{margin:0}.tunexx-page .comparison{grid-template-columns:1.996350365fr 1.777777778fr;margin-top:20px;align-items:start}.tunexx-page .compare-note{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #ddd;padding:21px 0;gap:20px;margin-top:48px;font-size:16px;color:#555}.tunexx-page .compare-note span:nth-child(2){color:#176fce}.tunexx-page .official-link{width:310px}.tunexx-page .hero-slide[hidden]{display:none}.tunexx-page .project-label{background:#102f58}.tunexx-page .lead{max-width:920px}.tunexx-page .film{overflow:hidden}.tunexx-page .credits dd a{border-bottom:1px solid #ddd}.tunexx-page .credits dl>div{grid-template-columns:1fr 1.6fr}.tunexx-page .context-copy h2{max-width:460px}@media(max-width:700px){.tunexx-page .context-copy{grid-template-columns:1fr;gap:24px}.tunexx-page .comparison{grid-template-columns:1fr}.tunexx-page .compare-note{font-size:14px;gap:14px;line-height:1.65}.tunexx-page .compare-note span{flex:1}.tunexx-page .compare-note span:nth-child(2){flex:0}.tunexx-page .official-link{max-width:100%}.tunexx-page .eyebrow{font-size:12px;margin-bottom:18px}}