:root{color-scheme:dark;--bg: #0a0b0e;--surface: #111318;--surface-2: #171a21;--line: rgb(236 237 241 / .1);--line-strong: rgb(236 237 241 / .22);--fg: #ecedf1;--fg-dim: #9a9ead;--haze: #8d93a8;--haze-soft: rgb(141 147 168 / .12);--gold: #e3b65a;--gold-soft: rgb(227 182 90 / .14);--gold-line: rgb(227 182 90 / .45);--gold-ink: #e3b65a;--on-gold: #1a1408;--danger: #e2735f;--danger-soft: rgb(226 115 95 / .14);--nav-bg: rgb(10 11 14 / .62);--shadow: 0 30px 80px rgb(0 0 0 / .5);--grain-opacity: .06;--bezel-bg: rgb(236 237 241 / .035);--highlight: rgb(255 255 255 / .06);--live: #e3b65a;--font-display: "Geist", "IBM Plex Sans KR", "Apple SD Gothic Neo", system-ui, sans-serif;--font-body: "IBM Plex Sans KR", "Geist", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-mono: "Geist Mono", "IBM Plex Sans KR", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.1875rem;--text-xl: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);--text-2xl: clamp(1.875rem, 1.25rem + 2.4vw, 3.125rem);--text-hero: clamp(2.375rem, 1.1rem + 4.4vw, 4.75rem);--text-figure: clamp(3rem, 2rem + 4vw, 5.5rem);--radius: 14px;--radius-lg: 26px;--radius-small: 8px;--radius-pill: 999px;--gutter: clamp(16px, 4vw, 40px);--section-pad: clamp(84px, 9vw, 136px);--nav-h: 84px;--content-w: 1200px;--ease-out: cubic-bezier(.16, 1, .3, 1);--z-canvas: 0;--z-content: 1;--z-grain: 15;--z-nav: 20;--z-skip: 30}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg: #ecebf1;--surface: #f6f5f9;--surface-2: #e3e2ea;--line: rgb(21 20 27 / .1);--line-strong: rgb(21 20 27 / .22);--fg: #15141b;--fg-dim: #55536a;--haze: #5f5c78;--haze-soft: rgb(95 92 120 / .12);--gold: #8a5a00;--gold-soft: rgb(138 90 0 / .1);--gold-line: rgb(138 90 0 / .4);--gold-ink: #704800;--on-gold: #fff8ea;--danger: #a33826;--danger-soft: rgb(178 65 46 / .1);--nav-bg: rgb(236 235 241 / .72);--shadow: 0 30px 80px rgb(40 36 70 / .14);--grain-opacity: .035;--bezel-bg: rgb(21 20 27 / .035);--highlight: rgb(255 255 255 / .75);--live: #8a5a00}}:root[data-theme=light]{color-scheme:light;--bg: #ecebf1;--surface: #f6f5f9;--surface-2: #e3e2ea;--line: rgb(21 20 27 / .1);--line-strong: rgb(21 20 27 / .22);--fg: #15141b;--fg-dim: #55536a;--haze: #5f5c78;--haze-soft: rgb(95 92 120 / .12);--gold: #8a5a00;--gold-soft: rgb(138 90 0 / .1);--gold-line: rgb(138 90 0 / .4);--gold-ink: #704800;--on-gold: #fff8ea;--danger: #a33826;--danger-soft: rgb(178 65 46 / .1);--nav-bg: rgb(236 235 241 / .72);--shadow: 0 30px 80px rgb(40 36 70 / .14);--grain-opacity: .035;--bezel-bg: rgb(21 20 27 / .035);--highlight: rgb(255 255 255 / .75);--live: #8a5a00}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.72;word-break:keep-all;overflow-wrap:break-word;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}[hidden]{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}img,svg,canvas{max-width:100%}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{text-wrap:balance}code{font-family:var(--font-mono);font-size:.86em;word-break:break-all}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:16px;top:-100px;z-index:var(--z-skip);padding:10px 16px;border-radius:var(--radius-small);background:var(--gold);color:var(--on-gold);font-weight:600;text-decoration:none}.skip-link:focus{top:calc(env(safe-area-inset-top,0px) + 12px)}.container{width:100%;max-width:calc(var(--content-w) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:var(--section-pad)}.section-title{position:relative;max-width:22em;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:300;line-height:1.22;letter-spacing:-.03em}.section-title:after{content:"";display:block;width:72px;height:2px;margin-top:22px;background:var(--gold);transform:scaleX(.18);transform-origin:left;transition:transform .9s var(--ease-out)}.section-title.is-seen:after{transform:scaleX(1)}.lede{max-width:34em;margin-top:22px;color:var(--fg-dim);font-size:var(--text-lg);line-height:1.7}.eyebrow{margin-bottom:22px;color:var(--gold);font-size:var(--text-xs);letter-spacing:.02em}.note{max-width:48em;margin-top:28px;color:var(--fg-dim);font-size:var(--text-xs)}.icon{width:1.15em;height:1.15em;flex:none;fill:currentColor}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border:1px solid transparent;border-radius:var(--radius-pill);font:500 var(--text-sm) / 1 var(--font-body);white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform .18s var(--ease-out),background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.button:active{transform:translateY(1px) scale(.98)}.button-primary{background:var(--gold);color:var(--on-gold);box-shadow:inset 0 1px #ffffff40}.button-primary:hover{box-shadow:inset 0 1px #ffffff40,0 0 0 6px var(--gold-soft)}.button-ghost{border-color:var(--line-strong);background:transparent;color:var(--fg)}.button-ghost:hover{border-color:var(--gold-line)}.button-compact{min-height:42px;padding:0 20px}.button-island{gap:14px;padding-right:6px}.button-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--on-gold) 14%,transparent);transition:transform .42s cubic-bezier(.32,.72,0,1)}.button-island:hover .button-icon{transform:translate(2px,-1px) scale(1.06)}.button-island:hover .icon{transform:none}.bezel{min-width:0;padding:6px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bezel-bg)}.bezel>.core{height:100%;border-radius:calc(var(--radius-lg) - 6px);box-shadow:inset 0 1px 0 var(--highlight)}.scroll-progress{position:fixed;top:0;left:0;right:0;z-index:var(--z-skip);height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;pointer-events:none}@supports (animation-timeline: scroll()){.scroll-progress{animation:grow-progress linear both;animation-timeline:scroll(root)}}@keyframes grow-progress{to{transform:scaleX(1)}}.button-small{min-height:38px;padding:0 16px;font-size:var(--text-xs)}.button .icon{transition:transform .22s var(--ease-out)}.button:hover .icon{transform:translate(3px)}.site-header{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;z-index:var(--z-nav);width:min(1120px,calc(100% - 24px));border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--nav-bg);box-shadow:inset 0 1px 0 var(--highlight),0 18px 50px #0000002e;transform:translate(-50%);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%)}.nav{display:flex;align-items:center;gap:28px;height:58px;padding-inline:22px 8px}.nav-links{display:flex;gap:28px;margin-left:auto;font-size:var(--text-sm)}.nav-links a{color:var(--fg-dim);text-decoration:none;transition:color .16s ease}.nav-links a:hover{color:var(--fg)}.motion-toggle{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:transparent;color:var(--fg-dim);cursor:pointer;transition:color .16s ease,border-color .16s ease}.motion-toggle:hover{border-color:var(--gold-line);color:var(--fg)}.motion-toggle .icon{width:16px;height:16px}.motion-toggle .icon-play,.motion-toggle[aria-pressed=true] .icon-pause{display:none}.motion-toggle[aria-pressed=true] .icon-play{display:block}:root[data-motion=paused] *:not(.scroll-progress),:root[data-motion=paused] *:before,:root[data-motion=paused] *:after{animation-play-state:paused!important}.brand{display:inline-flex;align-items:center;color:var(--fg);text-decoration:none}.brand-logo{display:block;width:auto;height:28px;overflow:visible}.brand-small .brand-logo{height:22px}.brand-disc{fill:var(--gold);transform-box:fill-box;transform-origin:50% 50%}.brand-word{fill:currentColor}:root[data-brand-intro] [data-brand] .brand-disc{animation:brand-intro-hold 4s linear}@keyframes brand-intro-hold{0%,to{opacity:0}}.brand-dust circle{fill:var(--gold);opacity:0}.brand-slot{transform-box:fill-box;transform-origin:100% 50%}.brand.is-assembling .brand-dust circle{animation:brand-dust .95s var(--ease-out) var(--delay, 0ms) both}.brand.is-assembling .brand-disc{animation:brand-disc .9s var(--ease-out) .12s both}.brand.is-assembling .brand-slot{animation:brand-slot .52s cubic-bezier(.65,0,.35,1) .76s both}@keyframes brand-dust{0%{opacity:0;transform:translate(var(--dx),var(--dy))}25%{opacity:.9}to{opacity:0;transform:translate(0)}}@keyframes brand-disc{0%{opacity:0;transform:scale(.55)}55%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes brand-slot{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.site-footer{padding-block:40px calc(40px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);color:var(--fg-dim);font-size:var(--text-xs)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px}.footer-inner p:last-child{margin-left:auto}@media(max-width:900px){.nav-links{display:none}.nav{gap:10px;padding-left:18px}.nav .motion-toggle{margin-left:auto}}@media(max-width:560px){.footer-inner p:last-child{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.section-title:after{transform:scaleX(1)}.brand.is-assembling *{animation:none!important}.scroll-progress{display:none}}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:56px;list-style:none}.work-item.is-featured{grid-column:1 / -1}.work-card{display:block;height:100%;color:inherit;text-decoration:none;transition:border-color .3s ease}.work-card:hover,.work-card:focus-visible{border-color:var(--gold-line)}.work-card>.core{display:grid;overflow:hidden;background:var(--surface)}.is-featured .work-card>.core{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.work-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-2)}.work-video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform .9s var(--ease-out)}.work-card:hover .work-video{transform:scale(1.025)}.work-text{display:grid;align-content:start;gap:12px;padding:28px}.is-featured .work-text{align-content:center;padding:clamp(28px,4vw,48px)}.work-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:300;line-height:1.15;letter-spacing:-.03em}.work-tagline{font-size:var(--text-lg);font-weight:500}.work-summary{color:var(--fg-dim);font-size:var(--text-sm);line-height:1.7}.work-more{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:var(--gold-ink);font-size:var(--text-sm);font-weight:500}.work-more .icon{width:16px;height:16px;fill:currentColor;transition:transform .3s var(--ease-out)}.work-card:hover .work-more .icon{transform:translate(4px)}.work-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none}.work-tags li{padding:3px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-small);color:var(--fg-dim);font-size:var(--text-xs);font-weight:500}@media(max-width:900px){.is-featured .work-card>.core{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.work-video,.work-card:hover .work-video{transform:none}}.case-hero{display:grid;gap:18px;padding-top:calc(var(--nav-h) + clamp(40px,6vw,88px));padding-bottom:40px}.crumbs ol{display:flex;gap:8px;color:var(--fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);list-style:none}.crumbs li+li:before{content:"/";margin-right:8px;color:var(--line-strong)}.crumbs a{color:var(--fg-dim)}.crumbs a:hover{color:var(--fg)}.case-title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:200;line-height:1.05;letter-spacing:-.04em}.case-tagline{color:var(--fg-dim);font-size:var(--text-xl)}.case-film{margin:0}.case-film>.core{overflow:hidden;background:#05060a}.case-film video{display:block;width:100%;height:auto;aspect-ratio:16 / 9}.case-film figcaption{padding:12px 8px 4px;color:var(--fg-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.case-intro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px);align-items:start}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--line);list-style:none}.feature{display:grid;align-content:start;gap:8px;padding:24px;background:var(--surface)}.feature h3{font-family:var(--font-display);font-size:var(--text-md);font-weight:500}.feature p{color:var(--fg-dim);font-size:var(--text-sm);line-height:1.7}.scene-list{display:grid;gap:clamp(56px,8vw,112px);margin-top:64px;list-style:none}.scene{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}.scene-text{position:sticky;top:calc(var(--nav-h) + 24px);display:grid;gap:10px}.scene-num{color:var(--gold-ink);font-family:var(--font-mono);font-size:var(--text-sm)}.scene-text h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;letter-spacing:-.02em}.scene-text p{color:var(--fg-dim);line-height:1.75}.scene-shots{display:grid;gap:20px}.scene-shots:has(.shot-phone){grid-template-columns:minmax(0,.3fr) minmax(0,1fr);align-items:center}.scene-shots:has(.shot-phone) .shot-browser{grid-column:1 / -1}.scene-shots:has(.shot-phone) .shot-phone+.shot-browser{grid-column:auto}.shot{position:relative;display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:zoom-in}.shot-frame{display:block;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:#f5f5f4;box-shadow:var(--shadow);transition:transform .5s var(--ease-out),border-color .3s ease}.shot-browser .shot-frame{padding-top:28px;background:radial-gradient(circle at 16px 14px,#d6d3d1 4px,transparent 4.5px),radial-gradient(circle at 32px 14px,#d6d3d1 4px,transparent 4.5px),radial-gradient(circle at 48px 14px,#d6d3d1 4px,transparent 4.5px),#ecebe9}.shot-phone{justify-self:center;max-width:240px}.shot-phone .shot-frame{padding:8px;border-radius:34px;background:#1b1d22}.shot-phone img{border-radius:26px}.shot img{display:block;width:100%;height:auto}.shot:hover .shot-frame,.shot:focus-visible .shot-frame{border-color:var(--gold-line);transform:translateY(-3px)}.shot-zoom{position:absolute;right:12px;bottom:12px;padding:6px 12px;border-radius:var(--radius-pill);background:#0a0b0ec7;color:#ecedf1;font-size:var(--text-xs);opacity:0;transition:opacity .24s ease}.shot:hover .shot-zoom,.shot:focus-visible .shot-zoom{opacity:1}.case-note{margin-top:72px;padding-top:20px;border-top:1px solid var(--line);color:var(--fg-dim);font-size:var(--text-xs)}.case-cta-inner{display:grid;justify-items:start;gap:8px}.case-cta-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:300;letter-spacing:-.03em}.case-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.lightbox{width:min(96vw,1600px);max-width:none;max-height:94vh;margin:auto;padding:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--fg)}.lightbox::backdrop{background:#05060ad1;backdrop-filter:blur(6px)}.lightbox-bar{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 20px;border-bottom:1px solid var(--line)}.lightbox-caption{flex:1;min-width:0;overflow:hidden;color:var(--fg-dim);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.lightbox-count{color:var(--fg-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.lightbox-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--fg);cursor:pointer}.lightbox-button:hover{border-color:var(--gold-line)}.lightbox-button .icon{width:18px;height:18px;fill:currentColor}.lightbox-image{display:block;width:100%;max-height:calc(94vh - 62px);object-fit:contain;background:#f5f5f4}@media(max-width:900px){.case-intro-grid,.scene{grid-template-columns:1fr}.scene-text{position:static}.scene-shots:has(.shot-phone){grid-template-columns:1fr}.scene-shots:has(.shot-phone) .shot-phone+.shot-browser{grid-column:1 / -1}}@media(max-width:560px){.feature-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.shot-frame,.shot:hover .shot-frame,.shot:focus-visible .shot-frame{transform:none;transition:none}}