.institute-page{
  min-height:100vh;
  background:
    radial-gradient(circle at top, rgba(93,209,255,0.08), transparent 24%),
    linear-gradient(180deg, #03070d 0%, #020406 100%);
}

.return-home{
  position:fixed;
  top:24px;
  left:24px;
  z-index:24;
  padding:12px 16px;
  border-radius:999px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:0.14rem;
  font-size:0.72rem;
  font-weight:600;
  backdrop-filter:blur(14px);
  transition:transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.institute-return-home{
  border:1px solid rgba(124,216,255,0.28);
  background:rgba(3,8,18,0.58);
  color:#8fddff;
}

.institute-return-home:hover{
  transform:translateY(-2px);
  background:rgba(93,209,255,0.12);
  border-color:rgba(124,216,255,0.52);
  color:#d9f6ff;
}

.inner-page-shell{
  width:min(1140px, calc(100% - 40px));
  margin:0 auto;
  padding:56px 0 140px;
}

.inner-hero{
  position:relative;
  min-height:100vh;
  padding:30px 24px 72px;
  overflow:hidden;
}

.institute-hero{
  background:
    radial-gradient(circle at top right, rgba(93,209,255,0.22), transparent 24%),
    linear-gradient(180deg, rgba(4,10,18,0.15), rgba(4,10,18,0.82)),
    url("Artboard\ 1_3@2x-100.jpg.jpeg") center top / contain no-repeat;
  background-color:#020406;
}

.studio-hero-banner{
height:70vh;
background-image:url("assets/studio-bg.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.inner-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 20px;
  border-radius:24px;
  backdrop-filter:blur(14px);
}

.inner-nav.inner-nav-blue{
  position:fixed;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  width:min(760px, calc(100% - 24px));
  margin:0;
  z-index:20;
}

.inner-nav-blue{
  border:1px solid rgba(124,216,255,0.16);
  background:rgba(3,8,18,0.52);
}

.inner-nav-brand img{
  height:52px;
  width:auto;
}

.inner-nav-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}

.inner-nav-links a{
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:0.12rem;
  font-size:0.78rem;
  font-weight:500;
  color:rgba(224,244,255,0.92);
  transition:background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.inner-nav-blue .inner-nav-links a:hover{
  background:rgba(93,209,255,0.14);
  color:#8fddff;
  transform:translateY(-2px);
}

.inner-hero-shell{
  width:min(1140px, 100%);
  margin:0 auto;
  min-height:calc(88vh - 110px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:18px;
  padding-top:160px;
}

.inner-hero-title{
  max-width:820px;
  font-size:clamp(2rem, 4.4vw, 4rem);
  line-height:0.94;
  letter-spacing:0.05em;
  text-transform:uppercase;
  font-weight:700;
}

.inner-hero-text{
  max-width:660px;
  font-size:1.02rem;
  line-height:1.85;
}

.institute-label{
  color:#7ccfff;
}

.institute-title{
  color:#e9f8ff;
}

.institute-text{
  color:rgba(224,244,255,0.76);
}

.institute-button{
  background:#5dd1ff;
  color:#07131b;
  box-shadow:0 14px 34px rgba(93,209,255,0.24);
}

.review-section,
.student-work-section{
  margin-top:34px;
}

.inner-section-head{
  max-width:760px;
  margin-bottom:30px;
}

.inner-section-head h2{
  margin-top:10px;
  font-size:clamp(2rem, 4vw, 3.4rem);
  line-height:1.02;
  text-transform:uppercase;
  letter-spacing:0.05em;
}

.inner-section-head p:last-child{
  margin-top:14px;
  color:rgba(224,244,255,0.72);
  line-height:1.8;
}

.institute-head h2,
.student-work-copy h3{
  color:#dcf6ff;
}

.review-grid,
.student-work-grid{
  display:grid;
  gap:22px;
}

.review-grid-blue{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.review-card{
  padding:26px;
  border:1px solid rgba(93,209,255,0.14);
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(93,209,255,0.08), rgba(255,255,255,0.02)),
    rgba(5,11,18,0.96);
  box-shadow:var(--card-shadow);
}

.review-card-blue p{
  line-height:1.9;
  color:rgba(224,244,255,0.9);
}

.review-card-blue span{
  display:block;
  margin-top:18px;
  color:#7ccfff;
  text-transform:uppercase;
  letter-spacing:0.14rem;
  font-size:0.76rem;
  font-weight:600;
}

.student-work-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.student-work-card{
  overflow:hidden;
  border:1px solid rgba(93,209,255,0.14);
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(93,209,255,0.08), rgba(255,255,255,0.02)),
    rgba(5,11,18,0.96);
  box-shadow:var(--card-shadow);
}

.student-work-visual{
  padding:18px 18px 0;
}

.student-work-visual img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:22px;
}

.student-work-copy{
  padding:24px;
}

.student-work-copy p{
  color:rgba(224,244,255,0.78);
  line-height:1.8;
}

.student-work-wide{
  grid-column:1 / -1;
}

@media (max-width: 900px){
  .inner-nav,
  .inner-hero-shell{
    width:min(100%, 100%);
  }

  .inner-nav{
    flex-direction:column;
  }

  .inner-nav-links{
    justify-content:center;
  }

  .review-grid-blue,
  .student-work-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  .return-home{
    top:14px;
    left:14px;
    padding:10px 12px;
    letter-spacing:0.1rem;
  }

  .inner-page-shell{
    width:min(100% - 24px, 100%);
    padding-top:36px;
  }

  .inner-hero{
    padding:18px 12px 48px;
  }

  .inner-hero-shell{
    min-height:calc(82vh - 98px);
  }

  .inner-hero-title{
    letter-spacing:0.03em;
  }

  .inner-nav.inner-nav-blue{
    bottom:14px;
  }
}