/* Centered logo studies, isolated from the published website. */
header{height:80px;justify-content:flex-end}
header .logo{position:absolute;left:50%;top:40px;transform:translate(-50%,-50%);width:240px;max-width:calc(100% - 140px)}
header .studio-wordmark{width:100%;height:auto}
.brand-tab{left:50%;top:calc(50% - 40px);transform:translateX(-50%);width:136px;height:162px;border:0;border-radius:0;box-shadow:none;isolation:isolate}
.brand-tab img{width:130px;height:130px;position:relative;z-index:2}
.header-compact .brand-tab{transform:translate(-50%,-70%) scale(.88)}
.brand-tab:before,.brand-tab:after{content:'';position:absolute;pointer-events:none}
header .menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #585e65;background:#111216;color:#efefe8;cursor:pointer}
header .menu .ui-icon{width:19px;height:19px}
header .menu .ui-icon-close{display:none}
header .menu[aria-expanded=true] .ui-icon-menu{display:none}
header .menu[aria-expanded=true] .ui-icon-close{display:block}
header nav{display:none;position:absolute;top:79px;left:0;right:0;z-index:5;background:#111216;border-bottom:1px solid #34363d;padding:25px;flex-direction:column;gap:20px;align-items:center;text-align:center}
header nav.open{display:flex}header nav a{font-size:14px;justify-content:center}
.studio-hero-home .studio-hero-copy{padding-top:112px}
/* 01: A molded arcade cartridge with a warm label stripe. */
[data-tab=cartridge] .brand-tab{background:#23282b;border:1px solid #485052;border-top:0;border-radius:0 0 13px 13px;box-shadow:5px 7px 0 #080a0b66}
[data-tab=cartridge] .brand-tab:before{inset:13px 9px 23px;border:1px solid #586060;border-radius:4px;background:#111216}
[data-tab=cartridge] .brand-tab:after{bottom:9px;left:10px;right:10px;height:7px;background:linear-gradient(90deg,#32dfcf 0 25%,#efc04e 25% 50%,#ef773f 50% 75%,#b55f92 75%);border-radius:2px}
/* 02: An ivory admission ticket, with punched semicircular edges. */
[data-tab=ticket] .brand-tab{background:#f0e7d3;clip-path:polygon(0 0,100% 0,100% 78%,94% 81%,94% 87%,100% 90%,100% 100%,0 100%,0 90%,6% 87%,6% 81%,0 78%)}
[data-tab=ticket] .brand-tab img{filter:brightness(0);width:125px}
[data-tab=ticket] .brand-tab:before{inset:10px 9px 12px;border:1px solid #968b75}
[data-tab=ticket] .brand-tab:after{left:18px;right:18px;bottom:9px;border-bottom:3px dotted #d77342}
/* 03: A bold studio pennant with a stitched inset. */
[data-tab=pennant] .brand-tab{height:177px;background:#32dfcf;clip-path:polygon(0 0,100% 0,100% 84%,50% 100%,0 84%);padding-bottom:15px;box-sizing:border-box}
[data-tab=pennant] .brand-tab img{filter:brightness(0)}
[data-tab=pennant] .brand-tab:before{inset:0 7px 12px;border-left:1px solid #11121655;border-right:1px solid #11121655}
[data-tab=pennant] .brand-tab:after{bottom:25px;width:10px;height:4px;background:#111216}
/* 04: A rounded orbital badge with nested retro color bands. */
[data-tab=orbit] .brand-tab{height:175px;border-radius:0 0 68px 68px;background:#111216;border:3px solid #32dfcf;border-top:0;box-shadow:0 0 0 4px #111216,0 0 0 7px #d29f43}
[data-tab=orbit] .brand-tab:before{inset:0 5px 5px;border:1px solid #b65c80;border-top:0;border-radius:0 0 59px 59px}
[data-tab=orbit] .brand-tab img{width:125px}
@media(max-width:380px){header .logo{width:200px;max-width:calc(100% - 130px)}}