/* Small-screen composition: one native swipe rail, no stacked catalog cards. */
.mobile-catalog{display:none}
.hero-logo-scene picture,.studio-logo-scene picture{display:block;width:100%}
.project-cover>picture,.featured-art>picture{display:block;width:100%;height:100%}
.catalog-material .development-card>picture{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}
.catalog-material .development-card>picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.pixel-bomb-body,.pixel-bomb-spark{animation-play-state:paused}
.animate-bomb .pixel-bomb-body,.animate-bomb .pixel-bomb-spark{animation-play-state:running}
.bomba-play-label strong{display:block;font:inherit}
.bomba-play-label small{display:block;font-family:var(--font);font-size:9px;line-height:1.5;letter-spacing:.06em;text-transform:none;margin-top:4px;opacity:.72;text-shadow:none}
.featured:not(.assets-ready){background-image:none}
.catalog-city{background-image:none!important}
.assets-ready .catalog-city{background-image:url('assets/catalog-neon-bg.webp')!important}
.studio-universe-background{background-image:none}
.assets-ready .studio-universe-background{background-image:url('assets/wallpaperhero1.webp')}
@media(max-width:900px){
  html{scroll-padding-top:76px}
  .journey-progress,.hero-stars{display:none}
  .hero-wallpaper{background-image:url('assets/cosmos-mobile.webp');transform:none!important}
  .hero-logo,.studio-logo-scene img{filter:none}
  .hero-logo-scene{animation:hero-mobile-drift 8.5s ease-in-out infinite;animation-play-state:paused}
  .logo-drifting .hero-logo-scene{animation-play-state:running}
  .modal-open .hero-logo-scene{animation-play-state:paused}
  .hero-logo-scene:before{filter:none;background:radial-gradient(ellipse,#a748ed40,transparent 65%)}
  .hero-aura{filter:none;opacity:.65}
  .portal-star{filter:none}.hero-type-plane{opacity:.45}
  .experience .hero{height:100svh;min-height:0;padding:76px 16px 120px}
  .experience .hero-brand{width:min(94vw,calc((100svh - 200px)*1.5));max-width:100%}
  .featured{min-height:0;padding:42px 0 38px;background-image:linear-gradient(#08050e,#07100844,#08050e),url('assets/featured-mobile.webp')}
  .featured-layout{display:grid;grid-template-columns:minmax(0,1fr);width:calc(100% - 32px);gap:24px}
  .featured-copy{width:100%;max-width:450px}
  .featured .eyebrow{font-size:9px;letter-spacing:.17em}
  .featured .featured-game-title{width:min(240px,68vw);max-width:240px;margin:8px auto 0!important}
  .featured-game-title img{filter:none;transform:none!important}
  .featured .game-divider{margin:8px auto 12px;font-size:12px}
  .featured-description{font-size:14px;line-height:1.65;max-width:34ch;margin:0 auto 20px;padding:0}
  .featured .bomba-play-button{width:min(330px,100%);min-height:66px;gap:13px;padding:11px 19px;clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px),0 5px,5px 5px);border-radius:0;background:#ffce42;color:#20150c;box-shadow:inset 0 3px #ffe89b,inset 0 -4px #bb7d17;justify-content:flex-start;filter:none}
  .bomba-play-button:before{display:none}
  .bomba-play-label{font-size:17px;white-space:nowrap;text-align:left;text-shadow:none;line-height:1.2}
  .bomba-play-label small{font-size:10px;margin-top:5px;letter-spacing:0}
  .pixel-bomb{width:41px;height:41px;filter:none}
  .bomba-play-arrow{width:10px;height:14px;margin-left:auto;opacity:.85}
  .featured .bomba-play-button:focus-visible{outline:3px solid #fff5c0;outline-offset:4px;filter:none}
  .featured-catalog-link{font-size:11px;margin-top:13px}
  .featured-art,.experience .featured-art:hover{width:100%;max-width:650px;box-shadow:none;border:1px solid #dca43a50;border-radius:12px;overflow:hidden}
  .featured-art .trailer-cover{filter:brightness(.83)}
  .trailer-play{width:24%;min-width:65px;top:43%;filter:none}
  .trailer-play img{filter:none}
  .featured-bottom{width:calc(100% - 32px);margin-top:19px;font-size:7px;letter-spacing:.08em;gap:12px}
  .assets-ready .catalog-city{background-image:url('assets/city-mobile.webp')!important;transform:none!important;opacity:.35}
  .assets-ready .studio-universe-background{background-image:url('assets/cosmos-mobile.webp');opacity:.55}
  .catalog-material{padding:30px 0 34px}
  .catalog-material>.container{width:calc(100% - 32px)}
  .catalog-material .catalog-heading,.catalog-material .catalog-mosaic,.catalog-material #desenvolvimento,.catalog-material .development-grid,.catalog-material>.container>[data-rail-controls]{display:none!important}
  .catalog-material .catalog-toolbar{margin:0 0 22px;padding:0;border:0;background:none;clip-path:none;box-shadow:none;backdrop-filter:none}
  .catalog-toolbar nav,.catalog-language{display:none}
  .catalog-material .catalog-search{width:100%;max-width:none;border:1px solid #997eb342;border-radius:8px;clip-path:none;background:#0d0915d9}
  .mobile-catalog{display:block}
  .mobile-catalog-heading p{font-size:8px;letter-spacing:.16em;color:#c3a0df;margin:0 0 8px}
  .mobile-catalog-heading h2{font-family:var(--font);font-size:27px;line-height:1.15;font-weight:600;letter-spacing:-.05em;text-transform:none;margin:0 0 20px;color:#f3eafa}
  .mobile-catalog-tabs{display:flex;padding:4px;gap:4px;background:#0e0918d9;border:1px solid #aa7dcc36;border-radius:10px;margin-bottom:16px}
  .mobile-catalog-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 7px;background:transparent;color:#bba2ce;border:0;border-radius:7px;font-size:12px;white-space:nowrap}
  .mobile-catalog-tabs button[aria-pressed=true]{background:#49305d;color:#f4e8ff;box-shadow:inset 0 1px #dcc0ff20}
  .mobile-catalog-tabs button span{font-size:9px;padding:2px 4px;opacity:.65}
  .mobile-catalog-tabs button:focus-visible{outline:2px solid #dfb4ff;outline-offset:-2px}
  .catalog-material .mobile-catalog-rail{display:flex;gap:12px;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 10px;touch-action:pan-x pan-y}
  .catalog-material .mobile-catalog-rail>[data-catalog]{position:relative;display:block;flex:0 0 88%;width:88%;height:286px;min-height:0;min-width:0;aspect-ratio:auto;grid-area:auto;scroll-snap-align:start;clip-path:none;transform:none;border:1px solid #a376c651;border-radius:12px;filter:none;box-shadow:none;background:#140e20;text-align:left;overflow:hidden;padding:0}
  .catalog-material .mobile-catalog-rail>.showcase-main{border-color:#e6b65180;background:#181310}
  .mobile-catalog-rail .steel-frame,.mobile-catalog-rail .tile-genres,.mobile-catalog-rail .team-wordmark,.mobile-catalog-rail .steel-index{display:none}
  .mobile-catalog-rail .showcase-art{position:absolute!important;inset:0 0 auto!important;height:176px!important;width:100%!important;aspect-ratio:auto!important;overflow:hidden;background:#251336!important}
  .mobile-catalog-rail .showcase-art:after{display:none}
  .catalog-material .mobile-catalog-rail .showcase-art:before{content:'';display:block;position:absolute;inset:0;background:linear-gradient(#251336ed,#251336ed),var(--catalog-art) center/cover;opacity:1}
  .mobile-catalog-rail .showcase-art picture{display:block;width:100%;height:100%;position:relative}
  .catalog-material .mobile-catalog-rail .showcase-art img{position:relative;display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:0;mask-image:none;transform:none;padding:0}
  .mobile-catalog-rail .showcase-main{--catalog-art:url('assets/bomba-mobile.webp')}
  .mobile-catalog-rail .showcase-ring{--catalog-art:url('assets/catalog-ringfighter.webp')}
  .mobile-catalog-rail .showcase-team{--catalog-art:url('assets/team-v-official.png')}
  .catalog-material .mobile-catalog-rail .showcase-main .showcase-content{position:absolute;inset:auto 13px 14px;display:flex;flex-direction:row;align-items:flex-end;gap:8px;padding:0;background:none;margin:0}
  .mobile-catalog-rail .showcase-copy{flex:1;min-width:0}
  .catalog-material .mobile-catalog-rail .showcase-copy h3{font-family:var(--font);font-size:17px;letter-spacing:-.03em;line-height:1.3;text-transform:none;text-shadow:none;margin:0 0 6px}
  .catalog-material .mobile-catalog-rail .showcase-description{display:none}
  .catalog-material .mobile-catalog-rail .showcase-action{width:90px;min-width:90px;min-height:44px;font-family:var(--font);font-size:14px;padding:9px;gap:8px;clip-path:none;border-radius:6px;border:1px solid #f5ce66;box-shadow:inset 0 -2px #b87b16;transform:none}
  .mobile-catalog-rail .showcase-action span{font-size:14px!important}
  .mobile-catalog-rail .showcase-action svg{width:12px;height:12px}
  .mobile-catalog-rail .showcase-side-title{left:14px;top:192px;bottom:auto;font-family:var(--font);font-size:18px;line-height:1.3;letter-spacing:-.035em;text-shadow:none}
  .catalog-material .mobile-catalog-rail .showcase-side-content{inset:auto 14px 13px;justify-content:space-between;gap:8px}
  .catalog-material .mobile-catalog-rail .showcase-side-status{font-size:9px;min-height:30px;clip-path:none;border:0;background:none;padding:5px 0;color:#c4b0d4}
  .mobile-catalog-rail .showcase-side-status svg{width:13px;height:13px}
  .catalog-material .mobile-catalog-rail .showcase-arrow{width:36px;height:36px;clip-path:none;border:1px solid #bb8de36b;border-radius:7px;background:#34203f}
  .mobile-catalog-rail .showcase-arrow svg{width:19px;height:19px}
  .catalog-material .mobile-catalog-rail .steel-featured-badge{left:10px;top:10px;clip-path:none;border:1px solid #dbab5970;border-radius:4px;font-size:8px;padding:5px 7px;background:#17100de6}
  .catalog-material .mobile-catalog-rail .development-card>img,.catalog-material .mobile-catalog-rail .development-card>picture{position:absolute;inset:0 0 auto;width:100%;height:176px;aspect-ratio:auto;object-fit:contain;object-position:center;background:linear-gradient(#251336ed,#251336ed),var(--catalog-art) center/cover;transform:none}
  .catalog-material .mobile-catalog-rail .development-card>picture img{width:100%;height:100%;object-fit:contain;object-position:center}
  .mobile-catalog-rail .poke-card{--catalog-art:url('assets/catalog-poke.webp')}
  .mobile-catalog-rail .nanuki-card{--catalog-art:url('assets/nanuki-mobile.webp')}
  .catalog-material .mobile-catalog-rail .development-card:before{display:none}
  .catalog-material .mobile-catalog-rail .development-name{top:192px;left:14px;bottom:auto;font-size:18px;font-weight:600;line-height:1.3;text-shadow:none}
  .catalog-material .mobile-catalog-rail .development-caption{inset:auto 14px 13px;display:flex;max-width:none;justify-content:space-between;gap:8px}
  .catalog-material .mobile-catalog-rail .development-caption>span:first-child{position:static;min-height:30px;height:auto;font-size:9px;clip-path:none;padding:5px 0;border:0;background:none;backdrop-filter:none;color:#c4b0d4}
  .mobile-catalog-rail .development-caption svg{width:13px;height:13px}
  .catalog-material .mobile-catalog-rail .development-arrow{position:static;width:36px;height:36px;flex-shrink:0;clip-path:none;border:1px solid #bb8de36b;border-radius:7px;background:#34203f}
  .mobile-catalog-rail .development-arrow svg{width:19px;height:19px}
  .catalog-material .mobile-catalog-rail .secret-note{left:14px;top:192px;bottom:auto;color:#cfbedc}
  .mobile-catalog-rail .secret-note strong{font-size:14px!important}
  .mobile-catalog .catalog-rail-nav{display:flex;padding-top:2px;min-height:44px}
  .constellation-star,.catalog-material .development-caption>span:first-child{backdrop-filter:none}
  .selected-projects .project-cover:before{filter:none;opacity:.4}
  .selected-project[data-project="bomba"]{--project-art:url('assets/bomba-mobile.webp')}
  .selected-project[data-project="nanuki"]{--project-art:url('assets/nanuki-mobile.webp')}
  .studio-logo-aura{filter:none}
  [data-sc-parallax]{transform:none!important}
  [data-sc-in],[data-sc-stagger]>*,[data-sc-cue],.sc-split__i{opacity:1!important;transform:none!important}
}
@media(max-width:360px){.bomba-play-label{font-size:15px}.pixel-bomb{width:36px;height:36px}.mobile-catalog-tabs button{font-size:11px}.mobile-catalog-heading h2{font-size:24px}}

@keyframes hero-mobile-drift{
  0%,100%{transform:perspective(1050px) rotateX(-3deg) rotateY(-16deg) rotateZ(-.7deg) translate3d(-6px,0,0)}
  50%{transform:perspective(1050px) rotateX(3deg) rotateY(16deg) rotateZ(.7deg) translate3d(6px,-3px,0)}
}
.motion-off .hero-logo-scene{animation:none}
@media(prefers-reduced-motion:reduce){.hero-logo-scene{animation:none}}

/* Catalog refresh: status filters and unclipped card controls. */
.catalog-material .catalog-filters{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.catalog-material .catalog-filters button{min-height:39px;padding:8px 13px;border:1px solid #ad81cf4c;border-radius:7px;background:#100d1b9c;color:#c9b8db;font:600 12px var(--font);white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.catalog-material .catalog-filters button:hover,.catalog-material .catalog-filters button[aria-pressed=true]{border-color:#d3a7f493;background:#6b359d75;color:#fff}
.catalog-material .catalog-filters button:focus-visible,.mobile-catalog-tabs button:focus-visible{outline:2px solid #eed3ff;outline-offset:2px}
.catalog-material .catalog-language{display:none}
.catalog-material .catalog-heading h2>span{color:#f1ba4f}
.catalog-material .catalog-upcoming-heading{margin-top:32px}
.catalog-material .catalog-upcoming-heading h3{font-size:clamp(19px,1.9vw,28px)}
.catalog-material .catalog-empty:not([hidden]){margin-top:20px}

@media(min-width:901px){
  .catalog-material .catalog-toolbar{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:13px 0 18px;margin-bottom:24px}
  .catalog-material .catalog-search{flex:0 1 260px;min-width:190px}
  .catalog-material .catalog-mosaic,.catalog-material .catalog-mosaic.is-filtering{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(350px,29vw,510px);aspect-ratio:auto;gap:0;overflow:visible;padding:0}
  .catalog-material .showcase-main{grid-area:1/1;width:100%;height:100%;min-height:0;clip-path:none;border:1px solid #e8bd6c9c;border-radius:12px;overflow:hidden;filter:drop-shadow(0 8px 28px #0008)}
  .catalog-material .showcase-main .showcase-art{inset:0;background:#090812}
  .catalog-material .showcase-main .showcase-art img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
  .catalog-material .showcase-main .showcase-art:after{background:linear-gradient(0deg,#050610f5 0%,#05061075 24%,transparent 52%),linear-gradient(90deg,#040411a8,transparent 44%)}
  .catalog-material .showcase-main .tile-genres{bottom:28%;left:3%;z-index:3}
  .catalog-material .showcase-main .showcase-content{inset:auto 3% 5%;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0;max-width:none}
  .catalog-material .showcase-main .showcase-copy{max-width:55%;min-width:0}
  .catalog-material .showcase-main .showcase-copy h3{font-size:clamp(28px,3vw,48px)}
  .catalog-material .showcase-main .showcase-description{font-size:clamp(12px,1vw,16px)}
  .catalog-material .showcase-main .showcase-action{width:auto;min-width:clamp(160px,19vw,260px);min-height:66px;padding:12px 22px;justify-content:center;gap:18px;font-size:clamp(22px,2.3vw,32px);clip-path:none;border-radius:7px;flex-shrink:0}
  .catalog-material .showcase-main .showcase-action>span{font-size:inherit}
  .catalog-material .showcase-main .steel-frame{display:none}
  .catalog-material .development-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible;padding:0}
  .catalog-material .development-grid>[data-catalog]{height:clamp(258px,20vw,330px);min-width:0;width:100%;aspect-ratio:auto;grid-area:auto;clip-path:none;border:1px solid #ad85d47d;border-radius:11px;overflow:hidden;background:#0b0918;filter:none;box-shadow:0 12px 28px #0007;transform:none;transition:transform .2s,border-color .2s,box-shadow .2s}
  .catalog-material .development-grid>[data-catalog]:hover{transform:translateY(-3px);border-color:#dbc1ec;box-shadow:0 18px 34px #0009,0 0 19px #b261f638}
  .catalog-material .development-grid .steel-frame{display:none}
  .catalog-material .development-grid .tile-genres,.catalog-material .development-grid .steel-index,.catalog-material .development-grid .team-wordmark{display:none}
  .catalog-material .development-grid .showcase-art,.catalog-material .development-grid .development-card>img,.catalog-material .development-grid .development-card>picture{position:absolute;inset:0 0 66px;width:100%;height:calc(100% - 66px);background:#10091c;overflow:hidden;display:block}
  .catalog-material .development-grid .showcase-art img,.catalog-material .development-grid .development-card>img,.catalog-material .development-grid .development-card>picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:none;margin:0}
  .catalog-material .development-grid .showcase-ring .showcase-art img{width:100%;object-position:60% center}
  .catalog-material .development-grid .showcase-team .showcase-art img{object-position:50% 38%}
  .catalog-material .development-grid .poke-card>img{object-position:40% center}
  .catalog-material .development-grid .poke-card>img{object-fit:contain;background:linear-gradient(#11091ad9,#11091ad9),url('assets/catalog-poke.webp') center/cover}
  .catalog-material .development-grid .showcase-art:after,.catalog-material .development-grid .development-card:before{display:none}
  .catalog-material .development-grid .showcase-side-title,.catalog-material .development-grid .development-name,.catalog-material .development-grid .secret-note{position:absolute;left:14px;right:14px;bottom:37px;top:auto;z-index:4;margin:0;font:700 clamp(14px,1.2vw,20px)/1.25 var(--font);color:#f9f4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}
  .catalog-material .development-grid .secret-note>svg,.catalog-material .development-grid .secret-note>span>span{display:none}
  .catalog-material .development-grid .secret-note>span>strong{font:inherit;text-transform:none}
  .catalog-material .development-grid .showcase-side-content,.catalog-material .development-grid .development-caption{position:absolute;left:14px;right:14px;bottom:8px;top:auto;inset:auto 14px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;max-width:none;padding:0;margin:0;background:none;z-index:4;pointer-events:none}
  .catalog-material .development-grid .showcase-side-status,.catalog-material .development-grid .development-caption>span:first-child{display:flex;align-items:center;gap:5px;min-width:0;max-width:calc(100% - 43px);height:24px;min-height:24px;padding:2px 0;border:0;background:none;clip-path:none;backdrop-filter:none;color:#d4bee6;font:600 10px/1.2 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .catalog-material .development-grid .showcase-side-status svg,.catalog-material .development-grid .development-caption svg{width:13px;height:13px;flex-shrink:0}
  .catalog-material .development-grid .showcase-arrow,.catalog-material .development-grid .development-arrow{position:static;flex:0 0 32px;width:32px;height:28px;min-height:0;display:grid;place-items:center;border:1px solid #bb86d49a;border-radius:5px;clip-path:none;background:#3b2150;color:#f0d7ff;padding:4px;box-shadow:none}
  .catalog-material .development-grid .showcase-arrow svg,.catalog-material .development-grid .development-arrow svg{width:17px;height:17px}
  .catalog-material .development-grid .development-card:after,.catalog-material .development-grid .showcase-side:after{content:'';position:absolute;inset:auto 0 0;height:66px;background:#0b0919;z-index:2;pointer-events:none}
  .catalog-material .upcoming-grid .showcase-team{border-color:#ba7bc494}
  .catalog-material .development-grid .secret-card>img{filter:grayscale(1) brightness(.62)}
}
@media(min-width:901px) and (max-width:1180px){
  .catalog-material .catalog-toolbar{align-items:stretch;flex-direction:column}
  .catalog-material .catalog-search{flex:auto;width:min(320px,100%)}
  .catalog-material .development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-material .showcase-main .tile-genres{display:none}
}
@media(max-width:900px){
  .catalog-material .catalog-filters{display:none}
  .mobile-catalog-tabs{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  .mobile-catalog-tabs button{flex:1 0 auto;min-width:0;padding-inline:10px}
  .catalog-material .catalog-upcoming-heading,.catalog-material .upcoming-grid,.catalog-material [data-rail-controls="catalog-upcoming-rail"]{display:none!important}
}
@media(max-width:420px){.mobile-catalog-tabs button{font-size:11px;padding-inline:8px}}

/* The next release follows the featured trailer before the browsing controls. */
.next-spotlight{position:relative;isolation:isolate;padding:clamp(55px,6vw,95px) 0;background:radial-gradient(ellipse at 72% 47%,#6523636b,transparent 49%),linear-gradient(145deg,#080611,#16091e 64%,#080611);overflow:hidden}
.next-spotlight:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/catalog-neon-bg.webp') center/cover;opacity:.13;pointer-events:none}
.next-spotlight:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#b26ad79c,transparent)}
.next-spotlight-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,4vw,70px)}
.next-spotlight-copy{position:relative;z-index:2;padding:20px 0}
.next-kicker{display:flex;align-items:center;gap:13px;color:#f3c77c;font:700 11px var(--font);letter-spacing:.16em;margin:0 0 21px}
.next-kicker span:first-child{font-size:19px;color:#d082e7}.next-kicker span:last-child{font-size:10px;color:#a687b9;margin-left:auto}
.next-spotlight h2{font:800 clamp(36px,4.1vw,70px)/1.04 var(--font);letter-spacing:-.055em;color:#faf3ff;margin:0 0 25px;text-wrap:balance}
.next-spotlight h2 strong{color:#e895ef;font-weight:inherit;text-shadow:0 0 35px #d653e954}
.next-description{max-width:44ch;font-size:clamp(14px,1.15vw,18px);line-height:1.7;color:#cdbbd4;margin:0 0 30px}
.next-description strong{color:#fff}
.next-spotlight-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px}
.next-spotlight-actions button{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:52px;padding:12px 19px;border:1px solid #c76ae8a1;border-radius:6px;background:linear-gradient(110deg,#6d268d,#3c165a);color:#fff;font:700 14px var(--font);box-shadow:0 0 25px #b350e331;transition:transform .2s,background .2s}
.next-spotlight-actions button:hover{transform:translateY(-2px);background:linear-gradient(110deg,#8d35ae,#512173)}
.next-spotlight-actions button:focus-visible,.next-spotlight-art:focus-visible{outline:2px solid #ffddff;outline-offset:4px}
.next-spotlight-actions button span{font-size:22px;font-weight:400}
.next-spotlight-actions>span{color:#a88bb6;font:600 10px var(--font);letter-spacing:.13em}
.next-spotlight-art{position:relative;display:grid;place-items:center;min-height:clamp(330px,33vw,510px);width:100%;padding:20px;border:1px solid #b770d279;border-radius:15px;background:radial-gradient(ellipse at center,#702a7947,transparent 68%),#0b0818;box-shadow:0 24px 65px #0008,0 0 30px #8d40b630;overflow:hidden;cursor:pointer}
.next-spotlight-art:before{content:'';position:absolute;inset:0;background:linear-gradient(#0a061e9c,#0a061e9c),url('assets/team-v-official.png') center/cover;filter:blur(22px);transform:scale(1.15);opacity:.7}
.next-spotlight-art img{position:relative;z-index:1;width:100%;height:100%;max-height:470px;object-fit:contain;filter:drop-shadow(0 18px 20px #000a);transition:transform .5s}
.next-spotlight-art:hover img{transform:scale(1.025)}
.next-art-tag{position:absolute;z-index:2;top:15px;right:15px;padding:7px 10px;border:1px solid #d78aff7d;border-radius:4px;background:#160b25d9;color:#f0d5ff;font:700 9px var(--font);letter-spacing:.1em}

@media(min-width:901px){
 .catalog-material .catalog-toolbar{width:max-content;max-width:100%;margin:0 0 33px;padding:7px 9px;border:1px solid #b486cf48;border-radius:9px;background:#0e0a1aa3;box-shadow:0 10px 30px #0004;backdrop-filter:blur(8px);gap:12px;flex-direction:row;align-items:center}
 .catalog-material .catalog-filters{gap:3px;flex-wrap:nowrap}
 .catalog-material .catalog-filters button{min-height:34px;padding:6px 10px;font-size:11px;border:0;background:transparent}
 .catalog-material .catalog-filters button[aria-pressed=true]{background:#613479a3}
 .catalog-material .catalog-search{flex:0 0 190px;min-width:0;max-width:190px;height:34px;margin:0;border-radius:5px}
 .catalog-material .catalog-heading h2>span{color:#d299fa}
 .catalog-material #desenvolvimento{margin-top:0}
 .catalog-material #desenvolvimento h3{font-size:clamp(22px,2.1vw,31px)}
 .catalog-material #catalog-development-rail{display:flex;align-items:stretch;gap:17px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:0;overscroll-behavior-x:contain;padding:4px 2px 16px;grid-template-columns:none}
 .catalog-material #catalog-development-rail::-webkit-scrollbar{display:none}
 .catalog-material #catalog-development-rail>[data-catalog]{flex:0 0 calc((100% - 42px)/3.14);scroll-snap-align:start}
 .catalog-material [data-rail-controls="catalog-development-rail"]{display:flex;align-items:center;gap:9px;margin:5px 0 0;color:#bca6cd}
 .catalog-material [data-rail-controls="catalog-development-rail"] .catalog-rail-label{display:flex;flex:1;align-items:center;gap:12px;min-width:0}
 .catalog-material [data-rail-controls="catalog-development-rail"] .catalog-rail-hint{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9a7da8}
 .catalog-material [data-rail-controls="catalog-development-rail"] .catalog-rail-current{font-size:12px;color:#eddbf6}
 .catalog-material [data-rail-controls="catalog-development-rail"] .catalog-rail-count{font-size:11px;color:#bda0d0}
 .catalog-material [data-rail-controls="catalog-development-rail"] button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b087d066;border-radius:6px;background:#1b1128;color:#f0defa}
 .catalog-material [data-rail-controls="catalog-development-rail"] button:disabled{opacity:.35}
 .catalog-material [data-rail-controls="catalog-development-rail"] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
 .catalog-material #catalog-upcoming-rail{grid-template-columns:minmax(0,min(460px,100%))}
 .catalog-material #catalog-upcoming-rail>[data-catalog]{height:300px}
}
@media(min-width:901px) and (max-width:1180px){
 .catalog-material #catalog-development-rail>[data-catalog]{flex-basis:calc((100% - 28px)/2.2)}
 .catalog-material .catalog-toolbar{flex-direction:row}
}
@media(max-width:900px){
 .next-spotlight{padding:45px 0 48px}
 .next-spotlight-layout{grid-template-columns:1fr;gap:20px}
 .next-spotlight-copy{padding:0}
 .next-spotlight h2{font-size:clamp(36px,9vw,56px);margin-bottom:16px}
 .next-description{font-size:14px;margin-bottom:19px}
 .next-spotlight-actions button{min-height:48px;font-size:13px}
 .next-spotlight-art{min-height:0;aspect-ratio:1.5;padding:14px}
 .next-spotlight-art img{max-height:350px}
 .next-art-tag{font-size:8px}
}
@media(max-width:480px){
 .next-spotlight{padding:37px 0 39px}
 .next-kicker{font-size:9px;gap:8px;margin-bottom:14px}
 .next-kicker span:last-child{font-size:8px}
 .next-spotlight h2{font-size:38px}
 .next-description{font-size:13px;line-height:1.6}
 .next-spotlight-actions{gap:10px}
 .next-spotlight-actions>span{font-size:8px}
 .next-spotlight-art{aspect-ratio:1.35}
}
@media(prefers-reduced-motion:reduce){.next-spotlight-art img,.next-spotlight-actions button{transition:none}}