@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;700;900&display=swap";:root{color:#11100e;font-synthesis:none;--ink:#11100e;--cream:#f3eedf;--blue:#2457ff;--pink:#ff4d8d;--yellow:#f5e500;--line:#11100e59;background:#f3eedf;font-family:Noto Sans KR,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.skip-link{z-index:100;background:var(--yellow);padding:10px 14px;font-weight:900;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;border-bottom:2px solid var(--ink);background:var(--cream);grid-template-columns:1.2fr 1fr auto;align-items:center;min-height:86px;padding:0 2.2vw;display:grid;position:relative}.wordmark{letter-spacing:-.08em;align-items:center;gap:5px;width:max-content;font-family:Archivo Black,sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);display:flex}.wordmark b{color:var(--blue);font-size:1.2em}.site-header nav{justify-content:center;gap:1.8vw;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;display:flex}.site-header nav a{padding:10px 0;position:relative}.site-header nav a:after{content:"";background:var(--blue);height:2px;transition:right .18s;position:absolute;bottom:5px;left:0;right:100%}.site-header nav a:hover:after{right:0}.edition{text-align:right;font-family:IBM Plex Mono,monospace;font-size:.62rem;line-height:1.35}.hero{background:var(--cream);min-height:760px;padding:1.1rem 2.2vw 1.6rem;position:relative}.hero-topline,.hero-footer{justify-content:space-between;align-items:center;font-family:IBM Plex Mono,monospace;font-size:.68rem;display:flex}.hero-copy{z-index:2;margin-top:3.5vh;position:relative}.hero-copy h1{letter-spacing:-.095em;flex-direction:column;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(5.6rem,12.6vw,12.2rem);font-weight:900;line-height:.73;display:flex}.hero-copy h1 span:nth-child(2){margin-left:10vw}.hero-copy h1 .blue-word{color:var(--blue);align-self:flex-end}.hero-copy>p{margin:0;font-size:clamp(1rem,1.45vw,1.35rem);font-weight:700;line-height:1.45;position:absolute;top:12%;right:2vw}.hero-collage{grid-template-columns:.8fr 1.35fr .72fr;gap:1.1vw;height:245px;margin-top:-.5rem;margin-left:6vw;display:grid;position:relative}.poster{border:2px solid var(--ink);position:relative;overflow:hidden}.poster-a{background:var(--pink);transform:rotate(-2deg)}.poster-a span{font-family:IBM Plex Mono,monospace;font-size:.65rem;position:absolute;top:15px;left:15px}.poster-a i{border:14px solid var(--ink);border-bottom:0;width:54%;height:82%;position:absolute;bottom:0;right:14%}.poster-a strong{color:var(--cream);font-family:Archivo Black,sans-serif;font-size:7.5rem;line-height:1;position:absolute;bottom:-.2em;left:-.04em}.poster-b{background:var(--blue);color:var(--cream)}.poster-b>span{letter-spacing:-.07em;font-family:Archivo Black,sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:.82;position:absolute;top:14px;left:18px}.plinths{align-items:flex-end;gap:8px;width:52%;height:78%;display:flex;position:absolute;bottom:0;right:4%}.plinths i{background:var(--cream);border:2px solid var(--ink);flex:1;display:block}.plinths i:first-child{height:35%}.plinths i:nth-child(2){height:62%}.plinths i:nth-child(3){height:45%}.poster-c{background:var(--yellow);padding:14px;transform:translateY(-24px)rotate(1.5deg)}.poster-c b{letter-spacing:-.07em;font-family:Archivo Black,sans-serif;font-size:clamp(1.8rem,3.2vw,3.3rem);line-height:.84;display:block}.poster-c span{font-family:IBM Plex Mono,monospace;font-size:.6rem;position:absolute;bottom:12px;right:12px}.collage-label{text-align:right;font-family:IBM Plex Mono,monospace;font-size:.62rem;line-height:1.4;position:absolute;bottom:-2.6rem;right:0}.hero-footer{border-top:2px solid var(--ink);padding-top:14px;position:absolute;bottom:1.6rem;left:2.2vw;right:2.2vw}.hero-footer p{margin:0;font-family:Noto Sans KR,sans-serif;font-size:.88rem}.hero-footer a{background:var(--ink);color:var(--cream);align-items:center;gap:2rem;padding:12px 16px;display:flex}.manifesto{border-top:2px solid var(--ink);padding:7rem 7vw 8rem}.eyebrow,.section-heading>p,.process-title>p,.studio-copy>p:first-child{letter-spacing:.03em;font-family:IBM Plex Mono,monospace;font-size:.7rem}.manifesto-grid{grid-template-columns:1.2fr .8fr;gap:8vw;margin-top:2.5rem;display:grid}.manifesto h2,.section-heading h2,.process h2{letter-spacing:-.08em;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(3.8rem,8vw,8.4rem);line-height:.82}.manifesto-grid>div{align-self:end;max-width:520px;font-size:1.02rem;line-height:1.85}.manifesto-grid>div p:last-child{margin-bottom:0}.journey{background:var(--ink);color:var(--cream);padding:6rem 2.2vw 2.2rem}.section-heading{grid-template-columns:1fr 1.7fr .8fr;align-items:end;gap:3vw;margin-bottom:4rem;display:grid}.section-heading>p,.section-heading>span{margin:0}.section-heading>span{max-width:280px;font-size:.82rem;line-height:1.55}.section-heading h2{font-size:clamp(3.2rem,6.6vw,6.5rem)}.scene-list{border-top:1px solid #f3eedf59}.scene-card{border-bottom:1px solid #f3eedf59;grid-template-columns:.45fr 1.2fr 1.15fr .6fr;align-items:center;gap:2vw;min-height:170px;transition:color .18s,background .18s;display:grid}.scene-card:hover{background:var(--blue);color:#fff}.scene-number{letter-spacing:-.08em;font-family:Archivo Black,sans-serif;font-size:clamp(4rem,7vw,7rem);line-height:1}.scene-title h3{letter-spacing:-.06em;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(1.7rem,3vw,3.2rem)}.scene-title p,.scene-detail{margin:.5rem 0 0;font-size:.84rem;line-height:1.65}.scene-detail{max-width:420px}.scene-card code{text-align:right;font-family:IBM Plex Mono,monospace;font-size:.64rem}.projects{padding:7rem 2.2vw}.project-wall{grid-template-columns:1.35fr .65fr;gap:2vw;display:grid}.project{align-self:start}.project:nth-child(3){grid-column:2}.project-large{grid-row:span 2}.project-visual{border:2px solid var(--ink);height:340px;position:relative;overflow:hidden}.project-large .project-visual{height:700px}.project-visual>b{font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:500;position:absolute;top:14px;left:14px}.project-blue .project-visual{background:var(--blue)}.project-pink .project-visual{background:var(--pink)}.project-yellow .project-visual{background:var(--yellow)}.facade{border:26px solid var(--ink);background:var(--cream);border-bottom:0;position:absolute;inset:7% 8% 0}.facade:before{content:"OFFSET";letter-spacing:-.08em;font-family:Archivo Black,sans-serif;font-size:clamp(3.5rem,8vw,8rem);position:absolute;top:4%;left:-7%}.facade i{background:var(--ink);width:24%;position:absolute;bottom:0}.facade i:first-child{height:34%;left:8%}.facade i:nth-child(2){height:52%;left:38%}.facade i:nth-child(3){height:72%;right:8%}.soft-object{position:absolute;inset:13%}.soft-object i{border:3px solid var(--ink);background:var(--cream);display:block;position:absolute}.soft-object i:first-child{border-radius:50% 50% 8% 8%;width:50%;height:60%;bottom:0;left:0}.soft-object i:nth-child(2){border-radius:50%;width:43%;height:58%;top:0;right:4%}.soft-object i:nth-child(3){width:34%;height:36%;bottom:0;right:20%}.popup-grid{grid-template-columns:1fr 1.4fr;gap:8px;display:grid;position:absolute;inset:15% 10% 10%;transform:rotate(-4deg)}.popup-grid i{border:3px solid var(--ink);background:var(--cream);display:block}.popup-grid i:nth-child(2){background:var(--blue);grid-row:span 2}.project-meta{border-top:2px solid var(--ink);justify-content:space-between;gap:2rem;padding:1rem 0 2.2rem;display:flex}.project-meta p,.project-meta span{margin:0;font-family:IBM Plex Mono,monospace;font-size:.64rem;line-height:1.55}.project-meta h3{letter-spacing:-.06em;margin:.3rem 0 .1rem;font-family:Archivo Black,sans-serif;font-size:clamp(1.3rem,2.3vw,2.5rem)}.project-meta>p{text-align:right}.display-system{background:var(--blue);color:#fff;padding:6rem 2.2vw 2.2rem}.system-intro{grid-template-columns:.85fr 1.15fr;gap:4vw;display:grid}.system-intro .section-heading{margin:0;display:block}.system-intro .section-heading h2{margin:3rem 0}.system-stage{background:var(--cream);min-height:580px;color:var(--ink);border:2px solid var(--ink);padding:5%}.frame-shape{border:22px solid var(--ink);border-bottom:0;height:100%;min-height:520px;position:relative}.frame-shape>span{background:var(--ink);color:#fff;font-family:IBM Plex Mono,monospace;font-size:.65rem;position:absolute;top:-19px;left:16px}.rail{background:var(--ink);width:84%;height:8px;position:absolute;top:32%;left:8%}.object{border:3px solid var(--ink);position:absolute;bottom:0}.object-one{background:var(--pink);width:24%;height:38%;left:13%}.object-two{background:var(--yellow);width:33%;height:57%;right:12%}.light-cone{border-bottom:250px solid #2457ff47;border-left:100px solid #0000;border-right:100px solid #0000;width:0;height:0;position:absolute;top:0;left:42%}.frame-shape>b{letter-spacing:-.07em;text-align:right;font-family:Archivo Black,sans-serif;font-size:clamp(2.6rem,4.5vw,5rem);line-height:.84;position:absolute;top:7%;right:3%}.system-list{border-top:1px solid #ffffff8c;border-bottom:1px solid #ffffff8c;grid-template-columns:repeat(5,1fr);margin:4rem 0 0;padding:0;list-style:none;display:grid}.system-list li{border-right:1px solid #ffffff8c;min-height:170px;padding:1rem}.system-list li:last-child{border-right:0}.system-list span,.system-list strong{font-family:IBM Plex Mono,monospace;display:block}.system-list strong{margin-top:2.2rem;font-size:1rem}.system-list p{font-size:.78rem;line-height:1.5}.process{grid-template-columns:.85fr 1.15fr;gap:7vw;padding:8rem 6vw;display:grid}.process h2{margin-top:2.5rem;font-size:clamp(3.6rem,6.7vw,7rem)}.process-steps{border-top:2px solid var(--ink)}.process-steps article{border-bottom:2px solid var(--ink);grid-template-columns:.55fr 1fr 1.2fr;gap:1.5rem;padding:2.2rem 0;display:grid}.process-steps span,.process-steps h3{font-family:IBM Plex Mono,monospace;font-size:.68rem}.process-steps h3{margin:0;font-size:.82rem}.process-steps p{margin:0;font-size:.84rem;line-height:1.7}.process-note{color:#514d45;grid-column:2;margin:-4rem 0 0;font-size:.68rem}.studio{border-top:2px solid var(--ink);background:var(--yellow);grid-template-columns:.9fr 1.1fr;min-height:760px;display:grid}.studio-poster{background:var(--pink);border-right:2px solid var(--ink);position:relative;overflow:hidden}.studio-poster span{letter-spacing:-.09em;font-family:Archivo Black,sans-serif;font-size:clamp(5rem,11vw,11rem);line-height:.75;position:absolute;top:5%;left:-1%}.studio-poster b{color:var(--blue);font-family:Archivo Black,sans-serif;font-size:35rem;line-height:1;position:absolute;bottom:-20%;right:-2%}.studio-copy{padding:5rem 6vw}.studio-copy h2{letter-spacing:-.07em;margin:4rem 0 2rem;font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.02}.studio-lead{max-width:630px;font-size:1rem;line-height:1.8}.studio-copy ul{border-top:2px solid var(--ink);margin:3rem 0;padding:0;list-style:none}.studio-copy li{border-bottom:2px solid var(--ink);gap:1.5rem;padding:1rem 0;font-size:.82rem;display:flex}.studio-copy li span{font-family:IBM Plex Mono,monospace}.internal-cta{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;max-width:430px;padding:1rem 1.2rem;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:flex}.demo-notice{border:2px solid var(--ink);grid-template-columns:1fr 1fr;gap:.4rem 1.5rem;margin-top:3rem;padding:1rem;font-family:IBM Plex Mono,monospace;font-size:.64rem;display:grid}.demo-notice strong{grid-row:span 2;font-size:.9rem}.demo-notice p{margin:0}footer{background:var(--ink);min-height:180px;color:var(--cream);grid-template-columns:1fr 1fr 1fr;align-items:end;padding:2rem 2.2vw;display:grid}.footer-mark b{color:var(--pink)}footer p{text-align:center;margin:0;font-family:IBM Plex Mono,monospace;font-size:.62rem}footer p:last-child{text-align:right}@media (width<=900px){.site-header{grid-template-columns:1fr auto;min-height:72px;padding:0 18px}.site-header nav{display:none}.hero{min-height:760px;padding:14px 18px 20px}.hero-copy h1{font-size:clamp(4.2rem,17vw,8.5rem);line-height:.78}.hero-copy h1 span:nth-child(2){margin-left:4vw}.hero-copy>p{margin-top:2rem;position:static}.hero-collage{grid-template-columns:.8fr 1.2fr;height:245px;margin:2rem 0 0}.poster-c{display:none}.hero-footer{left:18px;right:18px}.manifesto{padding:6rem 4vw}.manifesto-grid,.system-intro,.process{grid-template-columns:1fr}.manifesto-grid{gap:3rem}.section-heading{grid-template-columns:.6fr 1.4fr}.section-heading>span{grid-column:2}.scene-card{grid-template-columns:.45fr 1fr 1fr}.scene-card code{display:none}.project-wall{grid-template-columns:1fr 1fr}.project-large{grid-area:auto/1/auto/-1}.project:nth-child(3){grid-column:auto}.project-large .project-visual{height:590px}.system-stage{margin-top:3rem}.process{gap:4rem}.process-note{grid-column:1;margin:-1.5rem 0 0}.studio{grid-template-columns:.75fr 1.25fr}}@media (width<=620px){.site-header{min-height:64px}.edition{font-size:.52rem}.hero{min-height:780px}.hero-topline span:last-child{display:none}.hero-copy{margin-top:5rem}.hero-copy h1{font-size:clamp(3.6rem,19.5vw,6rem)}.hero-copy h1 span:nth-child(2){margin-left:0}.hero-copy h1 .blue-word{align-self:flex-start}.hero-copy>p{font-size:.88rem}.hero-collage{height:190px}.poster-a strong{font-size:5rem}.poster-b>span{font-size:1.7rem}.collage-label{display:none}.hero-footer{align-items:flex-end;bottom:18px}.hero-footer p{max-width:150px;font-size:.72rem}.hero-footer a{gap:1rem;padding:11px;font-size:.58rem}.manifesto{padding:5rem 18px}.manifesto h2,.section-heading h2,.process h2{font-size:clamp(3rem,15vw,4.5rem)}.manifesto-grid>div{font-size:.88rem}.journey,.projects,.display-system{padding:5rem 18px 18px}.section-heading{margin-bottom:3rem;display:block}.section-heading h2{margin:2rem 0}.scene-card{grid-template-columns:.35fr 1fr;gap:14px;padding:1.5rem 0}.scene-number{font-size:3.5rem}.scene-title h3{font-size:1.55rem}.scene-detail{grid-column:2;margin-top:0}.project-wall{grid-template-columns:1fr;gap:1rem}.project-large,.project:nth-child(3){grid-column:auto}.project-visual,.project-large .project-visual{height:390px}.project-meta{gap:1rem}.project-meta>p{max-width:120px}.system-intro .section-heading h2{margin:2rem 0}.system-stage{min-height:390px;padding:10px}.frame-shape{border-width:14px;min-height:365px}.light-cone{left:23%}.system-list{grid-template-columns:1fr}.system-list li{border-bottom:1px solid #ffffff8c;border-right:0;grid-template-columns:.35fr .75fr 1fr;align-items:center;min-height:auto;display:grid}.system-list li:last-child{border-bottom:0}.system-list strong{margin-top:0}.process{padding:5rem 18px}.process-steps article{grid-template-columns:1fr 1.4fr;gap:.8rem}.process-steps p{grid-column:2}.studio{grid-template-columns:1fr}.studio-poster{border-right:0;border-bottom:2px solid var(--ink);min-height:400px}.studio-poster b{bottom:-45%}.studio-copy{padding:4rem 18px}.studio-copy h2{margin-top:2.5rem}.demo-notice{grid-template-columns:1fr}.demo-notice strong{grid-row:auto;margin-bottom:.6rem}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}}