@charset "UTF-8";
:root{--ink:#14161b;--muted:#646a76;--blue:#274cf6;--line:#dce0e8;--paper:#fff;--lime:#d5f86b;--max:1280px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:92px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.skip-link{position:fixed;left:16px;top:-70px;z-index:100;background:#fff;padding:16px}.skip-link:focus{top:12px}.header{height:88px;padding:0 max(32px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;gap:28px}.brand{display:inline-flex;align-items:center;font-size:24px;letter-spacing:-1.25px;font-weight:800;white-space:nowrap}.brand>span:not(.brand-mark){font-weight:400}.brand-mark{position:relative;display:flex;width:31px;height:31px;margin-right:10px}.brand-mark i{position:absolute;width:19px;height:19px;background:var(--blue);border-radius:50%;top:2px;left:0}.brand-mark i+ i{top:12px;left:11px;background:var(--ink)}.navigation{display:flex;gap:36px;font-size:14px;font-weight:600}.navigation a{padding:13px 0}.navigation a:hover,.back-top:hover{color:var(--blue)}.language{display:flex;align-items:center;gap:7px;font-size:13px;color:#a1a5ad}.language a{min-width:34px;min-height:44px;padding:8px 4px;border:0;background:none;font-size:14px;font-weight:600;color:#626976;cursor:pointer}.language a[aria-current=page]{color:var(--ink)}.hero{background:#111216;color:#fff;padding:38px max(32px,calc((100vw - var(--max))/2)) 0;overflow:hidden}.hero-top,.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:12px;letter-spacing:1.75px;font-weight:650;display:block;line-height:1.5;color:var(--blue)}.eyebrow.light{color:#b7bcc7}.hero-note{font-size:13px;color:#9298a3}.hero-content{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;min-height:576px;gap:32px;padding:65px 0 84px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(48px,5.9vw,83px);line-height:1.06;letter-spacing:-5px;font-weight:600;margin:0 0 30px}.hero h1>span{display:block;white-space:nowrap}.hero h1 .accent{color:var(--lime)}.hero-copy>p{max-width:460px;color:#bfc3cc;font-size:17px;line-height:1.75;margin:0 0 31px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;border-radius:4px;padding:0 24px;font-size:14px;font-weight:600;transition:background .18s,color .18s}.button-light{color:var(--ink);background:#fff}.button-light:hover{background:var(--lime)}.hero-symbol{position:relative;display:flex;justify-content:center;align-items:center;min-height:380px;align-self:center;isolation:isolate}.hero-o{font-family:Arial,Helvetica,sans-serif;font-size:390px;font-weight:700;letter-spacing:-40px;line-height:1;padding-right:35px;color:var(--blue);transform:rotate(-15deg)}.orbit{position:absolute;width:107%;height:100px;border:1px solid #858b98;border-radius:50%;transform:rotate(-32deg);z-index:1}.symbol-label{position:absolute;bottom:-8px;right:8px;font-size:10px;letter-spacing:2px;color:#8c93a1}.hero-bottom{border-top:1px solid #34363d;padding:22px 0;color:#8e95a2;font-size:12px}.scroll-note{font-size:10px;letter-spacing:1.6px}.section{padding:112px max(32px,calc((100vw - var(--max))/2))}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:48px}.section h2{font-size:clamp(32px,3.45vw,48px);font-weight:550;letter-spacing:-1.8px;line-height:1.17;margin:20px 0 0}.section-heading>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:345px;margin:0 0 4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:58px}.project{min-width:0}.project-visual{min-height:340px;display:flex;flex-direction:column;justify-content:space-between;padding:27px 30px 25px;overflow:hidden;border-radius:5px}.visual-top,.visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.6px;line-height:1.4;font-weight:600}.visual-top>span{font-size:11px}.retouch{background:var(--blue);color:#fff}.retouch-type{font-size:clamp(44px,5vw,70px);letter-spacing:-4px;line-height:.98;font-weight:600;margin:30px 0}.retouch-type>span{display:block;margin-left:18%}.logos{background:#e4e9f2;color:#161921}.logos-type{display:flex;flex-direction:column;align-items:center;font-size:clamp(44px,5vw,72px);line-height:.93;letter-spacing:-4px;margin:18px 0;font-family:Georgia,"Times New Roman",serif}.refine-word{font-style:italic}.logos-type>span+span{font-family:Arial,Helvetica,sans-serif;letter-spacing:-6px;font-weight:700}.period{color:var(--blue)}.diary{background:#d5f86b;color:#1d2718}.diary-type{font-size:clamp(40px,4.7vw,66px);letter-spacing:-3px;line-height:1.04;font-weight:550;margin:25px 0}.diary-type>span{display:block}.diary-dot{font-family:Georgia,serif;font-style:italic;font-weight:400}.schelove{background:#22262f;color:#fff}.schelove-type{font-size:clamp(34px,3.5vw,51px);line-height:1.12;letter-spacing:-2.5px;font-weight:450;margin:25px 0}.schelove-type>span{display:block}.schelove-type>span+span{color:#b6c5fc}.schelove .visual-top,.schelove .visual-bottom{color:#a7b3c8}.project-info{padding:23px 2px 0}.project-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.project h3{margin:0;font-size:22px;letter-spacing:-.7px;font-weight:650}.category{font-size:12px;color:var(--muted);text-align:right;line-height:1.5}.project-info p{font-size:16px;line-height:1.7;color:var(--muted);margin:13px 0 0;max-width:560px}.text-link{display:inline-block;font-size:13px;line-height:1.6;margin-top:12px;text-decoration:underline;text-underline-offset:4px;color:#555d6c}.text-link:hover{color:var(--blue)}.project-footnote{font-size:14px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:26px;margin:42px 0 0}.studio{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#f7f8fb}.studio-intro{font-size:21px;line-height:1.65;letter-spacing:-.3px;margin:0 0 40px}.principles>div{position:relative;padding:25px 0 25px 40px;border-top:1px solid #d5dbe5}.principles>div>span{position:absolute;top:30px;left:0;font-size:11px;color:var(--blue);font-weight:600}.principles h3{font-size:17px;font-weight:600;line-height:1.6;letter-spacing:-.25px;margin:0 0 7px}.principles p{font-size:15px;line-height:1.7;margin:0;color:var(--muted)}.contact{background:var(--blue);color:white;display:grid;grid-template-columns:1.5fr 1fr;gap:100px;padding-top:95px;padding-bottom:95px}.contact .eyebrow{color:#e0e7ff}.contact h2{font-size:clamp(42px,4.6vw,64px);letter-spacing:-2.7px;margin-bottom:25px}.contact p{font-size:16px;line-height:1.75;max-width:460px;color:#dde4ff;margin:0 0 30px}.email-link{display:inline-block;font-size:clamp(20px,2.15vw,29px);letter-spacing:-.7px;border-bottom:1px solid #92a5ff;padding-bottom:9px;overflow-wrap:anywhere}.email-link:hover{border-color:#fff}.contact-caption{display:block;color:#e0e7ff;font-size:12px;margin-top:13px}.studio-details{margin:50px 0 0;padding-left:30px;border-left:1px solid #6c86ff}.studio-details>div{margin-bottom:28px}.studio-details dt{font-size:12px;color:#e0e7ff;margin-bottom:9px}.studio-details dd{margin:0;font-size:17px;line-height:1.6;letter-spacing:-.25px}.footer{display:flex;align-items:center;justify-content:space-between;padding:33px max(32px,calc((100vw - var(--max))/2));gap:20px}.footer .brand{font-size:20px}.footer>span,.back-top{font-size:12px;color:var(--muted)}html[lang=ko] h1{letter-spacing:-3px;font-size:clamp(44px,5.4vw,74px);line-height:1.16}html[lang=ko] h2{line-height:1.28;word-break:keep-all}html[lang=ko] p{word-break:keep-all}html[lang=ko] .contact h2{font-size:clamp(40px,4.3vw,58px)}
@media(min-width:1600px){.hero-content{min-height:620px}}
@media(max-width:1000px){.header{padding:0 28px}.hero{padding-left:28px;padding-right:28px}.hero-content{grid-template-columns:1.65fr 1fr;min-height:480px;padding:58px 0 72px;gap:15px}.hero h1{font-size:clamp(46px,6.6vw,65px);letter-spacing:-3px}.hero-symbol{min-height:260px}.hero-o{font-size:280px;letter-spacing:-28px;padding-right:25px}.orbit{height:75px}.symbol-label{display:none}.section{padding:80px 28px}.studio{gap:45px}.project-visual{min-height:280px;padding:23px}.contact{gap:50px}.footer{padding:28px}.navigation{gap:23px}}
@media(max-width:680px){:root{scroll-padding-top:20px}.header{height:76px;padding:0 20px;gap:15px}.brand{font-size:22px}.brand-mark{margin-right:7px}.navigation{display:none}.language{gap:3px}.hero{padding:27px 20px 0}.hero-note{display:none}.eyebrow{font-size:11px;letter-spacing:1.3px}.hero-content{display:block;position:relative;padding:54px 0 43px;min-height:0}.hero h1{font-size:clamp(37px,8.8vw,59px);letter-spacing:-2.7px;margin-bottom:25px}.hero h1>span{white-space:normal}.hero-copy>p{font-size:16px;max-width:410px;margin-bottom:27px}.hero-symbol{min-height:235px;width:240px;margin:15px 0 4px auto}.hero-o{font-size:235px;letter-spacing:-25px;padding-right:25px}.orbit{height:68px;width:108%}.hero-bottom{font-size:10px;padding:19px 0}.scroll-note{display:none}.section{padding:64px 20px}.section-heading{display:block;margin-bottom:32px}.section h2{font-size:32px;letter-spacing:-1.5px;margin-top:15px}.section-heading>p{margin:20px 0 0;font-size:15px;max-width:440px}.project-grid{grid-template-columns:1fr;gap:36px}.project-visual{min-height:286px;padding:25px}.retouch-type{font-size:67px}.logos-type{font-size:68px}.diary-type{font-size:60px}.schelove-type{font-size:46px}.project-info{padding-top:20px}.project-title{gap:16px}.project h3{font-size:21px}.category{font-size:11px}.project-info p{font-size:16px}.project-footnote{margin-top:35px;padding-top:24px;font-size:13px}.studio{display:block}.studio-content{margin-top:28px}.studio-intro{font-size:18px;line-height:1.75;margin-bottom:28px}.principles>div{padding-left:34px}.contact{display:block}.contact h2{font-size:45px;letter-spacing:-2px}.contact p{font-size:15px}.email-link{font-size:24px}.studio-details{display:grid;grid-template-columns:1fr 1fr;border-left:none;border-top:1px solid #6c86ff;padding:29px 0 0;margin-top:45px;gap:28px 20px}.studio-details>div{margin:0}.studio-details>div:last-child{grid-column:1/-1}.studio-details dd{font-size:16px}.footer{flex-wrap:wrap;gap:22px;padding:28px 20px}.footer .brand{width:100%;font-size:21px}.footer>span{font-size:11px}.back-top{font-size:12px}html[lang=ko] h1{font-size:clamp(38px,8.7vw,56px);letter-spacing:-2px}html[lang=ko] h2{font-size:31px}html[lang=ko] .contact h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* Mobile games, store profiles, and the creation-tool vision. */
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.hero-secondary{display:inline-flex;align-items:center;gap:12px;font-size:14px;line-height:1.6;color:#d6dbe6;padding:14px 0}.hero-secondary:hover{color:var(--lime)}.hero-copy>p{max-width:510px}.play-disc{width:320px;height:320px;border-radius:50%;background:var(--blue);display:grid;place-items:center;transform:rotate(-14deg)}.play-disc>span{display:block;width:0;height:0;border-top:55px solid transparent;border-bottom:55px solid transparent;border-left:82px solid var(--lime);margin-left:20px}.hero-symbol .orbit{transform:rotate(-32deg);border-color:#81889a}.hero-symbol .symbol-label{bottom:-12px}
.stores{display:grid;grid-template-columns:.95fr 1.5fr;gap:65px;align-items:center;padding-top:55px;padding-bottom:55px;border-bottom:1px solid var(--line)}.stores h2{font-size:28px;letter-spacing:-1px;line-height:1.35;margin:14px 0 0}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.store-card{border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;padding:25px;transition:border-color .18s,background .18s}.store-card:hover{background:#f4f6ff;border-color:var(--blue)}.store-platform{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:650;margin-bottom:19px}.store-platform>span:last-child{color:var(--blue);font-size:23px;line-height:1}.store-card strong{font-size:21px;letter-spacing:-.6px;font-weight:600}.store-caption{font-size:13px;color:var(--muted);line-height:1.6;margin-top:6px}.store-action{font-size:12px;color:var(--blue);margin-top:21px;line-height:1.6}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-visual{min-height:320px;padding:25px}.game-type{font-size:70px;font-weight:650;letter-spacing:-4px;line-height:.97;margin:30px 0}.crown{background:#222630;color:#fff}.crown .game-period{color:var(--lime)}.crown .visual-top,.crown .visual-bottom{color:#b8c1d2}.kko{background:var(--lime);color:#17211a}.kko-type{font-size:62px;letter-spacing:-3px;line-height:1.09}.kko .game-period{color:var(--blue)}.inkline{background:var(--blue);color:#fff}.inkline .game-period{color:var(--lime)}.project .category{display:block;text-align:left;color:var(--blue);margin-bottom:9px}.project h3{font-size:20px;line-height:1.4;letter-spacing:-.5px;word-break:keep-all}.project-info p{font-size:15px;line-height:1.75}.game-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:8px}.game-links .text-link{font-size:12px;color:var(--ink);padding:6px 0;margin-top:0;line-height:1.7}.game-links .text-link:hover{color:var(--blue)}
.vision{background:#111216;color:#fff;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.vision h2{font-size:clamp(34px,3.6vw,50px);letter-spacing:-2px;line-height:1.2}.vision-intro{color:#c2c7d2;font-size:18px;line-height:1.8;margin:29px 0}.vision-notice{border-top:1px solid #383d48;padding-top:23px;max-width:480px}.status-pill{display:inline-block;color:var(--lime);font-size:10px;letter-spacing:1.5px;border:1px solid #62713d;border-radius:30px;padding:6px 10px;line-height:1.5}.vision-notice p{color:#9ca4b3;font-size:13px;line-height:1.7;margin:12px 0 0}.vision-path{background:#1d2028;border:1px solid #333947;border-radius:8px;padding:34px}.path-caption{display:block;font-size:10px;letter-spacing:1.5px;color:#a6afc1;line-height:1.7}.vision-path ol{list-style:none;margin:28px 0 0;padding:0}.vision-path li{display:flex;align-items:flex-start;gap:22px;border-top:1px solid #343b49;padding:26px 0}.step-number{color:var(--lime);font-size:12px;line-height:1.7;margin-top:3px}.vision-path h3{font-size:20px;font-weight:550;letter-spacing:-.5px;line-height:1.4;margin:0 0 10px}.vision-path li p{font-size:15px;line-height:1.75;margin:0;color:#adb5c6}.vision-outcome{border-top:1px solid #343b49;padding-top:22px;color:var(--lime);font-size:14px;line-height:1.7;margin:0}.studio-details dd{word-break:keep-all}.contact a:focus-visible{outline-color:var(--lime)}html[lang=ko] .stores h2{font-size:27px}html[lang=ko] .vision h2{font-size:clamp(33px,3.4vw,46px)}
@media(max-width:1000px){.play-disc{width:250px;height:250px}.play-disc>span{border-top-width:43px;border-bottom-width:43px;border-left-width:64px;margin-left:16px}.stores{grid-template-columns:1fr;gap:26px;padding-top:40px;padding-bottom:40px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 26px}.vision{gap:40px}.vision-path{padding:27px}.vision-intro{font-size:16px}.vision-path h3{font-size:18px}.vision-path li{gap:16px}.vision h2{font-size:36px}}
@media(max-width:680px){.hero-actions{gap:12px 20px}.hero-secondary{font-size:13px}.hero-symbol{min-height:225px;margin-top:34px;margin-bottom:5px}.play-disc{width:205px;height:205px}.play-disc>span{border-top-width:35px;border-bottom-width:35px;border-left-width:53px;margin-left:14px}.stores{padding-top:37px;padding-bottom:37px;gap:25px}.stores h2,html[lang=ko] .stores h2{font-size:25px}.store-grid{grid-template-columns:1fr;gap:12px}.store-card{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:22px}.store-platform{grid-column:1/-1;margin-bottom:13px}.store-card strong{font-size:21px}.store-caption{grid-column:1;grid-row:3;margin-top:7px;font-size:12px}.store-action{grid-column:2;grid-row:2/4;align-self:end;max-width:95px;text-align:right;margin:0;font-size:11px}.project-grid{grid-template-columns:1fr;gap:38px}.project-visual{min-height:310px;padding:25px}.game-type{font-size:72px}.kko-type{font-size:65px}.project-info p{font-size:16px}.game-links .text-link{font-size:13px}.vision{display:block}.vision h2,html[lang=ko] .vision h2{font-size:32px;letter-spacing:-1.4px}.vision-intro{font-size:16px;margin:24px 0}.vision-path{margin-top:35px;padding:25px 22px}.vision-path h3{font-size:19px}.vision-path li{padding:23px 0;gap:18px}.vision-path li p{font-size:14px}.vision-outcome{font-size:13px}.studio-details dd{font-size:15px}.contact h2{font-size:44px}}

/* Studio milestones and a clearly separate future ambition. */
.language a{display:inline-flex;align-items:center;justify-content:center;text-align:center}
.history{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;border-top:1px solid var(--line)}
.history-intro{font-size:17px;line-height:1.8;color:var(--muted);max-width:420px;margin:25px 0 0}
.history-next{margin-top:32px;max-width:440px;border:1px solid #dce3fc;border-radius:6px;background:#f4f6ff;padding:25px}
.history-next .eyebrow{font-size:10px}
.history-next h3{font-size:19px;font-weight:600;letter-spacing:-.4px;line-height:1.5;margin:13px 0 10px;word-break:keep-all}
.history-next p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.history-next .text-link{color:var(--blue)}
.timeline{list-style:none;margin:8px 0 0;padding:0 0 0 8px}
.timeline li{position:relative;margin:0;padding:0 0 40px 34px;border-left:1px solid var(--line)}
.timeline li:last-child{padding-bottom:0;border-left-color:transparent}
.timeline li::before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--blue);left:-6px;top:3px;box-shadow:0 0 0 5px #fff}
.timeline-date{display:block;color:var(--blue);font-size:12px;line-height:1.5;letter-spacing:1px;font-weight:650;margin-bottom:12px}
.timeline h3{font-size:22px;line-height:1.5;letter-spacing:-.5px;font-weight:600;margin:0 0 10px;word-break:keep-all}
.timeline p{font-size:16px;line-height:1.8;color:var(--muted);margin:0;max-width:530px}
.timeline .text-link{color:var(--blue);margin-top:11px}
@media(max-width:1000px){.history{gap:45px}.timeline h3{font-size:20px}.timeline p{font-size:15px}}
@media(max-width:680px){.history{display:flex;flex-direction:column;gap:38px}.history-intro{font-size:16px;margin-top:21px}.history-next{max-width:none;margin-top:26px;padding:22px}.timeline{margin:0;padding-left:6px}.timeline li{padding-left:26px;padding-bottom:32px}.timeline h3{font-size:20px}.timeline p{font-size:15px}.timeline-date{font-size:11px}}

/* Footer navigation and the visitor-facing sitemap. */
.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.footer-links a{font-size:12px;color:var(--muted);line-height:1.7;padding:8px 0}
.footer-links a:hover{color:var(--blue)}
.sitemap-page{min-height:calc(100vh - 176px)}
.sitemap-section{padding-top:65px;padding-bottom:65px}
.sitemap-heading>.text-link{margin-top:0;color:var(--blue)}
.sitemap-heading h1,html[lang=ko] .sitemap-heading h1{font-size:clamp(40px,4.5vw,60px);line-height:1.15;letter-spacing:-2px;font-weight:550;margin:32px 0 20px}
.sitemap-heading p{font-size:17px;color:var(--muted);line-height:1.8;max-width:640px;margin:0}
.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:55px}
.sitemap-group{min-width:0}
.sitemap-group h2,html[lang=ko] .sitemap-group h2{font-size:21px;line-height:1.5;letter-spacing:-.5px;margin:10px 0 22px;font-weight:600}
.sitemap-group ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sitemap-group li{border-bottom:1px solid var(--line)}
.sitemap-group li a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;font-size:15px;line-height:1.5}
.sitemap-group li a:hover{color:var(--blue)}
.sitemap-group li a>span{color:var(--blue)}
.sitemap-xml{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;border-top:1px solid var(--line);margin-top:48px;padding-top:24px;font-size:12px;color:var(--muted)}
.sitemap-xml .text-link{margin:0;font-size:12px;color:var(--blue)}
.sitemap-page+.footer{border-top:1px solid var(--line)}
@media(max-width:1000px){.sitemap-grid{gap:28px}}
@media(max-width:680px){.footer-links{gap:20px}.sitemap-section{padding-top:36px;padding-bottom:44px}.sitemap-heading h1,html[lang=ko] .sitemap-heading h1{font-size:39px;margin:25px 0 18px}.sitemap-heading p{font-size:16px}.sitemap-grid{grid-template-columns:1fr;gap:34px;margin-top:36px}.sitemap-group h2,html[lang=ko] .sitemap-group h2{margin-bottom:16px}.sitemap-xml{margin-top:36px}}

/* Responsive navigation and contact actions. */
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.mobile-menu{display:none}
.email-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px}
.copy-email{background:transparent;color:inherit;border:1px solid currentColor;border-radius:5px;min-height:44px;padding:10px 14px;font-size:12px;cursor:pointer}
.copy-email:hover{background:#ffffff1a}.copy-status{font-size:12px;line-height:1.7;max-width:360px}.contact button:focus-visible{outline-color:var(--lime)}
@media(max-width:900px){
  .header{position:relative;gap:16px;z-index:10}.navigation{display:none}.language{margin-left:auto}
  .mobile-menu{display:block;flex:0 0 44px}.mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:6px}
  .mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
  .menu-icon,.menu-icon::before,.menu-icon::after{width:18px;height:2px;background:var(--ink);display:block;position:relative}
  .menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0}.menu-icon::before{top:-6px}.menu-icon::after{top:6px}
  .mobile-menu[open] .menu-icon{background:transparent}.mobile-menu[open] .menu-icon::before{top:0;transform:rotate(45deg)}.mobile-menu[open] .menu-icon::after{top:0;transform:rotate(-45deg)}
  .mobile-links{position:absolute;left:0;right:0;top:calc(100% - 1px);display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:16px 28px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 24px #11121612}
  .mobile-links a{display:flex;align-items:center;min-height:48px;padding:12px 0;font-size:14px;border-bottom:1px solid var(--line)}.mobile-links a:hover{color:var(--blue)}
}
@media(max-width:680px){.header{gap:8px;padding:0 16px}.language{gap:0}.language a{min-width:28px;font-size:12px}.mobile-links{padding-left:20px;padding-right:20px}}
@media(max-width:400px){.header .brand{font-size:21px}.header .brand-mark{display:none}}
.not-found{min-height:calc(100vh - 88px);display:flex;flex-direction:column;justify-content:center;max-width:850px;margin:auto}
.not-found h1,html[lang=ko] .not-found h1{font-size:clamp(30px,5vw,52px);line-height:1.3;letter-spacing:-1.5px;margin:25px 0 15px;word-break:keep-all}
.not-found p{color:var(--muted);font-size:16px;line-height:1.8}.not-found .error-number{font-size:13px;color:var(--blue);letter-spacing:3px}
.recovery-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.recovery-links .button{border:1px solid var(--line)}.recovery-links .button:first-child{background:var(--blue);color:#fff}

/* Product audience and a concrete example of today's demo. */
.product-brief{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #383d48;padding-top:50px}
.product-brief h3{font-size:clamp(24px,2.3vw,32px);font-weight:550;line-height:1.35;letter-spacing:-1px;margin:18px 0;word-break:keep-all}
.product-brief p{font-size:16px;line-height:1.85;color:#c2c7d2;margin:0;max-width:500px}
.product-brief .product-goal{margin-top:24px;color:var(--lime);font-size:15px;border-left:2px solid var(--lime);padding-left:17px}
.product-example{background:#f1f4f0;color:var(--ink);padding:32px;border-radius:10px}
.product-example p{color:#4e5955;font-size:15px}.capability-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px;padding:0}
.capability-tags li{font-size:11px;line-height:1.5;border:1px solid #c7d1c7;border-radius:30px;padding:7px 10px;color:#3c4d40}
.product-example .button{background:var(--blue);color:white}.product-example .button:hover{background:#183bd6}.product-example .example-limit{font-size:12px;line-height:1.8;margin-top:16px;color:#59655e}
/* Actual store media: portraits stay uncropped, landscape screens remain wide. */
.project-grid{display:flex;flex-direction:column;gap:32px}
.project-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:40px;overflow:hidden}
.project-showcase .project-info{padding:0;min-width:0}.project-identity{display:flex;align-items:center;gap:17px;margin-bottom:25px}.project-identity img{border-radius:14px;width:64px;height:64px;box-shadow:0 3px 10px #0001}
.project-identity .category{font-size:12px;margin-bottom:5px}.project-platform{font-size:12px;line-height:1.6;color:var(--muted)}
.project-showcase h3{font-size:clamp(23px,2.7vw,34px);font-weight:600;line-height:1.35;letter-spacing:-1px;max-width:460px}
.project-showcase .project-info>p{margin-top:20px;font-size:16px;line-height:1.85;max-width:450px}
.game-facts{margin:28px 0 22px}.game-facts>div{padding:15px 0;border-top:1px solid var(--line)}.game-facts dt{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:600;line-height:1.6}.game-facts dd{margin:6px 0 0;font-size:13px;line-height:1.8;color:var(--ink)}
.project-showcase .game-links{gap:10px 22px}.project-showcase .game-links a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
.project-screenshots{margin:0;min-width:0;align-self:center;background:#e9edf3;border-radius:8px;padding:24px 24px 16px}
.last-crown-showcase .project-screenshots{background:#172330}.inkline-showcase .project-screenshots{background:#e9ece3}.kko-showcase .project-screenshots{background:#f0ece0}
.screenshot-pair{display:flex;justify-content:center;gap:16px;min-width:0}.screenshot-link{display:block;min-width:0;line-height:0;border-radius:5px;overflow:hidden;box-shadow:0 5px 15px #0002;transition:transform .18s}.screenshot-link:hover{transform:translateY(-3px)}
.screenshot-link img{display:block;width:100%;height:auto}.portrait .screenshot-link{max-width:210px;flex:1 1 0}.landscape .screenshot-pair{flex-direction:column;gap:15px}.landscape .screenshot-link{max-width:440px;width:100%;margin:0 auto}
.project-screenshots figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;font-size:10px;line-height:1.7;color:#546055;margin-top:18px}.last-crown-showcase figcaption{color:#c0cbd8}.last-crown-showcase .screenshot-link:focus-visible{outline-color:var(--lime)}
.screenshot-dialog{max-width:min(960px,calc(100vw - 32px));width:fit-content;max-height:calc(100dvh - 32px);padding:20px;border:1px solid #46505f;border-radius:12px;background:#151b24;color:#fff;overflow:auto;box-shadow:0 25px 80px #0006}
.screenshot-dialog::backdrop{background:#080c14de}.screenshot-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px}
.screenshot-dialog h2,html[lang=ko] .screenshot-dialog h2{font-size:14px;font-weight:500;line-height:1.6;letter-spacing:0;margin:0}.screenshot-close{border:1px solid #65707e;color:#fff;background:none;border-radius:5px;min-height:44px;padding:8px 13px;font-size:13px;cursor:pointer;flex-shrink:0}.screenshot-close:focus-visible{outline-color:var(--lime)}
.screenshot-full{display:block;max-width:100%;width:auto;height:auto;max-height:70dvh;margin:0 auto;object-fit:contain}.screenshot-description{font-size:12px;line-height:1.7;max-width:740px;margin:14px 0 0;color:#c3cad6}.has-lightbox{overflow:hidden}
@media(max-width:1000px){.product-brief{gap:30px}.product-example{padding:26px}.project-showcase{gap:28px;padding:28px}.project-screenshots{padding:18px 18px 14px}.screenshot-pair{gap:10px}.project-showcase .project-info>p{font-size:15px}}
@media(max-width:760px){.product-brief{grid-template-columns:1fr;margin-top:38px;padding-top:35px}.product-brief h3{font-size:27px}.project-showcase{grid-template-columns:1fr;gap:26px;padding:25px}.project-identity{margin-bottom:20px}.project-showcase h3{font-size:25px}.project-showcase .project-info>p{font-size:16px}.game-facts{margin:22px 0 12px}.project-screenshots{padding:20px 18px 14px}.portrait .screenshot-link{max-width:220px}.project-grid{gap:24px}}
@media(max-width:400px){.project-showcase{padding:20px}.project-screenshots{padding:12px 10px}.screenshot-pair{gap:8px}.project-screenshots figcaption{font-size:9px}.product-example{padding:23px}.product-example .button{width:100%;padding-left:12px;padding-right:12px}.screenshot-dialog{padding:14px}}