*,:before,:after{box-sizing:border-box}:root{--navy-deep:#08111c;--navy:#0e1927;--navy-2:#16253a;--brand:#2f4364;--charcoal:#1e252e;--mist:#b7c6d2;--cyan:#d5f4f9;--taupe:#93a2b2;--white:#fff;--paper:#fafafa;--svc-game:#2e7fb8;--svc-comm:#7a6bc4;--svc-cooking:#c85f1e;--svc-chef:#34907a;--svc-migr:#2e8f7f;--svc-ai:#b05a46;--maxw:1400px;--anno:#ffc24d;--ease:cubic-bezier(.16, 1, .3, 1);--grain: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='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{-webkit-text-size-adjust:100%}body{color:var(--white);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;background:#05090f;margin:0;font-family:Plus Jakarta Sans,IBM Plex Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;font-size:16px;font-weight:300;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.d{text-transform:uppercase;letter-spacing:-.015em;margin:0;font-family:Anton,Arial Narrow,Impact,sans-serif;font-weight:400;line-height:.86}.d--hero{font-size:clamp(4rem,16.5cqi,16rem)}.d--outline{color:#0000;-webkit-text-stroke:1px var(--mist)}.d--sec{font-size:clamp(2.4rem,7.6cqi,6.8rem)}.d--mid{font-size:clamp(1.8rem,4.2cqi,3.4rem);line-height:.95}.d--sm{font-size:clamp(1.35rem,2.5cqi,2rem);line-height:1}.lbl{letter-spacing:.22em;text-transform:uppercase;font-family:Plus Jakarta Sans,IBM Plex Sans KR,sans-serif;font-size:11px;font-weight:600}.mono{letter-spacing:.02em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.ko{text-transform:none;letter-spacing:.01em}.stage{background:#05090f;justify-content:center;min-height:100vh;display:flex}.screen{width:100%;max-width:var(--preview-w,none);background:var(--navy);transition:max-width .3s var(--ease);position:relative;overflow:clip;container:screen/inline-size}.screen:after{content:"";background-image:var(--grain);opacity:.045;mix-blend-mode:overlay;pointer-events:none;z-index:90;background-size:160px;position:absolute;inset:0}.wrap{--pad:clamp(20px, 3.4cqi, 48px);width:100%;max-width:var(--maxw);padding-inline:var(--pad);margin-inline:auto}.nav{z-index:80;mix-blend-mode:difference;pointer-events:none;padding:clamp(18px,2.2cqi,30px) 0;position:relative;top:42px}.nav__in{align-items:center;gap:24px;display:flex}.nav__in>*{pointer-events:auto}.brand{align-items:baseline;gap:12px;display:flex}.brand__mark{width:auto;height:15px}.brand__sub{color:var(--white);opacity:.82}.brand__page{color:var(--white);opacity:.9}.nav__links{gap:26px;margin-left:auto;display:flex}.nav__links~.nav__cta{margin-left:0}.nav__links a{color:var(--white);opacity:.82;transition:opacity .2s}.nav__links a:hover{opacity:1}.nav__cta{color:var(--white);cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease);background:0 0;border:1px solid #ffffff8c;margin-left:auto;padding:11px 20px}.nav__cta:hover{background:var(--white);color:#000}.lang{gap:2px;display:flex}.lang__btn{color:var(--white);opacity:.5;font:inherit;letter-spacing:.16em;cursor:pointer;background:0 0;border:0;padding:6px 7px;font-size:11px}.lang__btn[aria-pressed=true]{opacity:1;text-underline-offset:5px;text-decoration:underline}@container screen (max-width:820px){.nav__links{display:none}}@container screen (max-width:560px){.nav__cta{display:none}}.hero{background:var(--navy);flex-direction:column;justify-content:center;min-height:min(100vh - 72px,880px);padding:clamp(40px,5cqi,72px) 0 clamp(30px,3.4cqi,48px);display:flex;position:relative;overflow:clip}.hero--compact{min-height:0;padding:clamp(24px,2.6cqi,38px) 0 clamp(16px,1.8cqi,26px)}.hero--compact .d--hero{font-size:clamp(2rem,5.4cqi,4.2rem)}.hero--compact .hero__foot{align-items:center;margin-top:clamp(18px,2.2cqi,30px)}.hero--compact .hero__arrow{display:none}.hero--compact .hero__note{max-width:46ch}.hero__fx{z-index:0;filter:blur(30px)saturate(125%);opacity:.92;pointer-events:none;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero__veil{z-index:1;pointer-events:none;background:linear-gradient(#08111c9e 0%,#08111c0f 40%,#08111cad 100%),radial-gradient(64cqi 46cqi at 20% 30%,#0000006b 0%,#0000 72%);position:absolute;inset:0}.hero__veil:before{content:"";filter:blur(14px);background:linear-gradient(100deg,#0000 0%,#d5f4f916 42%,#d5f4f921 50%,#d5f4f916 58%,#0000 100%);width:46%;animation:12s linear infinite sweep;position:absolute;top:-20%;bottom:-20%;left:-50%}@keyframes sweep{0%{opacity:0;transform:translate(0)skew(-12deg)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(340%)skew(-12deg)}}.hero__veil:after{content:"";background-image:linear-gradient(90deg,#b7c6d212 1px,#0000 1px),linear-gradient(#b7c6d212 1px,#0000 1px);background-size:76px 76px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72cqi 54cqi at 26% 8%,#000 0%,#0000 78%);mask-image:radial-gradient(72cqi 54cqi at 26% 8%,#000 0%,#0000 78%)}.hero__type,.hero__foot{z-index:2}.blob{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.blob--a{aspect-ratio:1;opacity:.5;background:#3d6ea8;width:52cqi;top:-18cqi;left:-12cqi}.blob--b{aspect-ratio:1;background:var(--cyan);opacity:.17;width:30cqi;top:34%;right:-9cqi}.hero__type{position:relative}.hero__foot{justify-content:space-between;align-items:flex-end;gap:32px;margin-top:auto;display:flex;position:relative}.hero__note{max-width:320px;color:var(--taupe);white-space:pre-line;font-size:13px;line-height:1.75}.hero__arrow{width:60px;height:60px;color:var(--mist);border:1px solid #b7c6d273;border-radius:50%;flex:none;place-items:center;animation:2.4s ease-in-out infinite bob;display:grid}.hero__arrow svg{width:19px;height:19px}.hero__arrow:hover{border-color:var(--white);color:var(--white)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.sec{padding:clamp(70px,8.6cqi,146px) 0;position:relative}.sec--tight{padding:clamp(46px,5cqi,82px) 0}.sec--navy{background:var(--navy);color:var(--white)}.sec--white{background:var(--white);color:var(--navy-deep)}.sec--paper{background:var(--paper);color:var(--navy-deep)}.sec--charcoal{background:var(--charcoal);color:var(--white)}.sec--white .lbl,.sec--paper .lbl{color:var(--brand)}.sechead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(30px,4.2cqi,64px);display:flex}.sechead__note{max-width:34ch;color:var(--taupe);margin:0;font-size:14px;line-height:1.75}.sec--white .sechead__note,.sec--paper .sechead__note{color:#5a6a7a}.grid{grid-auto-flow:column;grid-auto-columns:var(--tw,30%);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;margin-inline:calc(-1 * var(--pad));padding:2px var(--pad) 12px;gap:clamp(16px,1.8cqi,26px);scroll-padding-inline-start:var(--pad);display:grid;overflow-x:auto}.grid::-webkit-scrollbar{display:none}.grid>*{scroll-snap-align:start}.grid.is-drag{cursor:grabbing}.grid.is-drag,.grid.is-wheel{scroll-snap-type:none;scroll-behavior:auto}.grid.is-drag *{pointer-events:none}.trackbar{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:999px;height:3px;margin-top:4px;position:relative;overflow:hidden}.trackbar i{background:color-mix(in srgb, currentColor 62%, transparent);border-radius:999px;transition:left .18s linear,width .18s linear;position:absolute;top:0;bottom:0}@container screen (max-width:1023px){.grid{--tw:46%}}@container screen (max-width:639px){.grid{--tw:78%}.card__frame{aspect-ratio:5/6}}.tracknav{flex:none;gap:8px;display:flex}.tracknav button{border:1px solid color-mix(in srgb, currentColor 42%, transparent);background:color-mix(in srgb, currentColor 7%, transparent);width:46px;height:46px;color:inherit;cursor:pointer;border-radius:50%;place-items:center;transition:background .2s,border-color .2s,opacity .2s;display:grid}.tracknav button:hover{background:currentColor;border-color:currentColor}.tracknav button:hover svg{color:var(--white)}.sec--white .tracknav button:hover svg,.sec--paper .tracknav button:hover svg{color:var(--navy-deep)}.tracknav button[disabled]{opacity:.28;cursor:default}.tracknav svg{width:17px;height:17px}@container screen (max-width:639px){.tracknav{display:none}}.card{flex-direction:column;display:flex}.card--static{cursor:default}.card--static:hover .card__media{transform:none}.card__cta--off{opacity:.55;letter-spacing:.1em;text-transform:none;font-size:11.5px;font-weight:500}.card__frame{aspect-ratio:4/5;position:relative;overflow:hidden}.card__media{background:radial-gradient(126% 92% at 24% 8%, color-mix(in srgb, var(--svc,var(--brand)) 92%, #fff) 0%, transparent 60%), linear-gradient(158deg, var(--svc,var(--brand)) 0%, var(--navy-deep) 96%);transition:transform .8s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.card:hover .card__media{transform:scale(1.1)}.card__media:before{content:"";background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(200deg,#000 6%,#0000 82%);mask-image:linear-gradient(200deg,#000 6%,#0000 82%)}.card__media img{z-index:2;width:auto;max-height:40%;position:relative}.card__media img.card__art{filter:drop-shadow(0 14px 34px #00000073);max-width:88%;max-height:82%}.card__ph{z-index:2;text-align:center;color:#fffffff0;padding:0 20px;position:relative}.card__ph b{letter-spacing:.01em;text-transform:uppercase;font-family:Anton,sans-serif;font-size:clamp(1rem,2.1cqi,1.55rem);display:block}.card__ph span{letter-spacing:.12em;opacity:.6;margin-top:9px;font-family:IBM Plex Mono,monospace;font-size:10px;display:block}.card__badge{z-index:3;color:#fff;letter-spacing:.2em;text-transform:uppercase;background:#00000052;border:1px solid #ffffff4d;padding:5px 10px;font-size:9.5px;font-weight:600;position:absolute;top:15px;left:15px}.card__state{z-index:3;color:#ffffffd6;font-size:11px;position:absolute;top:16px;right:15px}.card__state[data-state=new]{color:var(--cyan);font-weight:600}.card__mask{z-index:4;background:color-mix(in srgb, var(--navy-deep) 66%, transparent);opacity:0;transition:opacity .4s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.card:hover .card__mask{opacity:1}.card__view{background:var(--white);width:92px;height:92px;color:var(--navy-deep);letter-spacing:.2em;text-transform:uppercase;transition:transform .4s var(--ease);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid;transform:scale(.84)}.card:hover .card__view{transform:scale(1)}.card__body{flex-direction:column;flex:1;gap:8px;padding-top:20px;display:flex}.card__title{text-transform:uppercase;letter-spacing:.005em;margin:0;font-family:Anton,IBM Plex Sans KR,sans-serif;font-size:clamp(1.15rem,1.85cqi,1.45rem);font-weight:700;line-height:1.06}.card__desc{color:var(--taupe);margin:0;font-size:14px;line-height:1.65}.sec--white .card__desc,.sec--paper .card__desc{color:#5a6a7a}.card__meta{color:#8b99a8;margin:0;font-size:12px}.card__foot{border-top:1px solid color-mix(in srgb, currentColor 18%, transparent);justify-content:space-between;align-items:baseline;gap:14px;margin-top:auto;padding-top:16px;display:flex}.card__cta{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:600;display:inline-flex}.card__cta svg{width:14px;height:14px;transition:transform .3s var(--ease)}.card:hover .card__cta svg{transform:translate(8px)}.card__url{color:#8b99a8;white-space:nowrap;text-overflow:ellipsis;font-family:IBM Plex Mono,monospace;font-size:10px;overflow:hidden}.split{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(26px,3.2cqi,54px);display:grid}.split__l{grid-column:1/5}.split__r{grid-column:5/13}@container screen (max-width:880px){.split__l,.split__r{grid-column:1/13}}.linelist{margin:20px 0 0;padding:0;list-style:none}.linelist li{border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);align-items:baseline;gap:16px;padding:13px 0;font-size:14px;display:flex}.linelist li:before{content:"";opacity:.45;width:40px;height:1px;transition:width .35s var(--ease), opacity .35s var(--ease);background:currentColor;flex:none;transform:translateY(-4px)}.linelist li:hover:before{opacity:1;width:64px}.linelist b{flex:0 0 116px;font-weight:600}.linelist span{color:inherit;opacity:.86;white-space:pre-line;flex:1}.linelist a{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}.linelist a:hover{text-decoration-color:currentColor}.linelist em{letter-spacing:.14em;text-transform:uppercase;opacity:.62;border-bottom:1px dotted;margin-left:8px;font-size:10.5px;font-style:normal;font-weight:600;display:inline-block}.lead{letter-spacing:-.01em;max-width:32ch;margin:16px 0 0;font-size:clamp(1.25rem,2.5cqi,2rem);font-weight:300;line-height:1.34}.lead i,.lead em,.lead strong,.lead b{color:var(--brand);font-style:normal;font-weight:600}.sec--navy .lead i,.sec--navy .lead em,.sec--navy .lead strong,.sec--navy .lead b,.sec--charcoal .lead i,.sec--charcoal .lead em,.sec--charcoal .lead strong,.sec--charcoal .lead b{color:var(--cyan)}.prose{max-width:56ch;color:var(--taupe);margin:22px 0 0;font-size:15px;line-height:1.8}.sec--white .prose,.sec--paper .prose{color:#5a6a7a}.prose p{margin:0 0 14px}.prose p:last-child{margin-bottom:0}.prose strong{color:var(--navy-deep);font-weight:600}.sec--navy .prose strong,.sec--charcoal .prose strong{color:var(--white)}.foot{background:var(--navy-deep);padding:clamp(62px,7.6cqi,126px) 0 0;position:relative;overflow:clip}.foot__grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.foot__nav{gap:9px;font-size:14px;display:grid}.foot__nav b{color:var(--taupe);letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:600}.foot__nav a{color:var(--mist)}.foot__nav a:hover{color:var(--white)}.foot__bar{color:var(--taupe);border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:clamp(38px,4.6cqi,76px);padding:22px 0 28px;display:flex}.foot__bar a:hover{color:var(--white)}.foot__links{flex-wrap:wrap;gap:22px;display:flex}.rv{opacity:0;animation:rise 1s var(--ease) forwards;transform:translateY(10px)}.rv--1{animation-delay:40ms}.rv--2{animation-delay:.16s}.rv--3{animation-delay:.3s}.rv--4{animation-delay:.44s}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.grid{scroll-behavior:auto}.hero__veil:before{opacity:0;animation:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}.rv{opacity:1;transform:none}.hero__arrow{animation:none}}[data-foot-list]{display:contents}.gbar__lang a{color:#6f819a;font:inherit;letter-spacing:.16em;padding:6px 7px;font-size:10px}.gbar__lang a[aria-current=page]{color:#fff}.card__media img.card__cover{z-index:2;object-fit:cover;width:100%;height:100%;max-height:none;position:absolute;inset:0}.prose a{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}.prose a:hover{text-decoration-color:currentColor}.gbar__areas span{letter-spacing:.16em;color:#8b9bb0;white-space:nowrap;border-radius:3px;padding:6px 11px;font-size:10.5px;font-weight:600}.d--areas{margin-top:.07em;font-size:clamp(1rem,4.2cqi,3.9rem)}.d--foot{font-size:clamp(2.2rem,5.6cqi,4.8rem)}.d--mt16{margin-top:16px}.d--mt14{margin-top:14px}.linelist--flush{margin-top:0}.foot__copy{margin:0}.card--svc1{--svc:#2e7fb8}.card--svc2{--svc:#7a6bc4}.card--svc3{--svc:#2e8f7f}.card--svc4{--svc:#b05a46}.tracknav--idle{visibility:hidden}.trackbar--idle{display:none}
