/* Keep enough scroll room for the reference's gradual hero-to-gallery reveal. */
#hero {
  height: 300svh !important;
  will-change: auto !important;
  background: #071310;
}
#hero .hero-container {
  z-index: 2 !important;
  transform: scale(var(--hero-scroll-scale, 1)) !important;
  transform-origin: center center !important;
  border-radius: var(--hero-scroll-radius, 0px) !important;
  box-shadow: 0 24px 90px rgba(0, 0, 0, var(--hero-scroll-shadow, 0)) !important;
  will-change: transform;
  backface-visibility: hidden;
}
#hero .hero-scroll-gallery {
  z-index: 1 !important;
  opacity: var(--hero-gallery-opacity, .35) !important;
  background: #071310 !important;
  pointer-events: none;
}
#hero .suham-hero-video {
  transform: translate3d(var(--hero-scene-x, 0px), var(--hero-scene-y, 0px), 0) scale(1.035);
  will-change: transform;
}
#hero .suham-hero-copy {
  transform: translate3d(var(--hero-type-x, 0px), var(--hero-type-y, 0px), 0);
  will-change: transform;
}
#hero #hero-3d-character { translate: 0 0 !important; }
#hero #hero-3d-character img {
  left: 52% !important;
  filter: brightness(1.025) contrast(1.035) drop-shadow(0 16px 25px rgba(8, 30, 24, .16)) !important;
}

/* Real layers for the three interactive glass folders below the rotating cards. */
#about .about-facts {
  padding-top: 185px !important;
  overflow: visible !important;
}
#about .about-facts > .glass-folder-enhanced {
  isolation: isolate;
  overflow: visible !important;
  cursor: pointer;
  transform-style: preserve-3d;
}
#about .glass-folder-enhanced .folder-sheets {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  overflow: visible;
}
#about .glass-folder-enhanced .folder-sheet {
  position: absolute;
  top: 10px;
  left: 5%;
  width: 90%;
  height: 136px;
  padding: 12px 14px;
  border: 1px solid rgba(27, 129, 113, .42);
  border-radius: 15px 15px 10px 10px;
  color: #063e35;
  background: linear-gradient(150deg, #f8fffd, #d9f3eb);
  box-shadow: 0 10px 22px rgba(8, 65, 58, .12);
  opacity: 0;
  transform: translateY(24px) scale(.94);
  transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .3s ease;
}
#about .glass-folder-enhanced .folder-sheet:nth-child(2) {
  z-index: 2;
  background: #f4fffb;
}
#about .glass-folder-enhanced .folder-sheet-row {
  display: grid;
  grid-template-columns: 65px 1fr;
  gap: 6px;
  align-items: start;
  padding: 4px 0;
  border-bottom: 1px solid rgba(27,129,113,.14);
}
#about .glass-folder-enhanced .folder-sheet-row:last-child { border-bottom: 0; }
#about .glass-folder-enhanced .folder-sheet strong,
#about .glass-folder-enhanced .folder-sheet small {
  display: block;
  color: inherit !important;
  line-height: 1.25;
}
#about .glass-folder-enhanced .folder-sheet strong {
  font-size: 11px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
#about .glass-folder-enhanced .folder-sheet small { font-size: 10.5px; }
#about .glass-folder-enhanced.is-open { z-index: 12; }
#about .glass-folder-enhanced.is-open .folder-sheet { opacity: 1; }
#about .glass-folder-enhanced.is-open .folder-sheet:nth-child(1) { transform: translate(-5%, -110px) rotate(-7deg); }
#about .glass-folder-enhanced.is-open .folder-sheet:nth-child(2) { transform: translate(0, -125px); transition-delay: 55ms; }
#about .glass-folder-enhanced.is-open .folder-sheet:nth-child(3) { transform: translate(5%, -110px) rotate(7deg); transition-delay: 110ms; }
#about .glass-folder-enhanced.is-open::after { transform: perspective(600px) rotateX(-32deg) translateY(8px) !important; }
#about .glass-folder-enhanced:focus-visible { outline: 3px solid #087d6c; outline-offset: 5px; }
@media (max-width: 700px) {
  #hero { height: 220svh !important; }
  #about .about-facts { padding-top: 175px !important; }
  #about .glass-folder-enhanced .folder-sheet { height: 125px; padding: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  #hero .hero-container { transform: none !important; }
  #hero .hero-scroll-gallery { opacity: 0 !important; }
  #about .glass-folder-enhanced .folder-sheet { transition: none; }
}