@font-face{font-family:'Archivo Black';src:url('/assets/fonts/archivo-black/ArchivoBlack-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Lilita One';src:url('/assets/fonts/lilita-one/LilitaOne-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans KR';src:url('/assets/fonts/noto-sans-kr/NotoSansKR-KoreanLatin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{
  --paper:#f8f2df;--navy:#102d3b;--muted:#64757a;--coral:#ed785f;--coral-soft:#f3dbc4;--teal:#28746e;--line:#dedcd2;
  --body:'Noto Sans KR',Arial,sans-serif;--display:'Lilita One','Noto Sans KR',sans-serif;--heavy:'Archivo Black','Noto Sans KR',sans-serif;
  --gutter:clamp(24px,4.17vw,64px);--content:1376px;--ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--paper) url('/assets/icons/paper-grain.svg');color:var(--navy);font:16px/1.7 var(--body)}
a{color:inherit;text-decoration:none}
button,summary{font:inherit;cursor:pointer}
button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{color:inherit}
img,video{display:block;max-width:100%;height:auto}
svg{width:24px;height:24px;flex-shrink:0}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.2;text-wrap:balance}
h1{font-size:clamp(38px,4vw,60px)}
h2{font-size:32px}
p+p{margin-top:20px}
::selection{background:var(--coral-soft);color:var(--navy)}
:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.section-shell,.header-inner,.footer-inner{width:min(var(--content),calc(100% - var(--gutter)*2));margin-inline:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;padding:12px 20px;background:var(--navy);color:var(--paper);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.lettering{display:block;width:auto;height:auto;max-width:100%;object-fit:contain}


/* Painted navigation stays on the quiet, left side of the hero. */
.site-header{position:relative;z-index:20;background:var(--paper)}
.header-inner{display:flex;align-items:center;gap:22px;min-height:104px}
.brand{display:inline-flex;align-items:center;gap:10px;font:23px/.96 var(--heavy);letter-spacing:-.045em;flex-shrink:0}
.brand-mark{display:block;width:58px;height:58px}
.brand-mark img{width:100%;height:auto}
.brand,.brand-mark,.lettering{transition:transform .24s var(--ease)}
.site-nav{display:flex;align-items:center;gap:6px}
.site-nav>a,.games-menu>summary{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;min-width:84px;padding:6px}
.nav-lettering{height:33px;max-width:96px}
.site-nav>a[aria-current] .lettering{filter:drop-shadow(0 3px 0 #ea806755)}
.games-menu{position:relative}
.games-menu>summary{list-style:none}
.games-menu>summary::-webkit-details-marker{display:none}
.games-menu>summary>svg{width:14px;height:14px;transition:transform .24s var(--ease)}
.games-menu[open]>summary>svg{transform:rotate(180deg)}
.games-dropdown{position:absolute;top:calc(100% + 12px);left:0;width:300px;padding:8px;background:var(--paper);box-shadow:0 12px 32px #16394520;border-radius:4px}
.games-dropdown a{display:block;padding:12px 16px;font-size:15px;line-height:1.5;border-radius:4px;transition:background .2s}
.games-dropdown a:hover,.games-dropdown a:focus-visible{background:var(--coral-soft)}
.games-dropdown small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.language-switch{position:relative;isolation:isolate;display:flex;align-items:center;gap:18px;margin-left:auto;padding:10px 16px}
.language-switch::before{content:'';position:absolute;inset:-15px -28px;z-index:-1;background:url('/assets/square/language-paper.webp') center/100% 100% no-repeat;pointer-events:none}
.language-switch a{display:flex;align-items:center;gap:6px;min-height:44px;font-size:13px;font-weight:500;white-space:nowrap;transition:transform .24s var(--ease)}
.language-switch a[aria-current]{font-weight:800;box-shadow:inset 0 -2px var(--coral)}
.flag{width:20px;height:14px}
.menu-toggle{display:none;align-items:center;justify-content:center;min-width:44px;height:44px;padding:8px;border:0;background:transparent}

/* Desktop and phone use separate paintings. No mask, cover crop or soft fade. */
.page-home .site-header{background:transparent}
.home-hero{position:relative;display:grid;max-width:1600px;margin:-104px auto 0}
.hero-art-frame,.hero-inner{grid-area:1/1}
.hero-art-frame{pointer-events:none;min-width:0}
.hero-art{width:100%;height:auto}
.hero-inner{position:relative;min-width:0}
.hero-headline{position:absolute;top:17%;left:0;width:48%;font:clamp(60px,6.1vw,96px)/.97 var(--heavy);letter-spacing:-.065em;text-wrap:initial}
.hero-headline>span{display:block}
.slogan-accent{color:#ef725c}
html[lang=ko] .hero-headline{font-family:var(--body);font-weight:900;letter-spacing:-.08em;font-size:clamp(54px,5.5vw,86px);line-height:1.08}
.release-panel{position:absolute;left:0;bottom:10%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:49%;padding:0 16px;color:var(--paper)}
.release-status{font-size:12px;line-height:18px;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.release-panel .release-status{background:#53d1c4;color:#082b39;padding:4px 10px;border-radius:4px}
.release-panel h2{line-height:0;width:82%;max-width:460px}
.escape-lettering{max-width:100%;width:100%;height:auto}
.release-actions{display:flex;align-items:center;gap:8px;width:100%}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:0;background:var(--navy);color:var(--paper);font-size:14px;font-weight:700;line-height:20px;transition:transform .24s var(--ease),filter .24s}
.button svg{width:16px;height:16px}
.trailer-button{min-width:145px}
.store-links,.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.store-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:10px 14px;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .24s var(--ease),filter .24s}
.store-microsoft{min-width:158px}
.store-microsoft svg{width:22px;height:22px}
.store-itch{min-width:106px}
.store-itch img{width:72px;height:auto}
.release-panel .button,.release-panel .store-button{background:transparent url('/assets/square/brush-button.webp') center/100% 100% no-repeat;border:0;color:var(--paper);min-height:58px}
.release-panel .store-links{gap:8px;flex-wrap:nowrap}
.release-panel .store-itch img{filter:invert(1)}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;transition:color .24s}
.text-link>svg{width:19px;height:19px}

/* Each poster is shown at its actual aspect ratio, including every painted edge. */
.next-section{padding-block:24px 36px}
.section-heading{display:flex;align-items:center;gap:28px;margin-bottom:24px}
.section-heading .headline{font:clamp(32px,3.5vw,52px)/1.1 var(--heavy);letter-spacing:-.06em}
html[lang=ko] .section-heading .headline{font-family:var(--body);font-weight:900;letter-spacing:-.065em}
.star-trail{width:170px;height:52px;color:#f3b349;flex-shrink:1}
.game-tiles{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;overflow:visible}
.game-tile{display:block;position:relative;min-width:0;transition:transform .3s var(--ease),filter .3s;transform-origin:center}
.game-banner{position:relative;display:grid;min-width:0}
.banner-art{grid-area:1/1;width:100%;height:auto}
.banner-title{grid-area:1/1;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:32px}
.banner-title h1,.banner-title h3{line-height:0}
.game-lettering{width:270px;max-width:100%}
.star-banner .game-lettering{width:238px}
.development-label{font-size:14px;font-weight:600;line-height:20px;padding:5px 10px;background:#e5f4eccf;border-radius:5px}
.game-subtitle{width:250px}
.banner-status{grid-area:1/1;align-self:end;justify-self:start;display:flex;align-items:center;justify-content:center;min-height:46px;padding:16px 24px;margin:32px;background:var(--navy);color:var(--paper);border-radius:6px}
.star-banner .banner-status{background:transparent url('/assets/square/brush-button.webp') center/100% 100% no-repeat;min-height:55px}
.banner-status .lettering{height:13px;width:auto}
.feature-banner{max-width:1050px;margin-inline:auto}
.feature-banner.star-banner{max-width:760px}
.feature-banner .banner-title,.feature-banner .banner-status{margin:40px}
.feature-banner .game-lettering{width:350px}
.feature-banner.star-banner .game-lettering{width:310px}
.feature-banner .game-subtitle{width:330px}
.feature-banner .development-label{font-size:16px;line-height:24px}

/* Center the name, character group and links as one close-knit composition. */
.partner-shell{padding-bottom:40px}
.partner-band{position:relative;isolation:isolate;padding:34px 44px;display:grid;grid-template-columns:minmax(0,760px) 214px;justify-content:center;align-items:center;gap:12px}
.partner-band::before{content:'';position:absolute;inset:-8px -10px;background:url('/assets/square/storybook/coral-wash.webp') center/100% 100% no-repeat;z-index:-1}
.partner-identity{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:0;align-items:center}
.partner-intro{position:relative;z-index:1}
.partner-intro h1,.partner-intro h2{font:31px/1.12 var(--display);max-width:295px;color:#fff7e4}
.partner-name{display:inline-block;margin-top:18px;font:900 clamp(64px,6.1vw,94px)/1.05 var(--body);color:#fff7e4;white-space:nowrap;transition:transform .24s var(--ease);letter-spacing:-.055em}
.partner-art{width:100%;height:auto}
.social-links{display:flex;flex-direction:column;gap:0;padding:12px 16px;background:#fff7e9ed;border-radius:12px}
.social-links>a{display:flex;align-items:center;gap:10px;min-height:45px;font-size:13px;font-weight:700;transition:transform .24s var(--ease),color .24s}
.social-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}
.social-links>a>svg{display:block;width:16px;height:16px;margin-left:auto}

/* Full panorama, with a separate contact strip. The art is never cropped. */
.site-footer{color:var(--paper)}
.footer-scene{position:relative;display:grid;background:var(--paper)}
.footer-art{grid-area:1/1;display:block;width:100%;height:auto}
.footer-art img{width:100%;height:auto}
.footer-top{grid-area:1/1;display:flex;align-items:center}
.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:46%;padding-left:16px;position:relative}
.footer-identity .brand{font-size:clamp(27px,2.3vw,38px);gap:18px}
.footer-identity .brand-mark{width:clamp(88px,8.5vw,130px);height:auto}
.footer-identity p{font-size:clamp(17px,1.6vw,25px);line-height:1.4;font-weight:700;max-width:400px;text-wrap:balance}
.footer-inner{width:100%;background:#08293b;padding:24px var(--gutter)}
.footer-bottom{width:min(var(--content),100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;line-height:18px}
.footer-contacts{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.footer-contacts a{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:28px}
.footer-contacts svg{display:none}
.site-footer :focus-visible{outline-color:var(--coral)}

/* Shared detail routes retain the real gameplay and approved text. */
.detail-page{padding-bottom:80px}
.detail-hero{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:32px;align-items:center;padding-block:32px 64px}
.detail-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}
.detail-hero h1 .escape-lettering{height:auto;width:380px;transform-origin:left center}
html[lang=ko] .detail-hero h1 .escape-lettering{width:230px}
.detail-hero h1{line-height:0}
.detail-slogan{font-size:20px;font-weight:500}
.detail-art-frame{max-width:480px;justify-self:center}
.detail-hero-art{width:100%;height:auto}
.game-intro{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:40px;align-items:start}
.game-intro h2{margin-bottom:24px}
.lead{font-size:18px;line-height:1.65}
.feature-list{padding-left:22px;margin-block:24px}
.feature-list li+li{margin-top:14px}
.platform-note{font-size:14px;color:var(--muted)}
.media-figure{min-width:0}
.media-figure>video,.media-figure>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--navy)}
.media-figure figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;color:var(--muted);font-size:12px;line-height:1.65}
.media-figure figcaption a{display:inline-flex;align-items:center;gap:4px;min-height:28px;white-space:nowrap;color:var(--navy)}
.media-figure figcaption svg{width:15px;height:15px}
.trailer-section,.development-section{margin-top:64px}
.trailer-section h2{margin-bottom:32px}
.trailer-grid,.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.trailer-poster{display:block;width:100%;position:relative;aspect-ratio:16/9;padding:0;border:0;background:var(--navy);color:var(--paper);transition:transform .3s var(--ease)}
.trailer-poster>img{width:100%;height:100%;object-fit:cover;opacity:.8}
.trailer-poster>span:last-child{position:absolute;left:24px;bottom:20px;font-size:18px;font-weight:700;text-shadow:0 2px 5px #000}
.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;background:var(--paper);color:var(--navy);border-radius:50%}
.play-disc svg{width:28px;height:28px}
.trailer-item .text-link{font-size:14px;margin-top:8px}
.adventure-detail{padding-top:32px}
.development-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}
.development-heading p+p{margin-top:12px}
.coming-soon-sign{width:max-content;max-width:100%;padding:16px 32px;margin:48px auto 0;background:var(--navy);color:var(--paper);font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.star-page{padding-block:32px 64px}
.partner-page{padding-block:32px 80px}
.profile-story{display:grid;grid-template-columns:420px minmax(0,1fr);gap:48px;margin-top:64px}
.profile-story h2{font-size:38px;margin-bottom:16px}
.profile-story p,.studio-story p{line-height:1.75}
.studio-page{padding-block:64px 80px}
.studio-intro{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:64px}
.studio-intro h1{font:44px/1.15 var(--heavy);margin-bottom:32px}
.studio-slogan{max-width:400px;font-size:24px;line-height:34px;font-weight:700}
.studio-page-mark{width:120px;height:auto;margin-bottom:24px}
.studio-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}
.studio-link{display:flex;align-items:center;gap:16px;padding:26px 22px;background:var(--navy);color:var(--paper);min-height:112px;transition:transform .24s var(--ease),background .24s}
.studio-link>svg:first-child,.studio-link>img{width:30px;height:30px;flex-shrink:0}
.studio-link>svg:last-child{margin-left:auto;width:20px}
.studio-link strong,.studio-link small{display:block}
.studio-link strong{font-size:20px;line-height:1.4}
.studio-link small{font-size:12px;margin-top:4px}
.studio-youtube{background:#883e39}
.studio-youtube>img{filter:invert(1)}
.studio-x{background:#214957}
.x-icon{font-size:32px;line-height:1}

/* Native modal and keyboard focus retain the existing security-conscious behavior. */
.trailer-dialog{width:min(1000px,calc(100% - 32px));max-height:90svh;padding:24px;border:0;border-radius:4px;background:var(--navy);color:var(--paper)}
.trailer-dialog::backdrop{background:#061b25d9}
.trailer-dialog[open]{animation:dialog-enter .24s var(--ease)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
.dialog-heading h2{font:700 20px/1.4 var(--body)}
.dialog-heading button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;background:transparent;color:var(--paper);transition:transform .24s}
.trailer-frame{aspect-ratio:16/9;background:#071d26}
.trailer-frame iframe{display:block;width:100%;height:100%;border:0}
.trailer-fallback{font-size:14px;margin-top:8px}
.entry-page{max-width:600px;margin:15vh auto;padding:24px}
.entry-page a{display:inline-flex;margin:16px 16px 0 0;min-height:48px;align-items:center;font-weight:700}
@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}

html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{font-family:var(--body);font-weight:900;word-break:keep-all}
html[lang=ko] .partner-intro h1,html[lang=ko] .partner-intro h2{font-size:27px;line-height:36px}
html[lang=ko] .footer-identity p{max-width:355px;word-break:keep-all}
html[lang=ko] .studio-intro h1{font-family:var(--heavy);font-weight:400}

@media(hover:hover) and (pointer:fine){
  .brand:hover .brand-mark{transform:rotate(-5deg)}
  .site-nav>a:hover .lettering,.games-menu>summary:hover .lettering{transform:translateY(-3px) rotate(-2deg)}
  .button:hover,.studio-link:hover{transform:translateY(-3px);filter:brightness(1.15)}
  .store-button:hover,.social-links>a:hover,.language-switch a:hover{transform:translateY(-3px)}
  .game-tile:hover{z-index:2;transform:translateY(-4px) scale(1.025);filter:drop-shadow(0 12px 12px #16394520)}
  .partner-name:hover{transform:rotate(-2deg) scale(1.025)}
  .trailer-poster:hover{transform:translateY(-4px) scale(1.015)}
  .text-link:hover{color:var(--teal)}
  .dialog-heading button:hover{transform:rotate(90deg)}
}
.button:active,.store-button:active,.game-tile:active,.social-links>a:active{transform:translateY(1px) scale(.98)}
.site-nav>a:active .lettering,.games-menu>summary:active .lettering{transform:scale(.94)}


@media(max-width:1200px) and (min-width:1000px){
  .header-inner{gap:14px}
  .brand{font-size:20px}
  .brand-mark{width:50px;height:50px}
  .site-nav>a,.games-menu>summary{min-width:76px}
  .nav-lettering{max-width:86px}
  .release-panel{gap:7px;padding-inline:8px}
  .release-actions{gap:5px}
  .release-panel .button,.release-panel .store-button{font-size:11px;padding-inline:9px;min-height:50px}
  .trailer-button{min-width:125px}
  .store-microsoft{min-width:142px}
  .store-itch{min-width:82px}
  .store-itch img{width:62px}
  .release-panel .store-links{gap:5px}
  .banner-title,.banner-status{margin:26px}
  .game-lettering{width:230px}
  .star-banner .game-lettering{width:200px}
  .game-subtitle{width:210px}
  .partner-band{padding:30px 28px;grid-template-columns:minmax(0,1fr) 195px}
  .partner-intro h1,.partner-intro h2{font-size:27px}
  .partner-name{font-size:72px}
}
@media(max-width:999px){
  :root{--gutter:24px}
  .header-inner{flex-wrap:wrap;gap:8px;min-height:86px}
  .site-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:8px 12px 20px;background:var(--paper)}
  .site-header.menu-open .site-nav{display:flex}
  .site-nav>a,.games-menu>summary{justify-content:flex-start;min-height:48px}
  .games-dropdown{position:static;width:auto;box-shadow:none;margin-top:8px}
  .menu-toggle{display:flex}
  .language-switch{padding:0 8px;gap:12px}
  .language-switch::before{inset:-10px -15px}
  .home-hero{margin:0 auto;max-width:620px;grid-template-columns:1fr}
  .hero-inner{display:contents}
  .hero-headline{grid-area:1/1;position:static;width:auto;margin:20px var(--gutter) 24px;font-size:clamp(42px,8vw,68px);line-height:1;letter-spacing:-.06em}
  .hero-headline>span{display:inline}
  .hero-headline>span:last-child{display:block}
  html[lang=ko] .hero-headline{font-size:clamp(36px,7.2vw,59px);line-height:1.15;letter-spacing:-.07em}
  html[lang=ko] .hero-headline>span:first-child{display:block}
  html[lang=ko] .hero-headline br{display:none}
  .hero-art-frame{grid-area:2/1;margin-inline:10px}
  .release-panel{grid-area:2/1;position:relative;align-self:end;left:auto;bottom:auto;width:auto;margin:0 9% 8%;padding:0;gap:7px}
  .release-panel h2{width:72%;max-width:345px}
  .release-actions{display:flex;flex-wrap:wrap;gap:6px}
  .release-panel .button,.release-panel .store-button{min-height:52px}
  .release-panel .release-status{font-size:11px;padding:3px 8px}
  .section-heading .headline{font-size:clamp(32px,5vw,46px)}
  .game-tiles{gap:14px}
  .banner-title,.banner-status{margin:24px}
  .game-lettering{width:210px}
  .star-banner .game-lettering{width:180px}
  .game-subtitle{width:200px}
  .development-label{font-size:12px;line-height:18px}
  .banner-status{min-height:40px;padding:12px 18px}
  .banner-status .lettering{height:11px}
  .partner-band{padding:30px 26px;grid-template-columns:minmax(0,1fr) 182px;gap:8px}
  .partner-identity{grid-template-columns:1fr}
  .partner-intro{text-align:center}
  .partner-intro h1,.partner-intro h2{font-size:28px;max-width:360px;margin-inline:auto}
  .partner-name{font-size:68px;margin-top:12px}
  .partner-art{width:340px;max-width:100%;margin:-4px auto 0}
  .social-links{padding:10px 12px}
  .social-links>a{font-size:12px;gap:8px}
  .footer-identity{gap:18px}
  .footer-identity .brand{font-size:25px;gap:12px}
  .footer-identity .brand-mark{width:78px}
  .footer-identity p{font-size:17px;max-width:285px}
  .detail-hero{grid-template-columns:1fr 1fr}
  .game-intro,.studio-intro,.profile-story{grid-template-columns:1fr;gap:32px}
  .studio-links{grid-template-columns:1fr}
}
@media(max-width:599px){
  :root{--gutter:20px}
  .header-inner{min-height:76px;gap:6px}
  .brand{font-size:16px;gap:6px;letter-spacing:-.05em}
  .brand-mark{width:38px;height:38px}
  .language-switch{gap:8px;padding:0 3px}
  .language-switch a{font-size:11px;gap:4px}
  .language-switch::before{inset:-4px -8px}
  .flag{width:18px;height:12px}
  .menu-toggle{width:44px;min-width:44px}
  .hero-headline{font-size:clamp(36px,9.8vw,57px);margin-top:15px;margin-bottom:18px}
  html[lang=ko] .hero-headline{font-size:clamp(34px,8.65vw,49px)}
  .release-panel{margin-bottom:9%;gap:4px}
  .release-panel h2{width:75%;max-width:270px}
  .release-actions{display:grid;gap:4px;justify-items:start}
  .release-panel .button,.release-panel .store-button{min-height:46px;font-size:11px;padding:8px 12px}
  .trailer-button{min-width:138px}
  .store-microsoft{min-width:152px}
  .store-itch{min-width:88px}
  .store-itch img{width:64px}
  .store-microsoft svg{width:19px;height:19px}
  .next-section{padding-block:18px 30px}
  .section-heading{gap:12px;margin-bottom:20px}
  .section-heading .headline{font-size:clamp(27px,7.3vw,40px);max-width:88%}
  .star-trail{width:54px;height:40px}
  .game-tiles{grid-template-columns:1fr;gap:20px}
  .banner-title,.banner-status{margin:24px}
  .game-lettering{width:clamp(155px,48vw,250px)}
  .star-banner .game-lettering{width:clamp(195px,58vw,280px)}
  .game-subtitle{width:clamp(200px,60vw,290px)}
  html[lang=ko] .game-lettering{width:150px}
  html[lang=ko] .star-banner .game-lettering{width:195px}
  html[lang=ko] .game-subtitle{width:150px}
  .feature-banner .banner-title,.feature-banner .banner-status{margin:24px}
  .feature-banner .game-lettering{width:220px}
  .feature-banner.star-banner .game-lettering{width:240px}
  .feature-banner .game-subtitle{width:250px}
  .feature-banner .development-label{font-size:12px;line-height:18px}
  .partner-shell{padding-bottom:26px}
  .partner-band{padding:26px 20px;display:flex;flex-direction:column;align-items:stretch;gap:2px}
  .partner-band::before{inset:-4px -10px;background-image:url('/assets/square/mobile-coral-wash.webp')}
  .partner-intro h1,.partner-intro h2{font-size:28px;max-width:270px}
  html[lang=ko] .partner-intro h1,html[lang=ko] .partner-intro h2{font-size:24px;line-height:1.3}
  .partner-name{font-size:68px;line-height:1.05;margin-top:12px}
  .partner-art{width:100%;margin:-8px auto 0}
  .social-links{padding:10px 16px;margin-top:-6px}
  .social-links>a{font-size:14px;min-height:44px}
  .footer-scene{background:var(--navy)}
  .footer-top{grid-area:1/1;width:100%;padding:30px var(--gutter) 16px}
  .footer-identity{width:100%;padding-left:0;gap:20px}
  .footer-identity .brand{font-size:30px;gap:12px}
  .footer-identity .brand-mark{width:100px}
  .footer-identity p{font-size:21px;max-width:330px}
  .footer-art{grid-area:2/1}
  .footer-inner{padding-block:22px}
  .footer-bottom{flex-direction:column;align-items:stretch;gap:20px;font-size:11px}
  .footer-contacts{align-self:stretch}
  .footer-contacts a{min-height:30px}
  .detail-page{padding-bottom:40px}
  .detail-hero{grid-template-columns:1fr;gap:24px;padding-block:24px 40px}
  .detail-hero-copy{gap:20px}
  .detail-hero h1 .escape-lettering,html[lang=ko] .detail-hero h1 .escape-lettering{width:300px}
  .detail-slogan{font-size:18px}
  .detail-art-frame{max-width:390px;margin:auto}
  .trailer-section,.development-section{margin-top:40px}
  .trailer-grid,.media-grid{grid-template-columns:1fr;gap:28px}
  .development-heading{grid-template-columns:1fr;gap:20px}
  .adventure-detail{padding-top:24px}
  .star-page{padding-block:24px 40px}
  .partner-page{padding-block:24px 40px}
  .profile-story{margin-top:40px}
  .studio-page{padding-block:32px 40px}
  .studio-intro h1{font-size:38px;margin-bottom:24px}
}
@media(max-width:360px){
  :root{--gutter:16px}
  .brand{font-size:14px}
  .brand-mark{width:32px;height:32px}
  .language-switch{gap:6px}
  .language-switch a{font-size:10px}
  .release-panel{margin-inline:8%}
  .store-microsoft{min-width:144px}
  .store-itch{min-width:78px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .button,.store-button,.game-tile,.social-links>a,.partner-name,.trailer-poster,.brand-mark,.site-nav .lettering{transform:none!important}
}