.semester-page{max-width:100%;overflow-x:hidden}.semester-header{margin-top:min(19.722vw,284px)}.semester-title{text-align:center;letter-spacing:.2rem;margin:2rem auto;font-size:1.3rem}.semester-body-header{margin-bottom:min(11.722vw,40px)}.semester-body-title{font-size:1rem}.semester-body{--edge-fade:2rem;display:flex;gap:min(5.556vw,80px) min(2.222vw,32px);max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding-inline:max(0rem,(100% - 12rem)/2);padding-bottom:min(4.333vw,60px);scrollbar-width:none;-ms-overflow-style:none;scroll-padding-inline:max(0rem,(100% - 12rem)/2);scroll-snap-type:x mandatory;mask-image:linear-gradient(to right,transparent 0,#000 var(--edge-fade),#000 calc(100% - var(--edge-fade)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--edge-fade),#000 calc(100% - var(--edge-fade)),transparent 100%)}.semester-body::-webkit-scrollbar{display:none}.semester-body:not([data-scale-ready]) .personal-profile{visibility:hidden}.personal-profile{background:transparent;color:#fff;flex:0 0 auto;height:auto;overflow:hidden;padding:0;position:relative;scroll-snap-align:center;transform:scale(var(--profile-scale,1));transform-origin:center;transition:none;will-change:transform;width:14rem;aspect-ratio:1043/1508}.personal-profile .personal-profile-header{align-items:flex-start;display:flex;gap:.625rem;left:.7rem;margin:0;position:absolute;top:.5rem;width:auto;z-index:4}.personal-profile .personal-profile-icon{flex:0 0 auto;height:1.25rem;object-fit:contain;width:1.25rem;margin-top:.3rem}.personal-profile .personal-profile-icon-symbol{align-items:center;border:.0625rem solid var(--profile-color);border-radius:50%;color:var(--profile-color);display:flex;font-family:Arial,sans-serif;font-size:1.25rem;justify-content:center}.personal-profile .personal-profile-heading{min-width:0}.personal-profile .personal-profile-photo{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;inset:0;position:absolute;width:100%;scale:.95 .97}.personal-profile .personal-profile-frame{height:100%;inset:0;object-fit:fill;pointer-events:none;position:absolute;width:100%;z-index:3}.personal-profile h2{font-size:.8rem;letter-spacing:.03em;line-height:1.2;margin:0}.personal-profile p{font-family:Arial,sans-serif;font-size:.525rem;line-height:1.3;margin-top:.25rem;text-transform:uppercase}@media(max-width:767px){.semester-body-title{margin-top:10vw}.personal-profile .personal-profile-header{margin-bottom:.625rem}}