/* TAKOVHS Golden Hour — photography layer. All assets served by our own Vercel CDN. */
:root { --golden-hour:#ffcd91; }
.cinematic-sky {
  background-image:url("/takovhs/images/hero.webp");
  background-position:62% 52%;
  background-size:cover;
  background-repeat:no-repeat;
  transform:translateZ(0);
}
.cinematic-sky-art { display:none !important; }
.cinematic-sky-shade {
  background:
    linear-gradient(90deg,rgba(5,10,20,.94) 0%,rgba(6,11,22,.81) 31%,rgba(6,12,22,.34) 59%,rgba(7,11,20,.08) 100%),
    linear-gradient(0deg,#0a101c 1%,rgba(9,13,25,.08) 30%,rgba(8,12,20,.18) 100%) !important;
}
.hero { background:#080d17; }
.hero:before { opacity:.03 !important; }
.hero .hero-layout { min-height:790px; }
.hero-universe { visibility:hidden !important; }
.hero .hero-copy, .hero .hero-content { position:relative;z-index:2; }
.hero h1,.hero .hero-lede { text-shadow:0 3px 27px rgba(2,6,15,.74); }
.hero .luminous-trails { opacity:.28; }
.hero-manifesto-inner {
  background:linear-gradient(100deg,#111926 0%,#172032 43%,#182333 100%) !important;
}
.portal-stage {
  min-height:315px;
  border-radius:21px;
  overflow:hidden;
  border:1px solid rgba(255,205,145,.38);
  background:
    linear-gradient(90deg,rgba(9,13,24,.10),rgba(9,13,24,.05)),
    url("/takovhs/images/philosophy.webp") center center/cover no-repeat;
  box-shadow:inset 0 0 45px rgba(9,13,23,.28),0 22px 48px rgba(2,8,15,.23);
  animation:photo-appear 1.15s ease-out both;
}
.portal-illustration { display:none !important; }
.hero-manifesto .micro-story { max-width:560px; }
.showcase-teacher .showcase-art {
  background:linear-gradient(90deg,rgba(8,17,26,.10),rgba(11,16,25,0)),
  url("/takovhs/images/hello-teacher.webp") 50% 49%/cover no-repeat !important;
}
.showcase-research .showcase-art {
  background:linear-gradient(90deg,rgba(5,14,23,.09),rgba(5,14,23,.04)),
  url("/takovhs/images/cogniprint.webp") 50% 54%/cover no-repeat !important;
}
.showcase-teacher .showcase-art > *,
.showcase-research .showcase-art > * { opacity:0 !important; pointer-events:none; }
.showcase .showcase-art {
  min-height:270px !important;
  flex-basis:270px !important;
  transition:background-size .85s ease,filter .85s ease,transform .85s ease;
}
.showcase:hover .showcase-art { filter:saturate(1.1) brightness(1.055); }
.showcase:hover { border-color:rgba(255,198,137,.65); }
.team-panorama {
  margin:0 0 32px;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(255,200,143,.31);
  box-shadow:0 16px 50px rgba(0,0,0,.27);
  background:#101722;
}
.team-panorama img {
  display:block;
  width:100%;
  height:clamp(290px,36vw,465px);
  object-fit:cover;
  object-position:center 47%;
  filter:saturate(.96) contrast(1.03);
  transition:transform 1.2s cubic-bezier(.2,.75,.2,1),filter 1.2s;
}
.team-panorama:hover img { transform:scale(1.035);filter:saturate(1.08) contrast(1.04); }
.team-panorama figcaption {
  position:absolute;right:18px;bottom:14px;
  padding:6px 12px;
  color:#fff2df;
  background:rgba(8,13,22,.76);
  backdrop-filter:blur(8px);
  font-size:.65rem;
  letter-spacing:.025em;
  border:1px solid rgba(255,219,185,.32);
  border-radius:999px;
}
@keyframes photo-appear {
  from { opacity:.2;filter:blur(8px);transform:translateY(12px) scale(1.03); }
  to { opacity:1;filter:blur(0);transform:translateY(0) scale(1); }
}
@media(max-width:900px) {
 .cinematic-sky { background-position:65% center; }
 .cinematic-sky-shade { background:linear-gradient(90deg,rgba(5,9,18,.87) 0%,rgba(5,9,18,.56) 59%,rgba(5,9,18,.19) 100%),linear-gradient(0deg,#0a101c,transparent 38%) !important; }
 .hero .hero-layout { min-height:710px; }
 .portal-stage { min-height:270px; }
}
@media(max-width:760px) {
 .hero .hero-layout { min-height:785px !important;padding-bottom:230px !important; }
 .cinematic-sky { background-position:68% center; }
 .cinematic-sky-shade {
   background:linear-gradient(180deg,rgba(5,10,19,.83) 0%,rgba(5,10,19,.75) 38%,rgba(5,10,19,.12) 74%,#0a101c 100%) !important;
 }
 .hero .luminous-trails {opacity:.16}
 .portal-stage {min-height:250px;margin-top:12px;background-position:50% center}
 .showcase .showcase-art {min-height:220px!important;flex-basis:220px!important}
 .team-panorama img {height:260px}
 .team-panorama figcaption {max-width:calc(100% - 20px);right:10px;bottom:10px;font-size:.57rem}
}
@media(max-width:460px) {
 .hero .hero-layout {min-height:780px!important;padding-bottom:210px!important}
 .cinematic-sky {background-position:66% center}
 .hero-manifesto-inner {border-radius:18px}
 .portal-stage {min-height:220px}
}
@media(prefers-reduced-motion:reduce) {
 .portal-stage {animation:none}
 .team-panorama img,.showcase .showcase-art {transition:none!important}
 .team-panorama:hover img {transform:none}
}