@font-face{font-family:Archivo;src:url(/fonts/archivo-400.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Archivo;src:url(/fonts/archivo-600.woff2)format("woff2");font-display:swap;font-weight:600}:root{--bg:#071119;--surface:#0c1923;--ink:#f5f2ea;--muted:#b9c5ce;--accent:#a9dbea;--margin:clamp(22px, 3.2vw, 64px);--body:clamp(16px, 1.35vw, 19px);--small:14px;--head:clamp(36px, 4.2vw, 64px);--lead:clamp(22px, 1.7vw, 26px);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink);scroll-padding-top:32px}body{font:400 var(--body)/1.55 Archivo, Arial, sans-serif;margin:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.05em;font-weight:400;line-height:1.08}h2{font-size:var(--head)}h3{font-size:var(--lead)}a{color:inherit;text-decoration:none}img{width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.gutter{padding-inline:var(--margin)}.sr-only,.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:60;background:var(--ink);color:var(--bg);padding:12px 20px;position:absolute;top:12px;left:20px}.site-header{z-index:10;background:0 0;justify-content:space-between;align-items:center;gap:24px;min-height:104px;display:flex;position:absolute;inset:0 0 auto}.brand{font-size:var(--lead);letter-spacing:-.045em;white-space:nowrap}.site-header nav{align-items:center;gap:clamp(24px,3.5vw,64px);display:flex}nav a{align-items:center;min-height:44px;font-size:16px;display:flex}nav a:hover{color:var(--accent)}.hero{isolation:isolate;background:#03111d;align-items:center;height:min(91svh,1000px);min-height:760px;max-height:1100px;display:flex;position:relative;overflow:hidden}.hero-media{z-index:-2;position:absolute;inset:0}.hero-media img,.hero-media video{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.hero-media video{opacity:0;transition:opacity 1.2s}.hero-media video.is-playing{opacity:1}.hero:after{content:"";z-index:-1;background:#01080f1f;position:absolute;inset:0}.hero-content{width:100%;padding-top:130px;padding-bottom:100px}.hero h1{letter-spacing:-.045em;max-width:900px;font-size:clamp(56px,6.7vw,104px);line-height:1.04}.hero h1>span[aria-hidden]{display:block}#hero-phrase{white-space:pre-line;height:2.16em;transition:opacity .28s ease, transform .4s var(--ease);display:block}#hero-phrase.is-changing{opacity:0;transform:translateY(12px)}.hero-content>p{font-size:var(--lead);color:#d5e0e8;max-width:48ch;margin-top:28px}.button{background:var(--ink);min-height:54px;color:var(--bg);transition:transform .2s var(--ease), background .2s;border-radius:999px;justify-content:space-between;align-items:center;gap:28px;padding:14px 24px;font-size:16px;font-weight:600;display:inline-flex}.hero .button{margin-top:38px}.button:hover{background:var(--accent);transform:translateY(-3px)}.button:active{transform:translateY(1px)}.hero-controls{align-items:center;gap:12px;display:flex;position:absolute;bottom:28px;right:0}.hero-controls[hidden]{display:none}.hero-controls button{width:44px;min-height:44px;color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:14px;display:inline-flex}.hero-controls button:hover{color:var(--accent)}.product-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-block:44px 90px;display:grid}.product-index article{min-width:0}.product-title{justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin-bottom:20px;display:flex}.product-title h2{font-size:var(--lead);letter-spacing:-.035em}.product-title>span{font-size:var(--body);color:var(--muted)}.product-index .product-image img{aspect-ratio:1.6;object-fit:cover;object-position:top}.product-index article>p{color:var(--muted);margin-top:20px;font-size:16px}.product-image{background:var(--surface);display:block;overflow:hidden}.product-image img{transition:transform .7s var(--ease)}.product-image:hover img{transform:scale(1.035)}.product-title:hover>span{color:var(--accent);transform:translate(3px,-3px)}.product-title>span{transition:transform .2s var(--ease)}.flagship{background:var(--surface);padding-block:100px}.section-intro{justify-content:space-between;align-items:flex-start;gap:60px;margin-bottom:48px;display:flex}.section-intro>p{max-width:39ch;color:var(--muted)}.workspace{background:#10191e;overflow:hidden}.workspace-top{color:var(--muted);font-size:var(--small);justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.view-tabs{gap:8px;display:flex}.view-tabs button{background:0 0;border:0;min-height:44px;padding:10px 18px;font-size:16px}.view-tabs button[aria-selected=true]{color:var(--ink);background:#263844}.view-tabs button:not([aria-selected=true]):hover{background:#1c2d38}.workspace-view{aspect-ratio:1.9;outline-offset:-6px;padding:0;overflow:hidden}.workspace-view img{object-fit:cover;object-position:top;height:100%}.product-close{justify-content:space-between;align-items:start;gap:40px;margin-top:30px;display:flex}.product-close p{max-width:53ch;color:var(--muted)}.text-action{white-space:nowrap;justify-content:space-between;align-items:center;gap:30px;min-height:44px;font-size:16px;display:inline-flex}.text-action:hover{color:var(--accent)}.play{padding-block:110px}.play-intro{justify-content:space-between;align-items:start;gap:48px;margin-bottom:48px;display:flex}.play-intro p{max-width:34ch;color:var(--muted)}.play-layout{grid-template-columns:1.5fr 1fr;align-items:start;gap:6vw;display:grid}.play-layout .gameverse{padding-top:110px}.play-caption{padding-top:24px}.play-caption p{max-width:40ch;color:var(--muted);margin-top:14px}.play-caption .text-action{margin-top:16px}.studio{background:var(--surface);grid-template-columns:1fr 1fr;gap:8vw;padding-block:100px;display:grid}.studio>div{max-width:45ch}.studio p:first-child{font-size:var(--lead);letter-spacing:-.025em;line-height:1.45}.studio p+p{color:var(--muted);margin-top:26px}.studio .text-action{margin-top:26px}.contact{isolation:isolate;padding-block:110px;position:relative;overflow:hidden}.contact:before{content:"";z-index:-2;opacity:.16;background:url(/media/coast-poster.webp) 70% 60%/cover;position:absolute;inset:0}.contact-top{justify-content:space-between;align-items:start;gap:50px;display:flex}.contact-top p{max-width:40ch;color:var(--muted)}.contact-email{font-size:var(--head);letter-spacing:-.055em;word-break:normal;justify-content:space-between;gap:16px;margin-top:56px;padding-block:10px;line-height:1.2;display:flex}.contact-email:hover span{transform:translate(5px,-5px)}.contact-email span{transition:transform .2s var(--ease)}.site-footer{background:#040c12;padding-top:30px;padding-bottom:44px}.footer-meta{font-size:var(--small);color:var(--muted);justify-content:space-between;gap:24px;display:flex}.footer-meta>div{flex-wrap:wrap;gap:28px;display:flex}.footer-meta a{align-items:center;min-height:44px;display:inline-flex}.footer-meta a:hover{color:var(--ink)}.footer-name{font-size:var(--head);letter-spacing:-.07em;margin-top:40px;line-height:1.15}.reveal.entered{animation:section-enter .8s var(--ease) both}.product-image.reveal.entered,.workspace.reveal.entered{animation:image-enter 1s var(--ease) both}.footer-name.reveal.entered{animation:wordmark-enter .95s var(--ease) both}.reveal.entered.reveal-complete{animation:none}.motion-paused .entered{animation:none!important}.legal-header{background:0 0;position:static}.legal{max-width:960px;min-height:65vh;padding-block:64px 100px}.legal h1{font-size:var(--head);margin-bottom:40px}.legal h2{font-size:var(--lead);margin-block:32px 16px}.legal p+p{margin-top:20px}.legal a{text-decoration:underline}.legal ul{padding-left:24px}.legal li+li{margin-top:10px}@keyframes section-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes image-enter{0%{opacity:.12;transform:translateY(24px)scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes wordmark-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (width>=1700px){.hero-content{padding-top:160px}.hero{min-height:850px}}@media (width<=1000px){.hero{height:86svh;min-height:720px}.hero h1{font-size:clamp(64px,8vw,90px)}.hero-media img,.hero-media video{object-position:55% 50%}.hero-content>p{max-width:34ch}.product-index{gap:24px}.section-intro{gap:40px}.play-layout{gap:32px}.contact-top{flex-direction:column;gap:24px}}@media (width<=600px){.site-header{gap:18px;min-height:88px}.brand{font-size:22px}.site-header nav{gap:18px}nav a{font-size:14px}.hero{height:90svh;min-height:720px;max-height:900px}.hero-media img{object-position:55% center}.hero-media video{object-position:50% center}.hero:after{background:#01080f40}.hero-content{padding-top:140px;padding-bottom:120px}.hero h1{font-size:clamp(44px,12vw,64px);line-height:1.08}.hero-content>p{max-width:28ch;margin-top:24px;font-size:18px}.hero .button{min-height:54px;margin-top:30px;padding-inline:22px;font-size:15px}.hero-controls{justify-content:flex-end;gap:26px;width:100%;bottom:22px}.hero-controls button{font-size:13px}.product-index{flex-direction:column;gap:44px;padding-block:36px 64px;display:flex}.product-title{margin-bottom:14px}.product-title h2{font-size:25px}.product-index article>p{margin-top:16px}.flagship{padding-block:64px}.section-intro{flex-direction:column;gap:24px;margin-bottom:30px}.section-intro p{max-width:34ch}.workspace-top{padding:10px}.workspace-top>span{display:none}.view-tabs{gap:4px;width:100%}.view-tabs button{flex:1;padding:8px 12px;font-size:14px}.workspace-view{aspect-ratio:1.15}.workspace-view img{object-fit:cover;object-position:left top}.product-close{flex-direction:column;gap:20px;margin-top:24px}.play{padding-block:65px}.play-intro{flex-direction:column;gap:24px;margin-bottom:32px}.play-layout{display:block}.play-layout .gameverse{padding-top:52px}.play-caption p{max-width:32ch}.studio{padding-block:70px;display:block}.studio>div{margin-top:30px}.studio p:first-child{font-size:23px}.contact{padding-block:64px}.contact-email{gap:8px;margin-top:32px;font-size:clamp(23px,6.9vw,40px)}.footer-meta{flex-direction:column;gap:12px}.footer-meta>div{justify-content:space-between;gap:16px}.footer-name{margin-top:30px;font-size:48px}.legal{padding-top:38px}.legal h1{font-size:40px}}@media (width<=370px){.site-header{flex-direction:column;align-items:flex-start;gap:2px;padding-top:20px}.site-header nav{justify-content:space-between;width:100%}.hero h1{font-size:44px}.hero-content{padding-top:150px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (width<=600px){:root{--lead:22px}.hero-content>p,.hero .button{font-size:var(--body)}.hero-controls button{font-size:var(--small)}.product-title h2,.studio p:first-child{font-size:var(--lead)}.footer-name{font-size:var(--head)}}.brand{flex-shrink:0;width:280px}.brand img{width:100%;height:auto}.services{background:var(--surface);padding-block:88px}.service-list{grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:36px;display:grid}.service-list p{color:var(--muted);max-width:32ch;margin-top:16px}.detail-page{min-height:65vh;padding-block:70px 100px}.detail-page h1{font-size:var(--head);max-width:15ch}.detail-page>p{margin-block:28px}.service-detail article{grid-template-columns:1fr 1fr;gap:70px;padding-block:48px;display:grid}.service-detail h2,.about-story h2,.detail-contact h2{font-size:clamp(28px,3vw,40px)}.service-detail p+p,.about-story p{margin-top:24px}.service-detail p,.about-story p,.detail-contact p{max-width:56ch}.detail-contact{padding-block:70px 20px}.detail-contact p{margin-block:24px 32px}.about-story{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.about-story>img{border-radius:12px}.about-story .text-action{margin-top:28px}.page-hero{align-items:flex-end;min-height:560px;margin-bottom:70px;display:flex;position:relative;overflow:hidden}.page-hero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.page-hero:after{content:"";background:#02080e80;position:absolute;inset:0}.page-hero-copy{z-index:1;max-width:800px;padding:48px;position:relative}.page-hero-copy p{max-width:40ch;margin-block:24px 30px}.page-hero-copy h1{white-space:pre-line;max-width:18ch;font-size:clamp(40px,5vw,72px)}.service-detail figure img{aspect-ratio:1.44;object-fit:cover;object-position:top left;border-radius:10px}figcaption{font-size:var(--small);color:var(--muted);margin-top:14px}figcaption a{text-underline-offset:4px;text-decoration:underline}.about-story{padding-top:20px}.about-work{padding-top:70px}.about-work-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px;display:grid}.about-work-grid img{aspect-ratio:1.44;object-fit:cover;object-position:top left;border-radius:10px}@media (width<=800px){.brand{width:248px}.site-header,.site-header nav{gap:20px}.service-list{grid-template-columns:1fr;gap:32px}.service-detail article,.about-story{grid-template-columns:1fr;gap:24px}.services{padding-block:64px}.about-work-grid{grid-template-columns:1fr;gap:36px}}@media (width<=600px){.site-header,.legal-header{flex-direction:column;align-items:flex-start;gap:14px;padding-top:22px}.site-header nav{justify-content:space-between;gap:12px;width:100%}.brand{width:248px}.hero-content{padding-top:170px}.service-detail article{padding-block:28px}.detail-page{padding-block:44px 64px}.detail-contact{padding-top:48px}.page-hero{min-height:530px;margin-bottom:36px}.page-hero-copy{padding:28px 20px}.page-hero-copy h1{max-width:14ch;font-size:40px}}