/* Homepage quick-launch banner for the four featured GOATiM experiences. */
.home-page .home-launch:focus-visible{outline:3px solid var(--home-orange);outline-offset:-3px}
.home-launchpad{position:relative;z-index:4;padding:96px 28px 0;background:linear-gradient(180deg,#fff 0%,#fbfbff 100%)}
.home-launchpad-inner{width:min(1230px,100%);margin:auto;display:grid;grid-template-columns:minmax(220px,.95fr) repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:#151238;color:#fff;box-shadow:0 28px 70px rgba(25,19,72,.22);animation:homeLaunchPanelIn .65s cubic-bezier(.2,.8,.2,1) both}
.home-launchpad-heading{padding:27px 25px 25px;background:radial-gradient(circle at 10% 0,rgba(255,158,25,.22),transparent 48%),#0f0d2c}
.home-launchpad-heading p{display:flex;align-items:center;gap:7px;margin:0 0 17px;color:#ffbb48;font-size:.65rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.home-launchpad-heading p span{font-size:.95rem}
.home-launchpad-heading h2{margin:0;font-size:clamp(1.38rem,2vw,1.9rem);line-height:1.02;letter-spacing:-.055em}
.home-launchpad-heading>span{display:block;margin-top:13px;color:#bcb9d1;font-size:.72rem;line-height:1.5}
.home-launch{--launch-accent:#fff;position:relative;min-width:0;min-height:190px;padding:23px 19px 19px;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;isolation:isolate;opacity:0;animation:homeLaunchItemIn .55s cubic-bezier(.2,.8,.2,1) forwards;transition:background .25s ease}
.home-launch:nth-of-type(1){animation-delay:.12s}
.home-launch:nth-of-type(2){animation-delay:.19s}
.home-launch:nth-of-type(3){animation-delay:.26s}
.home-launch:nth-of-type(4){animation-delay:.33s}
.home-launch::before{content:"";position:absolute;z-index:-1;width:150px;height:150px;right:-70px;top:-78px;border-radius:50%;background:var(--launch-accent);opacity:.12;transform:scale(.7);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.home-launch:hover{background:rgba(255,255,255,.055)}
.home-launch:hover::before{transform:scale(1);opacity:.2}
.home-launch-pdf{--launch-accent:#61d9f3;background:#20264a}
.home-launch-video{--launch-accent:#ff697f}
.home-launch-album{--launch-accent:#ffbd45}
.home-launch-mafia{--launch-accent:#a985ff}
.home-launch-number{color:var(--launch-accent);font:900 .58rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.home-launch-icon{display:block;flex:none;margin:15px 0 13px;width:44px;height:44px;color:var(--launch-accent);stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.88;transform:rotate(2deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.home-launch:hover .home-launch-icon{transform:translateY(-3px) rotate(-3deg) scale(1.06)}
.home-launch-copy{display:block}
.home-launch-copy strong{display:block;font-size:1.08rem;line-height:1.08;letter-spacing:-.035em}
.home-launch-copy small{display:block;margin-top:8px;color:#c9c6d8;font-size:.76rem;line-height:1.45}
.home-launch>b{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;color:#fff;font-size:.75rem}
.home-launch>b span{color:var(--launch-accent);font-size:1rem;transition:transform .25s ease}
.home-launch:hover>b span{transform:translateX(4px)}
.home-page .home-hero{min-height:min(720px,calc(100svh - 190px));padding-top:48px}

@keyframes homeLaunchPanelIn{from{opacity:0;transform:translateY(-14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes homeLaunchItemIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}

@media(max-width:1050px){
  .home-launchpad-inner{grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-launchpad-heading{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:8px 28px;padding:20px 24px}
  .home-launchpad-heading p{grid-column:1/-1;margin-bottom:1px}
  .home-launchpad-heading h2 br{display:none}
  .home-launchpad-heading>span{margin:0;text-align:right}
  .home-launch{min-height:168px}
}

@media(max-width:950px){
  .home-launchpad{padding-top:90px}
  .home-page .home-hero{min-height:auto;padding-top:58px}
}

@media(max-width:680px){
  .home-launchpad{padding:82px 8px 0}
  .home-launchpad-inner{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:23px}
  .home-launchpad-heading{grid-column:1/-1;display:block;padding:20px}
  .home-launchpad-heading p{margin-bottom:12px}
  .home-launchpad-heading h2{font-size:1.45rem}
  .home-launchpad-heading h2 br{display:none}
  .home-launchpad-heading>span{margin-top:8px;text-align:left}
  .home-launch{min-height:151px;padding:18px 15px 15px}
  .home-launch:nth-of-type(odd){border-left:0}
  .home-launch:nth-of-type(n+3){border-top:1px solid rgba(255,255,255,.1)}
  .home-launch-icon{width:32px;height:32px;margin:12px 0}
  .home-launch-copy strong{font-size:.96rem}
  .home-launch-copy small{font-size:.72rem}
  .home-launch>b{padding-top:12px}
  .home-page .home-hero{padding-top:54px}
}

@media(prefers-reduced-motion:reduce){
  .home-launchpad-inner,.home-launch{animation:none;opacity:1}
}