@font-face{font-family:Archivo;src:url('/assets/archivo-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/pretendard-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--blue:#244de9;--ink:#121b2c;--paper:#f4f7fb;--sky:#e6edf5;--muted:#4f5e74;--line:#cad3e0;--gutter:clamp(24px,5.4vw,96px);--ease:cubic-bezier(.16,1,.3,1);--depth:0 28px 65px -24px rgb(13 32 85 / .35)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px;scrollbar-color:#7587b8 var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:1.65;word-break:keep-all;overflow-wrap:break-word}body::-webkit-scrollbar{width:9px}body::-webkit-scrollbar-track{background:var(--paper)}body::-webkit-scrollbar-thumb{background:#7587b8;border:2px solid var(--paper);border-radius:8px}::selection{background:#bdd9ff;color:var(--ink)}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:focus-visible{outline:3px solid currentColor;outline-offset:7px}button,input{font:inherit}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:750;line-height:1.14;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(42px,5.6vw,80px)}h2{font-size:clamp(34px,4.2vw,64px)}h3{font-size:clamp(38px,4.4vw,64px)}.skip{position:fixed;top:12px;left:20px;transform:translateY(-180%);background:#fff;color:var(--ink);padding:12px 20px;z-index:100}.skip:focus{transform:none}.header{display:flex;align-items:center;justify-content:space-between;padding:27px var(--gutter);position:absolute;inset:0 0 auto;z-index:5;color:#fff}.brand{display:flex;align-items:center;gap:9px;font-family:Archivo,sans-serif;font-size:32px;font-weight:800;line-height:1;letter-spacing:-.03em;min-height:44px}.brand-symbol{width:18px;height:28px}.brand-symbol svg{height:100%;width:100%;stroke-width:3}.header nav{display:flex;align-items:center;gap:36px;font-size:15px;font-weight:550}.header nav a{padding:7px 0;min-height:44px;display:flex;align-items:center}.header nav a:hover{text-decoration:underline}.nav-contact{display:flex;align-items:center;gap:12px}.nav-contact svg{width:17px;height:17px}.hero{color:#fff;background:var(--blue);padding:112px var(--gutter) 26px;min-height:100svh;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:calc(100svh - 224px);gap:20px;max-width:1600px;margin:auto}.hero-copy{position:relative;z-index:2;padding:20px 0 40px}.intro{font-size:19px;line-height:1.7;margin-top:30px;color:#e5ebff}.work-link{display:inline-flex;align-items:center;gap:24px;margin-top:32px;font-size:16px;font-weight:650;padding:8px 0}.work-link>span{border:1px solid rgb(255 255 255 / .55);border-radius:50%;padding:10px}.work-link svg{width:19px;height:19px;transition:transform .45s var(--ease)}.work-link:hover svg{transform:translateY(3px)}.hero-art{position:relative;min-height:580px;display:grid;place-items:center;--hero-progress:0}.orbit{position:absolute;width:min(115%,660px);height:auto;color:#86a6ff;left:50%;top:48%;transform:translate(-50%,-50%) rotate(calc(var(--hero-progress)*16deg));stroke-width:1.1;overflow:visible}.orbit-track{opacity:.6}.orbit-ink{color:#fff;stroke-width:2.5;stroke-dasharray:170 2300;stroke-dashoffset:calc(var(--hero-progress)*-900)}.hero-screen{width:clamp(225px,21vw,310px);transform:rotate(calc(-7deg + var(--hero-progress)*7deg)) translateY(calc(var(--hero-progress)*-35px));position:relative;z-index:1}.hero-screen img{width:100%;height:auto;display:block;border-radius:15px;box-shadow:0 30px 85px -20px rgb(5 17 91 / .55)}.screen-note{display:block;font-size:12px;text-align:center;color:#edf2ff;margin-top:14px}.hero-foot{max-width:1600px;margin:32px auto 0;padding-top:18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #6685f1;font-size:13px}.hero-foot p:first-child{font-family:Archivo,sans-serif;font-size:20px}.hero-foot p span{margin-left:16px;font-family:Pretendard,sans-serif;font-size:13px;color:#dce5ff}.hero-foot p:last-child{display:flex;gap:28px;align-items:center;color:#dce5ff}.scroll-hint{display:flex;gap:14px;align-items:center}.scroll-hint svg{width:16px;height:16px}.work-intro{padding:108px var(--gutter) 72px;display:flex;justify-content:space-between;align-items:flex-end;gap:36px;max-width:1720px;margin:auto}.work-intro p{max-width:48ch;color:var(--muted);font-size:16px;line-height:1.8}.project{min-height:110svh;padding:96px var(--gutter);display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(35px,9vw,150px);position:relative}.claw{background:#e1e9f4}.words{background:#eef1ed}.plans{background:#e9f0fa}.soup{background:#f0f0eb}.project-copy{align-self:center;max-width:500px;position:relative;z-index:1;padding:56px 0}.project-lead{font-size:clamp(23px,2.15vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.5;margin-top:32px}.project-description{max-width:39ch;margin-top:25px;color:var(--muted);font-size:17px;line-height:1.9}.project-facts{margin:38px 0 0;font-size:14px;line-height:1.6}.project-facts>div{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:12px 0;border-top:1px solid #c5d0da}.project-facts dt{color:var(--muted)}.project-facts dd{margin:0;font-weight:550}.project-media{align-self:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;--scene-progress:.5}.scene-word{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(55px,6.6vw,96px);letter-spacing:-.04em;line-height:1;color:var(--blue);align-self:flex-start;margin:0 0 12px -36px;transform:translateX(calc((var(--scene-progress) - .5)*-65px));position:relative;z-index:0;opacity:.82}.screen-link{display:block;width:min(100%,300px);transform:translateY(calc((var(--scene-progress) - .5)*-26px)) rotate(calc((var(--scene-progress) - .5)*5deg));transition:box-shadow .45s var(--ease);overflow:hidden;border-radius:15px;box-shadow:var(--depth);background:#fff;position:relative}.screen-link img{width:100%;height:auto;display:block}.screen-link:hover{box-shadow:0 34px 80px -22px rgb(13 32 85 / .43)}.screen-link:focus-visible{outline-color:var(--blue)}.soup-screen{height:580px}.soup-screen img{height:auto;object-position:top}.project-media figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;margin-top:28px;color:var(--muted);font-size:12px;line-height:1.6}.project-media figcaption span:last-child{display:flex;align-items:center;gap:7px;flex-shrink:0}.project-media figcaption svg{width:13px;height:13px}.studio{padding:140px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);max-width:1720px;margin:auto}.studio-heading{display:flex;flex-direction:column;align-items:flex-start;gap:55px}.studio-mark{width:160px;height:90px;color:var(--blue);stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:calc((1 - var(--studio-progress,1))*500)}.studio-body{max-width:530px;align-self:center}.studio-body>p{font-size:19px;line-height:1.9;margin-bottom:24px}.studio-body .english{font-size:15px;color:var(--muted);line-height:1.8;word-break:normal;max-width:64ch;margin-top:34px}.studio-signature{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line);font-size:15px;font-weight:650;color:var(--blue)}.studio-signature svg{width:22px;height:15px}.contact{background:var(--blue);color:#fff;padding:96px var(--gutter) 54px}.contact-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;max-width:1600px;margin:auto}.contact h2{font-size:clamp(32px,4vw,58px)}.email{font-size:clamp(23px,2.8vw,40px);font-weight:550;display:flex;align-items:center;gap:30px;letter-spacing:-.025em;line-height:1.3;padding-bottom:9px;border-bottom:1px solid #8aafff;white-space:nowrap}.email svg{width:32px;height:32px;transition:transform .45s var(--ease)}.email:hover svg{transform:translate(4px,-4px)}.contact-bottom{border-top:1px solid #6685f1;margin:100px auto 0;padding-top:42px;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;max-width:1600px}.footer-brand{font-family:Archivo,sans-serif;font-weight:800;font-size:96px;letter-spacing:-.04em;line-height:1}.contact-bottom p{font-size:15px;color:#e5ebff;line-height:1.9}.contact-bottom p span{font-size:12px}.back-top{display:flex;align-items:center;gap:16px;font-size:13px;padding:8px 0}.back-top svg{width:17px;height:17px}.legal{display:flex;justify-content:space-between;align-items:center;padding:21px var(--gutter);font-size:12px;color:var(--muted);gap:20px}.legal span:nth-child(2){font-family:Archivo,sans-serif}.legal span:last-child{margin-left:auto}
@media(min-width:1600px){.hero-art{min-height:680px}.hero-screen{width:340px}.project-media .screen-link{width:340px}.project{min-height:100svh}.soup-screen{height:635px}}
@media(max-width:1050px){.hero-art{min-height:500px}.hero-content{min-height:calc(100svh - 210px)}.hero-screen{width:245px}.hero h1{font-size:clamp(42px,5.5vw,58px)}.project{column-gap:65px;padding-top:70px;padding-bottom:70px;min-height:980px}.project-media figcaption{flex-direction:column;gap:5px;align-items:flex-start}.scene-word{margin-left:-15px}.screen-link{width:min(100%,275px)}.contact-top{align-items:flex-start;flex-direction:column;gap:38px}.contact-bottom{margin-top:80px}.work-intro{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:700px){:root{--gutter:24px}.header{padding-top:25px;padding-bottom:25px}.brand{font-size:27px}.brand-symbol{width:15px;height:24px}.header nav{gap:21px;font-size:13px}.header nav a:nth-child(2){display:none}.nav-contact{gap:6px}.nav-contact svg{width:14px;height:14px}.hero{padding-top:125px;min-height:0;padding-bottom:24px}.hero-content{display:flex;flex-direction:column;gap:4px;align-items:stretch;min-height:0}.hero-copy{padding:0 0 12px}.hero h1{font-size:clamp(38px,10.4vw,60px)}.intro{font-size:16px;margin-top:25px;line-height:1.8}.work-link{font-size:14px;margin-top:22px;gap:18px}.work-link>span{padding:8px}.hero-art{min-height:500px;margin-top:12px}.hero-screen{width:230px}.orbit{width:112%;max-width:480px}.hero-foot{margin-top:6px;align-items:flex-start;gap:14px;font-size:12px}.hero-foot p:first-child{font-size:18px;display:flex;flex-direction:column;gap:4px}.hero-foot p span{margin-left:0;font-size:12px}.hero-foot p:last-child{flex-direction:column;align-items:flex-end;gap:6px}.scroll-hint{gap:5px}.work-intro{padding-top:72px;padding-bottom:48px;gap:20px}.work-intro h2{font-size:34px}.work-intro p{font-size:14px;line-height:1.85}.work-intro p br{display:none}.project{display:flex;flex-direction:column;min-height:0;gap:40px;padding-top:56px;padding-bottom:44px}.project-copy{padding:0;max-width:none;align-self:stretch}.project h3{font-size:39px;line-height:1.12}.project h3 br{display:none}.project-lead{font-size:23px;line-height:1.5;margin-top:25px}.project-description{font-size:15px;line-height:1.85;margin-top:18px;max-width:43ch}.project-facts{margin-top:25px;font-size:12px}.project-facts>div{grid-template-columns:76px 1fr;gap:12px;padding:10px 0}.project-media{margin-top:15px;padding-top:0;max-width:440px}.scene-word{font-size:68px;margin-left:0;align-self:center;margin-bottom:-2px;z-index:0}.screen-link{width:245px;max-width:calc(100% - 24px)}.soup-screen{height:490px}.project-media figcaption{align-items:center;flex-direction:column;gap:5px;margin-top:21px;font-size:12px;text-align:center}.studio{padding-top:76px;padding-bottom:76px;display:flex;flex-direction:column;gap:35px}.studio-heading{gap:30px}.studio h2{font-size:36px}.studio h2 br:nth-child(2){display:none}.studio-mark{width:110px;height:60px}.studio-body>p{font-size:16px;line-height:1.9;margin-bottom:20px}.studio-body .english{font-size:13px;margin-top:27px}.studio-signature{font-size:13px;margin-top:30px;padding-top:19px}.studio-signature svg{width:18px}.contact{padding-top:60px;padding-bottom:35px}.contact h2{font-size:34px}.contact-top{gap:34px}.email{font-size:25px;gap:23px}.email svg{width:24px;height:24px}.contact-bottom{margin-top:60px;padding-top:31px;display:grid;grid-template-columns:1fr auto;gap:28px}.footer-brand{font-size:73px}.contact-bottom p{grid-row:2;grid-column:1 / -1;font-size:13px}.contact-bottom p span{font-size:12px}.back-top{align-self:center;gap:8px;font-size:12px}.legal{font-size:10px;gap:15px;flex-wrap:wrap;line-height:1.4;padding-top:16px;padding-bottom:16px}.legal span:last-child{flex-basis:100%;margin:0}.hero-screen{transform:rotate(calc(-5deg + var(--hero-progress)*4deg)) translateY(calc(var(--hero-progress)*-20px))}.orbit-ink{stroke-width:2}}
@media(max-width:360px){:root{--gutter:20px}.hero h1{font-size:37px}.header nav{gap:15px}.hero-art{min-height:465px}.hero-screen{width:215px}.scene-word{font-size:60px}.project h3{font-size:35px}.contact h2{font-size:30px}.email{font-size:23px}.studio h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-screen{transform:rotate(-3deg)}.orbit{transform:translate(-50%,-50%)}.orbit-ink{stroke-dashoffset:0}.screen-link,.scene-word{transform:none}.studio-mark{stroke-dashoffset:0}}