:root{
  color-scheme:light;
  --black:#090b10;--ink:#151b25;--paper:#f4f6f8;--white:#fff;--blue:#7de4ff;--deep:#122238;--muted:#687482;--line:#d7dde4;
  --width:1360px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans","Noto Sans KR",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.065em}
section[id]{scroll-margin-top:143px}
.container{width:min(calc(100% - 80px),var(--width));margin-inline:auto}
::selection{background:var(--blue);color:var(--black)}
:focus-visible{outline:2px solid #1797bd;outline-offset:4px}
.skip-link{position:absolute;z-index:30;top:-60px;left:20px;background:var(--blue);padding:12px 18px;color:var(--black)}
.skip-link:focus{top:12px}

/* Global navigation */
.site-header{position:sticky;top:0;z-index:20;height:78px;background:rgba(9,11,16,.98);color:#fff;border-bottom:1px solid #292d34}
.header-inner{height:100%;display:flex;align-items:center;gap:45px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:22px;font-weight:800;letter-spacing:-.07em}
.brand svg{width:34px;height:34px;color:var(--blue)}
.brand span span{color:var(--blue)}
.desktop-nav{height:100%;display:flex;align-items:stretch;gap:36px;margin-left:auto}
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{display:flex;align-items:center;height:100%;position:relative;color:#aeb6c1;font-size:13px;font-weight:800;letter-spacing:.035em}
.nav-item>a:hover,.nav-item.active>a{color:#fff}
.nav-item>a:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav-item:hover>a:after,.nav-item:focus-within>a:after,.nav-item.active>a:after{transform:scaleX(1)}
.nav-dropdown{position:absolute;top:78px;left:-26px;min-width:196px;padding:12px;background:#171d27;border:1px solid #343b46;box-shadow:0 22px 40px #0007;opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown a{display:block;padding:11px 12px;color:#cbd4de;font-size:12px;font-weight:700;white-space:nowrap}
.nav-dropdown a:hover{background:#2b3b4c;color:var(--blue)}
.header-end{display:flex;align-items:center;gap:20px;margin-left:24px}
.language{border-left:1px solid #3c454f;padding-left:22px;font-size:12px;font-weight:800}
.language span{color:var(--blue);margin-left:3px}
.menu-toggle{display:none;background:none;border:0;color:#fff;width:40px;height:40px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:currentColor;margin:6px 2px}
.mobile-nav{display:none}

/* Shared components */
.eyebrow,.section-number{font-size:12px;font-weight:800;letter-spacing:.13em}
.eyebrow{color:var(--blue)}
.section-number{color:#147991}
.section-spaced{padding:120px 0}
.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:39px}
.more-link{font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:6px}
.more-link:hover,.under-link:hover{color:#168aab}
h2{font-size:clamp(39px,4.2vw,64px);line-height:1.25;font-weight:800}
.under-link{display:inline-flex;justify-content:space-between;gap:34px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:9px;font-size:15px;font-weight:800}
.cta-band{background:#8ce8fb;padding:86px 0;color:#09111a}
.cta-band .container{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:25px}
.cta-band span{grid-column:1/-1;font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:26px}
.cta-band h2{margin:0;font-size:clamp(35px,4.6vw,70px)}
.round-arrow{display:grid;place-items:center;width:70px;height:70px;border:1.5px solid currentColor;border-radius:50%;font-size:30px;transition:background .2s}
.round-arrow:hover{background:#0b121c;color:#8ce8fb}

/* Home */
.home-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 61% 39%,#1e354d 0%,#101722 39%,var(--black) 73%);color:#fff}
.home-hero:before{content:"NBOX";position:absolute;inset:auto -20px -155px auto;color:#ffffff08;font-size:min(26vw,400px);font-weight:800;letter-spacing:-.1em;line-height:1;pointer-events:none}
.home-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:52% 48%;min-height:650px}
.home-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px 3vw 74px 0}
.home-hero-copy h1{font-family:"Noto Sans KR",sans-serif;font-size:clamp(54px,5.6vw,88px);line-height:1.19;margin:30px -90px 30px 0;word-break:keep-all}
.home-hero-copy h1 em{font-style:normal;color:var(--blue)}
.home-hero-copy>p:not(.eyebrow){max-width:490px;color:#b6c2cf;font-size:17px;line-height:1.82;word-break:keep-all}
.hero-actions{display:flex;gap:14px;margin-top:27px}
.solid-button,.line-button{display:inline-flex;align-items:center;justify-content:space-between;min-width:168px;gap:28px;padding:17px 20px;font-size:14px;font-weight:800;transition:transform .2s}
.solid-button{background:var(--blue);color:var(--black)}.line-button{border:1px solid #7f8e9f;color:#fff}
.solid-button:hover,.line-button:hover{transform:translateY(-3px)}
.home-hero-art{position:relative;min-height:590px}
.art-card{position:absolute;overflow:hidden;background:#24384d;box-shadow:0 30px 60px #0007}
.art-card img{width:100%;height:100%;object-fit:cover}
.art-primary{width:81%;aspect-ratio:1.42;right:0;top:13%;transform:rotate(3deg)}
.art-secondary{width:55%;aspect-ratio:1.5;left:-5%;bottom:13%;transform:rotate(-7deg);border:7px solid #111a28}
.art-caption{position:absolute;right:0;bottom:5%;font-size:11px;font-weight:800;letter-spacing:.14em;color:#9aaabd}
.home-hero-foot{position:relative;z-index:1;display:flex;justify-content:space-between;padding:0 0 30px;color:#8292a7;font-size:11px;font-weight:800;letter-spacing:.13em}
.home-intro{background:#fff}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:start}
.intro-grid h2{margin:0}
.intro-grid p{max-width:520px;font-size:21px;font-weight:500;line-height:1.85;letter-spacing:-.035em;word-break:keep-all}
.intro-grid .under-link{margin-top:28px}
.home-business{background:#101a28;color:#fff}
.home-business .section-number{color:var(--blue)}
.home-business h2{margin-bottom:58px}
.business-teasers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #526071}
.business-teasers a{min-height:260px;position:relative;padding:30px 26px 25px;border-right:1px solid #526071;transition:background .2s}
.business-teasers a:first-child{padding-left:0}
.business-teasers a:last-child{border-right:0}
.business-teasers a:hover{background:#1a3049}
.business-teasers span{font-size:12px;color:var(--blue);font-weight:700}
.business-teasers h3{font-size:28px;margin:46px 0 10px}
.business-teasers p{font-size:14px;color:#9caec0;margin:0}
.business-teasers b{position:absolute;right:25px;top:25px;color:var(--blue);font-size:23px;font-weight:400}
.home-games{background:var(--paper)}
.home-games-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}
.home-games-head h2{margin:0}
.home-games-head p{font-size:16px;color:#697785;max-width:300px;line-height:1.7}
.home-game-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.home-news{background:#fff}
.home-news h2{margin-bottom:46px}

/* Inner page banner and subnav */
.inner-hero{position:relative;overflow:hidden;min-height:530px;background:#090b10;color:#fff}
.inner-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 58%,#16466088,transparent 46%);pointer-events:none}
.inner-hero-copy{position:relative;z-index:2;padding-top:115px;padding-bottom:100px}
.inner-hero h1{font-family:"Noto Sans KR",sans-serif;font-size:clamp(55px,6vw,91px);line-height:1.2;margin:50px 0 25px;max-width:800px;word-break:keep-all}
.inner-hero-copy>p:last-child{font-size:18px;line-height:1.8;color:#b9c4d0;max-width:680px;word-break:keep-all}
.inner-hero-media{position:absolute;right:0;bottom:0;width:49%;height:100%;opacity:.48;mask-image:linear-gradient(to right,transparent 0%,#000 35%)}
.inner-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#090b10 1%,transparent 55%)}
.inner-hero-media img{width:100%;height:100%;object-fit:cover}
.inner-hero-symbol{font-size:690px;line-height:1;font-weight:800;color:#173552;opacity:.8;position:absolute;right:-.1em;top:-.25em}
.company-hero .inner-hero-media{opacity:.6}
.news-hero .inner-hero-symbol,.contact-hero .inner-hero-symbol{color:#23435d}
.subnav{position:sticky;top:78px;z-index:10;background:#fff;border-bottom:1px solid var(--line)}
.subnav-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:62px}
.subnav-inner>span{font-size:12px;font-weight:800;letter-spacing:.13em;color:#778493}
.subnav-inner>div{display:flex;gap:31px}
.subnav a{font-size:12px;font-weight:800;letter-spacing:.04em}
.subnav a:hover{color:#168bad}

/* Game cards and catalog */
.game-card{min-width:0}
.game-image{display:block;position:relative;overflow:hidden;aspect-ratio:1.746;background:#1f2d42}
.game-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.game-image:hover img{transform:scale(1.035)}
.game-image>span{position:absolute;right:18px;bottom:18px;width:48px;height:48px;display:grid;place-items:center;background:var(--blue);color:var(--black);font-size:24px}
.game-detail{padding-top:19px}
.game-meta{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#447084}
.game-meta .age-badge{margin-left:auto;border:1px solid #9caeba;border-radius:2px;padding:3px 7px;font-size:10px}
.game-index{font-size:14px;color:#168bad}
.game-card h3{font-size:25px;line-height:1.38;margin:12px 0 10px;word-break:keep-all}
.game-card p{font-size:15px;color:#677583;line-height:1.68;word-break:keep-all}
.game-store-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.game-store-links a{font-size:14px;font-weight:800;color:#176e89;border:1px solid #b6d5df;border-radius:100px;padding:8px 13px}
.game-store-links a:hover{background:#e7f5f9}
.catalog-section{background:var(--paper)}
.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}
.catalog-heading h2{margin:0}
.catalog-heading p{max-width:420px;color:#697785;font-size:15px;line-height:1.7;margin:0}
.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 27px}
.upcoming-section{background:#fff}
.upcoming-section h2{margin-bottom:45px}
.upcoming-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #a8b3be}
.upcoming-grid article{padding:35px 35px 38px 0;min-height:280px}
.upcoming-grid article+article{border-left:1px solid #cbd2da;padding-left:35px}
.upcoming-grid article:nth-child(odd){border-left:0;padding-left:0}
.upcoming-grid article:nth-child(n+3){border-top:1px solid #cbd2da}
.upcoming-grid article>span:first-child{font-size:11px;font-weight:800;letter-spacing:.1em;color:#187d9a}
.upcoming-grid h3{font-size:28px;line-height:1.35;margin:48px 0 10px}
.upcoming-grid p{color:#687684;font-size:15px;line-height:1.7}
.coming-label{display:inline-block;border-bottom:1px solid #8796a5;padding-bottom:7px;font-size:14px;font-weight:700}
.catalog-all{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:26px;margin-top:25px;font-weight:800;font-size:14px}
.catalog-all a:hover{color:#168bad}

/* Featured game image gallery */
.magical-feature{background:#142537;color:#fff}
.magical-feature .section-number,.magical-feature .eyebrow{color:var(--blue)}
.magical-feature .section-top>span:last-child{color:#9aabbc;font-size:12px;font-weight:700;letter-spacing:.1em}
.magical-feature-head{display:grid;grid-template-columns:1.35fr .65fr;gap:8%;align-items:end;margin:35px 0 38px}
.magical-feature-head h2{font-size:clamp(35px,4.6vw,65px);line-height:1.24;margin:14px 0 0;word-break:keep-all}
.magical-feature-head p:not(.eyebrow){color:#c2ced9;line-height:1.8;word-break:keep-all}
.magical-feature-head .under-link{display:inline-block;color:#fff;margin-top:12px}
.magical-gallery{display:grid;grid-template-columns:1.65fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;height:600px}
.magical-gallery figure{overflow:hidden;margin:0;background:#07121e}
.magical-gallery figure.gallery-main{grid-row:span 2}
.magical-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.magical-gallery figure:last-child img{object-position:center 34%}

/* Company */
.statement-section{background:#fff}
.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:33px}
.statement-grid h2{font-family:"DM Sans",sans-serif;font-size:clamp(72px,7vw,118px);line-height:.9;letter-spacing:-.09em;margin:0}
.statement-grid .brand-meaning{font-size:clamp(64px,6.7vw,104px);line-height:.94}
.brand-meaning>span:not(.period){color:#168bad}
.period{color:#1f9ec2}
.statement-grid p{color:#667381;font-size:16px;line-height:1.9;word-break:keep-all}
.statement-grid .statement-large{font-size:25px;line-height:1.56;color:var(--ink);font-weight:700;margin-bottom:31px}
.approach-section{background:#e8eef3}
.approach-section h2{margin-bottom:50px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aab9c5}
.value-grid article{padding:29px 32px 10px 0}
.value-grid article+article{border-left:1px solid #b7c3cc;padding-left:32px}
.value-grid span{font-size:11px;font-weight:800;letter-spacing:.11em;color:#197a97}
.value-grid h3{font-size:25px;margin:72px 0 15px}
.value-grid p{font-size:15px;line-height:1.8;color:#62717d;word-break:keep-all}
.history-section{background:#111b29;color:#fff}
.history-section .section-number{color:var(--blue)}
.history-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.history-layout h2{margin:0}
.timeline{border-top:1px solid #506073}
.timeline>div{display:grid;grid-template-columns:105px 1fr;gap:25px;border-bottom:1px solid #506073;padding:25px 0}
.timeline time{color:var(--blue);font-size:16px;font-weight:800}
.timeline p{color:#c0cbd5;line-height:1.75;margin:0;font-size:15px;word-break:keep-all}
.partners-section{background:#f1f5f7}
.partners-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}
.partners-head h2{margin:0}
.partners-head p{max-width:400px;color:#697785;font-size:16px;line-height:1.7;margin:0}
.partners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.partner-card{min-width:0}
.partner-logo-slot{height:165px;display:grid;place-items:center;background:#fff;border:1px solid #ccd8e0;color:#233849;text-align:center;padding:18px}
.partner-logo-slot span{font-size:clamp(16px,1.55vw,24px);font-weight:800;letter-spacing:.04em;word-break:keep-all}
.partner-card h3{font-size:16px;letter-spacing:-.03em;margin:17px 0 0}
.home-partners{background:#e8f0f4}
.home-partners h2{margin-bottom:36px}
.home-partner-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #a9bac5}
.home-partner-list span{padding:28px 18px 30px 0;border-right:1px solid #b8c8d2;font-size:20px;font-weight:800;letter-spacing:-.04em;word-break:keep-all}
.home-partner-list span+span{padding-left:18px}
.home-partner-list span:last-child{border-right:0}

/* Business */
.business-domain{background:#fff}
.domain-grid{display:grid;grid-template-columns:42% 1fr;gap:8%}
.domain-label h2{margin:45px 0 0;max-width:430px}
.domain-content{padding-top:32px}
.domain-lead{font-size:27px!important;font-weight:700;color:var(--ink)!important;line-height:1.55!important}
.domain-content p{font-size:16px;line-height:1.9;color:#667481;word-break:keep-all}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.tag-row span{border:1px solid #9aabb7;padding:9px 12px;font-size:11px;font-weight:800;letter-spacing:.07em}
.business-domain-dark{background:#14273a;color:#fff}
.business-domain-dark .section-number{color:var(--blue)}
.business-domain-dark .domain-lead{color:#fff!important}
.business-domain-dark .domain-content p{color:#b3c2ce}
.platform-links{display:flex;gap:24px;margin-top:34px}
.platform-links a{border-bottom:1px solid #8cd9ed;padding-bottom:8px;font-size:14px;font-weight:800}
.platform-links a:hover{color:var(--blue)}
.domain-content .under-link{margin-top:24px}

/* News */
.news-page{background:#fff}
.news-page h2{margin-bottom:47px}
.news-years{display:grid;gap:46px}
.news-year h3{font-size:clamp(28px,3.3vw,46px);font-weight:800;line-height:1.1;margin:0 0 19px;color:#163e55;letter-spacing:-.035em}
.home-news .news-years{gap:40px}
.news-list{border-top:1px solid #aab5c0}
.news-row{display:grid;grid-template-columns:150px 1fr 36px;gap:22px;align-items:start;border-bottom:1px solid #cfd7de;padding:31px 0;transition:background .2s}
.news-row:hover{background:#f2f8fa}
.news-row time{font-size:14px;font-weight:800;color:#31748c}
.news-row div>span{font-size:11px;font-weight:800;color:#498ca4;letter-spacing:.09em}
.news-row h4{font-size:24px;margin:7px 0 9px;line-height:1.45;word-break:keep-all}
.news-row p{font-size:15px;color:#687684;line-height:1.7;margin:0}
.news-row b{font-size:25px;font-weight:400;text-align:right}
.news-follow{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e8f1f5;margin-top:50px;padding:28px 34px}
.news-follow p{margin:0;color:#445968;font-size:15px}
.news-follow a{font-size:14px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:6px;white-space:nowrap}

/* Contact */
.contact-page{background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:36px}
.contact-grid h2{margin:0 0 25px}
.contact-grid p{font-size:16px;color:#667584;line-height:1.8;max-width:470px}
.contact-grid .contact-ip-call{margin-top:26px;padding-left:18px;border-left:3px solid #178daa;color:#243d4c;font-weight:650}
.email-card{position:relative;display:flex;flex-direction:column;background:#12283b;color:#fff;min-height:205px;padding:35px;justify-content:space-between}
.email-card small{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--blue)}
.email-card strong{font-size:clamp(19px,2.2vw,31px);letter-spacing:-.045em;overflow-wrap:anywhere}
.email-card>span{position:absolute;right:31px;top:27px;font-size:27px;color:var(--blue)}
.email-card:hover{background:#1b425c}
.contact-topics{border-bottom:1px solid var(--line);padding:35px 0 10px}
.contact-topics h3{font-size:19px}
.channels-section{background:#eaf0f4}
.channels-section h2{margin-bottom:39px}
.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.channel-grid a{display:grid;grid-template-columns:1fr auto;gap:12px;background:#fff;padding:32px;min-height:145px}
.channel-grid a:hover{background:#dff8ff}
.channel-grid span{font-size:30px;font-weight:800;letter-spacing:-.05em}
.channel-grid b{grid-column:1;font-size:13px;color:#637585}
.channel-grid i{grid-row:1;grid-column:2;font-style:normal;font-size:25px}

/* Footer */
.site-footer{background:#090b10;color:#fff;padding:65px 0 24px}
.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:40px;padding-bottom:65px}
.footer-brand{font-size:25px}
.footer-main p{color:#748295;font-size:14px;margin:22px 0 0}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.footer-links a{font-size:12px;font-weight:800;letter-spacing:.04em;color:#afbac7}
.footer-links a:hover{color:var(--blue)}
.footer-bottom{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #2c343f;padding-top:22px;color:#7c8999;font-size:11px}

@media(max-width:1100px){
  .container{width:min(calc(100% - 50px),var(--width))}
  .desktop-nav{gap:20px}.header-inner{gap:22px}.header-end{margin-left:0}
  .home-hero-copy h1{font-size:clamp(52px,5.8vw,72px)}
  .art-secondary{left:-12%}
}
@media(max-width:800px){
  .container{width:min(calc(100% - 36px),var(--width))}
  .site-header{height:70px}.desktop-nav{display:none}.header-end{margin-left:auto}.menu-toggle{display:block}
  .mobile-nav{position:absolute;left:0;right:0;top:70px;background:#111821;padding:10px 18px 20px;border-bottom:1px solid #394451}
  .mobile-nav.open{display:block}
  .mobile-nav a{display:flex;justify-content:space-between;padding:17px 4px;border-bottom:1px solid #35414d;font-size:17px;font-weight:800}
  .mobile-nav a[aria-current]{color:var(--blue)}
  section[id]{scroll-margin-top:128px}
  .section-spaced{padding:83px 0}
  .home-hero-grid{display:block;min-height:0}
  .home-hero-copy{padding:75px 0 30px}
  .home-hero-copy h1{font-size:clamp(43px,8vw,70px);margin-right:0}
  .home-hero-copy>p:not(.eyebrow){font-size:15px}
  .home-hero-art{height:360px;min-height:0}
  .art-primary{width:73%;top:0;right:4%}.art-secondary{width:46%;left:2%;bottom:7%}
  .art-caption{right:1%;bottom:2%}
  .home-hero-foot{padding-bottom:24px}
  .intro-grid,.statement-grid,.history-layout,.domain-grid,.contact-grid{grid-template-columns:1fr;gap:32px}
  .intro-grid p{font-size:18px}
  .business-teasers{grid-template-columns:1fr}
  .business-teasers a,.business-teasers a:first-child{min-height:170px;padding:25px 0;border-right:0;border-bottom:1px solid #526071}
  .business-teasers h3{margin:30px 0 6px}
  .home-games-head,.catalog-heading{display:block}
  .home-games-head p,.catalog-heading p{margin-top:18px}
  .magical-feature-head{grid-template-columns:1fr;gap:12px}
  .magical-gallery{height:500px;grid-template-columns:1.25fr 1fr}
  .inner-hero{min-height:430px}
  .inner-hero-copy{padding-top:78px;padding-bottom:72px}
  .inner-hero h1{font-size:clamp(44px,7vw,68px);margin-top:37px}
  .inner-hero-media{width:65%;opacity:.25}
  .subnav{top:70px}
  .subnav-inner{overflow-x:auto;white-space:nowrap;min-height:58px}
  .subnav-inner>div{gap:22px}
  .value-grid{grid-template-columns:1fr}
  .value-grid article,.value-grid article+article{border-left:0;border-bottom:1px solid #b7c3cc;padding:24px 0}
  .value-grid h3{margin:25px 0 10px}
  .partners-head{display:block}.partners-head p{margin-top:17px}
  .partners-grid,.home-partner-list{grid-template-columns:1fr 1fr}
  .home-partner-list span:nth-child(2){border-right:0}
  .home-partner-list span:nth-child(n+3){border-top:1px solid #b8c8d2}
  .domain-content{padding-top:0}
  .news-row{grid-template-columns:90px 1fr 25px}
  .contact-grid{margin-top:25px}
  .footer-main{grid-template-columns:1.5fr 1fr;gap:40px}
  .footer-main>div:last-child{grid-column:2}
}
@media(max-width:560px){
  .brand{font-size:19px}.brand svg{width:29px;height:29px}
  .language{padding-left:15px}
  .home-hero-copy h1{font-size:clamp(39px,10vw,54px);line-height:1.25}
  .home-hero-art{height:275px}.art-primary{width:85%}.art-secondary{width:55%}
  .art-caption{display:none}
  .hero-actions{flex-wrap:wrap}
  .solid-button,.line-button{min-width:0;width:100%}
  h2{font-size:clamp(35px,9vw,47px)}
  .home-game-grid,.catalog-grid,.upcoming-grid,.channel-grid{grid-template-columns:1fr}
  .magical-gallery{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .magical-gallery figure{aspect-ratio:1.55}
  .magical-gallery figure.gallery-main{grid-column:span 2;grid-row:auto;aspect-ratio:1.65}
  .home-game-grid,.catalog-grid{gap:42px}
  .upcoming-grid article+article{border-left:0;border-top:1px solid #cbd2da;padding-left:0}
  .upcoming-grid article{min-height:0}
  .upcoming-grid h3{margin-top:30px}
  .catalog-all{flex-direction:column;gap:18px}
  .game-card h3{font-size:21px}
  .inner-hero{min-height:400px}
  .inner-hero-copy>p:last-child{font-size:15px}
  .inner-hero-symbol{font-size:420px}
  .subnav-inner>span{display:none}
  .subnav-inner>div{gap:24px}
  .statement-grid h2{font-size:70px}
  .statement-grid .brand-meaning{font-size:clamp(60px,16vw,78px)}
  .statement-grid .statement-large{font-size:21px}
  .partners-grid{gap:12px}.partner-logo-slot{height:125px}.partner-logo-slot span{font-size:15px}
  .partner-card h3{font-size:14px}
  .home-partner-list span{font-size:15px;padding:20px 10px 20px 0}
  .home-partner-list span+span{padding-left:10px}
  .timeline>div{grid-template-columns:86px 1fr;gap:16px}
  .domain-lead{font-size:22px!important}
  .news-row{grid-template-columns:1fr 25px;gap:9px}
  .news-row time{grid-column:1/-1}
  .news-row h4{font-size:20px}
  .news-follow{display:block;padding:25px}.news-follow a{display:inline-block;margin-top:20px}
  .email-card{padding:26px;min-height:180px}
  .email-card strong{font-size:20px}
  .footer-main{grid-template-columns:1fr 1fr;gap:30px}
  .footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{grid-column:2}
  .cta-band .container{grid-template-columns:1fr}.cta-band h2{margin-bottom:25px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Editorial studio direction */
:root{--black:#121922;--ink:#171e2a;--paper:#f5f7fa;--blue:#55c7ec;--deep:#142837;--line:#dfe5ea;--width:1280px}
body{background:#fff;color:var(--ink)}
.section-spaced{padding:112px 0}
.eyebrow,.section-number{color:#187e9c}
h2{font-size:clamp(38px,4.75vw,68px);line-height:1.22}
.site-header{height:72px;background:#ffffffed;color:var(--ink);border-bottom:1px solid #e9edf0;backdrop-filter:blur(16px)}
.header-inner{gap:28px}
.brand{font-size:23px}
.brand svg{color:#147e9d}
.brand span span{color:#147e9d}
.desktop-nav{gap:32px}
.nav-item>a{color:#59636e;font-size:14px;letter-spacing:0}
.nav-item>a:hover,.nav-item.active>a{color:var(--ink)}
.nav-item>a:after{bottom:14px;background:#159abb}
.nav-dropdown{top:72px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 45px #1423331c}
.nav-dropdown a{color:#344453;font-size:13px}
.nav-dropdown a:hover{background:#eef8fb;color:#127f9e}
.language{border-left-color:#d9e1e7;color:#273946;font-size:13px}
.language span{color:#117e9c}
.menu-toggle{color:#17232e}
.subnav{top:72px;background:#fffffff2;backdrop-filter:blur(15px)}
.subnav a{font-size:13px}
.more-link{font-size:14px}

/* A centered story statement and one prominent game film */
.home-hero{background:#fff;color:var(--ink)}
.home-hero:before{display:none}
.home-hero-inner{text-align:center;padding-top:96px;padding-bottom:92px}
.home-hero .eyebrow{display:inline-block;margin:0;color:#0e87a5;font-size:13px;letter-spacing:.16em}
.home-hero h1{max-width:1160px;margin:26px auto 25px;font-size:clamp(52px,6.7vw,98px);font-weight:900;letter-spacing:-.075em;line-height:1.2;word-break:keep-all}
.home-hero h1 em{font-style:normal;color:#178daa}
.home-hero-translation{max-width:830px;margin:-4px auto 22px;color:#477180;font-size:clamp(15px,1.5vw,20px);font-weight:600;line-height:1.5;text-align:center}
.home-hero-lead{max-width:720px;margin:0 auto 60px;color:#5a6876;font-size:20px;line-height:1.7;word-break:keep-all}
.home-hero-media{max-width:1120px;margin:0 auto}
.home-hero-media .video-slot{border-radius:22px;box-shadow:0 27px 75px #163c5525}
.home-hero-under{max-width:1120px;display:flex;justify-content:space-between;align-items:center;margin:20px auto 0;color:#667581;font-size:14px;font-weight:800}
.home-hero-under a{color:#1b2631;border-bottom:1px solid currentColor;padding-bottom:4px}

.video-slot{position:relative;overflow:hidden;aspect-ratio:16/9;background:#183044;color:#fff;border-radius:16px}
.video-slot img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}
.video-slot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b172100 20%,#08172415 47%,#081724c9 100%);pointer-events:none}
.video-slot-content{position:absolute;z-index:1;inset:auto 6% 8%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left}
.video-slot-content>span{color:#b7ecf7;font-size:13px;font-weight:800;letter-spacing:.13em}
.video-slot-content strong{max-width:88%;font-size:clamp(21px,3.2vw,48px);line-height:1.3;letter-spacing:-.05em;word-break:keep-all}
.video-slot-content small{border:1px solid #ffffffad;border-radius:100px;padding:8px 15px;color:#fff;font-size:13px;font-weight:700;letter-spacing:0}

.home-intro{background:#f7f9fb}
.intro-grid{gap:9%}
.intro-grid p{font-size:20px;color:#445463}
.home-business{background:#fff;color:var(--ink)}
.home-business .section-number{color:#187e9c}
.business-teasers{gap:16px;border-top:0}
.business-teasers a,.business-teasers a:first-child{min-height:268px;padding:28px;background:#edf4f7;border:1px solid #dfe9ee;border-radius:16px}
.business-teasers a:hover{background:#dff2f8}
.business-teasers a span{color:#147f9b}
.business-teasers h3{font-size:27px}
.business-teasers p{color:#5b6d79}
.business-teasers b{color:#1d7d9a}
.home-games{background:#f3f6f8}
.home-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.home-game-grid .game-image{border-radius:16px}
.game-image{border-radius:16px}
.game-image>span{border-radius:50%;background:#fff;color:#103d4b;box-shadow:0 6px 18px #0002}
.game-card h3{font-size:24px}
.game-meta{font-size:12px}
.game-card p{font-size:16px}
.home-news{background:#fff}
.home-partners{background:#f5f7fa}
.home-partner-list span{font-size:19px}
.cta-band{background:#d9f3fa}
.round-arrow{border-radius:50%}

/* Page leads share the same calm, bright canvas */
.inner-hero{min-height:490px;background:#f2f6f8;color:var(--ink)}
.inner-hero:before{background:radial-gradient(ellipse at 82% 45%,#9fddea56,transparent 45%)}
.inner-hero-copy{padding-top:90px;padding-bottom:90px}
.inner-hero h1{font-size:clamp(52px,6vw,88px);margin:48px 0 20px;max-width:790px;letter-spacing:-.07em}
.inner-hero-copy>p:last-child{color:#596c79;font-size:18px}
.inner-hero-media{width:49%;opacity:.86;mask-image:linear-gradient(to right,transparent 0%,#000 42%)}
.inner-hero-media:after{background:linear-gradient(to top,#f2f6f8 0%,transparent 35%)}
.inner-hero-symbol{color:#c7e7f0;opacity:.75}
.news-hero .inner-hero-symbol,.contact-hero .inner-hero-symbol{color:#c7e7f0}
.games-hero{background:#e7f2f7}
.games-hero .inner-hero-media:after{background:linear-gradient(to top,#e7f2f7 0%,transparent 35%)}
.statement-grid .brand-meaning{font-size:clamp(52px,5.3vw,86px);line-height:1.01;letter-spacing:-.08em}
.statement-grid .statement-large{font-size:27px}
.approach-section{background:#f4f7f8}
.history-section{background:#142837}
.partners-section{background:#fff}
.partner-logo-slot{border-radius:13px;background:#f8fafb;border:1px dashed #b7cbd4}
.partners-grid,.home-partner-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-partner-list span:nth-child(3n){border-right:0}
.home-partner-list span:nth-child(n+4){border-top:1px solid #b8c8d2}

.magical-feature{background:#fff;color:var(--ink)}
.magical-feature .section-number,.magical-feature .eyebrow{color:#167d9a}
.magical-feature .section-top>span:last-child{color:#6c7b86}
.magical-feature-head h2{font-size:clamp(42px,5.1vw,72px);line-height:1.23}
.magical-feature-head p:not(.eyebrow){color:#5b6976;font-size:17px}
.magical-feature-head .under-link{color:#187b98}
.magical-gallery{height:620px;gap:16px}
.magical-gallery figure{border-radius:16px}
.catalog-section{background:#f4f7f9}
.trailers-section{background:#fff}
.trailers-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}
.trailers-heading h2{margin:0}
.trailers-heading p{max-width:370px;margin:0;color:#64727d;font-size:17px;line-height:1.7}
.trailer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}
.trailer-card:first-child{grid-column:span 2}
.trailer-card .video-slot{aspect-ratio:16/9}
.trailer-card:first-child .video-slot{max-height:630px}
.trailer-card h3{font-size:22px;line-height:1.4;margin:15px 0 0;word-break:keep-all}
.trailer-card:not(:first-child) .video-slot-content strong{font-size:clamp(18px,2vw,29px)}
.trailer-card:not(:first-child) .video-slot-content>span{font-size:12px}
.upcoming-section{background:#f6f8fa}
.upcoming-grid{grid-template-columns:1fr}
.upcoming-grid article{min-height:0;padding-bottom:52px}
.news-row:hover{background:#f4f9fb}
.site-footer{background:#14232f}
.footer-main p{color:#a8b5bf}
.footer-links a{color:#c4d0d8}

@media(max-width:800px){
  .site-header{height:68px}
  .mobile-nav{top:68px;background:#fff;border-color:#e1e8ec;box-shadow:0 20px 30px #0d283820}
  .mobile-nav a{border-color:#e2e8ed;color:#263b49}
  .subnav{top:68px}
  .home-hero-inner{padding-top:76px;padding-bottom:70px}
  .home-hero h1{font-size:clamp(45px,8vw,72px)}
  .home-hero-lead{margin-bottom:36px;font-size:17px}
  .home-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .business-teasers{grid-template-columns:1fr}
  .business-teasers a,.business-teasers a:first-child{min-height:170px;padding:24px}
  .business-teasers h3{margin:28px 0 6px}
  .inner-hero{min-height:430px}
  .inner-hero-copy{padding-top:75px;padding-bottom:75px}
  .inner-hero-media{opacity:.33}
  .magical-gallery{height:510px}
  .trailers-heading{display:block}
  .trailers-heading p{margin-top:16px}
  .partners-grid,.home-partner-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-partner-list span:nth-child(n){border-right:1px solid #b8c8d2}
  .home-partner-list span:nth-child(even){border-right:0}
  .home-partner-list span:nth-child(n+3){border-top:1px solid #b8c8d2}
}
@media(max-width:560px){
  .section-spaced{padding:76px 0}
  .home-hero-inner{padding-top:63px;padding-bottom:56px}
  .home-hero .eyebrow{font-size:11px;letter-spacing:.1em}
  .home-hero h1{font-size:clamp(38px,9.4vw,56px);margin:23px auto 18px}
  .home-hero-lead{font-size:16px;margin-bottom:27px}
  .home-hero-media .video-slot{border-radius:13px}
  .video-slot{border-radius:12px}
  .video-slot-content{inset:auto 6% 7%;gap:5px}
  .video-slot-content>span{font-size:10px}
  .video-slot-content strong{font-size:clamp(16px,4.7vw,24px);max-width:100%}
  .video-slot-content small{font-size:10px;padding:5px 9px}
  .home-hero-under{font-size:12px;margin-top:14px}
  .home-game-grid,.trailer-grid{grid-template-columns:1fr}
  .trailer-card:first-child{grid-column:auto}
  .trailer-grid{gap:27px}
  .trailer-card h3{font-size:18px}
  .trailer-card:not(:first-child) .video-slot-content strong{font-size:18px}
  .inner-hero h1{font-size:clamp(41px,10vw,58px)}
  .inner-hero-copy>p:last-child{font-size:16px}
  .magical-gallery{height:auto}
  .statement-grid .brand-meaning{font-size:clamp(53px,14vw,76px)}
}

/* The uploaded NBOXGAMES artwork supplies both the box icon and wordmark. */
.brand{gap:9px;flex:none}
.brand-icon,.brand-wordmark{position:relative;display:block;overflow:hidden;flex:none}
.brand-icon{width:32px;height:32px}
.brand-icon img{position:absolute;width:80.4px;max-width:none;height:auto;left:-23.6px;top:-3.3px}
.brand-wordmark{width:160px;height:20px}
.brand-wordmark img{position:absolute;width:395.8px;max-width:none;height:auto;left:-115px;top:-183.7px}
.footer-brand{width:max-content;background:#fff;border-radius:7px;padding:12px 14px}

.business-teasers{grid-template-columns:repeat(4,minmax(0,1fr))}
.business-teasers a span{display:block;max-width:90%;font-size:11px;line-height:1.5;letter-spacing:.025em}
.business-teasers h3{font-size:clamp(20px,2vw,25px);line-height:1.36;word-break:keep-all}
.business-teasers p{line-height:1.65;word-break:keep-all}

.video-wrap{min-width:0}
.video-play{display:block;width:100%;padding:0;border:0;cursor:pointer;font:inherit;text-align:left}
.video-play:hover img{filter:brightness(.9)}
.video-play:focus-visible{outline:3px solid #f6ca2e;outline-offset:4px}
.video-slot iframe{display:block;width:100%;height:100%;border:0}
.video-slot.video-playing:after{display:none}
.video-external{display:inline-block;margin-top:10px;color:#247c99;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}
.video-external:hover{color:#114c61}

.upcoming-grid article{position:relative;min-height:0;padding:32px 0 36px}
.upcoming-grid article+article{border-left:0;border-top:1px solid #cbd2da;padding-left:0}
.upcoming-grid h3{margin:24px 0 10px}
.upcoming-rating{float:right;border:1px solid #81929d;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:800}

.partner-logo-slot{border:1px solid #dbe3e9;border-radius:13px;background:#fff;overflow:hidden}
.partner-logo-slot img{width:min(86%,260px);max-height:105px;object-fit:contain}
.home-partner-list{gap:14px;border-top:0}
.home-partner-logo{display:grid;place-items:center;min-width:0;min-height:140px;padding:22px;background:#fff;border:1px solid #dbe3e9;border-radius:13px}
.home-partner-logo img{display:block;width:min(88%,270px);max-height:98px;object-fit:contain}
.home-partner-logo .partner-name-placeholder{font-size:clamp(17px,1.6vw,24px);font-weight:800;letter-spacing:.035em;color:#233849;text-align:center;word-break:keep-all}

@media(max-width:1100px){
  .business-teasers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .business-teasers a:nth-child(2){border-right:0}
  .business-teasers a:nth-child(n+3){border-top:1px solid #526071}
}
@media(max-width:800px){
  .brand-icon{width:27px;height:27px}
  .brand-icon img{width:67.8px;left:-19.9px;top:-2.8px}
  .brand-wordmark{width:125px;height:16px}
  .brand-wordmark img{width:309.2px;left:-89.8px;top:-143.5px}
  .header-end{gap:10px;margin-left:auto}
  .language{padding-left:12px}
  .footer-brand .brand-icon{width:32px;height:32px}
  .footer-brand .brand-icon img{width:80.4px;left:-23.6px;top:-3.3px}
  .footer-brand .brand-wordmark{width:160px;height:20px}
  .footer-brand .brand-wordmark img{width:395.8px;left:-115px;top:-183.7px}
}
@media(max-width:560px){
  .brand-icon{width:25px;height:25px}
  .brand-icon img{width:62.8px;left:-18.4px;top:-2.6px}
  .brand-wordmark{width:110px;height:14px}
  .brand-wordmark img{width:272.1px;left:-79.1px;top:-126.3px}
  .footer-brand .brand-icon{width:32px;height:32px}
  .footer-brand .brand-icon img{width:80.4px;left:-23.6px;top:-3.3px}
  .footer-brand .brand-wordmark{width:160px;height:20px}
  .footer-brand .brand-wordmark img{width:395.8px;left:-115px;top:-183.7px}
  .business-teasers{grid-template-columns:1fr}
  .home-partner-logo{min-height:105px;padding:13px}
  .home-partner-logo img{max-height:72px}
}