/* YEN PETROV — School teaser V4.
   Main-site identity. Text first, CTA second. Desktop only until School mobile is approved. */
.school-entry{
  position:relative;
  height:100vh;height:100dvh;
  min-height:100vh;min-height:100dvh;
  overflow:hidden;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  color:#f3efe7;
  background:
    radial-gradient(circle at 72% 44%,rgba(111,69,176,.13),transparent 29%),
    radial-gradient(circle at 22% 74%,rgba(214,163,84,.035),transparent 26%),
    linear-gradient(118deg,#07070a 0%,#0c0a0e 48%,#09070d 100%);
  isolation:isolate;
}
.school-entry-grid i{position:absolute;z-index:0;background:rgba(255,255,255,.04);pointer-events:none}
.school-entry-grid i:nth-child(1){left:22%;top:0;width:1px;height:100%}
.school-entry-grid i:nth-child(2){left:73%;top:0;width:1px;height:100%}
.school-entry-grid i:nth-child(3){left:0;top:28%;width:100%;height:1px}
.school-entry-grid i:nth-child(4){left:0;bottom:18%;width:100%;height:1px}
.school-entry-orbit{position:absolute;z-index:0;right:-13vw;top:-15vh;width:min(64vw,1040px);aspect-ratio:1;border:1px solid rgba(143,99,216,.11);border-radius:50%;box-shadow:0 0 0 8vw rgba(143,99,216,.010),0 0 0 16vw rgba(143,99,216,.006);pointer-events:none}
.school-entry-lines{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.school-entry-lines i{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(214,163,84,.58),rgba(255,239,205,.22),transparent);box-shadow:0 0 12px rgba(214,163,84,.08)}
.school-entry-lines i:nth-child(1){width:29vw;left:-5vw;top:19%;transform:rotate(-8deg);animation:schoolV4LineA 23s ease-in-out infinite alternate}
.school-entry-lines i:nth-child(2){width:25vw;right:-4vw;bottom:22%;transform:rotate(10deg);animation:schoolV4LineB 25s ease-in-out -7s infinite alternate}
.school-entry-lines i:nth-child(3){width:16vw;right:25%;top:38%;opacity:.32;transform:rotate(-16deg);animation:schoolV4LineC 20s ease-in-out -9s infinite alternate}
.school-entry-stage{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding-top:7vh;padding-bottom:5vh}
.school-entry-copy{width:min(74vw,1280px);margin-left:4.2vw;transform:translateY(-1vh)}
.school-entry-kicker{margin-bottom:28px;font-size:11px;font-weight:800;letter-spacing:.23em;color:#a59ca9;text-transform:uppercase}
.school-entry-kicker span{color:#8f63d8;margin:0 8px}
.school-entry h2{margin:0;width:min(100%,1140px);font:400 clamp(72px,7.3vw,136px)/.87 Georgia,serif;letter-spacing:-.058em;color:#f2eee7}
.school-entry h2 em{display:inline-block;font-style:normal;color:#8f63d8;text-shadow:0 14px 48px rgba(90,48,148,.16)}
.school-entry-copy>p{width:min(670px,58vw);margin:34px 0 0;font:20px/1.56 Georgia,serif;color:#c9c3cb}
.school-entry-actions{position:relative;display:flex;align-items:center;width:max-content;margin-top:38px}
.school-entry-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:220px;height:64px;padding:0 30px;border-radius:999px;text-decoration:none;color:#fff;background:linear-gradient(105deg,#6642ad,#8659d0);border:1px solid rgba(215,192,250,.38);box-shadow:0 14px 42px rgba(62,31,111,.28),inset 0 1px 0 rgba(255,255,255,.11);transition:transform .4s cubic-bezier(.2,.72,.24,1),box-shadow .35s ease,filter .3s ease,border-color .3s ease}
.school-entry-button span{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.school-entry-button b{font:400 21px/1 Arial,sans-serif;color:#f1d7a6;transition:transform .34s ease}
.school-entry-arrowhint{position:absolute;display:flex;gap:0;top:50%;transform:translateY(-50%);color:#d6a354;pointer-events:none}
.school-entry-arrowhint span{font:300 23px/1 Arial,sans-serif;opacity:.16;animation:schoolV4Arrow 2s ease-in-out infinite}
.school-entry-arrowhint span:nth-child(2){animation-delay:.18s;opacity:.42}
.school-entry-arrowhint-left{right:calc(100% + 18px)}
.school-entry-arrowhint-right{left:calc(100% + 18px)}
.school-entry-arrowhint-right span:first-child{opacity:.42}.school-entry-arrowhint-right span:nth-child(2){opacity:.16}
.school-entry-meta{display:flex;align-items:center;gap:18px;margin-top:40px;color:#77717c;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.school-entry-meta b{color:#b9afc0;font-weight:800}
.school-entry-meta i{display:block;width:22px;height:1px;background:rgba(214,163,84,.34)}
.school-entry-mark{position:absolute;right:1vw;bottom:3vh;font-size:8px;letter-spacing:.24em;color:rgba(255,255,255,.15);writing-mode:vertical-rl;transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){
  .school-entry h2,.school-entry-copy>p,.school-entry-kicker,.school-entry-meta{transform-origin:left center;transition:transform .35s cubic-bezier(.2,.72,.24,1),color .28s ease}
  .school-entry h2:hover{transform:translate3d(4px,-2px,0) scale(1.012)}
  .school-entry-copy>p:hover{transform:translate3d(3px,-1px,0) scale(1.012);color:#ddd6e0}
  .school-entry-kicker:hover,.school-entry-meta:hover{transform:translate3d(3px,-1px,0)}
  .school-entry-button:hover{transform:translateY(-3px) scale(1.025);filter:saturate(1.07) brightness(1.03);border-color:rgba(228,210,255,.58);box-shadow:0 22px 56px rgba(73,38,128,.40),0 0 36px rgba(143,99,216,.11),inset 0 1px 0 rgba(255,255,255,.16)}
  .school-entry-button:hover b{transform:translate(4px,-3px)}
}
@keyframes schoolV4Arrow{0%,100%{transform:translateX(-2px);opacity:.16}50%{transform:translateX(3px);opacity:.62}}
@keyframes schoolV4LineA{to{transform:translate3d(11vw,5vh,0) rotate(-4deg)}}
@keyframes schoolV4LineB{to{transform:translate3d(-9vw,-5vh,0) rotate(14deg)}}
@keyframes schoolV4LineC{to{transform:translate3d(-5vw,4vh,0) rotate(-11deg)}}
@media (max-width:1250px) and (min-width:901px){
  .school-entry-copy{width:78vw}
  .school-entry h2{font-size:clamp(66px,7vw,102px)}
  .school-entry-copy>p{font-size:18px;width:min(640px,62vw)}
  .school-entry-meta{gap:14px}
}
/* Mobile School teaser remains disabled until the mobile School experience is approved. */
@media (max-width:900px){.school-entry{display:none!important}}
@media (prefers-reduced-motion:reduce){.school-entry *{animation:none!important;transition:none!important}}