:root{--color-bg-page: #000;--color-bg-case: #06080b;--color-surface-overlay: rgba(255, 255, 255, .1);--color-surface-default: #1a1d24;--color-surface-card: #0e1116;--color-surface-media: #13161c;--color-text-primary: #fff;--color-text-secondary: #e8eaf0;--color-text-heading: #f5f7fc;--color-text-body: #e0e5f0;--color-text-muted: #9299a6;--color-text-subtle: #96a1b2;--color-text-quiet: #a6a6a6;--color-text-cyan: #c0faff;--color-brand: #2f6bff;--color-brand-alt: #337afa;--color-accent: #ff7a1a;--color-gradient-end: #8aadff;--color-tag-bg: rgba(72, 52, 212, .3);--space-10: 10px;--space-20: 20px;--space-30: 30px;--space-50: 50px;--space-56: 56px;--space-80: 80px;--space-120: 120px;--page-gutter: var(--space-120);--radius-lg: 20px;--radius-md: 12px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "42dot Sans", system-ui, sans-serif;--font-nav: "JejuGothic", "Jeju Gothic", "42dot Sans", system-ui, sans-serif;--font-hand: "Caveat", cursive;--font-alt: "DM Sans", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-body);line-height:normal;-webkit-font-smoothing:antialiased}p,h1,h2,h3{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-gradient-end);outline-offset:3px}.page{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:var(--space-56) var(--page-gutter) var(--space-80)}.gradient-text{background:linear-gradient(to right,var(--color-text-secondary),var(--color-gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent}.img--missing{display:block;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 10px,transparent 10px 20px),#15181e}@media(max-width:1100px){:root{--page-gutter: 48px}}@media(max-width:640px){:root{--page-gutter: 16px}.page{padding-top:16px}}.navbar{position:sticky;top:12px;z-index:10;width:100%;height:78px;display:flex;align-items:center;padding:0 30px;border-radius:var(--radius-lg);background:radial-gradient(ellipse 60% 80% at 0% 0%,rgba(72,52,212,.12),transparent 70%),#1e191a33;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 4px #00000040}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:var(--space-20) var(--space-50)}.navbar__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--color-brand);white-space:nowrap}.navbar__logo{width:40px;height:20px;object-fit:contain}.navbar__links{display:flex;align-items:center;gap:60px;font-family:var(--font-nav);font-size:16px;color:var(--color-text-secondary);white-space:nowrap;filter:drop-shadow(0 4px 2px rgba(0,0,0,.25))}.navbar__links a{transition:color .15s}.navbar__links a:hover{color:var(--color-gradient-end)}@media(max-width:800px){.navbar{padding:0 12px;height:64px}.navbar__inner{padding:12px}.navbar__links{gap:24px;font-size:14px}}@media(max-width:480px){.navbar__brand span{display:none}.navbar__links{gap:18px}}.navbar__links .navbar__cta{display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:var(--radius-lg);background:var(--color-accent);color:#fff;font-size:14px;text-shadow:0 0 4px rgba(0,0,0,.25);transition:transform .15s,filter .15s}.navbar__links .navbar__cta:hover{color:#fff;transform:translateY(-1px);filter:brightness(1.08)}@media(max-width:1100px){.navbar__links{gap:36px}}@media(max-width:800px){.navbar__links .navbar__cta{height:34px;padding:0 14px;font-size:13px}}@media(max-width:560px){.navbar__links{gap:14px;font-size:13px}.navbar__links a[href="/"]{display:none}}.footer{position:relative;width:100%;padding:var(--space-20) var(--space-50);border-radius:var(--radius-lg);background:radial-gradient(ellipse 60% 80% at 0% 0%,rgba(72,52,212,.12),transparent 70%),#1e191a33;box-shadow:inset 0 4px 4px #00000040;border:1px solid rgba(255,255,255,.06)}.footer__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:var(--space-30) var(--space-50)}.footer__inner>*{flex:1 1 0;min-width:0}.footer h2{font-family:var(--font-display);font-weight:700;font-size:36px;letter-spacing:-1.8px;color:var(--color-text-primary)}.footer__cta{display:flex;flex-direction:column;gap:var(--space-10)}.footer__cta p,.footer__textlinks{font-family:var(--font-body);font-weight:300;font-size:16px;letter-spacing:-.8px}.footer__textlinks{display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px 24px;align-self:stretch;justify-content:center;min-height:91px;margin:0;padding:0;list-style:none}.footer__textlinks a:hover,.footer__icons a:hover{opacity:.7}.footer__online{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-10)}.footer__online h2{white-space:nowrap}.footer__icons{display:flex;gap:32px}.footer__icons img,.footer__icons .img--missing{display:block;width:30px;height:30px;border-radius:6px}@media(max-width:900px){.footer{padding:16px}.footer__inner{flex-direction:column;padding:16px;gap:32px}.footer__textlinks{justify-content:flex-start;min-height:0}.footer__online{align-items:flex-start}.footer h2{font-size:30px}}.contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:48px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(ellipse 60% 80% at 0% 0%,rgba(72,52,212,.12),transparent 70%),#1e191a33}.contact__intro{display:flex;flex-direction:column;gap:16px}.contact__title{font-family:var(--font-display);font-weight:700;font-size:48px;letter-spacing:-2.4px;color:var(--color-text-heading)}.contact__hand{font-family:var(--font-hand);font-weight:700;font-size:24px;letter-spacing:-1.2px;color:var(--color-text-quiet)}.contact__text{font-family:var(--font-body);font-weight:300;font-size:16px;letter-spacing:-.4px;color:var(--color-text-muted)}.contact__form{display:flex;flex-direction:column;gap:16px}.contact__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field span{font-family:var(--font-nav);font-size:14px;color:var(--color-text-secondary)}.field input,.field textarea{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:var(--color-surface-card);color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:140px}.field input::placeholder,.field textarea::placeholder{color:#5d6370}.field input:focus,.field textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #2f6bff40}.contact__hp{display:none}.contact__footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.contact__submit{border:0;cursor:pointer;min-width:150px}.contact__submit:disabled{opacity:.7;cursor:progress;transform:none}.contact__status{font-family:var(--font-body);font-size:14px}.contact__status--sent{color:#7ee2a8}.contact__status--error{color:#ff8a80}@media(max-width:900px){.contact{grid-template-columns:minmax(0,1fr);gap:28px}}@media(max-width:640px){.contact{padding:20px}.contact__title{font-size:34px;letter-spacing:-1.6px}.contact__row{grid-template-columns:minmax(0,1fr)}}.home{gap:var(--space-56)}.home__main{display:flex;flex-direction:column;gap:var(--space-56);width:100%}.hero{display:flex;justify-content:center;padding:var(--space-20)}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%;max-width:906px;min-height:419px;background:radial-gradient(ellipse 50% 50% at 50% 50%,#4834d41a,#a49aea0d,#fff0)}.badge{display:inline-flex;align-items:center;gap:var(--space-10);padding:5px var(--space-10);border-radius:var(--radius-lg);background:var(--color-surface-overlay);font-family:var(--font-display);font-weight:500;font-size:16px;letter-spacing:-.8px;color:var(--color-text-cyan);white-space:nowrap}.badge__dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 #ff7a1a99;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px #ff7a1a00}to{box-shadow:0 0 #ff7a1a00}}@media(prefers-reduced-motion:reduce){.badge__dot{animation:none}}.hero__title{width:100%;padding:var(--space-10) var(--space-10) 0;font-family:var(--font-display);font-weight:700;font-size:48px;letter-spacing:-2.4px;text-align:center}.hero__sub{width:100%;font-family:var(--font-hand);font-weight:700;font-size:24px;letter-spacing:-1.2px;text-align:center;color:var(--color-text-body)}.hero__actions{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-10);width:100%;min-height:128px;padding:var(--space-20) 0}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:var(--space-10) var(--space-20);border-radius:var(--radius-lg);font-family:var(--font-nav);font-size:14px;color:#fff;white-space:nowrap;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.25));transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-2px);filter:drop-shadow(4px 6px 14px rgba(0,0,0,.35)) brightness(1.08)}.btn--primary{min-width:100px;background:var(--color-brand)}.btn--accent{background:var(--color-accent);text-shadow:0 0 4px rgba(0,0,0,.25)}.cases{display:flex;flex-direction:column;gap:var(--space-20)}.section-title{padding:0 var(--space-20);font-family:var(--font-display);font-weight:700;font-size:48px;letter-spacing:-2.4px;text-align:center;color:var(--color-text-secondary)}.cases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 30px}.card{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:var(--color-surface-default)}.card--link{transition:transform .2s,box-shadow .2s}.card--link:hover{transform:translateY(-4px);box-shadow:0 12px 30px #2f6bff2e}.card__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px;padding:var(--space-10)}.card__title{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-1px;color:var(--color-text-secondary);white-space:nowrap}.card__pills{display:flex;flex-wrap:wrap;gap:12px}.pill{padding:5px;border:1px solid var(--color-text-muted);border-radius:var(--radius-lg);font-family:var(--font-body);font-weight:300;font-size:12px;letter-spacing:-.6px;color:var(--color-text-muted);white-space:nowrap}.card__media{position:relative;width:100%;aspect-ratio:557 / 500;overflow:hidden;border-radius:0 0 20px 20px}.card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card__media:not(.card__media--layered) .card__img--base{object-fit:cover}.card__media--layered .card__img--base{inset:auto;top:-7.19%;left:-6.29%;width:106.29%;height:118.41%;max-width:none}.about{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-30);padding:48px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(ellipse 60% 80% at 0% 0%,rgba(72,52,212,.12),transparent 70%),#1e191a33}.about__content{display:flex;flex-direction:column;gap:var(--space-20);width:542px;max-width:100%;padding:var(--space-20) var(--space-10)}.about__bio{display:flex;flex-direction:column;gap:20px;padding:var(--space-10) 0}.about__quote{font-family:var(--font-display);font-weight:700;font-size:48px;letter-spacing:-2.4px;color:var(--color-text-heading)}.about__hand{font-family:var(--font-hand);font-weight:700;font-size:24px;letter-spacing:-1.2px;color:var(--color-text-quiet)}.about__roles{display:flex;flex-direction:column;gap:20px;margin:0;padding:20px 0;list-style:none}.about__roles li{display:flex;align-items:flex-start}.about__star{flex:none;width:40px;height:40px;font-family:var(--font-display);font-weight:200;font-size:50px;line-height:1;text-align:center}.about__role-title{font-family:var(--font-nav);font-size:16px;color:var(--color-text-primary)}.about__role-text{font-family:var(--font-body);font-weight:300;font-size:16px;letter-spacing:-.8px;color:var(--color-text-muted)}.tech{display:flex;flex-direction:column;gap:var(--space-10)}.tech__title{display:flex;align-items:center;height:58px;font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-1.2px;color:var(--color-text-secondary)}.tech__icons{display:flex;flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none}.tech__icons li{display:flex;align-items:center;justify-content:center;width:48px;height:48px;overflow:hidden}.tech__icons img,.tech__icons .img--missing{flex:none;max-width:none}.tech__icons .img--missing{width:40px!important;height:40px!important;border-radius:8px}.about__photo{position:relative;width:416px;max-width:100%;aspect-ratio:416 / 493;overflow:hidden;mix-blend-mode:lighten}.about__photo img,.about__photo .img--missing{position:absolute;top:.03%;left:-.14%;width:100.1%;height:103.35%;max-width:none}.about__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000 6.25%,#0000 29.8%);pointer-events:none}@media(max-width:1100px){.cases__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:720px){.home,.home__main{gap:40px}.hero{padding:0}.hero__copy{min-height:0;align-items:center;gap:20px;padding-top:24px}.hero__title{font-size:32px;letter-spacing:-1.4px}.hero__title br{display:none}.hero__sub{font-size:21px}.hero__actions{min-height:0}.section-title{font-size:36px;letter-spacing:-1.6px}.cases__grid{grid-template-columns:minmax(0,1fr)}.card__title{white-space:normal}.about{padding:20px}.about__quote{font-size:34px;letter-spacing:-1.6px}}body:has(.cs){background:var(--color-bg-case)}.cs{gap:40px}.cs__main{display:flex;flex-direction:column;gap:40px;width:100%}.cs-label{display:flex;gap:12px;min-height:30px;font-size:16px}.cs-label>span{flex:1 1 0}.cs-label__num{font-family:var(--font-display);font-weight:700;color:var(--color-brand-alt)}.cs-label__text{font-family:var(--font-body);font-weight:600;color:var(--color-text-subtle)}.cs-intro{display:flex;flex-direction:column;gap:20px}.cs-intro__title{font-family:var(--font-display);font-weight:700;font-size:56px;line-height:1.4}.cs-intro__sub{font-family:var(--font-alt);font-size:24px;color:var(--color-text-secondary)}.cs-tags{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.cs-tags li{padding:12px;border-radius:18px;background:var(--color-tag-bg);font-family:var(--font-body);font-weight:500;font-size:12px;color:#fff}.cs-hero{margin:0;padding:32px;border-radius:16px;background:var(--color-surface-media)}.cs-hero__img{width:100%;aspect-ratio:2400 / 3520;object-fit:cover}.cs-section{display:flex;flex-direction:column;gap:24px}.cs-section--process{padding:20px 0}.cs-heading{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1.4;color:var(--color-text-heading)}.cs-heading--lg{font-size:34px}.cs-row{display:grid;margin:0;padding:0;list-style:none}.cs-row--overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}.cs-row--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:center}.cs-row--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cs-row--outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.cs-row--4>li{display:flex}.cs-card{display:flex;flex-direction:column;width:100%;border-radius:12px;background:radial-gradient(ellipse 60% 80% at 0% 0%,rgba(72,52,212,.12),transparent 70%),#1e191a33}.cs-card--lg{gap:12px;padding:24px;height:100%}.cs-card--md{gap:14px;padding:22px}.cs-row--outcomes .cs-card--md{gap:12px;min-height:190px}.cs-card--sm{gap:10px;padding:18px}.cs-card__label{min-height:24px;font-family:var(--font-body);font-weight:700;font-size:12px;color:var(--color-brand-alt)}.cs-card__title{font-family:var(--font-body);font-weight:600;font-size:22px;color:var(--color-text-heading)}.cs-card__muted{font-family:var(--font-body);font-size:14px;color:var(--color-text-subtle)}.cs-card__body{font-family:var(--font-body);font-size:16px;color:var(--color-text-body)}.cs-card__step{font-family:var(--font-body);font-weight:600;font-size:19px;color:var(--color-text-heading)}.cs-card__small{font-family:var(--font-body);font-size:13px;color:var(--color-text-subtle)}.cs-next{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:14px;background:var(--color-surface-card);transition:background .2s}.cs-next:hover{background:#141822}.cs-next__label{font-family:var(--font-body);font-weight:700;font-size:11px;color:var(--color-brand-alt)}.cs-next__title{font-family:var(--font-display);font-weight:600;font-size:26px;color:var(--color-text-heading)}.cs-next__title span{display:inline-block;transition:transform .2s}.cs-next:hover .cs-next__title span{transform:translate(6px)}.cs-next__credit{font-family:var(--font-body);font-size:13px;color:var(--color-text-subtle)}@media(max-width:1000px){.cs-row--4{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-row--3{grid-template-columns:minmax(0,1fr)}.cs-row--overview{gap:20px}}@media(max-width:640px){.cs-intro__title{font-size:38px}.cs-intro__sub{font-size:19px}.cs-hero{padding:12px}.cs-heading,.cs-heading--lg{font-size:26px}.cs-row--overview,.cs-row--4,.cs-row--outcomes{grid-template-columns:minmax(0,1fr);gap:16px}.cs-row--outcomes .cs-card--md{min-height:0}}
