:root{--tap:#a9d4e8}
.studio-hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.tap-nav{color:#00d9c5}
.tap-download-section{border:1px solid #27534e;border-radius:18px;background:#101f22;padding:32px;margin:0 0 52px;scroll-margin-top:28px}
.tap-download-heading{display:flex;align-items:center;gap:30px;border-bottom:1px solid #294247;padding-bottom:26px;margin-bottom:26px}
.tap-brand-logo{width:156px;height:48px;object-fit:contain;flex-shrink:0}
.tap-download-heading h2{font-size:26px;line-height:1.5;margin:0 0 8px;color:#f0faf7}
.tap-download-heading p{font-size:16px;color:var(--muted);margin:0;max-width:620px}
.tap-download-body{display:grid;grid-template-columns:1fr 220px;gap:42px;align-items:center}
.tap-platforms{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tap-platform-group h3{font-size:14px;color:#a6c9c3;margin:0 0 12px;font-weight:600}
.tap-platform-links{display:flex;flex-direction:column;gap:12px}
.tap-platform-link{display:flex;flex-direction:column;gap:4px;border:1px solid #325451;background:#152a2c;padding:14px 18px;border-radius:8px;min-height:90px;transition:background .2s,border-color .2s}
.tap-platform-link:hover{background:#1a3737;border-color:#00d9c5}
.tap-platform-link strong{font-size:17px;color:#f1f8f6;line-height:1.5}
.tap-platform-link span{font-size:14px;color:#b5c8c7;line-height:1.6}
.tap-source-link{grid-column:1/-1;justify-self:start;color:#00d9c5;font-size:14px;border-bottom:1px solid #46796f}
.tap-qr{margin:0;text-align:center;justify-self:center}
.tap-qr>a{flex-shrink:0}
.tap-qr img{width:176px;height:176px;border-radius:7px;background:#fff}
.tap-qr figcaption{margin-top:14px;display:flex;flex-direction:column;gap:5px}
.tap-qr strong{font-size:16px;color:var(--ink)}
.tap-qr span{font-size:14px;color:var(--muted);line-height:1.6}
@media(max-width:850px){.tap-download-section{padding:26px}.tap-download-heading{align-items:flex-start;gap:22px}.tap-brand-logo{width:116px;height:38px}.tap-download-heading h2{font-size:23px}.tap-download-body{grid-template-columns:1fr 176px;gap:24px}.tap-platforms{gap:14px}.tap-platform-link{padding:12px}.tap-platform-link strong{font-size:16px}.tap-qr img{width:156px;height:156px}}
@media(max-width:600px){.studio-hero-actions{grid-column:1/-1;margin-top:7px;gap:10px}.studio-hero-actions .button{font-size:14px;padding:9px 15px}.navlinks{gap:12px}.tap-download-section{padding:22px;margin-bottom:36px}.tap-download-heading{display:block;padding-bottom:20px;margin-bottom:20px}.tap-brand-logo{margin-bottom:18px;width:138px;height:43px}.tap-download-heading h2{font-size:23px}.tap-download-heading p{font-size:16px}.tap-download-body{grid-template-columns:1fr;gap:26px}.tap-platforms{grid-template-columns:1fr;gap:22px}.tap-platform-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tap-platform-link{padding:12px;min-height:108px}.tap-platform-link strong{font-size:15px}.tap-platform-link span{font-size:14px}.tap-qr{display:flex;gap:18px;align-items:center;text-align:left;justify-self:start}.tap-qr img{width:130px;height:130px}.tap-qr figcaption{margin-top:0}.tap-source-link{font-size:14px}}
.brand-logo{width:40px;height:40px;border-radius:9px;object-fit:contain;flex-shrink:0}
@media(max-width:360px){.tap-qr{flex-direction:column;align-items:flex-start;gap:12px}}
.button:hover{background:#c6e7f4}
.studio-hero{padding:64px 0 54px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:80px}
.studio-hero h1{font-size:clamp(44px,5.8vw,74px);font-weight:800;line-height:1.15;letter-spacing:-.025em;margin:18px 0 24px}
.studio-hero p{color:var(--muted);max-width:470px;margin:0 0 24px;font-size:17px}
.studio-portrait{margin:0;justify-self:end;width:min(100%,310px)}
.studio-portrait img{border-radius:14px;width:100%;height:auto}
.studio-portrait figcaption{color:var(--muted);font-size:14px;margin-top:12px;text-align:right}
.works .section-title{align-items:center;margin-bottom:24px}
.works .section-title h2{margin-top:5px}
.work-counter{font-variant-numeric:tabular-nums;letter-spacing:.1em}
.work-track{position:relative;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:18px;overscroll-behavior-x:contain}
.work-track::-webkit-scrollbar{display:none}
.work-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1fr 1.15fr;scroll-snap-align:start;scroll-snap-stop:always}
.work-art{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;background:#1c2224;padding:38px 24px;overflow:hidden;min-width:0}
.cultivation .work-art{background:#172724}
.work-icon{width:100px;height:100px;border-radius:18px;flex-shrink:0;object-fit:contain;box-shadow:0 10px 32px #0005}
.work-screen{height:290px;width:auto;max-width:calc(100% - 122px);object-fit:contain;border:1px solid #ffffff20;border-radius:8px;box-shadow:0 14px 36px #0005}
.work-slide .card-body{padding:38px 36px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.work-slide .summary{min-height:0;max-width:440px}
.work-slide .card-actions{gap:12px;flex-direction:row}
.work-slide .button{font-size:14px;padding:9px 18px}
.game-qr{display:flex;align-items:center;gap:18px;margin:24px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.game-qr>a{flex-shrink:0}
.game-qr img{width:120px;height:120px;background:#fff}
.game-qr figcaption{display:flex;flex-direction:column;gap:5px;min-width:0}
.game-qr strong{font-size:16px;color:var(--ink)}
.game-qr span{font-size:14px;line-height:1.7;color:var(--muted)}
.game-download-actions{flex-shrink:0}
.game-download-actions .game-qr{border:0;padding-top:0;margin-top:22px}
.works+.tap-download-section{margin-top:52px}
@media(max-width:600px){.game-qr{gap:16px}.game-qr img{width:120px;height:120px}.game-qr strong{font-size:15px}.game-qr span{font-size:13px}.game-download-actions{width:100%}.works+.tap-download-section{margin-top:36px}}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.carousel-controls[hidden]{display:none}
.carousel-button{min-height:44px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);padding:8px 20px;cursor:pointer;font-size:14px}
.carousel-button:hover:not(:disabled){border-color:var(--tap);color:var(--tap)}
.carousel-button:disabled{opacity:.35;cursor:default}
.carousel-pages{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.carousel-page{border:1px solid var(--line);border-radius:7px;min-width:44px;min-height:44px;padding:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;font-variant-numeric:tabular-nums}
.carousel-page[aria-current=true]{background:var(--tap);border-color:var(--tap);color:#0b202b}
.studio-about{border-top:1px solid var(--line);margin-top:54px;padding:42px 0 12px;display:grid;grid-template-columns:1fr 1.3fr;gap:12px 70px}
.studio-about>.label{grid-column:1/-1}
.studio-about h2{font-size:28px;line-height:1.5;margin:0}
.studio-about p{margin:6px 0 0;color:var(--muted);max-width:520px}
@media(max-width:850px){.studio-hero{gap:40px;padding:48px 0}.studio-portrait{width:250px}.studio-hero h1{font-size:54px}.work-slide{grid-template-columns:1fr 1.1fr}.work-art{gap:14px;padding:28px 18px}.work-icon{width:70px;height:70px}.work-screen{height:250px;max-width:calc(100% - 84px)}.work-slide .card-body{padding:28px 24px}.work-slide .card-actions{align-items:stretch;flex-direction:column}.studio-about{gap:12px 30px}}
@media(max-width:600px){.brand{font-size:16px;letter-spacing:0;gap:9px}.brand-logo{width:34px;height:34px}.nav{min-height:72px}.studio-hero{grid-template-columns:1fr 116px;gap:16px;padding:40px 0 34px;align-items:start}.studio-hero h1{font-size:40px;margin:14px 0 20px}.studio-hero p{font-size:16px;grid-column:1/-1}.studio-hero .label{font-size:11px}.studio-portrait{width:116px;margin-top:35px}.studio-portrait img{border-radius:10px}.studio-portrait figcaption{display:none}.studio-hero>div{display:contents}.studio-hero>div>.label,.studio-hero h1{grid-column:1;grid-row:auto}.studio-portrait{grid-column:2;grid-row:1/3}.studio-hero .plain-link{grid-column:1/-1;justify-self:start;margin-top:4px}.studio-hero p{margin:0}.work-slide{grid-template-columns:1fr}.work-art{padding:36px 24px 24px;min-height:280px;gap:22px}.work-icon{width:90px;height:90px}.work-screen{height:230px;max-width:calc(100% - 112px)}.work-slide .card-body{padding:24px}.work-slide h3{font-size:28px}.work-slide .card-actions{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:22px}.work-slide .button{font-size:14px;padding:9px 14px;flex:1}.work-slide .tags{margin:16px 0 0}.carousel-controls{gap:10px}.carousel-button{padding:8px 14px}.carousel-pages{gap:7px}.studio-about{grid-template-columns:1fr;margin-top:38px;padding-top:30px;gap:16px}.studio-about h2{font-size:25px}.studio-about p{margin:0}}