@font-face{font-family:Pretendard;src:url(assets/fonts/Pretendard-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(assets/fonts/Pretendard-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
:root{--black:#0b0b0b;--white:#f8f8f6;--blue:#b8ff00;--line:#323842;--grey:#b7b7b7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:var(--white);font-family:Pretendard,"Malgun Gothic",sans-serif;line-height:1.55;word-break:keep-all;-webkit-font-smoothing:antialiased}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip{position:fixed;left:16px;top:-80px;z-index:100;padding:12px;background:#fff;color:#000}.skip:focus{top:16px}.topbar{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;border-bottom:1px solid #ffffff2a;position:fixed;inset:0 0 auto;z-index:20;background:#080b0fcc;backdrop-filter:blur(16px)}.logo img{display:block;width:134px;filter:invert(1)}.topbar nav{display:flex;gap:34px;font-size:12px;letter-spacing:.11em}.topbar nav a,.top-cta{transition:color .2s}.topbar nav a:hover,.top-cta:hover{color:#b8ff00}.top-cta{justify-self:end;font-size:12px;letter-spacing:.08em}.top-cta span{color:var(--blue);font-size:18px}.hero{height:100svh;min-height:720px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:120px 4vw 42px;background:radial-gradient(circle at 50% 45%,#272727 0,#0b1019 27%,#0b0b0b 57%)}.hero-kicker{position:absolute;top:116px;left:4vw;margin:0;font-size:11px;letter-spacing:.18em;color:var(--grey)}.hero h1{margin:0;position:relative;z-index:2;font-size:clamp(58px,9.35vw,150px);line-height:.79;letter-spacing:-.07em;font-weight:600}.hero h1 span{display:block}.hero h1 span:nth-child(2){padding-left:12vw}.hero h1 span:nth-child(3){text-align:right}.accent{color:transparent;-webkit-text-stroke:1.5px var(--white)}.hero-bottom{position:absolute;left:4vw;right:4vw;bottom:34px;display:flex;justify-content:space-between;align-items:end;z-index:4;border-top:1px solid #ffffff38;padding-top:18px}.hero-bottom p,.hero-bottom a{margin:0;font-size:13px}.hero-bottom a{letter-spacing:.12em}.hero-bottom a span{color:var(--blue);font-size:20px}.hero-orbit{position:absolute;inset:0;perspective:900px;z-index:1}.orbit{position:absolute;width:clamp(110px,13vw,220px);border-radius:4px;box-shadow:0 25px 80px #0009;opacity:.82;will-change:transform}.o1{left:8%;top:23%;transform:rotate(-11deg)}.o2{right:9%;top:17%;transform:rotate(8deg)}.o3{left:44%;bottom:5%;transform:rotate(4deg)}.o4{right:25%;bottom:7%;width:clamp(90px,10vw,160px);transform:rotate(-7deg)}.grain{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.section-label{font-size:11px;letter-spacing:.16em;color:#efffc7;margin:0 0 28px}.statement,.services-title,.method,.contact{padding:140px 4vw}.statement{display:grid;grid-template-columns:1fr 3fr;gap:30px;background:var(--white);color:#101318}.statement>div{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:50px}.statement h2,.works-head h2,.services-title h2,.method h2,.contact h2{font-size:clamp(48px,6.6vw,108px);line-height:.98;letter-spacing:-.065em;margin:0;font-weight:600}.statement h2 em,.contact h2 em{font-style:normal;color:var(--blue)}.statement div>p{font-size:17px;color:#5e5e5e;margin:0 0 8px}.works{padding:130px 4vw 100px;overflow:hidden}.works-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:end}.works-head h2{grid-column:2}.works-head>p:last-child{margin:0;color:var(--grey);font-size:15px}.work-tabs{display:flex;gap:9px;margin:66px 0 26px;flex-wrap:wrap}.work-tabs button{border:1px solid #575757;background:transparent;border-radius:99px;padding:10px 17px;font-size:12px;cursor:pointer}.work-tabs button[aria-selected=true]{background:var(--white);color:#101318;border-color:var(--white)}.work-stage{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:14px;min-height:580px}.demo-work{position:relative;border:0;padding:0;background:#151a22;overflow:hidden;cursor:zoom-in;min-height:420px}.demo-work:first-child{grid-row:span 2;min-height:760px}.demo-work img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s}.demo-work:hover img{transform:scale(1.035);filter:brightness(.78)}.demo-work span{position:absolute;left:18px;bottom:16px;font-size:12px;letter-spacing:.08em;opacity:0;transform:translateY(8px);transition:.3s}.demo-work:hover span{opacity:1;transform:none}.work-more{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:28px 0 15px;margin-top:16px;font-size:13px;letter-spacing:.12em;cursor:pointer}.work-more span{font-size:20px;color:var(--blue)}.services{background:var(--blue);color:#fff}.services-title{padding-bottom:100px}.services-title .section-label{color:#efffc7}.service-list{border-top:1px solid #ffffff77}.service-row{display:grid;grid-template-columns:80px 1.8fr 1fr 40px;align-items:center;gap:24px;padding:36px 4vw;border-bottom:1px solid #ffffff77;transition:background .25s,color .25s}.service-row:hover{background:var(--white);color:#101318}.service-row>span{font-size:12px}.service-row h3{font-size:clamp(27px,4vw,62px);line-height:1;margin:0;letter-spacing:-.045em}.service-row p{font-size:14px;margin:0}.service-row b{font-size:25px;font-weight:400}.method{display:grid;grid-template-columns:1fr 1.7fr;gap:9vw}.method-copy{position:sticky;top:135px;align-self:start}.method-copy>p:last-child{max-width:470px;color:var(--grey);font-size:16px;margin-top:30px}.method-steps{list-style:none;padding:0;margin:0}.method-steps li{border-top:1px solid var(--line);padding:30px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.method-steps li>span{grid-column:1/-1;font-size:11px;letter-spacing:.14em;color:#b8ff00}.method-steps h3{font-size:clamp(28px,3.3vw,48px);line-height:1.08;margin:0;letter-spacing:-.045em}.method-steps p{color:var(--grey);font-size:14px;align-self:end}.manifesto{padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.ticker{display:flex;width:max-content;animation:ticker 22s linear infinite}.ticker span{font-size:clamp(46px,7vw,105px);line-height:1;letter-spacing:-.05em;white-space:nowrap;padding-right:.22em;color:transparent;-webkit-text-stroke:1px #828282}@keyframes ticker{to{transform:translateX(-50%)}}.contact{min-height:86vh;display:flex;flex-direction:column;justify-content:center;background:var(--white);color:#101318}.contact>p:not(.section-label){font-size:18px;color:#626262}.contact>a{margin-top:42px;width:min(540px,100%);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #101318;padding:18px 0;font-size:18px}.contact>a span{color:var(--blue);font-size:28px}footer{padding:36px 4vw;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;font-size:10px;letter-spacing:.12em;color:var(--grey)}footer img{width:82px;filter:invert(1)}dialog{width:min(1000px,95vw);max-height:94vh;background:#11161e;color:#fff;border:1px solid #444444;padding:18px}dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}dialog button{position:sticky;top:0;float:right;z-index:2;background:#fff;color:#111;border:0;padding:10px 14px;cursor:pointer}dialog img{display:block;width:100%;height:auto}dialog p{font-size:13px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.on{opacity:1;transform:none}:focus-visible{outline:3px solid #b8ff00;outline-offset:4px}
@media(max-width:850px){.topbar{grid-template-columns:1fr auto;height:70px}.topbar nav{display:none}.logo img{width:112px}.hero{min-height:650px;padding-inline:20px}.hero-kicker{left:20px}.hero h1{font-size:clamp(48px,15vw,78px);line-height:.84}.hero h1 span:nth-child(2){padding-left:0}.hero h1 span:nth-child(3){text-align:left}.hero-bottom{left:20px;right:20px}.orbit{opacity:.38}.o1{left:4%;top:22%}.o2{right:4%;top:29%}.o3{left:53%;bottom:13%}.o4{display:none}.statement,.services-title,.method,.contact{padding:90px 20px}.statement{display:block}.statement>div{display:block}.statement div>p{margin-top:34px}.works{padding:90px 20px}.works-head{display:block}.works-head h2{margin-bottom:25px}.work-stage{grid-template-columns:1fr 1fr;min-height:0}.demo-work,.demo-work:first-child{min-height:350px;grid-row:auto}.demo-work:first-child{grid-column:1/-1;min-height:520px}.service-row{grid-template-columns:38px 1fr 28px;padding:28px 20px}.service-row p{grid-column:2}.service-row b{grid-column:3;grid-row:1}.method{grid-template-columns:1fr}.method-copy{position:static}.method-steps li{grid-template-columns:1fr}.method-steps li>span{grid-column:auto}.method-steps p{margin-top:0}.contact{min-height:75vh}footer{grid-template-columns:1fr;text-align:left}.work-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.work-tabs button{white-space:nowrap}}
@media(max-width:480px){.top-cta{font-size:10px}.hero-bottom p{font-size:12px}.hero-bottom a{font-size:10px}.work-stage{grid-template-columns:1fr}.demo-work:first-child{grid-column:auto;min-height:480px}.demo-work{min-height:420px}.statement h2,.works-head h2,.services-title h2,.method h2,.contact h2{font-size:43px}.service-row h3{font-size:28px}.service-row p{font-size:12px}.method-steps li{padding-bottom:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}