/* The company as an interactive field. Service destinations stay ordinary links. */
.brand-home .site-header{color:#141a16;border-bottom-color:#151a1630}.brand-home .site-header .mark-star{color:#2c4ef6}.brand-home .header-location,.brand-home .header-clock{color:#535b51}.brand-home .header-location .live-dot{background:#2c4ef6;box-shadow:none}.brand-home .site-header .pill{border-color:#5c6657}.brand-home .site-header .pill:hover{background:#141a16;color:white;border-color:#141a16}.brand-home .desktop-nav a:after{background:#141a16}.brand-field{--field-bg:#e5e7dd;position:relative;min-height:850px;height:100svh;max-height:1200px;isolation:isolate;background:var(--field-bg);color:#141a16;overflow:hidden;transition:background .65s cubic-bezier(.2,.8,.2,1)}.brand-field:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,#131a1710 68.05%,transparent 68.1%),linear-gradient(transparent 55%,#131a170c 55.05%,transparent 55.1%);pointer-events:none}.field-intro{position:absolute;left:var(--pad);top:133px;z-index:4}.field-intro>.mono{font-size:7px;letter-spacing:.06em}.field-intro>p{font-size:15px;line-height:1.5;letter-spacing:-.025em;margin-top:17px}.brand-billboard{font-family:Syne,sans-serif;font-size:clamp(90px,12.3vw,210px);line-height:.79;letter-spacing:-.082em;font-weight:800;position:absolute;left:calc(var(--pad) - 10px);top:27%;color:white;mix-blend-mode:difference;z-index:3;pointer-events:none}.brand-billboard>span{display:block;white-space:nowrap}.brand-billboard>span+span{margin-top:12px}.brand-punctuation{font-family:Arial;font-size:.48em;vertical-align:10%;display:inline-block;margin-left:12px;letter-spacing:-.05em}.field-world{position:absolute;left:5%;right:28%;top:15%;bottom:19%;z-index:2;touch-action:pan-y}.field-world canvas,.world-svg{position:absolute;inset:0;display:block;width:100%;height:100%}.field-world canvas,.service-world canvas{z-index:3;touch-action:pan-y;cursor:grab}.field-world canvas:active,.service-world canvas:active{cursor:grabbing}.world-svg{z-index:2;pointer-events:none}.world-hint{position:absolute;bottom:15%;right:6%;font-size:6px;letter-spacing:.14em;z-index:4;pointer-events:none;writing-mode:vertical-rl;color:#4d5a49}.world-motion{position:absolute;bottom:12px;right:13px;z-index:5;font-size:19px;border:1px solid #252c2245;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-weight:400;background:#e5e7dd50;color:#182016}.field-navigation{position:absolute;right:var(--pad);top:151px;z-index:6;width:29%;max-width:440px;min-width:330px;padding-left:28px;border-left:1px solid #121a1730;background:var(--field-bg);transition:background .65s}.field-nav-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #141a163a}.field-nav-head h2{font-size:20px;font-weight:550;letter-spacing:-.04em}.field-nav-head>.mono{font-size:6px;letter-spacing:.06em}.field-option{display:grid;grid-template-columns:23px 1fr 20px;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #141a162c;line-height:1.4;position:relative;transition:padding .3s,background .3s,color .3s}.field-no{font-family:Syne;font-size:8px;opacity:.65}.field-option strong{font-size:17px;font-weight:550;letter-spacing:-.035em;word-break:keep-all}.field-arrow{font-size:22px;font-weight:350;justify-self:end}.field-option:hover,.field-option.is-active{padding-left:10px;padding-right:10px;background:#141a16;color:var(--field-bg)}.field-option:focus-visible{outline:2px solid #2b4dff;outline-offset:3px}.field-selection{position:absolute;left:var(--pad);bottom:91px;z-index:5;max-width:66%;padding-left:20px;border-left:2px solid #141a16}.field-selection>.mono{font-size:7px;letter-spacing:.06em;display:block;margin-bottom:12px}.field-selection h2{font-size:26px;font-weight:550;letter-spacing:-.035em;line-height:1.3}.field-selection p{font-size:11px;line-height:1.7;margin-top:11px;color:#3f493a;max-width:690px}.field-selection a{display:inline-flex;align-items:center;gap:45px;font-size:12px;font-weight:600;border-bottom:1px solid #141a16;padding:0 0 8px;margin-top:17px}.field-selection a>span{font-size:21px;font-weight:300}.field-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:57px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #141a1640;font-size:6px;letter-spacing:.08em;z-index:6}.field-bottom a{display:flex;gap:20px;align-items:center}.field-bottom a>span{font-size:17px;font-family:Pretendard}.brand-statement{padding:100px var(--pad) 90px;background:#191e1b;overflow:hidden}.brand-statement>.mono{font-size:8px;color:#a1b293}.brand-statement h2{font-size:clamp(38px,6.3vw,100px);letter-spacing:-.065em;line-height:1.18;font-weight:500;margin-top:38px}.brand-statement h2>span{display:inline-block;margin-left:10vw;color:#c5f741}.brand-statement>div{display:grid;grid-template-columns:1fr .5fr 1fr;align-items:center;gap:35px;margin-top:60px}.brand-statement p{font-size:16px;line-height:1.8;color:#b8c8ad;letter-spacing:-.025em}.brand-statement>div>p:last-child{text-align:right}.statement-star{font-family:Arial;color:#c5f741;font-size:120px;line-height:1;text-align:center;display:block;transition:transform 1.2s}.brand-statement:hover .statement-star{transform:rotate(90deg)}
.brand-work{position:relative;isolation:isolate;background:#d9ddd2;color:#182017;padding:85px var(--pad) 55px;overflow:hidden}.brand-work-title{position:relative;z-index:1}.brand-work-title>.mono{font-size:8px}.brand-work-title h2{font-family:Syne;font-size:clamp(65px,9vw,150px);font-weight:800;letter-spacing:-.075em;line-height:.86;margin-top:25px}.brand-work-title h2>span{margin-left:9vw}.brand-work-title>a{position:absolute;top:0;right:0;font-size:12px;border-bottom:1px solid #59664b;padding-bottom:9px;display:flex;align-items:center;gap:18px}.brand-work-title>a>b{font-family:Syne;font-size:24px;line-height:.9}.gallery-world{height:510px;position:relative;z-index:2;margin-top:-75px;perspective:1000px;touch-action:pan-y}.gallery-world>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:4;cursor:grab;touch-action:pan-y}.gallery-world>canvas:active{cursor:grabbing}.gallery-posters{position:absolute;inset:0;z-index:1}.gallery-poster{position:absolute;left:50%;top:50%;width:340px;height:235px;background:#182017;border:6px solid #182017;transform:translate(-50%,-50%) rotate(calc(var(--order) * 4deg));box-shadow:0 12px 35px #0003;overflow:hidden}.gallery-poster img{width:100%;height:100%;object-fit:cover}.gallery-poster>span{position:absolute;bottom:0;left:0;right:0;background:#182017d9;color:#e8eddf;font-size:9px;padding:8px 10px}.gallery-rendering .gallery-posters{opacity:0;pointer-events:none}.gallery-info{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:25px;border-top:1px solid #627254;margin-top:-5px;position:relative;z-index:3}.gallery-info .mono{font-size:7px;line-height:1.5;color:#536347}.gallery-info h3{font-size:22px;line-height:1.35;letter-spacing:-.035em;font-weight:550;margin-top:10px;max-width:650px}.gallery-navigation{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.gallery-navigation button{font-size:22px;width:34px;height:34px;border:1px solid #56644b;border-radius:50%;line-height:1}.gallery-navigation>a{font-size:11px;margin-left:14px;border-bottom:1px solid #56644b;padding-bottom:8px}.gallery-navigation button:hover{background:#182017;color:#d9ddd2}.brand-ventures{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start;padding:90px var(--pad);background:#151c16;overflow:hidden}.ventures-label{position:sticky;top:55px}.ventures-label>.mono{font-size:7px;color:#a3b595}.ventures-label h2{font-family:Syne;font-size:clamp(42px,4.3vw,70px);font-weight:800;line-height:.9;letter-spacing:-.065em;margin-top:30px}.ventures-label h2>span{font-family:Pretendard;font-size:1.4em;font-weight:200;color:#c5f741;display:block;margin-top:20px}.venture-strips{display:grid;gap:25px;padding:12px 8px 20px}.venture-strip{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:235px;padding:27px 30px;transform:rotate(-3deg);transition:transform .55s var(--ease)}.venture-strip:nth-child(2){transform:rotate(3deg)}.venture-strip:nth-child(3){transform:rotate(-2deg)}.venture-strip:hover{transform:rotate(0deg) translateX(-7px)}.venture-strip>.mono{font-size:7px;display:block;margin-bottom:20px}.venture-strip h3{font-family:Syne;font-size:clamp(33px,4.1vw,63px);letter-spacing:-.06em;line-height:.85;font-weight:800}.venture-strip p{font-size:11px;line-height:1.5;margin-top:22px}.strip-arrow{position:absolute;right:29px;bottom:30px;font-size:35px;font-weight:250;line-height:1}.strip-landmarkers{background:#c5f741;color:#192215}.strip-games{background:#c4b6ee;color:#221735}.strip-pieces{color:white;background:#284125}.strip-pieces>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.52)}.strip-pieces:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#12211080,transparent)}.brand-contact{padding:75px var(--pad) 60px;background:#c5f741;color:#172013;overflow:hidden}.brand-contact>.mono{font-size:8px}.brand-contact h2{font-family:Syne;font-size:clamp(60px,11vw,170px);font-weight:800;line-height:.82;letter-spacing:-.075em;margin-top:38px}.brand-contact h2>span{display:inline-block;margin-left:15vw}.brand-contact>div{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-top:1px solid #718c3c;padding-top:27px;margin-top:50px}.brand-contact p{font-size:15px;line-height:1.65;letter-spacing:-.025em}.brand-contact button{display:flex;align-items:center;gap:40px;border-bottom:1px solid #172013;padding:0 0 9px;font-size:17px;font-weight:600;white-space:nowrap}.brand-contact button>span{font-size:32px;font-weight:300}.brand-contact>div>a{font-size:11px;padding-bottom:8px}.brand-home .footer{background:#151c16}.brand-home .footer-wordmark{font-size:9.8vw}
.service-world{position:relative;isolation:isolate;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 91%,91% 100%,0 100%);background:#1e2919;border-color:#596f3f}.service-world>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;touch-action:pan-y;cursor:grab}.world-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(.65)}.service-world .art-caption,.service-world .art-foot{z-index:5;pointer-events:none}.service-world .world-motion{background:#131d12a0;color:#dce8d1;border-color:#8ba17380;bottom:17px;right:25px}.service-page .landing-hero-wrap{position:relative;overflow:hidden}.service-page .landing-hero-wrap:before{content:'';position:absolute;right:-1%;top:-40px;height:85%;width:35%;border-left:1px solid #ffffff08;transform:skewX(-14deg);pointer-events:none}.service-page .landing-copy h1{font-size:clamp(36px,4.7vw,70px);font-weight:550;letter-spacing:-.06em}.service-page .landing-eyebrow{border-left:2px solid #c5f741;padding-left:14px}.service-page[data-field=community] .landing-eyebrow{border-color:#ff9d80}.service-page[data-field=zep] .landing-eyebrow{border-color:#c4b5f1}.service-page[data-field=games] .landing-eyebrow{border-color:#c4b5f1}.service-page[data-field=popup] .service-world{background:#3a2320}.service-page[data-field=brand-goods] .service-world{background:#343c24}.service-page[data-field=zep] .service-world{background:#29213c}.service-page .task-links>a:only-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:35px;min-height:115px}.service-page .task-links>a:only-child p{margin:0}.service-page .task-links>a:only-child>span{margin:0}.service-page .proof-section{background:#181f17}.game-catalog{display:grid;grid-template-columns:1fr 1fr;gap:30px}.game-product{padding:27px;background:#c5b9e8;color:#211c2c;overflow:hidden;position:relative}.game-product:nth-child(2){background:#d7e8a7;color:#263219}.game-product-head{display:flex;align-items:center;gap:20px;position:relative;z-index:2}.game-product-head img{width:70px;height:70px;object-fit:cover;border-radius:16px;box-shadow:0 8px 25px #0002}.game-product-head h3{font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.04em}.game-product-head .mono{font-size:7px;display:block;margin-top:8px}.game-product>p{font-size:13px;line-height:1.7;margin:22px 0}.game-shots{height:280px;display:flex;gap:16px;justify-content:center;align-items:flex-start;padding:20px 0 0;overflow:hidden;perspective:700px;border-top:1px solid #59476f40}.game-shots img{height:290px;width:auto;max-width:48%;object-fit:cover;border:5px solid #211c2c;border-radius:18px;transform:rotate(-7deg);box-shadow:12px 12px 0 #211c2c20}.game-shots img+img{transform:rotate(8deg) translateY(20px)}.game-product>a{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;border-top:1px solid #59476f60;padding-top:18px;position:relative;z-index:2;background:inherit}.game-product>a>span{font-size:24px;font-weight:300}.game-source{display:inline-block;font-size:11px;color:#a9bc9a;margin-top:28px;border-bottom:1px solid #4d6840;padding-bottom:7px}.archive-page .archive-intro{position:relative;isolation:isolate;overflow:hidden}.archive-page .archive-intro:before{content:'WORK';font-family:Syne;font-weight:800;font-size:25vw;letter-spacing:-.08em;position:absolute;right:-3%;top:-25px;color:#b7d89505;z-index:-1;pointer-events:none}.case-page .case-cover{clip-path:polygon(0 0,100% 0,100% 94%,97% 100%,0 100%)}.case-page .case-intro h1{font-weight:500}.case-page .case-facts{border-color:#698f4650}
@media(min-width:1650px){.field-navigation{top:180px}.field-option{padding-top:18px;padding-bottom:18px}.field-option strong{font-size:20px}.field-selection{bottom:105px}.field-selection h2{font-size:31px}.field-selection p{font-size:13px}.field-intro{top:155px}.brand-billboard{top:27%}}
@media(max-width:1100px){.field-navigation{width:34%;min-width:295px;right:var(--pad);padding-left:20px}.field-option{gap:9px;padding-top:12px;padding-bottom:12px}.field-option strong{font-size:15px}.field-nav-head h2{font-size:18px}.field-nav-head>.mono{font-size:5px}.brand-billboard{font-size:12.4vw}.field-world{left:-2%;right:30%;top:21%;bottom:24%}.field-selection{max-width:63%}.field-selection h2{font-size:23px}.field-selection p{font-size:10px}.brand-contact h2{font-size:10.4vw}.brand-ventures{gap:30px;grid-template-columns:.7fr 1.3fr}.venture-strip h3{font-size:4vw}.brand-statement h2{font-size:6.6vw}.gallery-info h3{font-size:19px}.gallery-navigation{gap:12px}.game-product{padding:22px}.game-product-head h3{font-size:23px}.game-product-head img{width:60px;height:60px}.game-shots{height:250px}.game-shots img{height:260px}}
@media(max-width:760px){.brand-home .site-header{height:80px}.brand-home .menu-toggle>span{background:#182017}.brand-home.menu-open .site-header{color:#e9ece5}.brand-home.menu-open .menu-toggle>span{background:#e9ece5}.brand-home.menu-open .site-header .mark-star{color:#c5f741}.brand-field{height:890px;min-height:890px;max-height:none}.field-intro{left:var(--pad);top:107px}.field-intro>.mono{font-size:5px}.field-intro p{font-size:10px;line-height:1.45;margin-top:8px;max-width:130px}.brand-billboard{font-size:17.4vw;left:17px;top:172px;line-height:.8;letter-spacing:-.08em}.brand-billboard>span+span{margin-top:7px}.brand-punctuation{font-size:.44em;margin-left:7px;vertical-align:7%}.field-world{left:7%;right:-15%;top:103px;bottom:auto;height:255px;z-index:2}.world-hint{font-size:5px;right:27%;bottom:4%;writing-mode:horizontal-tb}.field-world .world-motion{right:23%;bottom:20px;font-size:14px;width:27px;height:27px}.field-navigation{left:var(--pad);right:var(--pad);top:375px;width:auto;min-width:0;max-width:none;border-left:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.field-nav-head{grid-column:1/-1;padding-bottom:12px;margin-bottom:0}.field-nav-head h2{font-size:17px}.field-nav-head>.mono{font-size:6px}.field-option{grid-template-columns:17px 1fr 15px;gap:7px;min-height:59px;padding:9px 0;line-height:1.3}.field-option strong{font-size:12px;line-height:1.3;letter-spacing:-.035em}.field-no{font-size:6px}.field-arrow{font-size:18px}.field-option:hover,.field-option.is-active{padding-left:7px;padding-right:7px}.field-selection{left:var(--pad);right:var(--pad);bottom:67px;max-width:none;border-left:1px solid #182017;padding-left:13px}.field-selection>.mono{font-size:5px;margin-bottom:8px}.field-selection h2{font-size:18px;line-height:1.3}.field-selection p{font-size:9px;line-height:1.6;max-width:100%;margin-top:8px}.field-selection a{font-size:10px;margin-top:10px;gap:28px;padding-bottom:5px}.field-selection a>span{font-size:17px}.field-bottom{height:43px;font-size:5px;gap:10px}.field-bottom>span:nth-child(2){display:none}.field-bottom a{gap:12px}.field-bottom a>span{font-size:14px}.brand-statement{padding:62px var(--pad) 55px}.brand-statement>.mono{font-size:6px}.brand-statement h2{font-size:10vw;line-height:1.25;margin-top:27px}.brand-statement h2>span{margin-left:0}.brand-statement>div{grid-template-columns:1fr 65px;gap:30px 15px;margin-top:35px}.brand-statement p{font-size:13px;line-height:1.8}.brand-statement>div>p:last-child{grid-column:1/-1;text-align:left}.statement-star{font-size:66px;align-self:start}.brand-work{padding:55px var(--pad) 37px}.brand-work-title>.mono{font-size:6px}.brand-work-title h2{font-size:8.9vw;line-height:.95;margin-top:23px;letter-spacing:-.065em}.brand-work-title h2>span{margin-left:12vw}.brand-work-title>a{top:0;font-size:9px;gap:8px;padding-bottom:7px}.brand-work-title>a>b{font-size:16px}.gallery-world{height:330px;margin-top:0;left:-22px;width:calc(100% + 44px)}.gallery-poster{width:230px;height:165px;border-width:4px}.gallery-poster>span{font-size:7px;padding:7px}.gallery-info{display:block;gap:0;padding-top:18px;margin-top:0}.gallery-info .mono{font-size:6px}.gallery-info h3{font-size:19px;line-height:1.3;margin-top:8px}.gallery-navigation{margin-top:24px;gap:15px}.gallery-navigation button{font-size:18px;width:30px;height:30px}.gallery-navigation>a{margin-left:auto;font-size:10px;padding-bottom:6px}.brand-ventures{display:block;padding:55px var(--pad);overflow:hidden}.ventures-label{position:static}.ventures-label>.mono{font-size:6px}.ventures-label h2{font-size:10.5vw;line-height:.92;margin-top:22px}.ventures-label h2>span{float:right;font-size:1.6em;line-height:1;margin:0 15px 0 0}.venture-strips{gap:21px;margin-top:35px;padding:10px 7px 10px}.venture-strip{min-height:215px;padding:23px 22px}.venture-strip>.mono{font-size:6px;margin-bottom:20px}.venture-strip h3{font-size:8vw;line-height:.9;letter-spacing:-.055em}.venture-strip p{font-size:10px;line-height:1.5;margin-top:22px;max-width:230px}.strip-arrow{font-size:30px;right:20px;bottom:23px}.brand-contact{padding:55px var(--pad) 42px}.brand-contact>.mono{font-size:6px}.brand-contact h2{font-size:10.8vw;line-height:.9;margin-top:30px;letter-spacing:-.065em}.brand-contact h2>span{margin-left:0}.brand-contact>div{display:block;margin-top:35px;padding-top:24px}.brand-contact p{font-size:14px}.brand-contact button{margin-top:25px;font-size:16px;width:100%;justify-content:space-between;padding-bottom:9px}.brand-contact button>span{font-size:28px}.brand-contact>div>a{display:inline-block;font-size:11px;margin-top:23px}.service-page .landing-copy h1{font-size:35px;line-height:1.2}.service-page .task-links>a:only-child{display:flex;min-height:165px;gap:17px;align-items:flex-start}.service-page .task-links>a:only-child>span{margin-top:auto}.service-world .world-motion{right:18px;bottom:18px;width:30px;height:30px;font-size:15px}.game-catalog{grid-template-columns:1fr;gap:23px}.game-product{padding:24px}.game-product-head{gap:16px}.game-product-head img{width:58px;height:58px;border-radius:14px}.game-product-head h3{font-size:22px}.game-product-head .mono{font-size:6px;margin-top:7px}.game-product>p{font-size:12px;line-height:1.75;margin:21px 0}.game-shots{height:255px;gap:16px}.game-shots img{height:267px;max-width:48%;border-width:4px;border-radius:15px}.game-product>a{font-size:12px;padding-top:17px}.game-product>a>span{font-size:22px}.game-source{font-size:10px;line-height:1.6;margin-top:24px}.archive-page .archive-intro:before{font-size:34vw;top:20px;right:-8%}}
@media(prefers-reduced-motion:reduce){.brand-field,.field-navigation{transition:none}.brand-statement:hover .statement-star{transform:none}.venture-strip:hover{transform:rotate(0)}.brand-home .brand-punctuation{animation:none}}
