:root{--ink:#171b19;--mint:#c2f5d4;--paper:#f1f4ed;--muted:#aab7ae;--rule:#364139;--display:'Schibsted Grotesk','Noto Sans KR',sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.65 var(--display);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #548eea;outline-offset:5px}::selection{background:var(--mint);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;text-wrap:balance}a{text-decoration:none}img{max-width:100%;display:block}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--mint);color:var(--ink);padding:12px 20px}.skip-link:focus{top:12px}.site-header{position:relative;z-index:20;background:var(--ink);color:var(--mint)}.bar{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1800px;margin:auto;padding:0 4vw}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em;font-size:20px}.brand i{height:22px;width:22px;background:var(--mint);clip-path:polygon(45% 0,65% 0,65% 35%,100% 35%,100% 55%,65% 55%,65% 100%,45% 100%,45% 55%,0 55%,0 35%,45% 35%);transform:rotate(-25deg)}.nav-row{display:flex;gap:30px}.nav-row a{min-height:44px;display:flex;align-items:center;font-size:14px}.nav-row a:last-child{border-bottom:1px solid var(--mint)}.nav-row a:hover{color:white}.motion-hero{max-width:1800px;margin:auto;padding:0 4vw;position:relative;overflow:hidden}.hero-wordmark{position:relative;color:var(--mint);font-weight:900;font-size:clamp(100px,23.8vw,425px);line-height:.85;letter-spacing:-.04em;margin:16px 0 0;width:max-content}.hero-wordmark>span{position:absolute;font-size:20px;right:-36px;top:12px;letter-spacing:0}.hero-composition{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:490px;position:relative}.hero-copy{padding:40px 0 38px;position:relative;z-index:2}.hero-copy h1{font-weight:500;font-size:clamp(42px,5.2vw,88px);line-height:1.15;letter-spacing:-.04em}.hero-copy h1>span:first-child{color:var(--muted)}.period{color:var(--mint)}.hero-description{max-width:32ch;font-size:15px;color:#bec9c1;margin:24px 0 30px;line-height:1.9;word-break:keep-all}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:12px 22px;background:var(--mint);color:var(--ink);border:1px solid transparent;border-radius:0;font-size:15px;font-weight:700;transition:background .25s,transform .4s var(--ease)}.button i{font-style:normal;font-size:24px;line-height:1}.button:hover{background:white;transform:translateY(-3px)}.button:disabled{opacity:.5;cursor:wait;transform:none}.sculpture{position:relative;align-self:stretch;min-height:400px;margin-top:-60px;margin-bottom:-20px;isolation:isolate}.sculpture canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.sculpture-caption{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--muted);font-size:11px;letter-spacing:.12em;z-index:2}.sculpture-fallback{position:absolute;inset:15% 10%;display:grid;place-items:center;transform:rotate(-30deg)}.sculpture-fallback span{grid-area:1/1;width:65%;height:85%;border:20px solid var(--mint);border-radius:50%;transform:rotate(40deg)}.sculpture-fallback span:nth-child(2){transform:rotate(100deg);border-color:#83aa95}.sculpture-fallback span:nth-child(3){transform:rotate(160deg);border-color:#d2dbd0}.webgl-ready .sculpture-fallback{display:none}.hero-foot{display:flex;justify-content:space-between;align-items:center;padding:22px 0 24px;border-top:1px solid var(--rule);font-size:12px}.scroll-link{display:inline-flex;align-items:center;gap:35px;min-height:44px}.scroll-link span{font-size:22px}#motion-toggle{background:none;border:0;color:#bec9c1;display:flex;align-items:center;gap:18px;min-height:44px;font-size:12px}#motion-toggle:hover{color:white}.type-band{overflow:hidden;background:var(--mint);color:var(--ink);padding:12px 0;white-space:nowrap}.type-band div{font-size:clamp(25px,3.2vw,50px);font-weight:700;line-height:1.3;letter-spacing:-.03em;animation:marquee 28s linear infinite;width:max-content}@keyframes marquee{to{transform:translateX(-50%)}}.stance{background:var(--paper);color:var(--ink);padding:130px 8vw 80px;display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:8vw}.stance h2{font-size:clamp(30px,3.9vw,64px);font-weight:500;line-height:1.32;letter-spacing:-.04em;max-width:20ch}.stance p{max-width:34ch;color:#526157;line-height:1.9}.sec{padding:100px 8vw;position:relative}.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:56px}.sec-head h2{font-size:clamp(30px,4vw,64px);font-weight:500;line-height:1.25;letter-spacing:-.04em}.sec-index{font-size:14px;white-space:nowrap}.services{background:var(--paper);color:var(--ink);padding-top:60px;padding-bottom:140px}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.plate-col{position:sticky;top:40px}.plate{aspect-ratio:1/1;position:relative;overflow:hidden;background:#dce4da}.plate img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.07);transition:opacity .6s,transform 1.3s var(--ease);filter:saturate(.55)}.plate img.is-on{opacity:1;transform:scale(1)}.tag{position:absolute;bottom:20px;left:20px;background:var(--paper);color:var(--ink);padding:6px 12px;font-size:12px}.plate-foot{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:10px;letter-spacing:.04em}.service-list{list-style:none;margin:0;padding:0;border-top:1px solid #aab7aa}.service{position:relative;padding:26px 0 30px;border-bottom:1px solid #aab7aa;transition:color .45s var(--ease)}.service-select{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;z-index:2}.service.is-on{padding-left:20px}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.service h3{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.03em;font-weight:500}.service-dot{width:10px;height:10px;border:1px solid var(--ink);border-radius:50%;margin-right:8px}.is-on .service-dot{background:var(--ink)}.service p{font-size:14px;line-height:1.9;color:#526157;max-width:42ch;word-break:keep-all}.service-outputs{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:8px 16px;margin:20px 0 0;font-size:11px;font-weight:500}.process{padding-top:120px;padding-bottom:130px}.process .sec-head{margin-bottom:50px}.process .sec-head h2{color:var(--mint)}.process-frame{position:relative;aspect-ratio:2.65;overflow:hidden;background:#252e28}.process-frame img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s,transform 1s var(--ease);transform:scale(1.035)}.process-frame img.is-on{opacity:.85;transform:scale(1)}.frame-track{height:3px;position:absolute;bottom:0;left:0;right:0;background:#536558}.frame-track b{display:block;width:100%;height:100%;background:var(--mint);transform:scaleX(.25);transform-origin:left;transition:transform .6s var(--ease)}.steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:40px 0 0;gap:24px}.step{background:none;border:0;border-top:1px solid var(--rule);padding:24px 0;text-align:left;width:100%;color:#aab7ae;transition:color .25s,border-color .25s}.step.is-on{color:var(--mint);border-color:var(--mint)}.step-no{font-size:12px}.step h3{font-size:22px;font-weight:500;margin:20px 0 12px;letter-spacing:-.03em}.step p{font-size:13px;color:#aab7ae;max-width:25ch;line-height:1.8;word-break:keep-all}.contact{background:var(--mint);color:var(--ink);padding-top:130px;padding-bottom:120px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font-size:clamp(38px,4.8vw,76px);font-weight:500;line-height:1.22;letter-spacing:-.04em;max-width:10ch}.contact-copy>p{font-size:15px;line-height:1.9;margin-top:28px;max-width:33ch}.contact-direct{margin-top:50px}.contact-direct small{display:block;margin-bottom:8px}.direct-email{font-size:clamp(12px,1.3vw,19px);border-bottom:1px solid #719f83;overflow-wrap:anywhere}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-field{margin-bottom:25px}.form-field label{display:block;font-size:13px;margin-bottom:10px}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:50px;border:0;border-bottom:1px solid #68977a;border-radius:0;padding:10px 0;background:transparent;color:var(--ink);outline-offset:3px;font-size:15px}.form-field select{padding-right:25px}.form-field textarea{resize:vertical;min-height:100px}.form-field ::placeholder{color:#466552;opacity:1}.contact .button{background:var(--ink);color:var(--mint);min-width:200px}.contact .button:hover{background:#33483b}.form-status,.form-fallback{display:block;font-size:12px;line-height:1.7;margin-top:17px;max-width:42ch}.form-status.error{color:#7b1a23}.form-status.success{font-weight:700}.form-fallback{text-decoration:underline;overflow-wrap:anywhere}.site-footer{padding:60px 4vw 28px}.footer-wordmark{display:flex;justify-content:space-between;align-items:center;font-size:clamp(34px,9vw,145px);font-weight:800;color:var(--mint);letter-spacing:-.04em;line-height:1;margin-bottom:60px}.footer-wordmark span{font-size:.8em;font-weight:400}.site-footer .row{border-top:1px solid var(--rule);padding-top:25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:10px;color:#aab7ae}.legal{display:flex;gap:20px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.legal a{min-height:44px;display:flex;align-items:center}.motion-paused .type-band div{animation-play-state:paused}.motion-paused *{scroll-behavior:auto!important}
@media(min-width:1700px){.hero-composition{min-height:610px}}
@media(max-width:900px){.bar{height:76px}.nav-row{gap:18px}.hero-composition{min-height:440px}.hero-copy h1{font-size:48px}.hero-description{font-size:14px}.sculpture{margin-top:-30px;min-height:380px}.stance{grid-template-columns:1fr;gap:30px;padding:90px 6vw 60px}.sec{padding:80px 6vw}.services{padding-top:40px}.services-grid{gap:5vw}.contact-grid{gap:6vw}.steps{gap:16px}.step h3{font-size:19px}.plate-foot{font-size:9px}.contact h2{font-size:44px}}
@media(max-width:600px){html{scroll-padding-top:20px}.bar{height:72px;padding:0 6vw}.brand{font-size:16px;gap:8px}.brand i{width:18px;height:18px}.nav-row{gap:16px}.nav-row a{font-size:12px}.nav-row a:nth-child(2){display:none}.motion-hero{padding:0 6vw}.hero-wordmark{font-size:22.7vw;margin:17px 0 0}.hero-wordmark>span{font-size:11px;right:-17px;top:3px}.hero-composition{display:flex;flex-direction:column;min-height:0;align-items:stretch}.hero-copy{padding:40px 0 0}.hero-copy h1{font-size:clamp(38px,10.6vw,58px);line-height:1.2}.hero-description{margin:18px 0 23px;max-width:31ch;font-size:13px}.button{min-height:50px;font-size:13px;padding:10px 18px;gap:40px}.sculpture{height:300px;min-height:300px;margin:-15px -8vw -20px 8vw}.sculpture-caption{bottom:24px;font-size:9px}.hero-foot{padding:10px 0 15px;font-size:10px;gap:12px}#motion-toggle{font-size:10px;gap:10px}.scroll-link{gap:15px}.type-band{padding:12px 0}.type-band div{font-size:27px}.stance{padding:75px 6vw 45px;gap:24px}.stance h2{font-size:32px}.stance p{font-size:14px}.sec{padding:65px 6vw}.services{padding-top:25px;padding-bottom:75px}.sec-head{margin-bottom:30px;align-items:start;gap:15px}.sec-head h2{font-size:30px;max-width:11ch}.sec-index{font-size:11px;padding-top:7px}.services-grid{grid-template-columns:1fr;gap:30px}.plate-col{position:relative;top:0}.plate{aspect-ratio:1.3}.plate-foot{font-size:9px}.service h3{font-size:25px}.service{padding:23px 0}.service.is-on{padding-left:14px}.service p{font-size:13px}.service-outputs{font-size:11px;margin-top:15px}.process-frame{aspect-ratio:1.35}.steps{grid-template-columns:1fr 1fr;gap:10px 22px;margin-top:25px}.step{padding:20px 0 10px}.step h3{font-size:21px;margin:12px 0 10px}.step p{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact h2{font-size:46px;max-width:10ch}.contact-copy>p{font-size:14px;margin-top:23px}.contact-direct{margin-top:25px}.direct-email{font-size:15px}.form-row{gap:18px}.form-field{margin-bottom:20px}.contact .button{width:100%}.site-footer{padding:42px 6vw 25px}.footer-wordmark{font-size:8.5vw;margin-bottom:35px}.site-footer .row{gap:12px}.legal{gap:8px 18px;font-size:10px;width:100%}.site-footer .row p{font-size:9px}#kst-clock{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Second act: overlapping type, orbital lettering and a tilted gallery. */
.hero-wordmark{display:flex;perspective:900px;position:relative;z-index:2;pointer-events:none;transform:translate3d(calc(var(--hero-progress,0)*-70px),calc(var(--hero-progress,0)*60px),0);opacity:calc(1 - var(--hero-progress,0)*.55)}
.hero-wordmark>span{position:static;font:inherit;letter-spacing:inherit;display:block;animation:letter-arrive 1.4s cubic-bezier(.16,1,.3,1) both}
.hero-wordmark>span:nth-child(2){animation-delay:.07s;color:transparent;-webkit-text-stroke:2px var(--mint)}.hero-wordmark>span:nth-child(3){animation-delay:.14s}.hero-wordmark>span:nth-child(4){animation-delay:.21s}.hero-wordmark>span:nth-child(5){animation-delay:.28s}
@keyframes letter-arrive{from{transform:translateY(24%) rotateX(-45deg);opacity:.45}to{transform:translateY(0) rotateX(0);opacity:1}}
.hero-composition{min-height:520px}.hero-copy{z-index:5}.hero-copy h1{font-weight:700}.hero-copy h1>span:first-child{color:var(--paper)}.hero-copy .period{color:#c2b0ff}.hero-copy .button{border-radius:50%;width:164px;height:164px;min-height:0;padding:30px;gap:10px;transform:rotate(-9deg);background:#c2b0ff;position:absolute;left:380px;bottom:45px;box-shadow:0 14px 32px #050a0738}.hero-copy .button:hover{transform:rotate(0) scale(1.06);background:var(--mint)}.hero-copy .button i{font-size:32px}.hero-description{max-width:30ch}.sculpture{margin-top:-150px;margin-left:-65px;margin-bottom:0;transform:translate3d(0,calc(var(--hero-progress,0)*-70px),0) rotate(calc(var(--hero-progress,0)*20deg));z-index:3}.sculpture canvas{z-index:3;transform:scale(1.03)}.orbit-type{position:absolute;width:94%;height:94%;inset:3%;overflow:visible;animation:orbit-turn 45s linear infinite;z-index:1}.orbit-type text{fill:var(--mint);font-size:14px;font-weight:500;letter-spacing:5px}.orbit-axis{position:absolute;inset:19% 5%;border:1px solid #c2f5d437;border-radius:50%;transform:rotate(-33deg);z-index:0}.sculpture-caption{display:none}@keyframes orbit-turn{to{transform:rotate(360deg)}}.motion-paused .orbit-type,.motion-paused .hero-wordmark>span{animation-play-state:paused}.hero-foot{position:relative;z-index:5}.type-band{position:relative;z-index:6;background:#c2b0ff;transform:rotate(-2deg) scale(1.025);margin:10px 0 -20px;clip-path:inset(0);}.stance{position:relative;overflow:hidden;padding-top:160px;padding-bottom:100px}.stance-asterisk{position:absolute;right:10%;top:35px;font-size:100px;color:#668271;transform:rotate(calc(var(--reveal,0)*100deg));line-height:1}.stance h2{position:relative;font-size:clamp(34px,4.3vw,68px);line-height:1.25}.stance h2 span{background:linear-gradient(90deg,var(--ink) 0%,var(--ink) calc(var(--reveal,1)*100%),#93a397 calc(var(--reveal,1)*100%));background-clip:text;-webkit-background-clip:text;color:transparent}.services .plate{transform:rotate(-4deg);border-radius:3px;box-shadow:15px 28px 50px #27382b25;transition:transform .8s var(--ease)}.plate-col:hover .plate{transform:rotate(0)}.plate img{filter:saturate(.5) brightness(.7)}.service-display{position:absolute;inset:20px 25px auto;display:flex;justify-content:space-between;align-items:start;color:var(--mint);font-size:clamp(70px,9vw,155px);font-weight:800;line-height:1;letter-spacing:-.04em}.service-display>span{font-size:.6em;font-weight:400}.services .plate-foot{margin-top:36px}.service.is-on .service-top h3{font-style:italic}.process-frame{border-radius:0 90px 0 0}.contact{overflow:hidden}.contact:before{content:'';position:absolute;width:340px;height:340px;border:1px solid #668271;border-radius:50%;right:-210px;top:-210px;box-shadow:0 0 0 30px #c2b0ff}.footer-wordmark:hover{color:#c2b0ff}.footer-wordmark span{transition:transform .6s var(--ease)}.footer-wordmark:hover span{transform:rotate(45deg)}
@media(max-width:1100px){.hero-copy .button{position:relative;left:auto;bottom:auto;width:auto;height:auto;border-radius:0;min-height:54px;padding:12px 22px;transform:none}.hero-composition{min-height:470px}.sculpture{margin-left:-35px;margin-top:-80px}}
@media(max-width:600px){.hero-wordmark>span{font:inherit;position:static}.hero-wordmark>span:nth-child(2){-webkit-text-stroke:1px var(--mint)}.hero-composition{min-height:0}.hero-copy{padding-top:36px}.hero-copy h1{font-weight:700}.hero-copy .button{min-height:50px;padding:10px 18px;transform:rotate(-3deg);position:relative}.hero-copy .button i{font-size:24px}.sculpture{margin:-25px -4vw -5px 2vw;height:340px;min-height:340px}.orbit-type{width:98%;height:98%;inset:1%}.orbit-type text{font-size:16px;letter-spacing:4px}.hero-foot{padding-top:0}.stance{padding-top:100px;padding-bottom:60px}.stance-asterisk{font-size:60px;right:8%;top:35px}.stance h2{font-size:33px;z-index:1}.stance p{position:relative;z-index:1}.services .plate{width:94%;margin:10px auto}.service-display{font-size:80px;inset:18px 20px auto}.services .plate-foot{margin-top:25px}.process-frame{border-radius:0 55px 0 0}.type-band{margin-top:8px}.contact:before{width:180px;height:180px;right:-140px;top:-140px}}
@media(prefers-reduced-motion:reduce){.hero-wordmark,.sculpture,.stance-asterisk{transform:none}.stance h2 span{color:var(--ink);background:none}.hero-wordmark>span{clip-path:none;transform:none}}
html,body{overflow-x:clip}