/* V30: raised Gojo hands, bottom-right arrows, cleaner containerless home stack, hands supporting language logos. */
:root{--v30-cyan:#7df9ff;--v30-red:#f55a6b;--v30-ink:#02070d;--v30-ease:cubic-bezier(.2,1,.3,1)}

/* Move utility arrows to the bottom-right so the lower-left hand/eye area can breathe. */
.arrow-nav-v26,
.root-arrow-v26{
  left:auto!important;
  right:clamp(.8rem,2vw,1.35rem)!important;
  bottom:clamp(.8rem,2vw,1.35rem)!important;
  z-index:10050!important;
  justify-content:flex-end!important;
}
.arrow-nav-v26 .arrow-label{display:none!important;}
.arrow-nav-v26 a,
.root-arrow-v26 a{
  width:clamp(52px,5vw,64px)!important;
  height:clamp(52px,5vw,64px)!important;
  background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.96),rgba(125,249,255,.18) 48%,rgba(4,14,22,.92) 100%)!important;
  color:#f8fdff!important;
  border:1px solid rgba(125,249,255,.72)!important;
  box-shadow:0 0 30px rgba(0,183,255,.32),inset 0 0 22px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.arrow-nav-v26 a:hover,
.root-arrow-v26 a:hover{color:#ff4136!important;border-color:#ff4136!important;}

/* Raise the Gojo hand/eye ornament so it is visible, dynamic, and no longer glued to the bottom edge. */
.gojo-corner-v22{
  right:clamp(-22px,-1.2vw,-10px)!important;
  bottom:clamp(92px,8vw,138px)!important;
  width:clamp(156px,16vw,248px)!important;
  height:clamp(84px,9vw,132px)!important;
  z-index:96!important;
  opacity:.92!important;
  transform:translateY(-4px)!important;
}
.gojo-corner-v22 .gojo-hands-v22,
.gojo-hands-v22{filter:drop-shadow(0 0 22px rgba(0,183,255,.56)) saturate(1.18)!important;}
.gojo-eye-orb-v22{right:clamp(24px,4.2vw,62px)!important;bottom:clamp(34px,3.8vw,60px)!important;}
.gojo-flame-v22{right:clamp(72px,7.3vw,120px)!important;bottom:clamp(52px,5vw,82px)!important;}

/* Home: remove the heavy outer containers and let the background carry the scene. */
.home-v20 .language-panel-v20,
.home-v20 .catalog-panel-v20{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
.home-v20 .language-panel-v20{
  width:min(1180px,94%)!important;
  margin:clamp(2.5rem,5vw,4rem) auto clamp(3.2rem,7vw,5.6rem)!important;
  padding:clamp(1.4rem,3vw,2.4rem) clamp(.4rem,2vw,1.2rem) clamp(6.2rem,9vw,8rem)!important;
  isolation:isolate;
}
.home-v20 .language-panel-v20::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:clamp(-1.8rem,-2vw,-.8rem);
  width:min(1020px,96vw);
  height:clamp(118px,18vw,220px);
  transform:translateX(-50%) translateY(8%);
  background:url('/jjk/hands.png') center bottom/contain no-repeat;
  opacity:.70;
  z-index:1;
  pointer-events:none;
  filter:drop-shadow(0 -10px 34px rgba(0,183,255,.34)) saturate(1.18);
  animation:v30SupportHands 5.6s ease-in-out infinite;
}
.home-v20 .language-panel-v20::after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:clamp(5.4rem,8vw,7.3rem);
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(125,249,255,.72),rgba(245,90,107,.44),rgba(125,249,255,.68),transparent);
  box-shadow:0 0 24px rgba(125,249,255,.48);
  z-index:2;
  pointer-events:none;
}
.home-v20 .language-panel-v20 .section-heading-v19{
  position:relative;
  z-index:3;
  width:min(940px,100%);
  margin:0 auto 1rem;
  padding:0 clamp(.4rem,1vw,.8rem);
  text-align:center;
}
.home-v20 .language-panel-v20 .section-heading-v19 h2{font-size:clamp(1.35rem,3vw,2.3rem);}
.home-v20 .language-panel-v20 .section-heading-v19 p{max-width:760px;margin-inline:auto;}
.home-v20 .logo-grid-v20{
  position:relative;
  z-index:4;
  width:min(980px,100%);
  margin:0 auto;
  padding:clamp(.6rem,1.4vw,1rem);
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(58px,1fr));
  gap:clamp(.48rem,1.1vw,.8rem);
}
.home-v20 .stack-logo{
  min-height:clamp(56px,6vw,72px);
  border-radius:1.05rem;
  border:1px solid rgba(125,249,255,.38);
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.26),transparent 40%),
    linear-gradient(150deg,rgba(1,14,22,.78),rgba(4,31,42,.54));
  box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 0 20px rgba(125,249,255,.06),0 0 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.home-v20 .stack-logo i{font-size:clamp(1.65rem,2.6vw,2.25rem);filter:saturate(1.45) contrast(1.08) drop-shadow(0 0 9px rgba(255,255,255,.20));}
.home-v20 .stack-logo:hover{transform:translateY(-10px) scale(1.08);border-color:rgba(125,249,255,.9);box-shadow:0 0 32px rgba(0,183,255,.32),0 18px 36px rgba(0,0,0,.34),inset 0 0 24px rgba(125,249,255,.10)!important;}
.home-v20 .stack-logo:hover:after{bottom:calc(100% + 12px);background:rgba(3,16,26,.92);box-shadow:0 0 22px rgba(0,183,255,.22);}
@keyframes v30SupportHands{0%,100%{transform:translateX(-50%) translateY(8%) rotate(0deg)}50%{transform:translateX(-50%) translateY(-2%) rotate(-.6deg)}}

/* Remove the second large Home catalog container shell, but keep its rows readable. */
.home-v20 .catalog-panel-v20{
  width:min(1180px,94%)!important;
  margin:clamp(1rem,3vw,2rem) auto clamp(5rem,8vw,7rem)!important;
  padding:0!important;
}
.home-v20 .catalog-panel-v20>.section-heading-v19{
  padding:clamp(.9rem,2vw,1.2rem) clamp(1rem,3vw,1.4rem);
  border-left:3px solid rgba(125,249,255,.72);
  background:linear-gradient(90deg,rgba(4,20,28,.72),rgba(0,0,0,.16));
  border-radius:1rem;
  margin-bottom:1rem;
}
.home-v20 .category-nav-v20{background:transparent!important;}
.home-v20 .catalog-section-v20{
  background:rgba(2,12,18,.46)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Stack review: raise the hands inside the stage so they visually hold the logo instead of sitting below it. */
.stack-stage-v23{overflow:hidden!important;}
.stack-hand-left-v23{bottom:clamp(3rem,8vw,6.8rem)!important;left:clamp(-32px,-2vw,-12px)!important;opacity:.82!important;width:clamp(160px,18vw,270px)!important;z-index:4!important;}
.stack-hand-right-v23{bottom:clamp(2.6rem,7vw,6.2rem)!important;right:clamp(-58px,-3vw,-28px)!important;opacity:.84!important;width:clamp(260px,30vw,455px)!important;z-index:4!important;}
.stack-stage-logo-v23{z-index:5!important;transform:translateY(-12px);}
.stack-stage-bg-v23{opacity:.18!important;}

/* Remove noisy bottom footer bars/containers that were creating dark dead zones. */
.footer-v18.project-footer-v19,
.project-footer-v20,
.stack-footer-v23{
  display:none!important;
}

/* Make broad panels feel like floating content rather than boxed containers. */
.project-page-v28 .project-list-hero-v19,
.project-page-v28 .project-list-hero-v20,
.project-page-v28 .project-list-hero-v22,
.story-hero-v25,
.stack-review-hero-v23{
  border-color:rgba(125,249,255,.25)!important;
  background:
    linear-gradient(115deg,rgba(0,0,0,.54),rgba(4,31,42,.25),rgba(0,0,0,.48)),
    var(--v29-bg) center top/cover fixed no-repeat!important;
  box-shadow:inset 0 0 54px rgba(125,249,255,.05),0 18px 70px rgba(0,0,0,.28)!important;
}

@media(max-width:820px){
  .arrow-nav-v26,.root-arrow-v26{right:.75rem!important;bottom:.75rem!important;}
  .gojo-corner-v22{bottom:82px!important;width:152px!important;opacity:.76!important;}
  .home-v20 .language-panel-v20{padding-bottom:5.3rem!important;}
  .home-v20 .language-panel-v20::before{height:116px;opacity:.52;}
  .home-v20 .logo-grid-v20{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:.42rem;}
  .stack-hand-left-v23{bottom:5rem!important;width:132px!important;opacity:.52!important;}
  .stack-hand-right-v23{bottom:4.5rem!important;width:245px!important;opacity:.56!important;}
}