/*
 * Hilive Homepage Draft — Selected Student Work / Editorial Gallery V4.
 * Scoped to the new gallery; all original program/payment/tracking styles remain untouched.
 */
.hilive-home-v3 .hl-work-v4{
  background:linear-gradient(156deg,#111f22 0%,#10191c 54%,#152f31 100%);
  color:#fff;
  padding:clamp(72px,7vw,105px) 0 clamp(74px,7vw,104px);
  scroll-margin-top:82px;
}
.hilive-home-v3 .hl-work-v4 .hl-section-head{
  display:flex;align-items:end;justify-content:space-between;
  gap:clamp(20px,4vw,60px);margin-bottom:32px;
}
.hilive-home-v3 .hl-work-v4 .hl-section-head > div{min-width:0}
.hilive-home-v3 .hl-work-v4 .hl-section-head h2{
  margin:9px 0 0;
  color:#fff;
  font-size:clamp(34px,4.2vw,57px);
  line-height:1.22;
}
.hilive-home-v3 .hl-work-v4__intro{
  flex:0 1 430px;
  max-width:430px;
  color:#c6dada;
  font-size:14px;
  line-height:1.9;
  margin:0;
}
.hilive-home-v3 .hl-work-v4__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:clamp(230px,22vw,310px);
  gap:14px;
}
.hilive-home-v3 .hl-work-v4__item{
  position:relative;
  margin:0;
  border-radius:19px;
  background:#223234;
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  min-height:0;
  min-width:0;
  isolation:isolate;
}
.hilive-home-v3 .hl-work-v4__item > a{
  display:block;
  position:relative;
  width:100%;height:100%;
  overflow:hidden;
  color:#fff!important;
  text-decoration:none!important;
}
.hilive-home-v3 .hl-work-v4__item img{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:center center;
  transition:transform .45s ease;
}
.hilive-home-v3 .hl-work-v4__item--featured{
  grid-column:span 2;
  grid-row:span 2;
}
.hilive-home-v3 .hl-work-v4__item--featured > a{
  background:#273b3d;
}
.hilive-home-v3 .hl-work-v4__item--featured > a::before{
  content:"";
  position:absolute;
  inset:-22px;
  background:url('/wp-content/uploads/2026/10/Aya_02-copy.jpg') center/cover no-repeat;
  filter:blur(17px) saturate(.86);
  opacity:.48;
}
.hilive-home-v3 .hl-work-v4__item--featured img{
  position:relative;
  z-index:1;
  object-fit:contain;
  object-position:center;
}
.hilive-home-v3 .hl-work-v4__item > a::after{
  content:"";
  pointer-events:none;
  position:absolute;inset:48% 0 0;z-index:2;
  background:linear-gradient(0deg,rgba(0,16,18,.82),rgba(0,16,18,0));
}
.hilive-home-v3 .hl-work-v4__item figcaption{
  position:absolute;z-index:3;
  inset:auto 17px 17px;
  display:flex;flex-direction:column;gap:2px;
  direction:ltr;text-align:left;
  pointer-events:none;
}
.hilive-home-v3 .hl-work-v4__item figcaption span{
  color:#d0e3e2;
  font-size:9px;font-weight:850;
  line-height:1.4;
  letter-spacing:.1em;
}
.hilive-home-v3 .hl-work-v4__item figcaption strong{
  color:#fff;font-size:17px;font-weight:750;
  line-height:1.4;
}
.hilive-home-v3 .hl-work-v4__item--featured figcaption{inset:auto 24px 23px}
.hilive-home-v3 .hl-work-v4__item--featured figcaption strong{
  font-size:clamp(20px,2.25vw,32px);
}
.hilive-home-v3 .hl-work-v4__label{
  position:absolute;z-index:3;top:17px;right:17px;
  padding:9px 12px;
  border:1px solid rgba(242,200,75,.42);
  border-radius:999px;
  background:rgba(12,33,35,.75);
  color:#ffdc68;font-size:10px;letter-spacing:.09em;font-weight:800;
  backdrop-filter:blur(5px);
}
.hilive-home-v3 .hl-work-v4__open{
  position:absolute;z-index:3;top:15px;left:15px;
  display:grid;place-items:center;
  width:33px;height:33px;
  border-radius:9px;
  background:#f2c84b;color:#134449;
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;font-weight:850;direction:ltr;
  box-shadow:0 6px 19px rgba(1,13,15,.18);
  transition:transform .2s ease,background .2s ease;
}
.hilive-home-v3 .hl-work-v4__motion-head{
  display:flex;align-items:end;justify-content:space-between;
  gap:18px;margin:40px 0 17px;
}
.hilive-home-v3 .hl-work-v4__motion-head .hl-eyebrow{
  color:#f2d167;font-size:10px;margin:0 0 9px;
}
.hilive-home-v3 .hl-work-v4__motion-head h3{
  color:#fff;font-weight:800;
  font-size:clamp(24px,2.8vw,37px);
  line-height:1.25;margin:0;
}
.hilive-home-v3 .hl-work-v4__motion-head > span{
  color:#a7c7c6;font-size:10px;font-weight:850;
  letter-spacing:.1em;direction:ltr;
}
.hilive-home-v3 .hl-work-v4__mixed{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  grid-auto-rows:clamp(330px,33vw,440px);
}
.hilive-home-v3 .hl-work-v4__mixed .hl-work-v4__item{
  height:100%;
}
.hilive-home-v3 .hl-work-v4__motion{
  position:relative;display:block;
  overflow:hidden;
  isolation:isolate;
  min-width:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:19px;
  color:#fff!important;text-decoration:none!important;
  background:radial-gradient(circle at 50% 40%,#294547,#0d1f22 76%);
  box-shadow:0 8px 28px rgba(0,0,0,.12);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.hilive-home-v3 .hl-work-v4__motion::before{
  content:"";
  position:absolute;z-index:0;
  top:17%;left:14%;right:14%;bottom:13%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  pointer-events:none;
}
.hilive-home-v3 .hl-work-v4__motion video{
  display:block;
  position:absolute;z-index:1;inset:0;
  width:100%;height:100%;
  object-fit:contain;object-position:center;
  background:transparent;
  pointer-events:none;
}
.hilive-home-v3 .hl-work-v4__motion-shade{
  position:absolute;z-index:2;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,19,20,.47),transparent 27%,transparent 57%,rgba(3,19,20,.85));
}
.hilive-home-v3 .hl-work-v4__motion-play{
  position:absolute;z-index:3;
  width:61px;height:61px;
  left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;
  border-radius:50%;
  background:#f2c84b;
  box-shadow:0 11px 26px rgba(0,0,0,.25);
  transition:background .25s ease,transform .25s ease;
  pointer-events:none;
}
.hilive-home-v3 .hl-work-v4__motion-play::after{
  content:"";
  display:block;width:0;height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:16px solid #19494d;
  margin-left:4px;
}
.hilive-home-v3 .hl-work-v4__motion-top{
  position:absolute;z-index:3;top:17px;right:17px;
  color:#fff2b0;
  font-size:10px;line-height:1.5;letter-spacing:.06em;
  font-weight:800;
}
.hilive-home-v3 .hl-work-v4__motion-bottom{
  position:absolute;z-index:3;bottom:20px;right:19px;left:19px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:8px;
  direction:ltr;text-align:left;
}
.hilive-home-v3 .hl-work-v4__motion-bottom strong{
  color:#fff;font-size:18px;font-weight:800;
}
.hilive-home-v3 .hl-work-v4__motion-bottom small{
  color:#cfe6e4;font-size:11px;font-weight:700;
  white-space:nowrap;
}
.hilive-home-v3 .hl-work-v4__footer{
  margin-top:27px;
  padding-top:22px;border-top:1px solid rgba(255,255,255,.16);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.hilive-home-v3 .hl-work-v4__footer p{
  margin:0;color:#b8cecc;
  font-size:13px;line-height:1.9;max-width:600px;
}
.hilive-home-v3 .hl-work-v4__footer .hl-text-link{
  flex:0 0 auto;white-space:nowrap;
  color:#fff!important;font-size:13px;
}
.hilive-home-v3 .hl-work-v4 a:focus-visible{
  outline:3px solid #f2c84b;outline-offset:4px;
}
@media(hover:hover) and (pointer:fine){
  .hilive-home-v3 .hl-work-v4__item:hover img{transform:scale(1.025)}
  .hilive-home-v3 .hl-work-v4__item:hover .hl-work-v4__open{
    transform:translate(-2px,-2px);background:#ffdf7b;
  }
  .hilive-home-v3 .hl-work-v4__motion:hover{
    transform:translateY(-3px);
    border-color:rgba(242,200,75,.57);
    box-shadow:0 19px 38px rgba(0,0,0,.19);
  }
  .hilive-home-v3 .hl-work-v4__motion:hover .hl-work-v4__motion-play{
    transform:translate(-50%,-50%) scale(1.075);
    background:#ffe17b;
  }
}
@media(max-width:990px){
  .hilive-home-v3 .hl-work-v4 .hl-section-head{flex-direction:column;align-items:flex-start;gap:15px}
  .hilive-home-v3 .hl-work-v4__intro{flex:initial;max-width:680px}
  .hilive-home-v3 .hl-work-v4__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:clamp(230px,34vw,390px);
  }
  .hilive-home-v3 .hl-work-v4__item--featured{grid-column:span 2;grid-row:span 2}
  .hilive-home-v3 .hl-work-v4__mixed{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:330px;
  }
  .hilive-home-v3 .hl-work-v4__motion-bottom{flex-wrap:wrap}
}
@media(max-width:640px){
  .hilive-home-v3 .hl-work-v4{padding:65px 0 72px}
  .hilive-home-v3 .hl-work-v4 .hl-section-head{margin-bottom:20px}
  .hilive-home-v3 .hl-work-v4__intro{font-size:13px}
  .hilive-home-v3 .hl-work-v4__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:clamp(195px,58vw,250px);
    gap:9px;
  }
  .hilive-home-v3 .hl-work-v4__item{border-radius:12px}
  .hilive-home-v3 .hl-work-v4__item--featured{
    grid-column:span 2;grid-row:span 2;
  }
  .hilive-home-v3 .hl-work-v4__item--featured figcaption{inset:auto 17px 16px}
  .hilive-home-v3 .hl-work-v4__item figcaption{inset:auto 10px 12px}
  .hilive-home-v3 .hl-work-v4__item figcaption strong{font-size:13px}
  .hilive-home-v3 .hl-work-v4__item--featured figcaption strong{font-size:23px}
  .hilive-home-v3 .hl-work-v4__item figcaption span{font-size:8px}
  .hilive-home-v3 .hl-work-v4__label{top:12px;right:12px;font-size:9px;padding:7px 10px}
  .hilive-home-v3 .hl-work-v4__open{width:28px;height:28px;top:10px;left:10px;font-size:16px}
  .hilive-home-v3 .hl-work-v4__motion-head{margin-top:32px;align-items:start;flex-direction:column;gap:9px}
  .hilive-home-v3 .hl-work-v4__mixed{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:clamp(300px,85vw,420px);
    gap:10px;
  }
  .hilive-home-v3 .hl-work-v4__mixed .hl-work-v4__item--detail{
    grid-column:span 2;
    height:clamp(310px,90vw,440px);
  }
  .hilive-home-v3 .hl-work-v4__motion{border-radius:12px}
  .hilive-home-v3 .hl-work-v4__motion-play{width:48px;height:48px}
  .hilive-home-v3 .hl-work-v4__motion-play::after{
    border-top-width:8px;border-bottom-width:8px;border-left-width:12px
  }
  .hilive-home-v3 .hl-work-v4__motion-top{top:11px;right:9px;font-size:8px}
  .hilive-home-v3 .hl-work-v4__motion-bottom{right:10px;left:10px;bottom:13px;gap:3px}
  .hilive-home-v3 .hl-work-v4__motion-bottom strong{font-size:13px}
  .hilive-home-v3 .hl-work-v4__motion-bottom small{font-size:9px}
  .hilive-home-v3 .hl-work-v4__footer{
    flex-direction:column;align-items:flex-start;gap:14px;
  }
  .hilive-home-v3 .hl-work-v4__footer .hl-text-link{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .hilive-home-v3 .hl-work-v4__item img,
  .hilive-home-v3 .hl-work-v4__open,
  .hilive-home-v3 .hl-work-v4__motion,
  .hilive-home-v3 .hl-work-v4__motion-play{transition:none!important;transform:none!important}
  .hilive-home-v3 .hl-work-v4__motion-play{
    transform:translate(-50%,-50%)!important;
  }
}
/* Why Hilive: concrete differentiation rather than a duplicate manifesto. */
.hilive-home-v3 .hl-principles-v3 .hl-section-head{
  display:flex;align-items:end;justify-content:space-between;
  gap:24px;margin-bottom:29px;
}
.hilive-home-v3 .hl-principles-v3 .hl-section-head>div{min-width:0}
.hilive-home-v3 .hl-principles-v3__intro{
  max-width:420px;
  flex:0 1 420px;
  color:#526869;
  font-size:15px;
  font-weight:600;
  line-height:1.9;
  margin:0 0 3px;
}
/* Team teaser: visible and clear without competing with the two flagship programs. */
.hilive-home-v3 .hl-services-v3__team-note{
  padding:22px 25px;
  border:1px solid #bfd8d7;
  border-radius:20px;
  background:linear-gradient(120deg,#e7f2f1,#f3f8f8);
  box-shadow:0 6px 20px rgba(14,66,68,.046);
}
.hilive-home-v3 .hl-services-v3__team-symbol{
  background:#1e6668;
  color:#fff;
}
.hilive-home-v3 .hl-services-v3__team-kicker{color:#397e80}
.hilive-home-v3 .hl-services-v3__team-note h3{
  color:#174547;
  font-size:clamp(20px,2.2vw,28px);
}
.hilive-home-v3 .hl-services-v3__team-note p{color:#536e70}
.hilive-home-v3 .hl-services-v3__team-note > a{
  color:#fff!important;
  background:#206e71;
}
.hilive-home-v3 .hl-services-v3__team-note > a b{
  background:#f2c84b;
  color:#194447;
}
.hilive-home-v3 .hl-services-v3__team-note > a:hover{
  background:#14595b;
}
@media(max-width:990px){
  .hilive-home-v3 .hl-principles-v3 .hl-section-head{
    flex-direction:column;align-items:flex-start;gap:14px;
  }
  .hilive-home-v3 .hl-principles-v3__intro{
    flex:initial;max-width:680px;
  }
}
@media(max-width:640px){
  /* Touch-first horizontal gallery: preserve imagery without a 2000px-long stack. */
  .hilive-home-v3 .hl-work-v4__grid,
  .hilive-home-v3 .hl-work-v4__mixed{
    display:flex;
    align-items:stretch;
    gap:11px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    scrollbar-color:#819f9e #172c2e;
    padding-bottom:11px;
    -webkit-overflow-scrolling:touch;
  }
  .hilive-home-v3 .hl-work-v4__grid>.hl-work-v4__item{
    flex:0 0 min(74vw,295px);
    height:clamp(280px,92vw,410px);
    scroll-snap-align:start;
  }
  .hilive-home-v3 .hl-work-v4__grid>.hl-work-v4__item--featured{
    flex-basis:min(83vw,330px);
  }
  .hilive-home-v3 .hl-work-v4__mixed>.hl-work-v4__item--detail{
    grid-column:auto;
    flex:0 0 min(74vw,295px);
    height:clamp(305px,92vw,410px);
    scroll-snap-align:start;
  }
  .hilive-home-v3 .hl-work-v4__mixed>.hl-work-v4__motion{
    flex:0 0 min(74vw,295px);
    height:clamp(305px,92vw,410px);
    scroll-snap-align:start;
  }
  .hilive-home-v3 .hl-work-v4__motion-bottom small{white-space:normal}
  .hilive-home-v3 .hl-principles-v3__intro{font-size:14px}
  .hilive-home-v3 .hl-services-v3__team-note{padding:20px}
}