.lab-index-page{background:#111714;color:#f0eee4;--ink:#f0eee4;--paper:#111714;--soft:#b1b5a9;--line:#495049}
.lab-index-page header,.lab-index-page footer{max-width:2400px;width:94%;padding:20px 0;border-color:#465047}
.lab-index-page main{max-width:2400px;width:94%;padding:0 0 34px}
.lab-index-page .languages button{opacity:.7}.lab-index-page .languages button[aria-pressed=true]{opacity:1}
.lab-index-page .skip{background:#f0eee4;color:#111714}
.lab-intro{padding:30px 0 28px}.lab-intro .eyebrow{color:#c3cbba;margin-bottom:12px;font-size:10px;letter-spacing:2px}
.lab-intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.lab-intro h1{font-size:clamp(42px,5.1vw,108px);font-weight:600;letter-spacing:-.06em;line-height:1.08;max-width:none}
.lab-intro p{font-size:clamp(14px,1.05vw,21px);line-height:1.6;max-width:540px;white-space:pre-line;margin:0 0 4px;color:#cbd0c3}
.gowoon-lab{--lab-green:#d8ed9d;--lab-blue:#bbd6ff;--lab-line:#515b50;--lab-cream:#f4f0e4;grid-column:1/-1;width:100%;min-width:0;color:var(--lab-cream);background:#151c17;border:1px solid var(--lab-line);font-family:Arial,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;isolation:isolate;box-sizing:border-box}
.gowoon-lab *{box-sizing:border-box}.gowoon-lab a{color:inherit;text-decoration:none}.gowoon-lab button{font:inherit;cursor:pointer}
.lab-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;min-height:52px;border-bottom:1px solid var(--lab-line);font-size:11px;letter-spacing:1.4px}
.lab-meta>span{display:flex;align-items:center;gap:9px}.lab-meta i{width:6px;height:6px;background:var(--lab-green);border-radius:50%;flex:none}
.lab-pause{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 4px;color:var(--lab-cream);border:0;background:transparent;font-size:11px!important;letter-spacing:0}
.lab-pause-icon{font-size:15px;min-width:14px}
.lab-scene{position:relative;aspect-ratio:1672/941;overflow:hidden;background:#1d241d}
.lab-scene>img{display:block;width:100%;height:100%;object-fit:fill;margin:0;border:0}
.lab-pose{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .16s ease;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1672 941'%3E%3Cdefs%3E%3Cfilter id='s' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='white' filter='url(%23s)'%3E%3Crect x='637' y='268' width='399' height='385' rx='35'/%3E%3Crect x='246' y='118' width='148' height='222' rx='18'/%3E%3Crect x='1180' y='280' width='126' height='183' rx='18'/%3E%3C/g%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1672 941'%3E%3Cdefs%3E%3Cfilter id='s' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='white' filter='url(%23s)'%3E%3Crect x='637' y='268' width='399' height='385' rx='35'/%3E%3Crect x='246' y='118' width='148' height='222' rx='18'/%3E%3Crect x='1180' y='280' width='126' height='183' rx='18'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.gowoon-lab[data-ready=true][data-gaze=left] .lab-pose-left,.gowoon-lab[data-ready=true][data-gaze=right] .lab-pose-right{opacity:1}
.lab-monitor{position:absolute;z-index:4;display:block;outline-offset:-5px!important;touch-action:manipulation;border:2px solid transparent;transition:background .2s ease,box-shadow .2s ease}
.lab-monitor-left{left:6.6%;top:0;width:52.2%;height:56.6%;clip-path:polygon(4% 1%,100% 16%,98% 92%,0 100%)}
.lab-monitor-right{left:58.5%;top:24%;width:33%;height:39.3%;clip-path:polygon(1% 0,100% 3%,95% 100%,0 77%)}
.lab-monitor:hover{background:#e4f2a307}.lab-monitor:focus-visible{outline:4px solid var(--lab-green);background:#d8ed9d14}
.lab-monitor-right:focus-visible{outline-color:var(--lab-blue);background:#bbd6ff14}
.lab-scene-labels{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:flex-end;gap:15px;padding:9% 4% 2.5%;background:linear-gradient(transparent,#050b07ba);pointer-events:none;font-size:clamp(10px,1.2vw,22px);letter-spacing:.12em;font-weight:600}
.lab-scene-labels>span{display:flex;align-items:center;gap:10px;color:var(--lab-green)}.lab-scene-labels>span:last-child{color:var(--lab-blue)}
.lab-scene-labels b{font:10px/1 monospace;border:1px solid currentColor;padding:6px;font-weight:400;transition:background .2s}
.gowoon-lab[data-gaze=left] .lab-scene-labels>span:first-child b{background:var(--lab-green);color:#14211a}.gowoon-lab[data-gaze=right] .lab-scene-labels>span:last-child b{background:var(--lab-blue);color:#14211a}
.lab-work-signal{position:absolute;display:flex;gap:5px;pointer-events:none;z-index:2;opacity:.7}.lab-work-signal-left{left:37%;top:49%;transform:rotate(-1deg)}.lab-work-signal-right{left:65%;top:55%;transform:rotate(7deg)}
.lab-work-signal i{width:5px;height:5px;border-radius:50%;background:var(--lab-green);animation:lab-working 2.4s ease-in-out infinite}.lab-work-signal-right i{background:var(--lab-blue)}.lab-work-signal i:nth-child(2){animation-delay:.35s}.lab-work-signal i:nth-child(3){animation-delay:.7s}
@keyframes lab-working{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
.lab-notes{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;border-top:1px solid var(--lab-line);border-bottom:1px solid var(--lab-line)}
.gowoon-lab .lab-notes p{font-size:12px;line-height:1.6;margin:0;max-width:none;letter-spacing:0}.lab-instruction{color:#d4d9cb}.lab-status{color:var(--lab-green);text-align:right;min-height:1.6em}.gowoon-lab[data-gaze=right] .lab-status{color:var(--lab-blue)}
.lab-touch-hint{display:none}.lab-routes{display:grid;grid-template-columns:1fr 1fr}.lab-route{padding:20px 24px 23px;min-width:0}.lab-route+.lab-route{border-left:1px solid var(--lab-line)}
.lab-route-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.lab-route-top>span{font:10px/1.6 monospace;color:#c2cabb;letter-spacing:1px}
.lab-look{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;min-width:104px;background:transparent;border:1px solid #677260;padding:0 12px;color:var(--lab-cream);font-size:12px!important;transition:background .15s}
.lab-look[aria-pressed=true]{background:var(--lab-green);color:#152317;border-color:var(--lab-green)}.lab-route-right .lab-look[aria-pressed=true]{background:var(--lab-blue);border-color:var(--lab-blue)}
.lab-enter{display:flex;align-items:center;justify-content:space-between;min-height:54px;gap:20px}.gowoon-lab .lab-enter h2{font-size:clamp(27px,2.7vw,54px);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:11px 0 6px;color:var(--lab-green)}.lab-route-right .lab-enter h2{color:var(--lab-blue)}.lab-enter>span{font-size:30px;line-height:1}
.gowoon-lab .lab-route p{margin:0;font-size:13px;line-height:1.6;color:#d1d6c9;max-width:none}.gowoon-lab .lab-art-credit{font-size:10px;line-height:1.7;margin:0;padding:12px 24px;color:#c0c8b7;border-top:1px solid var(--lab-line)}
.gowoon-lab a:focus-visible,.gowoon-lab button:focus-visible{outline:3px solid #e2efa8;outline-offset:4px}
.lab-sr{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.gowoon-lab[data-paused=true] .lab-work-signal i{animation-play-state:paused}
.portfolio-lab-entry{grid-column:1/-1}.portfolio-lab-entry .lab-index-link{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;min-height:44px;font-size:12px;color:inherit}
@media(min-width:1800px){.lab-index-page header,.lab-index-page footer,.lab-index-page main{width:90%;max-width:2800px}.lab-meta{font-size:14px;min-height:62px}.lab-pause{font-size:14px!important}.gowoon-lab .lab-notes p,.gowoon-lab .lab-route p{font-size:18px}.lab-route-top>span{font-size:14px}.lab-look{font-size:16px!important;min-height:52px;padding:0 18px}.lab-route{padding:25px 32px}.gowoon-lab .lab-art-credit{font-size:13px}.lab-scene-labels b{font-size:14px}}
@media(max-width:700px){.lab-index-page header,.lab-index-page footer,.lab-index-page main{width:94%}.lab-index-page header{padding:12px 0;gap:12px}.lab-index-page header nav{gap:18px}.lab-intro{padding:24px 0 20px}.lab-intro-row{display:block}.lab-intro h1{font-size:46px}.lab-intro p{font-size:14px;line-height:1.65;margin:14px 0 0}.lab-meta{padding:0 12px;min-height:48px;font-size:9px;letter-spacing:1px}.lab-meta>span{gap:7px}.lab-pause{font-size:10px!important;gap:7px}.lab-scene-labels{font-size:9px;padding:10% 3% 3%;letter-spacing:.05em}.lab-scene-labels>span{gap:6px}.lab-scene-labels b{font-size:8px;padding:4px}.lab-notes{display:block;padding:12px 14px}.gowoon-lab .lab-notes p{font-size:11px}.lab-status{text-align:left;margin-top:4px!important}.lab-pointer-hint{display:none}.lab-touch-hint{display:inline}.lab-route{padding:12px 14px 16px}.lab-route-top{align-items:flex-start;gap:7px;flex-direction:column}.lab-route-top>span{font-size:9px}.lab-look{min-width:108px;min-height:44px;font-size:11px!important;padding:0 10px}.gowoon-lab .lab-enter h2{font-size:25px;line-height:1.2;margin-top:12px}.lab-enter{gap:8px;min-height:56px}.lab-enter>span{font-size:24px}.gowoon-lab .lab-route p{font-size:12px;line-height:1.65}.gowoon-lab .lab-art-credit{font-size:9px;padding:11px 14px}.lab-work-signal{gap:2px}.lab-work-signal i{width:2px;height:2px}.lab-index-page footer{gap:16px}}
@media(max-width:360px){.lab-intro h1{font-size:40px}.lab-meta{font-size:8px;padding:0 10px}.lab-pause{font-size:9px!important}.lab-route{padding:12px 10px}.gowoon-lab .lab-enter h2{font-size:22px}.lab-look{min-width:98px}}
@media(hover:none){.lab-pointer-hint{display:none}.lab-touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){.lab-pose,.lab-monitor,.lab-look{transition:none}.lab-work-signal i{animation:none!important}}

#projects.portfolio-lab-entry{display:block}

#projects .lab-index-link{display:inline-flex!important;width:max-content;max-width:100%;grid-column:1/-1;gap:8px}
@media(max-width:360px){.lab-routes{grid-template-columns:1fr}.lab-route+.lab-route{border-left:0;border-top:1px solid var(--lab-line)}.lab-route-top{flex-direction:row;align-items:center}.gowoon-lab .lab-enter h2{font-size:28px}}

@font-face{font-family:'Lab Bangers';src:url('assets/fonts/Bangers-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Lab Black Han';src:url('assets/fonts/lab-black-han-subset.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.lab-scene{container-type:inline-size}
.lab-monitor-titles{position:absolute;inset:0;z-index:3;pointer-events:none}
.lab-monitor-title{position:absolute;display:block;font-family:'Lab Bangers',Impact,sans-serif;font-weight:400;line-height:.95;letter-spacing:.015em;white-space:nowrap;-webkit-text-stroke:.24cqw #10181c;paint-order:stroke fill;text-shadow:none;filter:drop-shadow(.28cqw .3cqw 0 #081118);transition:transform .18s ease;transform-origin:center}
.lab-monitor-title-left{left:24%;top:12%;width:34.5%;font-size:8.9cqw;color:#ffe037;transform:rotate(-2deg)}
.lab-monitor-title-right{left:62%;top:48.5%;width:28.5%;font-size:8cqw;color:#9fe0ff;transform:rotate(3deg)}
html[lang=ko] .lab-monitor-title{font-family:'Lab Black Han','Apple SD Gothic Neo',sans-serif;letter-spacing:-.045em;line-height:1.08}
html[lang=ko] .lab-monitor-title-left{font-size:8.25cqw}
html[lang=ko] .lab-monitor-title-right{font-size:7.4cqw;left:61%;top:48%}
.gowoon-lab[data-gaze=left] .lab-monitor-title-left{transform:rotate(-3deg) scale(1.035)}
.gowoon-lab[data-gaze=right] .lab-monitor-title-right{transform:rotate(4deg) scale(1.035)}
@media(prefers-reduced-motion:reduce){.lab-monitor-title{transition:none}}