/* ==========================================================
   RuGo v100 — LAB SPACE + PROJECTS
   MIRRORED COMMUNITY FRAMEWORK

   Approved visual authority:
   SERVICIOS + PROYECTOS ESPECIALES v099.

   Rule:
   same format / typography / scale / hierarchy / vertical rhythm,
   mirrored horizontally because LAB SPACE is opposite SERVICIOS.

   No separate typography system is created.
   ========================================================== */

.branch-panel--lab.lab-projects-v100{
  /* EXACT approved SERVICES / v099 variables */
  --services-line:rgba(17,17,15,.18);
  --services-muted:rgba(17,17,15,.64);
  --services-red:var(--launch-accent,#e1261c);
  --services-title-measure:clamp(360px,33.5vw,560px);
  --services-title-scale:clamp(38px,calc((100cqh / 8) * .583),74px);
  --services-title-leading:.90;
  --services-statement-scale:clamp(13px,calc((100cqh / 8) * .175),18px);
  --services-left-axis:calc((100cqh / 8) * .30);
  --services-item-gap:calc((100cqh / 8) * .32);

  --detail-ink:var(--launch-ink,#11110f);
  --detail-red:var(--launch-accent,var(--launch-red,#e1261c));
  --rugo-master-arrow-glyph:"↓";
  --rugo-master-arrow-size:22px;
  --rugo-master-arrow-weight:700;
  --rugo-master-arrow-box:22px;
  --rugo-master-arrow-leading:1;

  position:relative;
  background:var(--launch-paper,#f4f1ea);
}

/* Same full-screen SERVICES architecture geometry. */
.lab-projects-v100__architecture{
  z-index:18;
  pointer-events:none;
}

/* MIRROR of approved SERVICES overview:
   SERVICES:
     left = small axis
     right = 30% reserve
   LAB:
     left = 30% reserve
     right = small axis
*/
.lab-projects-v100__overview{
  justify-content:flex-start!important;
  padding-top:var(--lab-projects-v100-first-top,0px)!important;
  padding-left:calc(30% + (100cqh / 8) * .52)!important;
  padding-right:calc((100cqh / 8) * .30)!important;
}

/* Same family dimensions, anchored to opposite/right side.
   Text remains readable (not scaleX mirrored). */
.lab-projects-v100 .services-overview-family{
  margin-left:auto;
  margin-right:0;
  cursor:default;
  pointer-events:none;
  text-align:left;
}

.lab-projects-v100 .services-overview-family__title,
.lab-projects-v100 .services-overview-family__statement{
  margin-left:0;
  margin-right:0;
}

/* Titles are black and static, same as approved v099 branch behavior. */
.lab-projects-v100 .services-overview-family:hover .services-overview-family__title,
.lab-projects-v100 .services-overview-family:focus-visible .services-overview-family__title{
  color:var(--launch-ink)!important;
}

/* Fourth family uses the same v099 solution:
   it does not participate in flex centering and therefore cannot move
   the first three families. */
.lab-projects-v100__aporte{
  overflow:visible;
}

.lab-projects-v100__aprendizaje{
  position:absolute!important;
  right:0;
  left:auto!important;
  top:calc(100% + ((100cqh / 8) * .32));
  width:min(100%,var(--services-title-measure));
  max-width:var(--services-title-measure);
}

/* Existing LAB placeholder remains as an inert geometry shell only. */
.lab-projects-v100 .branch-area--primary[data-branch-area="lab"]{
  background:transparent!important;
  pointer-events:none!important;
}

/* Left PROJECTS third remains visually/functionally above the editorial. */
.lab-projects-v100 .projects-shared-third{
  position:relative!important;
  z-index:24!important;
}

/* MIRRORED CTA:
   v099 lower-left -> v100 lower-right.
   Same DETALLES v093 typography/scale/glyph. */
.lab-projects-v100__cta{
  position:absolute!important;
  z-index:34;
  right:clamp(64px,5.2vw,88px);
  left:auto!important;
  bottom:clamp(56px,6.1vh,70px);
  margin:0!important;
}

.lab-projects-v100 .detail-v093__cta::after{
  content:"↓"!important;
  width:var(--rugo-master-arrow-box);
  height:var(--rugo-master-arrow-box);
  display:inline-grid;
  place-items:center;
  flex:0 0 var(--rugo-master-arrow-box);
  color:currentColor;
  font-family:var(--launch-font)!important;
  font-size:var(--rugo-master-arrow-size)!important;
  font-weight:var(--rugo-master-arrow-weight)!important;
  line-height:var(--rugo-master-arrow-leading)!important;
  letter-spacing:0!important;
  transform:translateY(0) rotate(0deg)!important;
}

.lab-projects-v100 .detail-v093__cta:hover::after,
.lab-projects-v100 .detail-v093__cta:focus-visible::after{
  transform:translateY(6px) rotate(0deg)!important;
}

@media(max-width:1180px){
  .branch-panel--lab.lab-projects-v100{
    --services-left-axis:calc((100cqh / 8) * .30);
    --rugo-master-arrow-size:20px;
    --rugo-master-arrow-box:20px;
  }
}