:root{color-scheme:dark;--bg: #030303;--ink: #f5f1e8;--muted: rgba(245, 241, 232, .62);--dim: rgba(245, 241, 232, .38);--line: rgba(245, 241, 232, .18);--line-strong: rgba(245, 241, 232, .34);--attention-copy-dim: rgba(245, 241, 232, .2);--attention-copy-mid: rgba(245, 241, 232, .54);--attention-copy-bright: rgba(255, 255, 255, .98);--paper: #f5f1e8;--black: #030303;--game-cyan: #69e8ff;--game-yellow: #ffd65a;--game-green: #91ffb5;--game-pink: #ff5c91;--max: 1180px;--spotlight-x: 50vw;--spotlight-y: 50vh;--eye-move-x: 0px;--eye-move-y: 0px;font-family:Inter,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth;scroll-padding-top:0;overflow:hidden;background:var(--bg)}body{margin:0;min-width:320px;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);overscroll-behavior-y:contain}#root{height:100%}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.site{position:relative;isolation:isolate;height:100svh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-padding-top:0;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}.site::-webkit-scrollbar{display:none}.site.is-programmatic-scrolling{scroll-snap-type:none}.cursor-spotlight{position:fixed;inset:0;z-index:12;display:none;pointer-events:none;background:radial-gradient(circle 340px at var(--spotlight-x) var(--spotlight-y),rgba(255,255,255,.18),rgba(255,255,255,.055) 32%,transparent 66%);mix-blend-mode:screen}.has-spotlight .cursor-spotlight{display:block}.site-header{position:fixed;top:20px;left:50%;z-index:20;display:grid;grid-template-columns:auto 1fr;align-items:center;width:min(var(--max),calc(100% - 40px));min-height:46px;padding:0;background:transparent;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .68s ease,transform .68s ease}.site-header.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.brand,.desktop-nav,.menu-button,.mobile-nav a{position:relative;z-index:2}.brand{display:inline-flex;align-items:center;min-width:0;line-height:0}.doodoong-logo{position:relative;display:block;width:clamp(126px,11vw,154px);aspect-ratio:40811 / 5093}.doodoong-logo img{width:100%;height:100%;object-fit:contain}.logo-eye{position:absolute;top:var(--eye-top);left:var(--eye-left);width:5.36%;aspect-ratio:1;border-radius:999px;background:transparent;transform:translate(-50%,-50%);overflow:visible}.logo-pupil{position:absolute;top:50%;left:50%;width:100%;aspect-ratio:1;border-radius:999px;background:var(--black);transform:translate(calc(-50% + var(--eye-move-x, 0px)),calc(-50% + var(--eye-move-y, 0px)));transition:transform .12s cubic-bezier(.2,.8,.2,1);will-change:transform}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.desktop-nav{display:flex;justify-content:center;gap:30px;color:var(--muted);font-size:.85rem;font-weight:650}.desktop-nav a,.mobile-nav a{position:relative;transition:color .18s ease,border-color .18s ease,background .18s ease}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--ink)}.nav-link.is-game{display:inline-block;overflow:hidden;color:#f5f1e8c2;animation:gameNavBlink 3.4s cubic-bezier(.72,0,.24,1) infinite;clip-path:inset(0 0 0 0);will-change:clip-path}.nav-link.is-game:hover{color:var(--ink)}@keyframes gameNavBlink{0%,58%,65%,72%,to{clip-path:inset(0 0 0 0)}61.5%,68.5%{clip-path:inset(100% 0 0 0)}}.menu-button{display:none;width:46px;height:46px;padding:0;border:0;background:transparent;cursor:pointer}.menu-button span{display:block;width:18px;height:1px;margin:5px auto;background:var(--ink)}.mobile-nav{position:fixed;top:86px;left:50%;z-index:19;display:grid;width:min(420px,calc(100% - 40px));padding:8px;background:#030303f5;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav a{padding:15px 12px;color:var(--muted);border-bottom:1px solid rgba(245,241,232,.08);font-weight:700}.mobile-nav a:last-child{border-bottom:0}main{position:relative;z-index:2}.hero,.about-opener,.about-section,.scope-section,.clients-section,.portfolio-step,.contact-section{scroll-snap-align:start;scroll-snap-stop:always}.global-scroll-controls{position:fixed;right:max(20px,calc((100vw - var(--max)) / 2));bottom:44px;z-index:18;display:grid;grid-template-rows:repeat(2,14px);gap:16px;justify-items:end;min-width:108px}.global-scroll-cue{position:relative;display:inline-flex;gap:9px;align-items:center;color:var(--dim);font-size:.64rem;font-weight:800;line-height:1;opacity:1;filter:blur(0);transition:color .18s ease,filter .14s ease,opacity .14s ease,transform .18s ease;will-change:opacity,filter,transform}.scroll-arrow{display:inline-block;color:var(--muted);font-size:.92rem;line-height:.72;transform:translateY(-1px)}.global-scroll-cue:after{position:absolute;right:0;bottom:-8px;left:0;height:1px;content:"";background:#f5f1e847}.global-scroll-cue:hover{color:var(--ink)}.global-scroll-cue.is-hidden{opacity:0;filter:blur(2px);pointer-events:none}.global-scroll-cue.is-down:hover{transform:translateY(2px)}.global-scroll-cue.is-up:hover{transform:translateY(-2px)}.global-section-index{position:fixed;top:92px;left:max(20px,calc((100vw - var(--max)) / 2));z-index:4;height:12px;min-width:180px;overflow:hidden;color:var(--dim);font-size:.72rem;font-weight:850;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .26s ease}.global-section-index.is-visible{opacity:1}.global-section-label{position:absolute;top:0;left:0;display:block;will-change:opacity,transform}.global-section-label.is-enter.is-down{animation:sectionLabelEnterDown .26s cubic-bezier(.22,.72,.18,1) both}.global-section-label.is-exit.is-down{animation:sectionLabelExitDown .26s cubic-bezier(.22,.72,.18,1) both}.global-section-label.is-enter.is-up{animation:sectionLabelEnterUp .26s cubic-bezier(.22,.72,.18,1) both}.global-section-label.is-exit.is-up{animation:sectionLabelExitUp .26s cubic-bezier(.22,.72,.18,1) both}@keyframes sectionLabelEnterDown{0%{opacity:0;transform:translateY(72%)}to{opacity:1;transform:translateY(0)}}@keyframes sectionLabelExitDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-72%)}}@keyframes sectionLabelEnterUp{0%{opacity:0;transform:translateY(-72%)}to{opacity:1;transform:translateY(0)}}@keyframes sectionLabelExitUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(72%)}}.scene{opacity:0;transition:opacity .26s cubic-bezier(.22,.72,.18,1);will-change:opacity}.scene.is-visible{opacity:1}.hero{position:relative;min-height:100svh;padding:0;overflow:hidden}.hero:before{position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(180deg,#03030314,#0303031f 46%,#030303db)}.hero-video-wrap{position:absolute;inset:0;overflow:hidden;background:#000}.hero-video-wrap:after{position:absolute;inset:0;content:"";pointer-events:none;box-shadow:inset 0 0 180px #0000006b}.hero-video{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .22s ease}.hero-video-wrap.is-ready .hero-video{opacity:1}.hero-video-wrap.is-resetting .hero-video{opacity:0}.about-opener{position:relative;display:grid;min-height:100svh;align-items:center;padding:96px max(20px,calc((100vw - var(--max)) / 2)) 72px;overflow:hidden}.hero-copy{position:relative;z-index:2;display:grid;grid-template-columns:minmax(240px,.44fr) minmax(420px,.56fr);gap:88px;align-items:center;width:100%}.hero-copy h1{margin:0;font-size:6.45rem;line-height:.9;letter-spacing:0}.hero-copy p{display:grid;justify-self:end;gap:12px;margin:0;width:min(610px,100%);color:var(--ink);font-size:3.15rem;font-weight:850;line-height:1.06;word-break:keep-all}.kicker{display:inline-flex;align-items:center;width:fit-content;color:var(--muted)}.kicker p{margin:0;font-size:.78rem;font-weight:850;letter-spacing:0}.about-section,.scope-section,.clients-section,.portfolio-section,.contact-section,.footer{padding-right:max(20px,calc((100vw - var(--max)) / 2));padding-left:max(20px,calc((100vw - var(--max)) / 2))}.about-section{position:relative;display:grid;align-items:center;min-height:100svh;padding-top:96px;padding-bottom:72px;scroll-margin-top:0}.about-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,.44fr) minmax(420px,.56fr);gap:88px;align-items:center}.about-grid h2{margin:18px 0 0;font-size:4.25rem;line-height:1;letter-spacing:0;word-break:keep-all}.section-heading h2,.contact-section h2{margin:18px 0 0;font-size:clamp(1.9rem,3.25vw,3.15rem);line-height:1.08;letter-spacing:0;word-break:keep-all}.about-statement{display:grid;justify-self:end;gap:0;width:min(610px,100%);max-width:none}.about-statement p{display:grid;gap:12px;margin:0;color:var(--ink);font-size:2.58rem;font-weight:820;line-height:1.14;word-break:keep-all}.about-statement p:first-child{color:var(--ink)}.has-spotlight .hero-copy p,.has-spotlight .about-statement p,.has-spotlight .about-statement p:first-child{color:var(--attention-copy-dim)}@supports (-webkit-background-clip: text){.has-spotlight .hero-copy p span,.has-spotlight .about-statement p span{color:transparent;background:radial-gradient(circle 230px at var(--spotlight-x) var(--spotlight-y),var(--attention-copy-bright) 0,var(--attention-copy-bright) 18%,var(--attention-copy-mid) 44%,var(--attention-copy-dim) 76%);background-attachment:fixed;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.scope-section{display:grid;align-content:center;min-height:100svh;padding-top:104px;padding-bottom:72px;scroll-margin-top:0}.section-heading{display:block;width:min(540px,100%);margin-left:0;margin-bottom:46px;text-align:left}.section-heading h2{margin-top:0;font-size:clamp(1.28rem,1.95vw,1.82rem)}.scope-list{display:grid;grid-template-columns:1fr;border-top:1px solid rgba(245,241,232,.16)}.scope-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:30px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(245,241,232,.16)}.scope-item>div{display:grid;grid-template-columns:minmax(162px,.23fr) minmax(0,1fr);gap:clamp(24px,3.4vw,48px);align-items:baseline;min-width:0}.scope-item>span{color:var(--dim);font-size:.95rem;font-weight:850}.scope-item h3{margin:0;font-size:clamp(.98rem,1.38vw,1.2rem);line-height:1.16;letter-spacing:0}.scope-item p{margin:0;color:var(--muted);font-size:clamp(.62rem,.82vw,.78rem);line-height:1.58;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clients-section{display:grid;align-content:start;min-height:100svh;padding-top:clamp(178px,21vh,214px);padding-bottom:72px;overflow:hidden;scroll-margin-top:0}.client-groups{display:grid;gap:clamp(72px,9.4vh,92px)}.client-group{display:grid;gap:24px}.client-group h2{margin:0;color:var(--ink);font-size:clamp(.88rem,1.12vw,1rem);line-height:1.2}.client-grid{display:grid;gap:30px 46px;align-items:center;padding-top:28px;border-top:1px solid rgba(245,241,232,.16)}.client-grid.is-featured{grid-template-columns:1.02fr .82fr 1.36fr 1.12fr}.client-grid.is-featured .client-logo{justify-items:center}.client-grid.is-compact{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:38px}.client-logo{display:grid;min-width:0;height:58px;align-items:center;justify-items:start;padding:4px 0}.client-logo img{width:var(--logo-w, clamp(96px, 10.5vw, 128px));max-width:100%;max-height:var(--logo-h, 52px);object-fit:contain;opacity:.9;transform:translateY(var(--logo-y, 0))}.logo-callebaut{--logo-w: clamp(118px, 13vw, 150px);--logo-h: 64px}.logo-cacao-barry{--logo-w: clamp(74px, 8.6vw, 96px);--logo-h: 76px}.logo-playstation{--logo-w: clamp(156px, 17vw, 202px);--logo-h: 40px;--logo-y: 10px}.logo-roundlab{--logo-w: clamp(178px, 19vw, 224px);--logo-h: 40px;--logo-y: 10px}.logo-krafton{--logo-w: clamp(104px, 12.4vw, 146px)}.logo-woowa{--logo-w: clamp(108px, 12.7vw, 150px)}.logo-oliveyoung{--logo-w: clamp(120px, 14.4vw, 168px)}.logo-cepolab{--logo-w: clamp(96px, 11.4vw, 132px)}.logo-bareun{--logo-w: clamp(104px, 12vw, 140px)}.logo-lgu{--logo-w: clamp(108px, 12.6vw, 148px)}.logo-klevv{--logo-w: clamp(96px, 11vw, 130px)}.logo-cygames{--logo-w: clamp(120px, 14vw, 156px)}.logo-wagti{--logo-w: clamp(104px, 12.2vw, 144px)}.logo-hl{--logo-w: clamp(92px, 10.8vw, 126px)}.portfolio-section{position:relative;min-height:calc(var(--portfolio-count, 5) * 100svh);padding-top:0;padding-right:0;padding-left:0;scroll-margin-top:0}.portfolio-stage{position:sticky;top:0;z-index:1;height:100svh;overflow:clip}.portfolio-steps{position:relative;z-index:0;margin-top:-100svh;pointer-events:none}.portfolio-step{display:block;height:100svh}.portfolio-case{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.62fr) minmax(270px,.38fr);gap:56px;align-items:center;height:100%;padding:96px max(20px,calc((100vw - var(--max)) / 2)) 72px;overflow:hidden;opacity:0;pointer-events:none;scroll-margin-top:0;transform:none;transition:opacity .42s cubic-bezier(.22,.72,.18,1),visibility .42s cubic-bezier(.22,.72,.18,1);visibility:hidden;will-change:opacity}.portfolio-case.is-active{opacity:1;pointer-events:auto;visibility:visible;transform:none}.portfolio-case.is-before,.portfolio-case.is-after{transform:none}.portfolio-copy{display:grid;grid-template-rows:20px 96px 68px 240px;align-self:center;gap:0;min-width:0;height:424px}.portfolio-copy h3{align-self:start;margin:0;font-size:clamp(1.35rem,2.05vw,2.05rem);line-height:1.18;letter-spacing:0;word-break:keep-all}.case-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;margin:0;column-gap:30px;row-gap:18px}.case-meta div{min-height:0;padding:0}.case-meta dt{color:var(--dim);font-size:.73rem;font-weight:850}.case-meta dd{margin:9px 0 0;color:var(--ink);font-weight:780;line-height:1.35}.case-description{align-self:start;margin:0;color:var(--muted);font-size:.88rem;line-height:1.85;word-break:keep-all}.portfolio-visual,.portfolio-media{min-width:0}.portfolio-visual{display:grid;gap:16px}.media-frame{position:relative;display:block;margin:0;overflow:hidden;background:transparent;color:inherit;contain:paint}a.media-frame{cursor:pointer}a.media-frame:focus-visible{outline:1px solid rgba(245,241,232,.72);outline-offset:4px}.media-frame img{width:100%;height:100%;object-fit:cover;backface-visibility:hidden;transform:translateZ(0);transition:transform .46s cubic-bezier(.2,.8,.2,1);will-change:transform}.media-frame:hover img{transform:translateZ(0) scale(1.028)}.vertical-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.vertical-strip .media-frame{aspect-ratio:9 / 16}.vertical-strip .frame-2,.vertical-strip .frame-4{transform:none}.wide-board{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.62fr);gap:12px}.wide-main{aspect-ratio:16 / 10}.wide-stack{display:grid;gap:12px}.wide-stack .media-frame{aspect-ratio:16 / 10}.quad-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quad-board .media-frame{aspect-ratio:16 / 10}.spotlight-board{display:grid;gap:12px}.spotlight-main{aspect-ratio:16 / 9}.spotlight-main-image{animation:spotlightImageIn .36s cubic-bezier(.2,.8,.2,1) both}@keyframes spotlightImageIn{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}.spotlight-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.spotlight-thumb{display:block;min-width:0;aspect-ratio:16 / 9;padding:0;overflow:hidden;border:0;background:transparent;cursor:pointer;opacity:.62;transition:opacity .18s ease,transform .18s ease}.spotlight-thumb:disabled{cursor:default}.spotlight-thumb:not(:disabled):hover{opacity:1;transform:none}.spotlight-thumb img{width:100%;height:100%;object-fit:cover;transform:none;transition:none;will-change:auto}.spotlight-thumb:not(:disabled):hover img{transform:none}.social-board{display:grid;grid-template-columns:repeat(2,minmax(0,clamp(190px,16.2vw,238px)));justify-content:center;gap:clamp(16px,2vw,24px);align-items:center}.social-board .media-frame{aspect-ratio:6 / 13;overflow:hidden;background:transparent;border-radius:clamp(20px,2vw,30px)}.social-board .media-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateZ(0) scale(1);transition:transform .46s cubic-bezier(.2,.8,.2,1);will-change:transform}.social-board .media-frame:hover img{transform:translateZ(0) scale(1.045)}.portfolio-progress{position:absolute;left:50%;bottom:clamp(42px,5.8vh,64px);z-index:5;width:min(132px,28vw);transform:translate(-50%)}.portfolio-progress-track{position:relative;display:grid;grid-template-columns:repeat(var(--portfolio-count, 5),minmax(0,1fr));gap:5px;height:2px}.portfolio-progress-indicator{position:absolute;top:0;bottom:0;left:calc(var(--portfolio-index, 0) * ((100% - ((var(--portfolio-count, 5) - 1) * 5px)) / var(--portfolio-count, 5) + 5px));z-index:1;width:calc((100% - ((var(--portfolio-count, 5) - 1) * 5px)) / var(--portfolio-count, 5));background:#f5f1e8e6;pointer-events:none;transition:left .42s cubic-bezier(.22,.72,.18,1)}.portfolio-progress-segment{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#f5f1e82e;cursor:pointer;transition:background .16s ease,opacity .16s ease,transform .16s ease}.portfolio-progress-segment:disabled{cursor:default}.portfolio-progress-segment.is-past{background:#f5f1e833}.portfolio-progress-segment.is-current{background:#f5f1e82e}.portfolio-progress-segment:hover,.portfolio-progress-segment:focus-visible{background:#f5f1e8b8;outline:0;transform:scaleY(2)}.single-board .media-frame,.cinema-board .media-frame{aspect-ratio:16 / 9}.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-grid .media-frame{aspect-ratio:3 / 2}.contact-section{position:relative;z-index:2;display:grid;grid-template-columns:.72fr 1fr;gap:70px;min-height:100svh;padding-top:96px;padding-bottom:72px;align-items:center;background:var(--bg);scroll-margin-top:0}.contact-section h2{margin-top:18px;font-size:clamp(2.6rem,4.8vw,4.7rem)}.company-name{margin:16px 0 0;color:var(--muted);font-size:1.05rem;font-weight:740}.contact-list{border-top:1px solid rgba(245,241,232,.12)}.contact-row{display:grid;grid-template-columns:138px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid rgba(245,241,232,.12)}.contact-row span{color:var(--dim);font-size:.75rem;font-weight:850}.contact-row a,.contact-row p{margin:0;color:var(--ink);font-size:1.08rem;font-weight:760;line-height:1.45;word-break:keep-all}.contact-row a:hover{color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:24px;padding-top:30px;padding-bottom:36px;border-top:1px solid rgba(245,241,232,.12);color:var(--dim);font-size:.86rem;font-weight:700}.footer span:first-child{color:var(--ink)}.footer-logo{display:inline-flex;align-items:center}.footer-logo .doodoong-logo{width:120px;opacity:.72}.game-shell{position:relative;min-height:100svh;overflow:hidden;background:#030303}.game-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:22px;height:100svh;padding:86px max(20px,calc((100vw - var(--max)) / 2)) 26px;background:linear-gradient(135deg,rgba(105,232,255,.08),transparent 28%),linear-gradient(315deg,rgba(255,92,145,.08),transparent 34%),#030303}.game-stage{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(105,232,255,.24);background:#030303;box-shadow:inset 0 0 0 1px #ffd65a14,0 0 46px #ff5c9114}.game-canvas{width:100%;height:100%;cursor:default}.game-hud{position:absolute;top:18px;left:18px;z-index:3;display:flex;gap:22px;align-items:start;pointer-events:none}.game-hud div,.game-controls{display:grid;gap:5px}.game-hud span,.game-controls span,.leaderboard-panel li span{color:var(--dim);font-size:.68rem;font-weight:850;line-height:1}.game-hud strong{color:var(--game-cyan);font-size:1.12rem;line-height:1}.game-hud em{color:var(--dim);font-size:.62rem;font-style:normal;font-weight:850;line-height:1}.game-controls{position:absolute;right:18px;bottom:18px;z-index:3;grid-auto-flow:column;gap:14px;pointer-events:none}.game-controls span:nth-child(2){color:#ffd65ab8}.game-pause-button{position:absolute;top:14px;right:14px;z-index:4;display:none;min-height:36px;padding:0 12px;border:1px solid rgba(245,241,232,.22);background:#0303039e;color:var(--ink);font-size:.62rem;font-weight:850}.game-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:24px;background:#030303a8}.game-panel{display:grid;justify-items:start;gap:18px;width:min(520px,100%);padding:28px;border:1px solid rgba(245,241,232,.18);border-radius:8px;background:#030303d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.game-panel h1{margin:0;font-size:clamp(1.75rem,3.4vw,3.35rem);line-height:.98;letter-spacing:0}.game-menu-brand{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(10px,1.6vw,16px);max-width:100%;white-space:nowrap}.game-menu-logo{display:block;flex:0 1 clamp(170px,26vw,260px);width:clamp(170px,26vw,260px);min-width:0;height:auto}.game-title{flex:0 1 auto;font-size:clamp(1.55rem,3.6vw,2.85rem)!important;line-height:.78!important}.game-score-title{font-size:clamp(1.8rem,3vw,2.85rem)!important}.game-panel p{max-width:420px;margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.game-mode-actions,.score-form{display:flex;flex-wrap:wrap;gap:10px}.game-mode-actions button,.score-form button,.play-again{min-height:42px;padding:0 18px;border:1px solid rgba(105,232,255,.5);border-radius:0;background:transparent;color:var(--ink);cursor:pointer;font-size:.74rem;font-weight:850;transition:background .16s ease,color .16s ease,opacity .16s ease}.game-mode-actions button:nth-child(2){border-color:#ff5c918f}.game-mode-actions button:hover,.score-form button:hover,.play-again:hover{background:var(--game-cyan);color:var(--black)}.game-mode-actions button:nth-child(2):hover{background:var(--game-pink);color:var(--black)}.score-form input{width:min(220px,54vw);height:42px;border:0;border-bottom:1px solid rgba(245,241,232,.48);border-radius:0;background:transparent;color:var(--ink);font-size:1.08rem;font-weight:850;text-align:left}.score-form input:focus{outline:0;border-color:var(--ink)}.score-form button:disabled{cursor:default;opacity:.42}.score-error{color:#f5f1e8b8!important}.play-again{width:fit-content}.leaderboard-panel{display:grid;align-content:start;gap:28px;min-width:0;padding:4px 0 0}.leaderboard-panel h2{margin:14px 0 0;font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1}.leaderboard-panel ol{display:grid;gap:0;padding:0;margin:0;list-style:none;border-top:1px solid rgba(245,241,232,.16)}.leaderboard-panel li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:46px;border-bottom:1px solid rgba(245,241,232,.12)}.leaderboard-panel li strong{overflow:hidden;color:var(--game-yellow);font-size:1rem;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.leaderboard-panel li em{color:#69e8ffb8;font-style:normal;font-weight:780}.leaderboard-panel .empty-score{grid-template-columns:1fr;color:var(--dim);font-size:.86rem;font-weight:750}@media(max-width:1040px){.desktop-nav{display:none}.site-header{grid-template-columns:1fr auto}.menu-button{display:block}.global-scroll-controls{right:24px;bottom:38px}.global-section-index{left:24px}.client-grid.is-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 28px}.portfolio-case{gap:44px}.game-page{grid-template-columns:1fr;grid-template-rows:minmax(520px,1fr) auto;overflow-y:auto}.leaderboard-panel{padding-bottom:24px}}@media(max-width:720px){.site{scroll-snap-type:y proximity}.site-header{top:12px;width:calc(100% - 24px);min-height:54px;padding-left:0}.doodoong-logo{width:118px}.mobile-nav{top:74px;width:calc(100% - 24px)}.global-scroll-controls{right:20px;bottom:28px;gap:12px}.global-scroll-cue{font-size:.58rem}.scroll-arrow{font-size:.82rem}.global-section-index{top:82px;left:20px;font-size:.62rem}.about-opener{min-height:100svh;padding:106px 20px 76px;align-items:center}.hero-copy{grid-template-columns:1fr;gap:36px;width:min(520px,100%)}.hero-copy h1{font-size:3.72rem}.hero-copy p{justify-self:start;font-size:2.08rem;line-height:1.1}.about-section,.scope-section,.clients-section,.about-opener,.portfolio-section,.contact-section{padding-top:104px;padding-bottom:94px}.about-grid,.section-heading,.portfolio-case,.contact-section{grid-template-columns:1fr}.portfolio-copy{grid-template-rows:auto;order:1;gap:16px;min-height:0}.portfolio-visual{order:2}.about-grid{gap:42px}.about-statement{justify-self:start;max-width:none}.about-grid h2{font-size:2.72rem}.section-heading h2,.contact-section h2{font-size:2rem}.about-statement p{font-size:1.72rem;line-height:1.18}.section-heading{width:100%;margin-left:0;gap:24px;margin-bottom:34px}.scope-item{grid-template-columns:38px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid rgba(245,241,232,.12)}.scope-item>span{font-size:.78rem}.scope-item>div{display:grid;grid-template-columns:1fr;gap:7px}.scope-item h3{font-size:1.02rem}.scope-item p{font-size:.78rem;overflow:visible;text-overflow:clip;white-space:normal}.scope-list{grid-template-columns:1fr;gap:0;border-top:1px solid rgba(245,241,232,.12)}.client-groups{gap:48px}.client-group{gap:16px}.client-grid.is-featured,.client-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.client-logo{height:48px;padding:4px 0}.client-logo img{width:min(var(--logo-w, 112px),100%);max-height:34px}.portfolio-section{padding:0}.portfolio-case{padding:104px 20px 96px;gap:34px;align-content:start;align-items:start;min-height:100svh;overflow:visible}.portfolio-copy{grid-template-rows:18px 68px 104px 170px;gap:0;height:360px;min-height:0}.portfolio-copy h3{font-size:1.52rem}.case-meta{grid-template-columns:1fr}.vertical-strip,.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-board{grid-template-columns:1fr}.quad-board,.social-board{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-thumbs{gap:8px}.portfolio-progress{width:148px}.portfolio-progress-track{gap:4px}.vertical-strip .media-frame{aspect-ratio:4 / 5}.vertical-strip .frame-2,.vertical-strip .frame-4{transform:none}.wide-stack{grid-template-columns:1fr}.contact-section{gap:42px}.contact-row{grid-template-columns:1fr;gap:9px}.contact-row a,.contact-row p{font-size:1.04rem}.footer{display:grid}.game-page{height:100svh;padding:82px 12px 18px;gap:16px}.game-stage{min-height:520px}.game-hud{top:14px;left:14px;gap:14px}.game-hud strong{font-size:.92rem}.game-controls{right:14px;bottom:14px;grid-auto-flow:row;gap:8px}.game-panel{padding:22px}.game-panel h1{font-size:2.15rem}.leaderboard-panel{padding:4px 8px 20px}}@media(max-width:430px){.hero-copy h1{font-size:3.16rem}.hero-copy p{font-size:1.72rem}.about-grid h2{font-size:2.28rem}.about-statement p{font-size:1.38rem}.section-heading h2,.contact-section h2{font-size:1.72rem}.portfolio-copy h3{font-size:1.36rem}}@media(max-width:720px){.site,.game-page{height:100dvh}.site-header{top:10px;width:calc(100% - 28px);min-height:50px}.doodoong-logo{width:108px}.menu-button{width:42px;height:42px}.mobile-nav{top:68px;width:calc(100% - 28px)}.mobile-nav a{padding:13px 10px;font-size:.86rem}.global-scroll-controls{right:14px;bottom:max(18px,env(safe-area-inset-bottom));gap:10px;min-width:92px}.global-scroll-cue{gap:6px;font-size:.52rem}.scroll-arrow{font-size:.76rem}.global-section-index{top:74px;left:16px;min-width:144px;font-size:.56rem}.about-opener,.about-section,.scope-section,.clients-section,.contact-section{padding:92px 16px 74px}.about-opener{align-items:end;padding-bottom:94px}.hero-copy{gap:28px}.hero-copy h1{font-size:clamp(2.72rem,14.8vw,3.34rem);line-height:.92}.hero-copy p{gap:8px;font-size:clamp(1.42rem,7.2vw,1.86rem);line-height:1.18}.about-grid{gap:30px;align-content:center}.about-grid h2{margin-top:0;font-size:clamp(2rem,9.6vw,2.54rem);line-height:.98}.about-statement p{gap:8px;font-size:clamp(1.28rem,6vw,1.56rem);line-height:1.24}.section-heading{margin-bottom:26px}.section-heading h2,.contact-section h2{font-size:clamp(1.18rem,5.4vw,1.56rem);line-height:1.2}.scope-section{align-content:center}.scope-item{grid-template-columns:32px minmax(0,1fr);gap:14px;padding:16px 0}.scope-item>span{font-size:.68rem}.scope-item h3{font-size:.92rem;line-height:1.18}.scope-item p{font-size:.7rem;line-height:1.52}.clients-section{align-content:center}.client-groups{gap:34px}.client-grid{gap:14px 18px;padding-top:18px}.client-logo{height:40px;justify-items:center}.client-grid.is-compact .client-logo{height:32px}.client-logo img{width:min(var(--logo-w, 104px),88%);max-height:30px}.client-grid.is-featured .client-logo img{max-height:36px}.logo-playstation,.logo-roundlab{--logo-y: 4px}.portfolio-stage{height:100dvh}.portfolio-case{grid-template-rows:minmax(0,1fr) auto;height:100%;padding:88px 16px 64px;gap:16px;align-content:stretch;overflow:hidden}.portfolio-visual{order:1;display:grid;min-height:0;align-self:stretch}.portfolio-copy{order:2;grid-template-rows:auto auto auto auto;gap:7px;height:auto}.portfolio-copy .kicker p{font-size:.56rem}.portfolio-copy h3{font-size:clamp(1.06rem,5.2vw,1.3rem);line-height:1.2}.case-meta{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:8px}.case-meta dt{font-size:.58rem}.case-meta dd{margin-top:5px;font-size:.68rem;line-height:1.25}.case-description{display:-webkit-box;margin-top:3px;overflow:hidden;color:#f5f1e894;font-size:.68rem;line-height:1.48;-webkit-box-orient:vertical;-webkit-line-clamp:4}.portfolio-media{min-height:0;align-self:center}.vertical-strip,.event-grid,.quad-board{align-content:center}.vertical-strip{gap:8px}.vertical-strip .media-frame{aspect-ratio:9 / 13}.spotlight-board{gap:8px}.spotlight-thumbs{gap:6px}.social-board{gap:10px;align-items:center}.social-board .media-frame{border-radius:18px}.portfolio-progress{bottom:max(24px,env(safe-area-inset-bottom));width:118px}.contact-section{align-content:center;gap:30px}.company-name{margin-top:10px;font-size:.84rem}.contact-row{padding:18px 0}.contact-row span{font-size:.66rem}.contact-row a,.contact-row p{font-size:.92rem;line-height:1.46}.game-page{grid-template-rows:minmax(390px,64dvh) auto;padding:72px 10px 16px;overflow-y:auto}.game-stage{min-height:0;border-color:#69e8ff33}.game-canvas{touch-action:none}.game-page.is-mobile-game .game-controls{right:12px;bottom:12px;gap:6px}.game-page.is-mobile-game .game-controls span{font-size:.56rem}.game-page.is-mobile-game .game-pause-button{display:inline-flex;align-items:center;justify-content:center}.game-page.is-mobile-game .game-panel{width:min(330px,100%);gap:14px;padding:20px}.game-page.is-mobile-game .game-menu-brand{gap:9px}.game-page.is-mobile-game .game-menu-logo{width:clamp(132px,42vw,164px);flex-basis:clamp(132px,42vw,164px)}.game-page.is-mobile-game .game-title{font-size:clamp(1.08rem,7vw,1.44rem)!important}.game-page.is-mobile-game .game-mode-actions button,.game-page.is-mobile-game .score-form button{min-height:40px;padding:0 15px;font-size:.7rem}.game-page.is-mobile-game .leaderboard-panel{gap:18px;padding:0 6px 18px}.game-page.is-mobile-game .leaderboard-panel h2{font-size:1.28rem}.game-page.is-mobile-game .leaderboard-panel li{min-height:38px}}@media(max-width:430px){.hero-copy h1{font-size:clamp(2.52rem,15.4vw,3.05rem)}.hero-copy p{font-size:clamp(1.26rem,7.5vw,1.58rem)}.about-grid h2{font-size:clamp(1.86rem,10.6vw,2.28rem)}.about-statement p{font-size:clamp(1.16rem,6.5vw,1.36rem)}.portfolio-case{padding-top:84px}.case-description{-webkit-line-clamp:3}.game-page{grid-template-rows:minmax(374px,62dvh) auto}}@media(max-width:720px){html,body{overscroll-behavior-y:auto}.site{scroll-snap-type:none;scroll-behavior:auto;overscroll-behavior-y:auto}.hero,.about-opener,.about-section,.scope-section,.clients-section,.portfolio-step,.contact-section{scroll-snap-align:none;scroll-snap-stop:normal}.global-scroll-controls{display:none}.global-section-index{top:72px;left:18px;height:14px;color:#f5f1e875;font-size:.68rem}.cursor-spotlight{display:none!important}.has-spotlight .hero-copy p,.has-spotlight .about-statement p,.has-spotlight .about-statement p:first-child{color:var(--ink)}.has-spotlight .hero-copy p span,.has-spotlight .about-statement p span{color:inherit;background:none;-webkit-text-fill-color:currentColor}.site-header{top:10px;min-height:48px}.doodoong-logo{width:112px}.hero{min-height:100dvh}.hero-video{object-fit:cover;object-position:center}.hero:before{background:linear-gradient(180deg,#0303030a,#0303031a 58%,#0303039e)}.about-opener,.about-section,.scope-section,.clients-section,.contact-section{min-height:auto;padding:104px 20px 78px}.about-opener{min-height:86dvh;align-items:center;padding-bottom:74px}.about-section{min-height:78dvh}.hero-copy{gap:34px}.hero-copy h1{font-size:clamp(3.02rem,15.2vw,3.58rem);line-height:.92}.hero-copy p,.about-statement p{gap:11px;line-height:1.16}.hero-copy p{font-size:clamp(1.58rem,7.9vw,1.96rem)}.about-grid{gap:34px;align-content:center}.about-grid h2{font-size:clamp(2.1rem,10.2vw,2.68rem);line-height:1.02}.about-statement p{font-size:clamp(1.44rem,6.8vw,1.78rem)}.kicker p,.portfolio-copy .kicker p{font-size:.68rem}.section-heading{margin-bottom:30px}.section-heading h2,.contact-section h2{font-size:clamp(1.34rem,5.9vw,1.72rem);line-height:1.22}.scope-section{padding-top:100px}.scope-item{grid-template-columns:34px minmax(0,1fr);gap:15px;padding:18px 0}.scope-item>span{font-size:.76rem}.scope-item>div{gap:8px}.scope-item h3{font-size:1rem}.scope-item p{color:#f5f1e8ad;font-size:.82rem;line-height:1.6}.clients-section{padding-top:104px;overflow:visible}.client-groups{gap:42px}.client-group{gap:18px}.client-group h2{font-size:.86rem}.client-grid{gap:20px 18px;align-items:center;padding-top:20px}.client-grid.is-featured,.client-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo,.client-grid.is-compact .client-logo{display:grid;height:46px;place-items:center;padding:0}.client-grid.is-featured .client-logo{height:58px}.client-logo img{width:min(var(--mo-logo-w, var(--logo-w, 112px)),92%);max-height:var(--mo-logo-h, 34px);object-fit:contain;object-position:center;transform:translateY(var(--mo-logo-y, var(--logo-y, 0)))}.client-grid.is-featured .client-logo img{max-height:var(--mo-logo-h, 44px)}.logo-callebaut{--mo-logo-w: 150px;--mo-logo-h: 60px;--mo-logo-y: 0px}.logo-cacao-barry{--mo-logo-w: 104px;--mo-logo-h: 60px;--mo-logo-y: 0px}.logo-playstation{--mo-logo-w: 134px;--mo-logo-h: 32px;--mo-logo-y: 4px}.logo-roundlab{--mo-logo-w: 146px;--mo-logo-h: 32px;--mo-logo-y: 4px}.logo-krafton,.logo-woowa,.logo-oliveyoung,.logo-cepolab,.logo-bareun,.logo-lgu,.logo-klevv,.logo-cygames,.logo-wagti,.logo-hl{--mo-logo-h: 30px}.portfolio-section.is-mobile-onepage{min-height:auto;padding:0}.portfolio-section.is-mobile-onepage .portfolio-stage{position:relative;top:auto;display:grid;gap:76px;height:auto;padding:104px 20px 86px;overflow:visible}.portfolio-section.is-mobile-onepage .portfolio-case{position:relative;inset:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:20px;align-content:start;align-items:start;height:auto;min-height:auto;padding:0;overflow:visible;opacity:1;pointer-events:auto;scroll-margin-top:76px;visibility:visible}.portfolio-section.is-mobile-onepage .portfolio-visual{order:1;align-self:auto}.portfolio-section.is-mobile-onepage .portfolio-copy{order:2;display:grid;grid-template-rows:auto auto auto auto;gap:10px;height:auto}.portfolio-section.is-mobile-onepage .portfolio-copy h3{font-size:clamp(1.18rem,5.6vw,1.42rem);line-height:1.22}.portfolio-section.is-mobile-onepage .case-meta{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:10px}.portfolio-section.is-mobile-onepage .case-meta dt{font-size:.66rem}.portfolio-section.is-mobile-onepage .case-meta dd{margin-top:6px;font-size:.78rem;line-height:1.35}.portfolio-section.is-mobile-onepage .case-description{display:block;margin-top:4px;overflow:visible;color:#f5f1e8a8;font-size:.82rem;line-height:1.72;-webkit-line-clamp:unset}.portfolio-section.is-mobile-onepage .portfolio-progress,.portfolio-section.is-mobile-onepage .portfolio-steps{display:none}.portfolio-section.is-mobile-onepage .vertical-strip,.portfolio-section.is-mobile-onepage .event-grid,.portfolio-section.is-mobile-onepage .quad-board,.portfolio-section.is-mobile-onepage .social-board{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-section.is-mobile-onepage .vertical-strip{gap:8px}.portfolio-section.is-mobile-onepage .vertical-strip .media-frame{aspect-ratio:9 / 13}.portfolio-section.is-mobile-onepage .social-board{gap:10px}.portfolio-section.is-mobile-onepage .spotlight-board{gap:8px}.portfolio-section.is-mobile-onepage .spotlight-thumbs{gap:6px}.contact-section{gap:34px;padding-top:92px;padding-bottom:84px}.company-name{font-size:.92rem}.contact-row{padding:19px 0}.contact-row span{font-size:.72rem}.contact-row a,.contact-row p{font-size:1rem}.footer{padding:24px 20px 30px;font-size:.78rem}.footer-logo .doodoong-logo{width:112px}.game-page{grid-template-rows:minmax(430px,68dvh) auto;padding:72px 10px 16px}.mobile-nav .nav-link.is-game{animation:none;clip-path:none}}@media(max-width:430px){.hero-copy h1{font-size:clamp(2.86rem,15.8vw,3.22rem)}.hero-copy p{font-size:clamp(1.5rem,8vw,1.74rem)}.about-grid h2{font-size:clamp(2.02rem,10.8vw,2.38rem)}.about-statement p{font-size:clamp(1.38rem,7.1vw,1.56rem)}.portfolio-section.is-mobile-onepage .portfolio-stage{gap:70px;padding-top:96px}.portfolio-section.is-mobile-onepage .case-description{font-size:.8rem}.game-page{grid-template-rows:minmax(418px,66dvh) auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.cursor-spotlight{display:none!important}.nav-link.is-game{animation:none!important;clip-path:none;transform:none}.scene{opacity:1;transform:none}}