.ok-professor-curtain {
  position: absolute;
  z-index: 8;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, #b51522 0 31%, #090909 31% 68%, #07552d 68% 100%);
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 1.15s cubic-bezier(.76, 0, .24, 1) .08s;
}
.ok-professor-entered .ok-professor-curtain { transform: scaleX(0); }
.ok-film-curtain {
  position: absolute;
  z-index: 8;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(100deg, transparent 0 14%, #b51522 14% 33%, #080806 33% 67%, #07552d 67% 86%, transparent 86% 100%),
    #080806;
  transform: translateX(0) skewX(-7deg) scaleX(1.18);
  transform-origin: left;
  transition: transform 1.22s cubic-bezier(.76,0,.24,1) .08s;
}
.ok-films-entered .ok-film-curtain { transform: translateX(118%) skewX(-7deg) scaleX(1.18); }
.phd-main-wipe-section{position:relative;isolation:isolate;overflow:hidden}
.phd-page-curtain{position:absolute;z-index:8;inset:0;pointer-events:none;background:linear-gradient(90deg,#b51522 0 33.333%,#080908 33.333% 66.666%,#07552d 66.666% 100%);transform:translateX(0)}
.phd-page-entered .phd-page-curtain{animation:okPageReveal .72s cubic-bezier(.76,0,.24,1) forwards}
@keyframes okPageReveal{to{transform:translateX(-101%)}}
@media(prefers-reduced-motion:reduce){.ok-professor-curtain,.ok-film-curtain,.phd-page-curtain{display:none!important}}


/* Source: obadele-cinematic motion.css / cinematic.js. Same easing, entry distances and scroll depth. */
.ok-page-transition{position:fixed;z-index:99999;inset:0;background:linear-gradient(90deg,#b51522 0 33.333%,#080908 33.333% 66.666%,#07552d 66.666% 100%);pointer-events:none;animation:okPageReveal .72s cubic-bezier(.76,0,.24,1) forwards}
.ok-page-in{animation:okPageIn 1.05s cubic-bezier(.16,1,.3,1) both}
@keyframes okPageIn{from{opacity:.18;transform:translateX(12vw)}to{opacity:1;transform:none}}
#phd-site .hero{overflow:hidden}#phd-site .hero:before{inset:-8% 0;transform:translate3d(0,var(--ok-hero-y,0px),0) scale(var(--ok-hero-scale,1.055));transform-origin:50% 32%;will-change:transform}
.ok-hero-copy{opacity:var(--ok-copy-opacity,1);translate:var(--ok-copy-x,0px) var(--ok-copy-y,0px)}
.ok-hero-copy>*{animation:okHeroCopyIn 1.15s cubic-bezier(.16,1,.3,1) both}.ok-hero-copy>:nth-child(2){animation-delay:.12s}.ok-hero-copy>:nth-child(3){animation-delay:.22s}.ok-hero-copy>:nth-child(4){animation-delay:.32s}.ok-hero-copy>:nth-child(5){animation-delay:.42s}
@keyframes okHeroCopyIn{from{opacity:0;transform:translate3d(-12vw,70px,0);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
#phd-site .ok-reveal{opacity:0;transform:translateY(92px) scale(.965);transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1),clip-path 1.05s cubic-bezier(.16,1,.3,1);transition-delay:var(--ok-delay,0s)}
#phd-site .ok-title-entry{clip-path:inset(0 100% 0 0);transform:translate3d(-14vw,0,0) skewX(-6deg)}
#phd-site .ok-from-left{transform:translateX(-11vw) scale(.94)}#phd-site .ok-from-right{transform:translateX(11vw) scale(.94)}
#phd-site .ok-professor-entry{clip-path:inset(0 0 100% 0);transform:translate3d(-12vw,120px,0) rotate(-5deg) scale(.86);transition-duration:1.25s}
#phd-site .ok-portrait-entry{transform:translate3d(13vw,100px,0) rotate(6deg) scale(.84);transition-duration:1.15s}
#phd-site .ok-reveal.seen{opacity:1;transform:none;clip-path:inset(0)}
#phd-site .professor-proof,#phd-site .professor-series img{translate:var(--ok-drift-x,0px) var(--ok-drift-y,0px);will-change:translate}
#phd-site .award-player{transform:translate3d(var(--ok-award-x,0px),var(--ok-award-y,0px),0);will-change:transform}
#phd-site .step{translate:0 var(--ok-card-y,0px)}
#phd-site .nav{transition:box-shadow .35s,background .35s}#phd-site .nav.scrolled{background:#080908f2;box-shadow:0 12px 35px #0003}
#phd-site .professor-proof img,#phd-site .professor-series img{transition:filter .45s,scale .45s}#phd-site .professor-proof:hover img,#phd-site .professor-series img:hover{scale:1.025;filter:contrast(1.06)}
#phd-site .btn{transition:background .25s,translate .35s,box-shadow .35s}#phd-site .btn:hover{translate:0 -4px;box-shadow:0 12px 30px #b5152230}
@media(max-width:700px){#phd-site .professor-proof,#phd-site .professor-series img{translate:calc(var(--ok-drift-x,0px)*.35) calc(var(--ok-drift-y,0px)*.35)}#phd-site .award-player{transform:translateY(calc(var(--ok-award-y,0px)*.35))}}
@media(prefers-reduced-motion:reduce){.ok-page-transition{display:none!important}.ok-page-in,.ok-hero-copy>*{animation:none!important}#phd-site .ok-reveal,#phd-site .hero:before,#phd-site .ok-hero-copy,#phd-site .professor-proof,#phd-site .professor-series img,#phd-site .award-player,#phd-site .step{opacity:1!important;transform:none!important;translate:none!important;clip-path:none!important;transition:none!important}#phd-site .btn:hover{translate:none}html{scroll-behavior:auto}}

/* White navigation preserves the Black ram mark at every scroll state. */
#phd-site .nav,#phd-site .nav.scrolled{background:#fff;color:#080908;border-bottom:1px solid #d9dcdb}#phd-site .nav a:not(.btn){color:#080908}#phd-site .nav .btn{color:#fff}#phd-site .nav.scrolled{box-shadow:0 10px 28px #08090814}
#phd-site .nav .btn{background:#b51522;border-color:#b51522;color:#fff}#phd-site .nav .btn:hover{background:#8f101b}
/* Keep copy visible and in its layout position while reading. */
#phd-site .ok-reveal,#phd-site .ok-title-entry,#phd-site .ok-hero-copy{opacity:1;transform:none;translate:none;clip-path:none;transition:none}
#phd-site .ok-hero-copy>*{animation:none}
#phd-site .professor-proof,#phd-site .professor-series img,#phd-site .step{translate:none}
#phd-site .award-player{transform:none}
#phd-site .ok-professor-curtain,#phd-site .ok-film-curtain,#phd-site .phd-page-curtain{display:none}