.s-academy{position:relative;min-height:max(calc(100svh - var(--nav-h)),460px);overflow:clip;display:flex;flex-direction:column;container-type:inline-size;background:var(--royal);--seam-R: 150vw;--seam-sag: 8.58vw;--drop: clamp(8px, 1.4svh, 18px)}@media(min-aspect-ratio:7/5){.s-academy{--seam-R: 220vw;--seam-sag: 5.76vw}}@media(min-aspect-ratio:19/10){.s-academy{--seam-R: 300vw;--seam-sag: 4.2vw}}.s-academy .foot{position:absolute;inset-inline:0;bottom:0;height:calc(var(--seam-sag) / 3);z-index:1;pointer-events:none;background:var(--navy-deep);--fR: calc(var(--seam-R) * 3);-webkit-mask:radial-gradient(circle var(--fR) at 50% calc(100% - var(--fR)),#0000 calc(var(--fR) - .5px),#000 calc(var(--fR) + .5px));mask:radial-gradient(circle var(--fR) at 50% calc(100% - var(--fR)),#0000 calc(var(--fR) - .5px),#000 calc(var(--fR) + .5px))}.s-academy .porch{position:relative;flex:1 0 auto;margin:var(--top) var(--gut) var(--land);z-index:2;--top: clamp(12px, 2.4svh, 28px);--land: calc(var(--seam-sag) / 3 + var(--drop) + 6px);--f: clamp(44px, min(6.3vw, 10.4svh), 116px);--bh: clamp(52px, min(13svh, 8cqw, 41svh - 215px), 168px);--pw: clamp(44px, 9cqw, 168px);--ov: calc(.12 * var(--pw));--cw: calc(var(--pw) + 2 * var(--ov));--ca: calc(.24 * var(--pw));--cn: calc(.11 * var(--pw));--fp: calc(.3 * var(--pw));--fn: calc(.11 * var(--pw));--hold: calc(.55 * var(--bh));--span: calc(100cqw - 2 * var(--gut));--tilt: calc(-1*atan2(var(--hold), var(--span))) ;--pad: clamp(20px, 3cqw, 48px);--row: calc(1.56 * var(--bh));display:grid;grid-template-columns:var(--cw) minmax(0,1fr) var(--cw);grid-template-rows:var(--row) 1fr auto auto 1.2fr auto;grid-template-areas:"beam beam beam" "p1 . p2" "p1 h1 p2" "p1 lead p2" "p1 . p2" "p1 door p2"}@media(min-width:761px)and (max-aspect-ratio:4/5){.s-academy .porch{--bh: clamp(52px, min(11.5svh, 13cqw), 168px);--pw: clamp(44px, 12cqw / 1.24, 168px);grid-template-rows:minmax(var(--row),1fr) minmax(0,.3fr) auto auto clamp(20px,3svh,40px) auto}}.s-academy .pil{position:relative;z-index:1}.s-academy .p1{grid-area:2 / 1 / 7 / 2}.s-academy .p2{grid-area:2 / 3 / 7 / 4}.s-academy .pil>i,.s-academy .beam>i{position:absolute;inset:0;display:block}.s-academy .pil>i{--R: calc(var(--cw) * 36 / 22);--step: calc(var(--pw) + var(--ov));--shape: radial-gradient(circle var(--R) at 50% calc(.078 * var(--cw) - var(--R)), #0000 calc(var(--R) - .5px), #000 calc(var(--R) + .5px)) center top / 100% calc(var(--ca) + 1px) no-repeat, linear-gradient(#000 0 0) center top var(--ca) / var(--step) calc(var(--cn) + 1px) no-repeat, linear-gradient(#000 0 0) center top var(--ca) / var(--pw) calc(100% - var(--ca)) no-repeat, linear-gradient(#000 0 0) center bottom var(--fp) / var(--step) calc(var(--fn) + 1px) no-repeat, linear-gradient(#000 0 0) center bottom / 100% var(--fp) no-repeat;-webkit-mask:var(--shape);mask:var(--shape)}.s-academy .pil .pl{background:var(--white)}.s-academy .sh{background:var(--navy-deep);opacity:.5;transform:translate(calc(var(--drop) * .4),var(--drop))}.s-academy .beam{grid-area:beam;align-self:end;position:relative;z-index:2;height:var(--bh);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline:calc(.9 * var(--bh));transform-origin:0 100%;rotate:var(--tilt);justify-self:start;width:calc(var(--span) / cos(var(--tilt)))}html[dir=rtl] .s-academy .beam{transform-origin:100% 100%;rotate:calc(-1 * var(--tilt))}.s-academy .beam>i{--R: calc(var(--bh) * 36 / 22);--ends: radial-gradient(circle var(--R) at var(--R) 50%, #000 calc(var(--R) - .5px), #0000 calc(var(--R) + .5px)) left / calc(2 * var(--R)) 100% no-repeat, linear-gradient(#000 0 0) center / calc(100% - 2 * var(--R) + 2px) 100% no-repeat, radial-gradient(circle var(--R) at calc(100% - var(--R)) 50%, #000 calc(var(--R) - .5px), #0000 calc(var(--R) + .5px)) right / calc(2 * var(--R)) 100% no-repeat;-webkit-mask:var(--ends);mask:var(--ends)}.s-academy .beam .pl{background:var(--apricot)}.s-academy .beam p{position:relative;margin:0;color:var(--navy);white-space:nowrap}.s-academy .name{font:800 min(calc(.46 * var(--bh)),calc(.55 * var(--f)))/1 var(--display);font-stretch:104%;letter-spacing:-.02em}.s-academy .status{font:600 clamp(16px,calc(.2 * var(--bh)),22px)/1.2 var(--text)}.s-academy h1{grid-area:h1;justify-self:center;text-align:center;margin:calc(var(--drop) + var(--h1c, 10px) + .21 * var(--f) - (var(--cw) + var(--pad)) * tan(-1 * var(--tilt))) var(--pad) 0;font-family:var(--display);font-weight:900;font-stretch:112%;font-size:var(--f);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.s-academy h1 .hl{color:var(--apricot);position:relative;white-space:nowrap}.s-academy h1 .hl-bar{position:absolute;inset-inline:0;bottom:.08em;height:.07em;background:var(--apricot);border-radius:99px;transform-origin:left center}html[dir=rtl] .s-academy h1 .hl-bar{transform-origin:right center}.s-academy .lead{grid-area:lead;justify-self:center;text-align:center;margin:calc(clamp(12px,2svh,22px) + .06 * var(--f)) var(--pad) 0;max-width:34em;font-size:clamp(16px,min(1.35vw,2.6svh),19px);line-height:1.5;color:var(--soft);text-wrap:balance}.s-academy .door{grid-area:door;justify-self:center;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;margin:max(28px,3.5svh) var(--pad) 0;padding-bottom:clamp(8px,2svh,24px)}@media(min-width:761px)and (max-height:800px){.s-academy .porch{--row: calc(1.48 * var(--bh));--h1c: 9px}.s-academy .lead{margin-top:calc(clamp(12px,1.6svh,22px) + .06 * var(--f))}.s-academy .door{padding-bottom:8px}}@media(min-width:761px)and (max-height:660px){.s-academy .porch{--row: calc(1.5 * var(--bh));--pw: clamp(36px, 7.4cqw / 1.24, 168px)}}@media(min-width:761px)and (max-height:600px){.s-academy .porch{--bh: clamp(46px, min(13svh, 8cqw, 41svh - 215px), 168px)}.s-academy .lead{line-height:1.4}.s-academy .door{margin-top:8px;gap:8px;padding-bottom:6px}}@media(min-width:761px)and (max-height:660px)and (min-aspect-ratio:2/1){.s-academy .porch{--bh: clamp(46px, min(11.5svh, 8cqw), 168px)}}@media(min-width:761px)and (max-height:580px){.s-academy .porch{--top: 8px}.s-academy .go .pill.lg{height:48px;font-size:16px;padding-inline:22px}}.s-academy .close{font-family:var(--display);font-weight:800;font-stretch:104%;font-size:clamp(22px,min(2.1vw,4svh),30px);line-height:1.1;letter-spacing:-.015em;text-align:center;text-wrap:balance}.s-academy .go{display:flex;align-items:center;gap:16px}.s-academy .free{margin:0;font-size:14px;font-weight:500;color:var(--soft)}.s-academy .beam{--s: 1;--r0: -8deg;--y0: calc(-1 * (var(--row) + var(--top) + var(--drop) + 4px));--yh: calc(-.35 * var(--bh));--rh: calc(var(--tilt) - .8deg)}html[dir=rtl] .s-academy .beam{--s: -1}.s-academy .beam.anim{animation:academy-hoist 1.16s linear .1s both}.s-academy .hl-bar.anim{animation:academy-bar .5s var(--lock) .15s both}.s-academy .lead.anim{animation:fade .22s linear .86s both}.s-academy .door.anim{animation:academy-in .2s var(--lock) 1.26s both}@keyframes academy-hoist{0%{translate:0 var(--y0);rotate:calc(var(--s) * var(--r0));animation-timing-function:cubic-bezier(.2,.75,.25,1)}60.3%{translate:0 var(--yh);rotate:calc(var(--s) * var(--rh));animation-timing-function:linear}77.6%{translate:0 var(--yh);rotate:calc(var(--s) * var(--rh));animation-timing-function:cubic-bezier(.3,0,.1,1)}}@media(min-width:761px)and (max-aspect-ratio:4/5){.s-academy .beam{--y0: calc(-1 * (max(100svh - var(--nav-h), 460px) + var(--drop) + 4px))}}@media(min-width:761px)and (max-height:660px){.s-academy .beam{--yh: calc(-.25 * var(--bh));--rh: calc(var(--tilt) - .5deg)}}@keyframes academy-in{0%{opacity:0;translate:0 8px}}@keyframes academy-bar{0%{transform:scaleX(0)}}@media(max-width:760px){.s-academy{min-height:calc(100svh - var(--nav-h));--drop: 8px;padding:clamp(20px,3svh,32px) var(--gut) calc(var(--seam-sag) / 3 + 20px)}.s-academy .porch{margin:0;--top: 0px;--land: 0px;--pad: 10px;--f: clamp(38px, 11vw, 50px);--bh: clamp(52px, 19cqw, 72px);--pw: clamp(36px, 12cqw, 60px);--ov: calc(.16 * var(--pw));--ca: calc(.3 * var(--pw));--cn: calc(.13 * var(--pw));--fp: calc(.34 * var(--pw));--fn: calc(.13 * var(--pw));--hold: calc(.56 * var(--bh));--span: 100cqw;--l0: calc(.7 * var(--bh));grid-template-rows:auto calc(var(--l0) + var(--bh) * cos(7deg) + var(--span) / cos(var(--tilt)) * sin(7deg) + 12px + .18 * var(--f)) auto 1fr auto;grid-template-areas:"h1 h1 h1" "beam beam beam" "p1 lead p2" "p1 . p2" "p1 door p2"}.s-academy .p1{grid-area:3 / 1 / 6 / 2}.s-academy .p2{grid-area:3 / 3 / 6 / 4}.s-academy .pil{min-height:calc(51svh - 1.55 * var(--bh))}.s-academy h1{justify-self:start;text-align:start;margin:0;font-stretch:90%;line-height:1.06;text-wrap:pretty}.s-academy .lead{justify-self:center;text-align:center;margin:16px var(--pad) 0;max-width:none;text-wrap:balance}.s-academy .lead.anim{animation:fade .22s linear .3s both}.s-academy .beam{flex-wrap:wrap;align-content:center;gap:0 10px;padding-inline:calc(.22 * var(--bh));--r0: -7deg;--y0: calc(-1 * var(--l0))}.s-academy .name{font-size:max(19px,min(calc(.3 * var(--bh)),calc(.55 * var(--f))))}.s-academy .beam .status{margin-inline-start:auto;white-space:nowrap;line-height:1.1}.s-academy .door{align-self:end;width:calc(100% - 2 * var(--pad))}.s-academy .close{font-size:clamp(20px,5.6vw,28px)}.s-academy .go{flex-direction:column;width:100%;gap:10px}.s-academy .go .pill{width:100%}}@media(max-width:760px)and (max-height:780px){.s-academy .porch{--l0: calc(.45 * var(--bh))}.s-academy .door{margin-top:16px;padding-bottom:8px}}@media(max-width:380px){.s-academy .beam{padding-inline:calc(.2 * var(--bh));column-gap:8px}.s-academy .name{font-size:19px;font-stretch:92%}}