/* One product and one primary action. Secondary tools open on request. */
.studio-body{grid-template-rows:auto 1fr}
.studio-body>.studio-controls{grid-column:2;grid-row:1;margin:0;padding:2rem 2rem 0;border-left:1px solid #ffffff25}
.studio-body>.studio-stage{grid-column:1;grid-row:1/3;height:100%;min-height:620px}
.studio-body>.studio-panel{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.75rem;padding:1.5rem 2rem 2rem}
.studio-body .studio-name{font-size:2.6rem}
.studio-body .studio-select{font-size:1rem}
.studio-body .studio-count{margin:0}
.studio-body .studio-facts{margin:.25rem 0 .75rem}
.studio-details{border-top:1px solid #ffffff35;padding-top:.25rem}
.studio-details>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;font-size:.875rem;font-weight:500;list-style:none}
.studio-details>summary::-webkit-details-marker{display:none}
.studio-details>summary span{font-size:1.25rem;transition:rotate .15s}
.studio-details[open]>summary span{rotate:45deg}
.studio-details>summary:focus-visible{outline:3px solid var(--paper);outline-offset:3px;border-radius:.3rem}
.studio-details-content{padding:.5rem 0;display:grid;gap:.6rem}
.studio-details-content .studio-orbit-tools{position:static;justify-self:start;display:flex;margin-top:.3rem;background:transparent;border-color:#ffffff45;padding:.25rem;border-radius:99px}
.studio-details-content .studio-gallery-button{grid-column:auto;grid-row:auto;min-height:44px}
.studio-details-content .studio-orbit-tools button{width:44px;height:44px}
.studio-details-content .studio-orbit-tools button:focus-visible{outline:3px solid var(--paper)}
.studio-body .studio-link{margin:0}
@media(min-width:801px){.studio-details[open]>summary{display:none}.studio-details{border:0;padding:0}.studio-details-content{padding:0}.studio-gesture{display:none}}
@media(max-width:800px){
 html{scroll-padding-top:5rem}
 .site-header::after,.hero-orbit,.play-rail,.idea-sculpture,.product-hero .hero-index{display:none}
 .header-inner{min-height:72px;padding-block:.7rem;gap:.75rem}
 .brand img{width:8rem}.lang-link{padding:.5rem .65rem;font-size:.75rem}.mobile-nav summary{font-size:.75rem}
 .product-hero{padding-block:2.2rem 2.5rem}
 .product-hero .hero-layout{grid-template-columns:1fr;grid-template-areas:'copy' 'feature';gap:1.7rem}
 .product-hero .hero-lead{padding:0}
 .product-hero .hero-title{font-size:3rem;line-height:1.02;letter-spacing:-.02em;max-width:15ch;margin-top:1rem;text-wrap:balance}
 .product-hero .hero-title span{max-width:none}
 .product-hero .hero-title span::after{display:none}
 .product-hero .hero-intro{font-size:1rem;line-height:1.6;max-width:40ch;margin-top:1rem}
 .product-hero .hero-actions{margin-top:1.4rem;gap:.9rem 1.5rem}
 .product-hero .hero-feature{padding:0}
 .product-hero .hero-plate{height:240px;aspect-ratio:auto;transform:none;border-radius:1rem;background:var(--sky)}
 .product-hero .hero-scene img{height:110%;bottom:-5%;rotate:0deg;transform:none}
 .product-hero .hero-caption{margin-top:.8rem;gap:.75rem;align-items:center}
 .product-hero .hero-caption-name{font-size:.875rem}
 .product-hero .hero-caption-fact{display:none}
 .product-hero .hero-caption .link-arrow{font-size:.8125rem;max-width:none}
 .eyebrow{font-size:.75rem;letter-spacing:.1em}
 .studio{padding-block:2.7rem 2rem}
 .studio-head{display:block;border:0;padding:0}
 .studio-head .eyebrow{display:none}
 .studio-head h2{font-size:2.5rem;max-width:none;line-height:1.08}
 .studio-intro{font-size:.9375rem;line-height:1.5;margin:.65rem 0 0;max-width:none}
 .studio-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 340px auto;min-height:0;margin:1.35rem 0 0;border-radius:1rem;border-color:#ffffff30}
 .studio-body>.studio-controls{grid-column:1;grid-row:1;padding:1rem;border:0;margin:0;display:block}
 .studio-select-label{display:block;font-size:.8125rem;margin-bottom:.5rem;color:var(--paper)}
 .studio-body .studio-select{min-height:48px;border-radius:.5rem;width:100%;font-size:1rem}
 .studio-body>.studio-stage,.studio-body>.studio-stage:not(.is-live){grid-column:1;grid-row:2;height:340px;min-height:0}
 .studio-views,.studio-gesture,.studio-sampler,.studio-step,.studio-count,.studio-type{display:none!important}
 .studio-body>.studio-panel{grid-column:1;grid-row:3;display:flex;border:0;padding:1rem;gap:1rem;justify-content:start}
 .studio-body .studio-open{order:-1;margin:0;min-height:50px;border-radius:.7rem;grid-row:auto;grid-column:auto}
 .studio-body .studio-name{font-size:1.8rem;line-height:1.12;overflow-wrap:anywhere}
 .studio-body .studio-facts{display:flex;justify-content:start;gap:1.5rem;border:0;padding:0;margin:0}
 .studio-facts dt{font-size:.75rem}.studio-facts dd{font-size:1rem}
 .studio-details-content .studio-gallery-button{font-size:.875rem;border-radius:.55rem}
 .studio-details-content .studio-orbit-tools{margin:0}
 .studio-after{padding:1rem 0 0;margin:1rem 0 0;display:block;border:0}
 .studio-after p{display:none}.studio-after .link-arrow{min-height:44px;align-items:center;font-size:.875rem}
 .chapter,.section{padding-block:2.75rem}
 .chapter-heading{gap:.5rem}.chapter-index,.board-number,.flight-code{display:none}
 .chapter-grid{grid-template-columns:1fr;gap:1.5rem;padding-top:1rem}
 .chapter-copy h2,.workshop-heading h2,.journal h2,.retail-line h2,.h2{font-size:2.2rem;line-height:1.08}
 .chapter-copy .chapter-description{font-size:1rem;line-height:1.65;margin-top:.9rem}
 .chapter-copy .game-specs{display:none}
 .chapter-copy>p{margin-top:1rem}
 .chapter-photo{border-radius:.8rem;overflow:hidden}
 .chapter-photo img{height:230px;aspect-ratio:auto;object-fit:cover;transform:none}
 .chapter-photo figcaption{font-size:.8125rem}
 .card-theatre{height:230px;min-height:0;aspect-ratio:auto;perspective:none;border-radius:.8rem}
 .card-theatre .flight-box{display:none}
 .card-theatre .cards-photo,.card-theatre[data-open='true'] .cards-photo{position:static;width:100%;height:100%;object-fit:contain;transform:none;filter:none}
 .chapter--flight [data-explore-cards]{display:none!important}
 .workshop-heading{display:block}.workshop-heading>p{margin-top:1rem;font-size:1rem;line-height:1.65}
 .studio-steps{gap:1rem}.studio-steps li{padding:1.2rem 0}.studio-steps h3{font-size:1.65rem}.step-number{font-size:.75rem}
 .retail-line{padding-block:2.5rem}.retail-line .container{gap:1.2rem}
 .journal-head{align-items:start;gap:1.2rem}.journal-list a{padding-block:1.2rem}.journal-list h3{font-size:1.5rem}.journal-category{font-size:.8125rem}
 .closing{padding-block:2.75rem}.closing h2{font-size:3rem;line-height:1.02}.closing-copy{font-size:1rem}
 .display--page,.article-head .display{font-size:2.75rem;line-height:1.08}
 .page-hero{padding-block:2.5rem}.page-hero .lede{font-size:1rem;line-height:1.65}
 .game-card-name{font-size:1.8rem}.game-card .game-specs{gap:1.3rem}
 .service-grid li,.panel{padding:1.25rem}
 .showcase-home *{animation:none!important;animation-timeline:auto!important}
 .showcase-home .btn:active{scale:1}
 .field input,.field textarea,.field select{font-size:1rem}
}
@media(max-width:360px){.header-inner{gap:.5rem}.brand img{width:7rem}.product-hero .hero-title{font-size:2.75rem}.product-hero .hero-plate{height:210px}.studio-body{grid-template-rows:auto 310px auto}.studio-body>.studio-stage,.studio-body>.studio-stage:not(.is-live){height:310px}.studio-body .studio-facts{gap:1rem}.studio-body .studio-name{font-size:1.7rem}}

.studio-piece-caption{position:absolute;z-index:2;top:.75rem;left:1rem;right:1rem;margin:0;font-size:.8125rem;line-height:1.4;color:#fff;text-align:center;pointer-events:none;text-shadow:0 1px 4px #10284b}
.studio-piece-tools{position:absolute;z-index:3;bottom:.75rem;left:.75rem;right:.75rem;display:flex;justify-content:center;gap:.5rem}
.studio-piece-tools button{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:44px;padding:.6rem .85rem;border:1px solid #ffffff55;border-radius:.6rem;background:#10284bec;color:#fff;font:500 .8125rem/1.3 var(--font-sans);cursor:pointer}
.studio-piece-tools button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.studio-piece-tools button:hover{background:#2258a5}
.studio-piece-tools button span{flex:none}
.studio-piece-tools[hidden],.studio-piece-caption[hidden]{display:none}