@font-face{font-family:PF;src:url('/assets/pretendard.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f2efe7;--ink:#121512;--orange:#ff5a29;--line:#12151229}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:PF,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}img{display:block;width:100%;height:100%;object-fit:cover}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}::selection{background:var(--orange);color:var(--ink)}.skip{position:fixed;top:-70px;z-index:100;padding:16px;background:var(--orange)}.skip:focus{top:0}.nav{height:68px;padding:0 3.3vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:850;letter-spacing:-.7px}.brand svg{width:24px;fill:var(--orange)}.nav nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px;font-weight:600}.nav sup{font-size:9px;color:#71746d}.nav a:hover{color:#ba3211}.motion{background:none;width:34px;height:34px;border:1px solid #12151266;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0}.motion span{width:2px;height:10px;background:currentColor}.motion[aria-pressed=true] span:first-child{width:0;height:0;border-left:7px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;background:none}.motion[aria-pressed=true] span:last-child{display:none}.eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:600;line-height:1.5}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:7px}.hero{padding:28px 3.3vw 0}.hero-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:24px}.hero-intro .eyebrow{margin:0 0 12px}.hero h1{margin:0;font-size:clamp(28px,3.3vw,52px);letter-spacing:-.055em;line-height:1.12;font-weight:650}.hero h1 span{color:#767a6f}.hero-aside{display:flex;align-items:center;gap:25px;max-width:390px}.hero-aside p{font-size:12px;line-height:1.8;margin:0;color:#62685e}.hero-aside b{font-weight:500;color:var(--ink)}.brand-mark{width:70px;flex-shrink:0;fill:var(--orange);transform:rotate(var(--brand-r,0deg));transition:transform .7s cubic-bezier(.2,1,.3,1)}.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-panel{--accent:#c1db94;--panel-bg:#e1e7d5;min-width:0;position:relative;background:var(--panel-bg)}.weplay{--accent:#c1db94}.intuition{--accent:#d5ff68;--panel-bg:#e2e7d9}.hanjang{--accent:#ffd3b9;--panel-bg:#eed6c1}.panel-link{display:block;position:relative;height:100%}.panel-image{height:clamp(180px,30vh,300px);position:relative;overflow:hidden;isolation:isolate;background:#252c24;--mx:65%;--my:45%}.panel-image:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#0008,transparent 45%,#0003)}.panel-image>img{transform:scale(1.035);transition:transform .8s cubic-bezier(.2,1,.3,1),filter .6s;object-position:center;filter:saturate(.82);will-change:transform}.weplay .panel-image>img{object-position:50% 47%}.intuition .panel-image>img{object-position:52% 51%}.hanjang .panel-image>img{object-position:52% 48%}.panel-number,.image-slogan{position:absolute;left:20px;color:#fff;z-index:3;font-size:8px;font-weight:650;letter-spacing:1.5px;pointer-events:none}.panel-number{top:18px}.image-slogan{bottom:16px}.panel-copy{padding:21px 22px 18px;border-top:3px solid var(--accent);position:relative}.panel-name{display:flex;align-items:baseline;gap:10px;min-width:0}.panel-name h2{font-size:clamp(28px,3vw,46px);font-weight:780;letter-spacing:-.065em;line-height:1;margin:0}.panel-name>span{font-size:10px;letter-spacing:-.2px;color:#5e6555}.hanjang .panel-name h2{font-size:clamp(31px,3.2vw,48px);line-height:.94}.panel-role{font-size:14px;font-weight:650;margin:11px 0 0;letter-spacing:-.35px}.panel-desc{font-size:12px;line-height:1.6;margin:11px 0 17px;color:#51584c;word-break:keep-all}.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #12151225;padding-top:13px}.panel-bottom>span:first-child{font-size:9px;color:#555e50;line-height:1.4}.panel-cta{font-size:11px;font-weight:650;display:flex;gap:9px;align-items:center;white-space:nowrap}.panel-cta i{font-size:23px;line-height:1;font-style:normal;transition:transform .4s}.scene-annotation{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.25;transition:opacity .5s}.scene-annotation svg{width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:1.2}.scene-annotation circle{fill:var(--accent);stroke:var(--ink);stroke-width:1.5}.scene-annotation path{stroke-dasharray:520;stroke-dashoffset:0;transition:stroke-dashoffset 1s}.hanjang .scene-annotation{opacity:.15}.hanjang .scene-annotation rect{fill:#12151255}.scene-cursor{position:absolute;left:var(--mx);top:var(--my);transform:translate(-50%,-50%) scale(.7);width:78px;height:78px;border-radius:50%;z-index:4;background:var(--accent);color:#121512;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;opacity:0;font-size:8px;pointer-events:none;transition:opacity .25s,transform .4s;box-shadow:0 8px 40px #0003}.scene-cursor b{font-size:20px;font-weight:400}.hero-foot{display:flex;justify-content:space-between;align-items:center;padding:18px 0 25px;gap:15px;font-size:10px;color:#62685e}.hero-foot>span{display:flex;align-items:center;gap:6px}.hero-foot i{width:5px;height:5px;background:#121512;border-radius:50%}.hero-foot a{color:#121512}.hero-foot b{display:inline-block;margin-left:9px;font-size:15px}
@media(hover:hover) and (pointer:fine){.panel-link:hover .panel-image>img{transform:scale(1.12) translate3d(var(--px,0px),var(--py,0px),0);filter:saturate(1.15)}.panel-link:hover .scene-annotation{opacity:.85}.panel-link:hover .scene-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}.panel-link:hover .panel-cta i{transform:translate(3px,-3px)}.panel-link:hover .panel-copy{background:#ffffff29}}
.panel-link:focus-visible{outline-offset:4px;z-index:5}.panel-link:focus-visible .panel-cta{text-decoration:underline}.panel-link:focus-visible .scene-annotation{opacity:.85}
.transformation{height:145vh;position:relative;margin-top:20px}.transform-sticky{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;padding:6vh 3.3vw 35px;background:var(--orange);--spread:0}.transform-copy{position:relative;z-index:3;pointer-events:none}.transform-copy h2{font-size:clamp(32px,4.2vw,68px);line-height:1.15;letter-spacing:-.05em;font-weight:650;margin:24px 0}.transform-copy h2 span{color:#672a15}.transform-copy p{font-size:13px;line-height:1.8;position:absolute;right:0;top:20px;margin:0}.frame-stage{position:absolute;inset:0;perspective:1200px;pointer-events:none}.orbit-frame{position:absolute;width:25vw;height:36vw;max-height:48vh;left:37.5vw;top:37%;overflow:hidden;box-shadow:0 18px 40px #56251230;will-change:transform}.orbit-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0004,transparent 40%)}.orbit-frame span{position:absolute;bottom:18px;left:18px;color:white;z-index:2;font-size:9px;letter-spacing:1.5px}.frame-one{z-index:3;transform:translate3d(calc(-13vw - var(--spread)*18vw),calc(4vh - var(--spread)*2vh),0) rotate(calc(-14deg + var(--spread)*14deg))}.frame-two{z-index:2;transform:translate3d(0,calc(1vh + var(--spread)*1vh),-10px) rotate(calc(5deg - var(--spread)*5deg))}.frame-three{z-index:1;transform:translate3d(calc(13vw + var(--spread)*18vw),calc(3vh - var(--spread)*1vh),-20px) rotate(calc(16deg - var(--spread)*16deg))}.form-target{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px;font-size:16vw;letter-spacing:-.06em;font-weight:850;opacity:calc(var(--spread)*.13);transform:translateY(10vh);z-index:4}.form-target svg{width:9vw;fill:currentColor}.transform-foot{position:absolute;left:3.3vw;right:3.3vw;bottom:25px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;gap:30px}.progress{width:180px;height:1px;background:#12151240}.progress i{display:block;height:3px;background:#121512;width:calc(var(--spread) * 100%)}
.products{background:var(--ink);color:var(--paper);padding:85px 5vw 40px}.section-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:11px;color:#c0c4b9}.products h2{font-size:clamp(40px,6.3vw,96px);font-weight:550;line-height:1.08;letter-spacing:-.06em;margin:50px 0 65px}.products h2 em{font-style:normal;color:#91998a}.product-story{display:grid;grid-template-columns:1fr 1.08fr;gap:6vw;padding:52px 0;border-top:1px solid #f2efe72a;align-items:center}.product-story:last-child{border-bottom:1px solid #f2efe72a}.story-visual{height:460px;position:relative;overflow:hidden;isolation:isolate}.story-visual>img{transform:scale(1.04) translateY(var(--story-y,0px));will-change:transform}.story-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 45%)}.story-visual>span{position:absolute;left:24px;bottom:24px;z-index:2;font-size:11px;letter-spacing:1px}.story-stamp{position:absolute;top:20px;left:22px;font-size:66px;font-weight:500;line-height:1;color:#fff;letter-spacing:-5px}.story-stamp small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:10px}.story-copy{padding:10px 0}.story-top{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--accent)}.status{font-size:9px;color:#c5cbbd;display:flex;align-items:center;gap:5px}.status i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.story-copy h3{font-size:clamp(26px,3.3vw,50px);font-weight:550;letter-spacing:-.045em;line-height:1.2;margin:30px 0 20px;word-break:keep-all}.story-copy>p{font-size:14px;line-height:1.8;color:#b1b8a7;max-width:430px;word-break:keep-all}.story-copy ol{list-style:none;padding:15px 0 20px;margin:0;display:flex;flex-direction:column;gap:10px}.story-copy li{font-size:12px;display:flex;align-items:center;gap:15px}.story-copy li span{font-size:9px;color:#949d88}.story-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f2efe738;padding:18px 0 0;margin-top:10px;font-size:12px;max-width:440px}.story-link>span{font-size:25px;color:var(--accent);transition:transform .4s}.story-link:hover>span{transform:translate(5px,-5px)}.product-note{font-size:10px;line-height:1.8;color:#a2a998;margin-top:25px;max-width:650px}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;padding:110px 6vw;align-items:center}.about-photo{position:relative;height:520px;overflow:hidden;transform:rotate(-3deg)}.about-photo img{transform:scale(1.04)}.about-photo>span{position:absolute;bottom:24px;left:24px;color:white;font-size:9px;letter-spacing:1px}.about-copy h2{font-size:clamp(34px,4.7vw,70px);letter-spacing:-.05em;font-weight:600;line-height:1.15;margin:28px 0}.about-copy h2 em{font-style:normal;color:#c53a17}.about-copy>p{font-size:14px;line-height:1.9;max-width:380px;color:#5b6156;word-break:keep-all}.signature{border-top:1px solid #12151235;margin-top:35px;padding-top:22px;display:flex;align-items:center;gap:16px}.signature strong{font-size:15px;font-weight:600}.signature span{font-size:10px;color:#59604f}.signature svg{width:35px;fill:var(--orange);margin-left:auto}.end{background:var(--orange);padding:65px 3.3vw 25px}.end>p{font-size:clamp(32px,7.7vw,120px);font-weight:600;line-height:1.25;letter-spacing:-.065em;margin:70px 0 110px}.end>p>a{border-bottom:2px solid #12151255;display:inline-block}.end>p>a>span{display:inline-block;transition:transform .4s}.end>p>a:hover>span{transform:translate(15px,-15px)}.end-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;border-top:1px solid #12151255;padding-top:23px}.study-footer{padding:25px 3.3vw;display:flex;justify-content:space-between;gap:20px;color:#5e6656;font-size:9px;line-height:1.7}.study-footer p{margin:0;max-width:600px}.study-footer b{color:var(--ink);font-weight:600}.study-footer div{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.study-footer button{background:none;padding:0;font-size:9px}.study-footer a{border-bottom:1px solid #777}
@media(min-width:761px) and (max-height:720px){.nav{height:58px}.hero{padding-top:18px}.hero-intro{margin-bottom:20px}.hero h1{font-size:36px}.hero-intro .eyebrow{font-size:9px;margin-bottom:9px}.hero-aside p{font-size:11px}.brand-mark{width:52px}.panel-image{height:185px}.panel-copy{padding:17px 20px 15px}.panel-name h2{font-size:35px}.hanjang .panel-name h2{font-size:38px}.panel-role{margin-top:9px}.panel-desc{margin:8px 0 12px}.panel-bottom{padding-top:10px}.hero-foot{padding:15px 0 18px}}
@media(min-width:761px) and (max-width:1050px){.panel-copy{padding:18px 16px 15px}.panel-name{display:block}.panel-name h2{font-size:29px}.panel-name>span{display:block;font-size:9px;margin-top:5px}.panel-bottom>span:first-child{display:none}.panel-cta{justify-content:space-between;width:100%}.hero-aside{max-width:300px;gap:15px}.hero-aside p{font-size:10px}.brand-mark{width:50px}.hero h1{font-size:34px}.story-top{gap:8px}.story-visual{height:430px}.story-copy h3{font-size:30px}}
@media(max-width:760px){html{scroll-padding-top:16px}.nav{height:56px;padding:0 18px;gap:15px}.brand{font-size:15px}.brand svg{width:21px}.nav nav{gap:0}.nav nav>a:not(.research-link){display:none}.nav .research-link{font-size:10px}.motion{width:30px;height:30px}.hero{padding:22px 16px 0}.hero-intro{margin-bottom:20px;gap:15px;align-items:flex-end}.hero-intro .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:10px}.hero h1{font-size:29px;letter-spacing:-1.4px}.hero-aside{display:block;flex-shrink:0}.hero-aside p{display:none}.brand-mark{width:42px;height:48px}.trio{grid-template-columns:1fr;gap:10px}.service-panel{height:126px}.panel-link{display:grid;grid-template-columns:30% minmax(0,1fr)}.panel-image{height:100%;min-width:0}.panel-image>img{transform:none}.panel-number{left:9px;top:10px;font-size:7px;letter-spacing:.6px}.panel-number{font-size:0}.panel-number b{font-size:8px;font-weight:600}.image-slogan,.scene-cursor{display:none}.scene-annotation{opacity:.3}.panel-copy{border-top:0;border-left:2px solid var(--accent);padding:14px 13px 11px;display:flex;flex-direction:column;min-width:0}.panel-name{display:flex;gap:7px}.panel-name h2{font-size:23px;letter-spacing:-1px}.panel-name>span{font-size:8px;color:#4e5845}.hanjang .panel-name h2{font-size:26px;line-height:.88}.panel-role{font-size:12px;font-weight:650;letter-spacing:-.25px;margin:8px 0 0;line-height:1.3}.panel-desc{display:none}.panel-bottom{margin-top:auto;padding-top:8px;gap:4px;justify-content:flex-end;border-top:1px solid #12151220}.panel-bottom>span:first-child{display:none}.panel-cta{font-size:10px;gap:9px}.panel-cta i{font-size:18px}.hero-foot{padding:17px 0 19px;font-size:8px;gap:10px;letter-spacing:-.2px}.hero-foot i{width:4px;height:4px}.hero-foot b{font-size:12px;margin-left:3px}.transformation{height:auto;margin-top:15px}.transform-sticky{position:relative;height:auto;min-height:0;padding:42px 20px 22px}.transform-copy h2{font-size:29px;margin:20px 0;letter-spacing:-1.6px}.transform-copy p{position:static;font-size:11px;line-height:1.7}.frame-stage{position:relative;height:265px;margin:30px -20px 0;perspective:none;display:flex;align-items:center;justify-content:center;gap:9px;overflow:hidden}.orbit-frame{position:relative;left:auto;top:auto;height:210px;width:30%;max-height:none;flex-shrink:0;box-shadow:0 9px 15px #56251220}.frame-one{transform:translateY(-10px) rotate(-7deg)}.frame-two{transform:translateY(10px)}.frame-three{transform:translateY(-10px) rotate(7deg)}.orbit-frame span{left:9px;bottom:12px;font-size:6px;letter-spacing:.2px}.form-target{display:none}.transform-foot{position:static;font-size:7px;gap:10px;margin-top:14px;letter-spacing:.3px}.transform-foot .progress,.transform-foot>span:last-child{display:none}.products{padding:48px 20px 30px}.section-top{align-items:flex-start;gap:12px}.section-top>span:last-child{font-size:8px;max-width:100px;text-align:right;line-height:1.6}.eyebrow{font-size:8px;letter-spacing:.8px}.products h2{font-size:39px;margin:36px 0 35px;letter-spacing:-2px}.product-story{grid-template-columns:1fr;gap:24px;padding:30px 0 37px}.story-visual{height:290px}.story-stamp{font-size:54px;top:18px;left:20px}.story-visual>span{left:20px;bottom:20px;font-size:10px}.story-copy{padding:0}.story-top{font-size:9px;gap:10px}.status{font-size:8px}.story-copy h3{font-size:31px;letter-spacing:-1.2px;margin:25px 0 15px;line-height:1.2}.story-copy>p{font-size:13px;line-height:1.8}.story-copy ol{padding-bottom:13px}.story-copy li{font-size:11px}.story-link{font-size:12px}.product-note{font-size:9px}.about{grid-template-columns:1fr;gap:38px;padding:65px 25px}.about-photo{height:370px;margin:0 10px}.about-copy h2{font-size:40px;margin-top:22px}.about-copy>p{font-size:13px}.end{padding:40px 20px 22px}.end>p{font-size:37px;letter-spacing:-2.5px;margin:55px 0 75px}.end-foot{flex-wrap:wrap;gap:18px;font-size:8px}.end-foot>span{display:none}.study-footer{padding:25px 20px;font-size:8px;display:block}.study-footer div{gap:14px;margin-top:12px}.study-footer button{font-size:8px}}
@media(max-width:360px){.hero{padding:18px 14px 0}.hero h1{font-size:25px}.hero-intro{margin-bottom:17px}.brand-mark{width:33px}.hero-intro .eyebrow{font-size:6px;letter-spacing:.65px}.service-panel{height:116px}.panel-copy{padding:13px 10px 10px}.panel-name{gap:5px}.panel-name h2{font-size:21px}.panel-name>span{font-size:7px}.panel-role{font-size:11px}.hero-foot{font-size:7px}.hero-foot>span{gap:4px}.products h2{font-size:34px}.story-copy h3{font-size:27px}.end>p{font-size:31px}.nav{padding:0 14px;gap:12px}}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-off .panel-image>img,body.motion-off .story-visual>img,body.motion-off .brand-mark{transform:none!important}body.motion-off .scene-cursor{display:none}body.motion-off .transformation{height:auto}body.motion-off .transform-sticky{position:relative;--spread:1!important}body.motion-off .progress{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.panel-image>img,.story-visual>img,.brand-mark{transform:none!important}.scene-cursor{display:none}.transformation{height:auto}.transform-sticky{position:relative;--spread:1!important}.progress{display:none}}

@media(max-width:760px){.service-panel{height:146px}.panel-desc{display:block;font-size:11px;line-height:1.4;margin:7px 0 5px;color:#434c3d}.panel-bottom{padding-top:7px}.panel-role{margin-top:7px}.panel-name>span{color:#424d39}}@media(max-width:360px){.service-panel{height:136px}.panel-desc{font-size:10px;margin-top:6px}.panel-role{font-size:11px}}

html:has(body.motion-off){scroll-behavior:auto}

.static-view #motion,.static-view #restart{visibility:hidden}.static-view .scene-cursor{display:none}.static-view .panel-image>img,.static-view .story-visual>img{transform:none!important}.static-view .transformation{height:auto}.static-view .transform-sticky{position:relative;--spread:1!important}.static-view .progress{display:none}
.static-view *,.static-view *:before,.static-view *:after{animation:none!important;transition:none!important}html:has(body.static-view){scroll-behavior:auto}