/* One pinned frame, three readable lines, and no animated masks or layout changes. */
html body .hero-scroll { height: 100svh !important; }
.hero-stage { position: relative; height: 100svh; }
.hero-surface { position: absolute; inset: 0; }
.eye-aperture { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; }
html.eye-portal-on body .hero-scroll { height: 190svh !important; position: relative; z-index: 2; pointer-events: none; }
.eye-portal-on .hero-stage { position: sticky; top: 0; background: transparent; }
.eye-portal-on .hero-surface { pointer-events: auto; }
.eye-portal-on .hero-surface[inert] { pointer-events: none; }
.eye-portal-on .eye-scene { height: 400svh; margin-top: -190svh; scroll-margin-top: calc(-90svh - 80px); z-index: 1; }
.eye-portal-on .letter-o { transform: none !important; }
.eye-scene { position: relative; height: 310svh; background: #080808; color: #fff; isolation: isolate; }
.eye-stage, .eye-copy { position: sticky; top: 0; height: 100svh; overflow: hidden; }
.eye-stage { z-index: 0; }
.eye-poster, #eye-film { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#eye-film { opacity: 0; }
#eye-film.is-ready { opacity: 1; }
.eye-shade { position: absolute; inset: 0; background: rgba(0,0,0,.62); }
.eye-white { position: fixed; inset: 0; z-index: 60; pointer-events: none; background: #fffaf0; opacity: 0; }
.eye-copy { z-index: 1; margin-top: -100svh; pointer-events: none; }
.eye-line { position: absolute; inset: 0; margin: 0; padding: 8vw; display: grid; align-content: center; text-align: center; font: 600 clamp(40px,6.8vw,108px)/1.04 var(--k-font-display, 'Barlow Condensed', sans-serif); letter-spacing: -.02em; text-transform: uppercase; opacity: 0; }
.eye-line:first-child { opacity: 1; }
.eye-line em { font-style: normal; color: #fff; }
html[lang="hi"] .eye-line { font-family: 'Noto Sans Devanagari', sans-serif; font-size: clamp(32px,5.4vw,84px); line-height: 1.35; letter-spacing: 0; text-transform: none; }
.eye-scene.eye-still { height: auto; }
.eye-still .eye-stage { position: absolute; inset: 0; height: 100%; }
.eye-still .eye-copy { position: relative; height: auto; margin-top: 0; padding: 70px 0; }
.eye-still .eye-line { position: relative; min-height: 40svh; opacity: 1 !important; transform: none !important; }
.eye-still #eye-film { display: none; }
@media (max-width: 600px) {
  .eye-line { padding: 9vw 6vw; font-size: clamp(36px,10vw,60px); }
  html[lang="hi"] .eye-line { font-size: clamp(30px,8vw,48px); }
}