@property --mask-left{syntax:"<percentage>";initial-value:50%;inherits:false}@property --mask-right{syntax:"<percentage>";initial-value:50%;inherits:false}.subject-canvas[data-v-ce8dc26d]{height:100%;position:relative;--mask-left:50%;--mask-right:50%;-webkit-mask-image:linear-gradient(to right,transparent var(--mask-left),#000 var(--mask-left),#000 var(--mask-right),transparent var(--mask-right));mask-image:linear-gradient(to right,transparent var(--mask-left),#000 var(--mask-left),#000 var(--mask-right),transparent var(--mask-right));opacity:0;transition:--mask-left .6s,--mask-right .6s,opacity .3s}.subject-canvas.sc-visible[data-v-ce8dc26d]{--mask-left:0%;--mask-right:100%;opacity:1;transition:--mask-left 1s,--mask-right 1s,opacity 0s}.subject-canvas canvas[data-v-ce8dc26d]{-o-object-fit:cover;object-fit:cover;position:sticky;top:0;width:100vw}.subject-image-wrapper .subject-image[data-v-6358e07c]{align-items:center;aspect-ratio:16/9;display:flex;justify-content:center;overflow:hidden}.subject-image-wrapper .subject-image[data-v-6358e07c] .p-video,.subject-image-wrapper .subject-image[data-v-6358e07c] video,.subject-image-wrapper .subject-image img[data-v-6358e07c]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.subject-title[data-v-e85c5930]{aspect-ratio:16/9;border-radius:1vw;position:relative;transform-style:preserve-3d;width:40vw}.subject-title .st-front[data-v-e85c5930]{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:10px solid hsla(0,0%,100%,0);border-radius:inherit;box-shadow:0 0 #32325d00,0 0 0 0 transparent,0 0 #32325d00;overflow:hidden;transition:border .5s,box-shadow .3s ease}.subject-title .st-back[data-v-e85c5930],.subject-title .st-front[data-v-e85c5930]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);inset:0;position:absolute}.subject-title .st-back[data-v-e85c5930]{backface-visibility:hidden;background:#f2f2f288;border:10px solid #fff;border-radius:inherit;transform:rotateY(180deg)}.subject-title.base .st-front[data-v-e85c5930]{box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,0 -50px 100px -20px #32325d8c}.subject-title.base .st-front[data-v-e85c5930],.subject-title.full-visible .st-front[data-v-e85c5930]{border:10px solid #fff}.subject-title.base .st-front .st-clip[data-v-e85c5930],.subject-title.full-visible .st-front .st-clip[data-v-e85c5930]{-webkit-mask-position:0 0;mask-position:0 0}.subject-title.base .st-front .st-content .st-title[data-v-e85c5930],.subject-title.full-visible .st-front .st-content .st-title[data-v-e85c5930]{background-position:0 100%;color:color-mix(in srgb,#093b43,#aaa 30%);font-size:3vh}.subject-title .st-clip[data-v-e85c5930]{-webkit-mask-image:linear-gradient(164deg,#000 50%,transparent 84%);mask-image:linear-gradient(164deg,#000 50%,transparent 84%);-webkit-mask-position:100% 100%;mask-position:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:200% 200%;mask-size:200% 200%;position:absolute;transition:-webkit-mask-position 1.5s ease;transition:mask-position 1.5s ease;transition:mask-position 1.5s ease,-webkit-mask-position 1.5s ease}.subject-title .st-content[data-v-e85c5930]{bottom:0;position:absolute;width:100%}.subject-title .st-content .st-number[data-v-e85c5930]{align-items:center;aspect-ratio:1;border:1.3vw solid #ff9200;border-radius:50%;bottom:-6vh;color:#ff9200;display:flex;font-size:7vw;font-weight:700;height:8vw;justify-content:center;-webkit-mask:linear-gradient(164deg,rgba(0,0,0,.533) 10%,transparent 70%);mask:linear-gradient(164deg,rgba(0,0,0,.533) 10%,transparent 70%);position:absolute;right:-3vw}.subject-title .st-content .st-title[data-v-e85c5930]{align-items:center;background-image:linear-gradient(45deg,#fff 10%,#ffffffe6,#fff0 50%);background-position:100% 100%;background-repeat:no-repeat;background-size:200% 200%;bottom:0;color:color-mix(in srgb,#edfcff,#aaa 30%);display:flex;font-size:4vh;height:10vh;justify-content:center;line-height:4vh;position:absolute;text-align:center;transition:background-position 1.5s ease,opacity .5s ease,all .5s ease;width:100%;z-index:2}.subject-perspectives-selector[data-v-9daf3c08]{display:flex;gap:2vh;justify-content:center}.subject-perspectives-selector .sp-item[data-v-9daf3c08]{align-items:center;cursor:pointer;display:flex;gap:2vw}.subject-perspectives-selector .sp-item.sp-item-selected[data-v-9daf3c08]{transform:scale(1.4)}.subject-perspectives-selector .sp-item .sp-i-icon[data-v-9daf3c08]{width:2vw}.subject-perspectives-selector .sp-item .sp-i-icon[data-v-9daf3c08] span.material-symbols-outlined{font-size:2vh}.subject-perspectives[data-v-f5716252]{background-image:linear-gradient(14deg,#fff 40%,#eee);border:1px solid #fff;border-radius:1.35vw;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;gap:2vh;height:55vh;overflow:hidden;padding:10vh 5vw;position:relative;transition:width .4s .2s,height .4s .2s,padding .4s .2s;width:50vw}.subject-perspectives .sp-img-backgrounds[data-v-f5716252]{inset:0;position:absolute;--mask-fade:60%;-webkit-mask-image:linear-gradient(14deg,#000 10%,rgba(0,0,0,.333) 30%,transparent var(--mask-fade));mask-image:linear-gradient(14deg,#000 10%,rgba(0,0,0,.333) 30%,transparent var(--mask-fade));transition:--mask-fade .4s .2s;z-index:0}.subject-perspectives .sp-img-backgrounds[data-v-f5716252] .project-image-wrapper{height:100%;width:100%}.subject-perspectives .sp-img-backgrounds[data-v-f5716252] .project-image-wrapper .project-image{aspect-ratio:unset;filter:blur(0) grayscale(0) brightness(100%) contrast(120%) saturate(100%) hue-rotate(0deg);height:100%;max-height:100%;opacity:1;padding:0;width:100%}.subject-perspectives .sp-number[data-v-f5716252]{align-items:center;aspect-ratio:1;background-image:linear-gradient(100deg,color-mix(#ff9200,#000 10%),#ff9200 50%);border-radius:50%;color:#fff;display:flex;flex:0 0 2.2vw;font-size:1.2vw;font-weight:700;height:2.2vw;justify-content:center;left:.9vw;margin:0 auto;position:absolute;top:.9vw;transition:.3s}.subject-perspectives .sp-title-vertical[data-v-f5716252]{bottom:1.5vw;color:color-mix(in srgb,#093b43,#fff 30%);font-size:2.5vh;position:absolute;right:-2vw;transform:rotate(180deg);transition:right .4s .2s;white-space:nowrap;writing-mode:vertical-rl}.subject-perspectives .sp-inner[data-v-f5716252]{transition:opacity .3s .6s}.subject-perspectives .sp-inner .sp-title[data-v-f5716252]{align-items:center;border-bottom:2px dotted color-mix(in srgb,#093b43,#fff 80%);color:color-mix(in srgb,#093b43,#fff 20%);display:flex;font-size:5vh;gap:1vw;line-height:5vh;margin-bottom:2vh;padding:3vh 1vw;text-align:center}.subject-perspectives .sp-inner .sp-perspective-leave-active[data-v-f5716252]{transition:opacity .2s ease-in,transform .2s ease-in}.subject-perspectives .sp-inner .sp-perspective-enter-active[data-v-f5716252]{transition:opacity .35s ease-out,transform .35s ease-out}.subject-perspectives .sp-inner .sp-perspective-leave-to[data-v-f5716252]{opacity:0;transform:translateY(-6px) skewY(-1.5deg)}.subject-perspectives .sp-inner .sp-perspective-enter-from[data-v-f5716252]{opacity:0;transform:translateY(14px) skewY(1.5deg)}.subject-perspectives .sp-inner .sp-perspective[data-v-f5716252]{border-radius:1vw;isolation:isolate;padding:3vh 1vw;position:relative}.subject-perspectives .sp-inner .sp-perspective[data-v-f5716252]:before{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-image:radial-gradient(ellipse 90% 85% at 50% 50%,hsla(0,0%,100%,.733) 40%,transparent 80%);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}.subject-perspectives .sp-inner .sp-perspective .sp-p-title[data-v-f5716252]{color:color-mix(in srgb,#093b43,#fff 30%);font-size:2vh;font-weight:700;line-height:4vh;padding-left:1vw}.subject-perspectives .sp-inner .sp-perspective .sp-p-description[data-v-f5716252]{color:color-mix(in srgb,#093b43,#fff 40%);font-size:2vh;line-height:2.5vh;padding-left:2vw}.subject-perspectives .sp-inner .sp-selector[data-v-f5716252]{padding:3vh 0 0 2vw}.subject-perspectives.narrow[data-v-f5716252]{height:75vh;padding:0;transition:width .4s 0s,height .4s 0s,padding .4s 0s;width:4vw}.subject-perspectives.narrow .sp-img-backgrounds[data-v-f5716252]{--mask-fade:120%;transition:--mask-fade .4s 0s}.subject-perspectives.narrow .sp-title-vertical[data-v-f5716252]{right:1.3vw;transition:right .4s 0s}.subject-perspectives.narrow .sp-inner[data-v-f5716252]{opacity:0;transition:opacity .3s 0s}.subject-perspectives.narrow[data-v-f5716252] .project-image-wrapper,.subject-perspectives.narrow[data-v-f5716252] .project-image-wrapper .project-image{height:100%}@property --mask-fade{syntax:"<percentage>";inherits:true;initial-value:60%}.subjects-page[data-v-bb41bab4]{position:relative}.subjects-page .sp-header[data-v-bb41bab4]{height:50vh;position:relative}.subjects-page .sp-header .sp-header-check[data-v-bb41bab4]{color:color-mix(in srgb,#edfcff,#093b43 10%);font-size:9vh;font-weight:700;left:12vw;position:absolute;top:10vh}.subjects-page .sp-header .sp-header-perspective[data-v-bb41bab4]{color:color-mix(in srgb,#edfcff,#093b43 10%);font-size:5vh;font-weight:700;left:17vw;position:absolute;top:21vh}.subjects-page .sp-header .sp-header-desc[data-v-bb41bab4]{border-top:2px dotted color-mix(in srgb,#defae2,#093b43 60%);color:color-mix(in srgb,#defae2,#093b43 30%);font-size:1.6vh;left:22vw;line-height:2.2vh;padding:1vw;position:absolute;text-align:right;top:30vh;width:24vw}.subjects-page .sp-header .sp-header-icons[data-v-bb41bab4]{display:flex;gap:1vw;justify-content:center}.subjects-page .sp-header .sp-header-icons>div[data-v-bb41bab4]{width:2vw}.subjects-page .sp-titles[data-v-bb41bab4]{height:55vh;inset:0;left:44vw;position:fixed;top:30vh;width:50vw;z-index:1}.subjects-page .sp-titles .sp-titles-shadow[data-v-bb41bab4]{background-color:#093b43;bottom:-5vh;filter:blur(50px);left:18vw;opacity:.2;position:absolute;right:-5vw;top:10vh;transition:transform .1s ease-out}.subjects-page .sp-titles .sp-titles-inner[data-v-bb41bab4]{inset:5vh 5vw;perspective:100vw;position:absolute;transform-origin:50% 100%;transform-style:preserve-3d;transition:transform .1s ease-out}.subjects-page .sp-titles .sp-titles-inner>div[data-v-bb41bab4]{cursor:pointer;left:5vw;opacity:1;position:absolute;top:5vh;transform-origin:50% 0 0;width:34vw}.subjects-page .sp-perspectives[data-v-bb41bab4]{padding-top:330vh;position:relative}.subjects-page .sp-perspectives .sp-canvas[data-v-bb41bab4]{height:400vh;left:0;position:absolute;top:0;width:100vw;z-index:0}.subjects-page .sp-perspectives .sp-canvas .canvas-color[data-v-bb41bab4]{position:absolute;top:0}.subjects-page .sp-perspectives .sp-canvas .canvas-color[data-v-bb41bab4] canvas{-webkit-mask-image:linear-gradient(110deg,#000 calc(120% - var(--videoProgress)*2%),transparent calc(150% - var(--videoProgress)*2%));mask-image:linear-gradient(110deg,#000 calc(120% - var(--videoProgress)*2%),transparent calc(150% - var(--videoProgress)*2%))}.subjects-page .sp-perspectives .sp-canvas .canvas-gray[data-v-bb41bab4]{position:absolute;top:0}.subjects-page .sp-perspectives .sp-canvas .canvas-gray[data-v-bb41bab4] canvas{filter:brightness(140%) sepia(100%) hue-rotate(160deg);-webkit-mask-image:linear-gradient(110deg,#000 calc(200% - var(--videoProgress)*2.5%),transparent calc(240% - var(--videoProgress)*2.5%));mask-image:linear-gradient(110deg,#000 calc(200% - var(--videoProgress)*2.5%),transparent calc(240% - var(--videoProgress)*2.5%));opacity:.2}.subjects-page .sp-perspectives .sp-perspectives-content[data-v-bb41bab4]{height:110vh;margin:0 auto;padding-bottom:20vh;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.subjects-page .sp-perspectives .sp-perspectives-content .perspective-items[data-v-bb41bab4]{display:flex;gap:1vw;padding:0 2vw;position:sticky;top:calc(var(--menu-height) + 5vh)}.subjects-page .sp-perspectives .sp-perspectives-content .perspective-items .perspective-item[data-v-bb41bab4]{cursor:pointer}.subjects-page .sp-perspectives .sp-perspectives-content .perspective-items .perspective-item[data-v-bb41bab4]:not(.perspective-visible) .sp-img-backgrounds{-webkit-mask-image:linear-gradient(135deg,transparent 20%,rgba(0,0,0,.267) 50%,transparent 80%);mask-image:linear-gradient(135deg,transparent 20%,rgba(0,0,0,.267) 50%,transparent 80%)}@keyframes titleRotate{0%{transform:rotateX(-30deg)}94%{transform:rotateX(30deg)}to{transform:rotateX(300deg)}}@keyframes titleRotate2{0%{transform:rotateX(-30deg)}89%{transform:rotateX(30deg)}93%{transform:rotate3d(1,-1,0,6deg) translateZ(12vw)}96%{transform:translateY(-50vh) rotateX(-33deg) translateZ(12vw)}98%{transform:translateZ(3vw) translateY(-50vh)}to{transform:rotateX(-30deg)}}