:root{color-scheme:dark}html{scroll-padding-top:110px}.expertise-card{text-align:center;display:flex;flex-direction:column;min-height:420px;padding:28px;overflow:visible}.expertise-card h3{margin:105px 0 18px;min-height:58px;display:flex;align-items:center;justify-content:center}.expertise-card p{padding-bottom:22px;margin:0 auto;max-width:34em}.mini-tags{position:static;justify-content:center;margin-top:auto;padding-top:12px;gap:7px}.mini-tags span{font-size:10px}.collaboration-grid article,.service-grid article,.principles-grid article{text-align:center}.collaboration-grid h3,.service-grid h3{margin:0 0 18px}.collaboration-grid .small-index{display:block;margin-bottom:20px}.principles-grid h3{margin-top:10px}.work-row{grid-template-columns:1fr;padding:30px 0}.tech-list>div{grid-template-columns:185px 1fr}.creality-page .contact-grid{max-width:900px}.desktop-nav{gap:22px}.desktop-nav a{white-space:nowrap}.footer-inner{flex-wrap:wrap}.apps-section{background:radial-gradient(ellipse at 80% 20%,#538abc13,transparent 65%),var(--bg)}.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.app-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--bg-2);display:flex;flex-direction:column;box-shadow:0 18px 50px #0002}.app-art-link{display:block;overflow:hidden}.app-art{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}.app-art-link:hover .app-art{transform:scale(1.025)}.app-card-body{padding:30px;display:flex;flex:1;flex-direction:column}.app-heading{display:flex;align-items:center;gap:18px}.app-icon{border-radius:16px;width:68px;height:68px;flex-shrink:0}.app-platform{margin:0 0 6px!important;font:11px 'DM Mono',monospace!important;color:var(--accent)!important}.app-heading h3{font-size:25px;line-height:1.25;letter-spacing:-.03em;margin:0}.app-card-body>p{font-size:16px;color:var(--muted);margin:22px 0 26px}.app-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:auto}.app-actions .button{gap:15px;color:var(--text)}.app-status{font:11px/1.6 'DM Mono',monospace;color:var(--muted);padding:10px 0}.store-link{font-size:13px;font-weight:600;border:1px solid var(--accent);border-radius:9px;padding:11px 16px;color:var(--accent-2)}.app-secondary{display:flex;gap:24px;font-size:13px;margin-top:24px;color:var(--muted)}.app-secondary a:hover{color:var(--text)}.apps-more{text-align:center;margin-top:36px}.apps-hero{padding:180px 0 90px;background:radial-gradient(ellipse at 80% 10%,#5d98c91c,transparent 60%),var(--bg)}.apps-hero h1{font-size:clamp(54px,7vw,98px);font-weight:600;letter-spacing:-.055em;line-height:1.06;margin:20px 0 28px}.apps-hero .section-lead{font-size:21px;max-width:700px}.apps-hero .button{margin-top:32px}.apps-page #development{background:var(--bg-2)}
@media(max-width:1100px){.desktop-nav{display:none}.menu-btn{display:grid}.expertise-card{padding:24px}.expertise-card h3{font-size:21px}.tech-list>div{grid-template-columns:155px 1fr}.apps-grid{gap:18px}.app-card-body{padding:24px}.app-heading h3{font-size:22px}}
@media(min-width:901px) and (max-width:1100px){.mobile-nav{top:94px;left:22px;right:22px;height:calc(100dvh - 116px);border:1px solid var(--border);border-radius:16px;overflow:auto}}
@media(max-width:900px){.expertise-card{min-height:400px}.app-heading{gap:13px}.app-icon{width:56px;height:56px;border-radius:13px}.app-heading h3{font-size:21px}.apps-hero{padding-top:150px}.tech-list>div{grid-template-columns:185px 1fr}}
@media(max-width:620px){.apps-grid{grid-template-columns:1fr}.expertise-card{min-height:390px}.expertise-card h3{margin-top:90px;min-height:0}.expertise-card p{font-size:15px}.tech-list>div{grid-template-columns:1fr}.apps-hero{padding:135px 0 65px}.apps-hero h1{font-size:clamp(42px,11vw,64px)}.apps-hero .section-lead{font-size:18px}.app-card-body{padding:23px}.app-heading h3{font-size:23px}.app-actions{gap:12px}.app-status{font-size:10px}.collaboration-grid h3,.service-grid h3{margin-top:0}.principles-grid article{padding:24px 14px}.work-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.app-art{transition:none}.app-art-link:hover .app-art{transform:none}}

/* Refinement: quieter cards and a clear hierarchy. */
.expertise .container{max-width:1140px}.expertise-grid{gap:20px}.expertise-card{min-height:380px;padding:24px}.expertise-card h3{margin:72px 0 14px;min-height:64px;font-size:22px;line-height:1.3}.expertise-card p{line-height:1.65;padding-bottom:18px}.expertise-card:hover{transform:none}.mini-tags{min-height:52px;align-content:center;align-items:center;padding-top:8px}.expertise .section-heading,.collaboration .section-heading,.principles .section-heading{display:block;text-align:center;max-width:820px;margin-inline:auto}.expertise .section-label,.collaboration .section-label,.principles .section-label{justify-content:center;margin-top:0}.collaboration .section-lead{margin-inline:auto}.apps-teaser{background:var(--bg-2)}.apps-teaser-copy{align-self:center}.apps-teaser-copy p{color:var(--muted);font-size:18px;margin:0 0 26px}.contact-person{display:block;font-size:20px;color:var(--text);margin-bottom:6px}.app-contribution{border-top:1px solid var(--border);padding-top:16px;margin-bottom:24px;color:var(--muted);font-size:14px}.app-contribution summary{cursor:pointer;color:var(--accent-2);font-weight:600}.app-contribution summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.app-contribution p{margin:12px 0 0}.desktop-nav{gap:16px}.desktop-nav a{font-size:12px}.section h2{overflow-wrap:normal}
@media(max-width:1100px){.expertise-card h3{font-size:20px}.expertise-card{padding:22px}}
@media(max-width:620px){.expertise-card{min-height:365px}.expertise-card h3{margin-top:60px;min-height:52px;font-size:22px}.mini-tags{min-height:48px}.apps-teaser-copy p{font-size:17px}.expertise .section-heading,.collaboration .section-heading,.principles .section-heading{margin-bottom:36px}}

/* Compact catalogue: product artwork belongs on each game's own website. */
.apps-page .apps-hero{padding:135px 0 50px}.apps-page .apps-hero h1{font-size:clamp(42px,5vw,64px);margin:16px 0 20px}.apps-page .apps-hero .section-lead{font-size:18px;max-width:760px}.apps-page #catalogue{padding:55px 0 75px}.apps-page #catalogue .section-heading{margin-bottom:32px}.apps-page #catalogue h2{font-size:36px}.apps-page .apps-grid{gap:0 40px;align-items:start}.apps-page .app-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;background:transparent;overflow:visible;padding:28px 0}.apps-page .app-icon-link{display:block;width:88px;height:88px;border-radius:19px}.apps-page .app-icon{width:88px;height:88px;border-radius:19px}.apps-page .app-card-body{padding:0;min-width:0}.apps-page .app-heading{display:block;min-height:0}.apps-page .app-heading h3{font-size:21px;line-height:1.3;letter-spacing:-.02em}.apps-page .app-platform{font-size:10px!important}.apps-page .app-card-body>p{font-size:14px;line-height:1.7;margin:12px 0 16px}.apps-page .app-contribution{border:0;margin:0 0 16px;padding:0;font-size:13px}.apps-page .app-contribution p{line-height:1.7}.apps-page .app-actions{margin:0;gap:10px 18px;align-items:center}.app-detail-link{color:var(--accent-2);font-size:13px;font-weight:600}.app-detail-link:hover{text-decoration:underline}.apps-page .app-status{font-size:10px;padding:0}.apps-page .app-secondary{margin-top:14px;gap:18px;font-size:12px}.apps-page #development{padding:75px 0}.apps-page .app-heading a:hover{color:var(--accent-2)}
@media(max-width:1100px){.apps-page .apps-grid{gap:0 26px}.apps-page .app-card{grid-template-columns:72px minmax(0,1fr);gap:16px}.apps-page .app-icon-link,.apps-page .app-icon{width:72px;height:72px;border-radius:16px}.apps-page .app-heading h3{font-size:20px}}
@media(max-width:800px){.apps-page .apps-grid{grid-template-columns:1fr}.apps-page .app-card{grid-template-columns:80px minmax(0,1fr);gap:20px}.apps-page .app-icon-link,.apps-page .app-icon{width:80px;height:80px}}
@media(max-width:480px){.apps-page .apps-hero{padding:125px 0 40px}.apps-page .apps-hero h1{font-size:42px}.apps-page #catalogue{padding:40px 0 55px}.apps-page #catalogue h2{font-size:30px}.apps-page .app-card{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:24px 0}.apps-page .app-icon-link,.apps-page .app-icon{width:56px;height:56px;border-radius:13px}.apps-page .app-heading h3{font-size:19px}.apps-page .app-card-body>p{font-size:14px}.apps-page .app-actions{align-items:flex-start;flex-direction:column;gap:8px}}
