@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono&family=DM+Sans:wght@400;500;700&family=Sedgwick+Ave+Display&display=swap";.archive-ticker>div{animation:archive-ticker-four 26s linear infinite!important}@keyframes archive-ticker-four{to{transform:translate(-25%)}}@media (max-width:800px){.archive-ticker>div{animation-duration:32s!important}}.archive-ticker{display:flex!important;align-items:center}.archive-ticker>div{display:flex;width:max-content;will-change:transform;animation:archive-ticker-seamless 24s linear infinite}.archive-ticker>div>span{display:block!important;flex:none;min-width:max-content;padding-right:42px;animation:none!important}@keyframes archive-ticker-seamless{to{transform:translate(-50%)}}@media (max-width:800px){.archive-ticker>div{animation-duration:30s}.archive-ticker>div>span{padding-right:28px}}body .archive .intro-counter{display:none!important}@media (max-width:800px){body .archive .intro-counter,body .archive .intro-vertical{display:none!important}body .archive .intro:after{display:none!important}body .archive .intro-traces{opacity:.2!important;top:37%!important;right:-28vw!important}body .archive .intro-stickers{top:16%!important;right:15px!important;opacity:.7}body .archive .intro{min-height:560px!important;padding-top:88px!important;padding-bottom:128px!important}body .archive .intro h1{margin:16px 0 22px!important}body .archive .intro-copy{max-width:300px!important;font-size:13px!important;line-height:1.7!important}body .archive .system-tags{margin-top:20px!important}.intro-status{z-index:3!important}}@media (max-width:800px){html,body,#root,main.archive{touch-action:pan-y!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}html body main.archive .modal-backdrop,html body main.archive .profile-modal,html body main.archive .modal-portrait{touch-action:pan-y!important;zoom:1!important}html body main.archive .profile-modal{transform:none!important}html body main.archive .profile-modal .profile-copy,html body main.archive .profile-modal .lyrics{transform:none!important}}@media (max-width:800px){html body main.archive .profile-modal{overflow-x:hidden!important;animation:mobile-sheet-in .32s ease both!important}html body main.archive .profile-modal .modal-portrait{overflow:hidden!important}html body main.archive .profile-modal .modal-portrait>img,html body main.archive .profile-modal .modal-portrait:hover>img{transform:scale(1.32) translate(0)!important;transition:none!important}html body main.archive .profile-modal .modal-portrait.abilla-photo>img,html body main.archive .profile-modal .modal-portrait.abilla-photo:hover>img{transform:scale(1.48) translate(0)!important}html body main.archive .profile-modal .modal-portrait.abdad-photo>img,html body main.archive .profile-modal .modal-portrait.abdad-photo:hover>img{transform:scale(1.28) translate(0)!important}html body main.archive .profile-modal .profile-copy,html body main.archive .profile-modal .lyrics{max-width:100%!important;overflow-x:hidden!important}html body main.archive .profile-modal .profile-copy h2{max-width:100%!important;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(38px,11vw,58px)!important;line-height:.82!important}html body main.archive .profile-modal .about-text,html body main.archive .profile-modal .song,html body main.archive .profile-modal .lyrics span{max-width:100%!important;overflow-wrap:anywhere}@keyframes mobile-sheet-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:800px){html body main.archive .modal-backdrop{align-items:center!important;padding:8px!important}html body main.archive .profile-modal{width:calc(100vw - 16px)!important;height:calc(100svh - 16px)!important;min-height:calc(100svh - 16px)!important;max-height:calc(100svh - 16px)!important;margin:0!important;border-radius:14px!important;scrollbar-gutter:stable;user-select:none;-webkit-user-select:none}html body main.archive .profile-modal *{user-select:none;-webkit-user-select:none}html body main.archive .profile-modal .close{position:absolute!important;top:10px!important;right:10px!important;z-index:20!important;color:#fff!important;background:#00000085!important}html body main.archive .profile-modal .modal-portrait{height:235px!important;min-height:235px!important}.profile-modal .lyrics{padding-bottom:42px!important}}@media (max-width:800px){html body main.archive .modal-backdrop{display:flex!important;align-items:flex-start!important;justify-content:center!important;overflow-y:auto!important;overscroll-behavior:contain;padding:12px!important}html body main.archive .profile-modal{width:100%!important;max-height:calc(100svh - 24px)!important;margin:0!important;align-self:flex-start!important;overflow-y:auto!important;overscroll-behavior:contain}html body main.archive .modal-portrait{min-height:220px!important;height:220px!important}}body .archive .intro:after{right:clamp(9vw,17vw,265px);bottom:clamp(165px,17vh,220px);width:min(330px,28vw)}body .archive .intro-status{bottom:32px}.mini-player{width:calc(100% - 44px);min-width:0!important;max-width:420px;right:auto!important;box-sizing:border-box}.mini-player p{max-width:calc(100% - 96px)}@media (max-width:800px){body .archive .intro:after{left:22px;right:42px;bottom:154px;width:auto;font-size:clamp(21px,7vw,29px)}body .archive .intro-status{bottom:54px}.mini-player{left:50%!important;right:auto!important;bottom:30px;width:calc(100% - 28px)!important;max-width:none;transform:translate3d(-50%,0,0)!important}.mini-player:hover{transform:translate3d(-50%,-2px,0)!important}.mini-player p{max-width:calc(100% - 45px)}}body .archive .intro:after{content:"WE DON’T JUST STUDY SYSTEMS.\aWE BUILD THEM.";white-space:pre-line;position:absolute;z-index:2;right:clamp(8vw,17vw,265px);bottom:clamp(92px,12vh,138px);width:min(360px,31vw);padding:15px 0;border-top:2px solid #111;border-bottom:1px solid rgba(0,0,0,.42);font:clamp(28px,3.2vw,50px)/.82 "Bebas Neue";letter-spacing:.01em;color:#111;transform:rotate(-2deg);animation:manifesto-enter 1s .7s cubic-bezier(.16,1,.3,1) both}.yearbook-close:after{content:"ARCHIVE COMPLETE";position:absolute;right:-7px;top:-11px;padding:4px 6px;border:1px solid rgba(255,255,255,.76);background:#111;color:#f4f3ee;font:7px DM Mono;letter-spacing:.12em;transform:rotate(7deg);animation:archive-stamp 4s ease-in-out infinite}.yearbook-close{overflow:visible!important}@keyframes manifesto-enter{0%{opacity:0;transform:translateY(22px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@keyframes archive-stamp{0%,to{transform:rotate(7deg) scale(1)}50%{transform:rotate(3deg) scale(1.06)}}@media (max-width:800px){body .archive .intro:after{right:22px;left:22px;bottom:126px;width:auto;padding:10px 0;font-size:clamp(24px,8vw,35px)}.yearbook-close:after{font-size:6px;right:-3px;top:-9px}}.intro-stickers{position:absolute;z-index:2;right:clamp(8vw,18vw,290px);top:22%;display:grid;gap:12px;pointer-events:none}.intro-stickers b{width:max-content;padding:8px 10px;border:1px solid rgba(0,0,0,.56);background:#f2f1ed61;font:8px DM Mono;letter-spacing:.12em;animation:intro-sticker-float 5s ease-in-out infinite}.intro-stickers b:nth-child(1){transform:rotate(5deg);animation-delay:-1.3s}.intro-stickers b:nth-child(2){margin-left:54px;transform:rotate(-5deg);animation-delay:-3.2s}.intro-stickers b:nth-child(3){margin-left:-23px;transform:rotate(2deg);animation-delay:-.5s}.intro-counter{position:absolute;z-index:0;right:12%;bottom:17%;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:min(280px,24vw);pointer-events:none}.intro-counter span{padding:4px 0;border-top:1px solid rgba(0,0,0,.22);color:#77746e;font:8px DM Mono;letter-spacing:.08em;animation:intro-count-flash 4s steps(2,end) infinite}.intro-counter span:nth-child(2n){animation-delay:-1.2s}.intro-counter span:nth-child(3n){animation-delay:-2.3s}.intro-vertical{position:absolute;z-index:2;right:22px;top:50%;color:#77746e;font:8px DM Mono;letter-spacing:.14em;writing-mode:vertical-rl;animation:intro-vertical-drift 7s ease-in-out infinite;pointer-events:none}.radar-zone.is-radar-active .top-radar{filter:drop-shadow(15px 15px 0 rgba(0,0,0,.07))}.intro-traces i:after{animation-duration:1.9s!important}@keyframes intro-sticker-float{50%{translate:7px -7px;filter:invert(.07)}}@keyframes intro-count-flash{50%{color:#111;border-color:#111;transform:translateY(-4px)}}@keyframes intro-vertical-drift{50%{transform:translateY(-17px);opacity:.38}}@media (max-width:800px){.intro-stickers{right:20px;top:18%;gap:7px}.intro-stickers b{padding:5px 6px;font-size:6px}.intro-stickers b:nth-child(2){margin-left:28px}.intro-stickers b:nth-child(3){margin-left:-8px}.intro-counter{right:18px;bottom:22%;width:150px;gap:3px}.intro-counter span{font-size:6px;padding:3px 0}.intro-vertical{right:7px;font-size:6px;opacity:.55}}.student-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #77736d;padding-bottom:5px;color:#77736d;font:8px DM Mono;letter-spacing:.1em}.student-search input{width:145px;border:0;outline:0;background:transparent;color:#111;font:10px DM Mono;letter-spacing:.04em}.student-search input::placeholder{color:#9a9790}.no-results{grid-column:1/-1;margin:34px 0;padding:20px;border:1px dashed #aaa7a0;font:10px DM Mono;letter-spacing:.08em;text-align:center}.mini-player{position:fixed;z-index:9;left:50%;bottom:38px;display:flex;align-items:center;gap:12px;min-width:min(390px,calc(100vw - 44px));padding:10px 13px;border:1px solid rgba(255,255,255,.35);background:#0c0c0cf0;color:#f4f3ee;box-shadow:9px 9px #00000029;transform:translate(-50%);text-align:left;transition:transform .25s ease,box-shadow .25s ease}.mini-player:hover{transform:translate(-50%) translateY(-3px);box-shadow:12px 12px #0003}.mini-player>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);font:10px DM Mono}.mini-player p{display:grid;gap:3px;margin:0;min-width:0;flex:1}.mini-player small{color:#aaa;font:7px DM Mono;letter-spacing:.13em}.mini-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px DM Sans;font-weight:700}.mini-player>i{width:2px;height:8px;background:#eee;align-self:flex-end;margin-bottom:3px}.mini-player.is-playing>i{animation:mini-equal .52s ease-in-out infinite alternate}.mini-player.is-playing>i:nth-of-type(2){height:15px;animation-delay:-.22s}.mini-player.is-playing>i:nth-of-type(3){height:11px;animation-delay:-.1s}@keyframes mini-equal{to{transform:scaleY(.35);opacity:.45}}@media (max-width:800px){.student-search{width:100%}.student-search input{width:100%;min-width:0}.mini-player{bottom:29px;min-width:calc(100vw - 36px);padding:9px 10px;gap:9px}.mini-player strong{font-size:10px}.mini-player>i{display:none}}.section-head>div{display:flex;align-items:center;gap:16px}.section-head>div>p{margin:0;color:#706d67;font-size:12px}.shuffle-profile{border:1px solid #111;background:#111;color:#f2f1ed;padding:9px 11px;font:8px DM Mono;letter-spacing:.09em;white-space:nowrap;transition:transform .25s ease,background .25s,color .25s}.shuffle-profile:hover{background:#f2f1ed;color:#111;transform:translateY(-3px) rotate(-1deg)}.shuffle-profile:active{transform:translateY(0) scale(.96)}footer{align-items:center!important}footer>div:first-child{display:grid;gap:7px}.yearbook-close{justify-self:center;min-width:260px;padding:14px 18px;border:1px solid rgba(255,255,255,.45);text-align:center;position:relative;overflow:hidden;display:grid;gap:5px;transform:rotate(-1.3deg);animation:yearbook-float 5s ease-in-out infinite}.yearbook-close:before{content:"";position:absolute;top:-70%;right:-15%;bottom:-70%;left:-15%;background:linear-gradient(115deg,transparent 45%,rgba(255,255,255,.13) 50%,transparent 55%);animation:yearbook-sheen 6s linear infinite}.yearbook-close>*{position:relative;z-index:1}.yearbook-close span,.yearbook-close i{font:8px DM Mono;letter-spacing:.12em;font-style:normal;color:#bbb}.yearbook-close strong{font:clamp(24px,2.4vw,35px)/.75 "Bebas Neue";letter-spacing:.02em;color:#f5f3ee;font-weight:400}@keyframes yearbook-float{50%{transform:translateY(-5px) rotate(.8deg)}}@keyframes yearbook-sheen{to{transform:translate(80%)}}@media (max-width:800px){.section-head>div{display:grid;justify-items:start;gap:12px;margin-top:13px}.section-head>div>p{font-size:12px}.shuffle-profile{padding:10px 12px}.yearbook-close{justify-self:stretch;min-width:0;margin:8px 0 10px;padding:15px}.yearbook-close strong{font-size:30px}footer>span{margin-top:4px!important}}.scroll-index{position:fixed;z-index:7;right:22px;top:50%;display:grid;justify-items:center;gap:9px;transform:translateY(-50%);mix-blend-mode:multiply;pointer-events:none}.scroll-index b{font:15px DM Mono;letter-spacing:.06em}.scroll-index i{position:relative;display:block;width:1px;height:126px;background:#0000003d;overflow:hidden}.scroll-index i span{position:absolute;left:0;top:0;width:100%;background:#111;transition:height .16s linear}.scroll-index small{font:7px DM Mono;letter-spacing:.1em;writing-mode:vertical-rl;color:#65635e}.archive-ticker{position:fixed;z-index:6;left:0;right:0;bottom:0;height:24px;overflow:hidden;border-top:1px solid rgba(0,0,0,.14);background:#f2f1edc7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.archive-ticker span{display:inline-block;min-width:max-content;padding:6px 0;font:8px DM Mono;letter-spacing:.14em;white-space:nowrap;animation:archive-ticker-loop 23s linear infinite}@keyframes archive-ticker-loop{to{transform:translate(-45%)}}@media (max-width:800px){.scroll-index{right:8px;top:48%;gap:7px}.scroll-index b{font-size:11px}.scroll-index i{height:78px}.scroll-index small{font-size:6px}.archive-ticker{height:20px}.archive-ticker span{padding:5px 0;font-size:7px;animation-duration:28s}}body .archive .students .student-motion i{z-index:0;border:0!important;transform:none!important;background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(0,0,0,.08),transparent)!important;box-shadow:none!important;width:1px!important;height:150px!important;opacity:.55;animation:side-field-rise 7s ease-in-out infinite!important}body .archive .students .student-motion i:before{content:"";position:absolute;left:50%;top:0;width:9px;height:9px;background:#111;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 5px #0000000b;animation:side-node-pulse 2.2s ease-in-out infinite}body .archive .students .student-motion i:after{position:absolute;top:12px;left:10px;white-space:nowrap;color:#77736d;font:8px DM Mono;letter-spacing:.1em;writing-mode:vertical-rl;content:"SIGNAL / ACTIVE"}.student-motion i:nth-child(1){left:3.2%!important;top:21%!important;animation-delay:-1s!important}.student-motion i:nth-child(1):after{content:"NODE / 01"}.student-motion i:nth-child(2){right:3.2%!important;left:auto!important;top:43%!important;height:190px!important;animation-delay:-4s!important}.student-motion i:nth-child(2):after{content:"ARCHIVE / 02"}.student-motion i:nth-child(3){left:4.7%!important;bottom:11%!important;height:110px!important;animation-delay:-2.3s!important}.student-motion i:nth-child(3):after{content:"SYSTEM / LIVE"}@keyframes side-field-rise{0%,to{opacity:.16;transform:translateY(18px)!important}50%{opacity:.72;transform:translateY(-12px)!important}}@keyframes side-node-pulse{50%{transform:translate(-50%,-50%) rotate(225deg) scale(.58);box-shadow:0 0 0 9px #00000006}}@media (max-width:800px){body .archive .students .student-motion i{height:94px!important;opacity:.36}.student-motion i:nth-child(1){left:9px!important;top:19%!important}.student-motion i:nth-child(2){right:9px!important;top:49%!important;height:106px!important}.student-motion i:nth-child(3){display:none}.student-motion i:after{font-size:7px;left:7px}}body .one-card .portrait .photo-scan{background:repeating-linear-gradient(180deg,rgba(255,255,255,.78) 0 4px,transparent 4px 16px) left 9px top/2px 100% no-repeat,repeating-linear-gradient(180deg,rgba(255,255,255,.78) 0 4px,transparent 4px 16px) right 9px top/2px 100% no-repeat,linear-gradient(90deg,rgba(0,0,0,.42),transparent 8%,transparent 92%,rgba(0,0,0,.42));opacity:.7}.one-card .portrait .photo-scan:before{content:"";position:absolute;left:7px;top:-22%;width:6px;height:23%;background:linear-gradient(180deg,transparent,#fff,transparent);box-shadow:calc(100% - 14px) 0 0 0 #fff;opacity:.88;animation:side-rail-run 4.8s linear infinite}.one-card .person:nth-child(2n) .photo-scan{background:repeating-linear-gradient(180deg,rgba(0,0,0,.68) 0 4px,transparent 4px 16px) left 9px top/2px 100% no-repeat,repeating-linear-gradient(180deg,rgba(0,0,0,.68) 0 4px,transparent 4px 16px) right 9px top/2px 100% no-repeat,linear-gradient(90deg,rgba(255,255,255,.16),transparent 8%,transparent 92%,rgba(255,255,255,.16))}.one-card .person:nth-child(2n) .photo-scan:before{background:linear-gradient(180deg,transparent,#111,transparent);box-shadow:calc(100% - 14px) 0 0 0 #111}@keyframes side-rail-run{0%{transform:translateY(-12%);opacity:0}12%,80%{opacity:.8}to{transform:translateY(560%);opacity:0}}@media (max-width:800px){body .one-card .portrait .photo-scan{background-size:1px 100%,1px 100%,100% 100%;background-position:left 7px top,right 7px top,center}.one-card .portrait .photo-scan:before{left:5px;width:4px;animation-duration:5.8s}.one-card .portrait .photo-scan:after{opacity:.55}}body .archive .students{background-color:#f2f1ed;background-image:radial-gradient(circle at 12% 18%,rgba(0,0,0,.052) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 67%,rgba(0,0,0,.04) 0 1px,transparent 1.4px),repeating-linear-gradient(0deg,transparent 0 44px,rgba(0,0,0,.025) 45px 46px);background-size:118px 118px,154px 154px,100% 46px;animation:archive-paper-drift 18s linear infinite}.students:after{animation:archive-watermark 9s ease-in-out infinite!important}.students>.student-motion:before{height:2px!important;opacity:.58!important;animation-duration:12s!important}.students>.student-motion:after{height:2px!important;opacity:.45!important;animation-duration:17s!important}.student-motion span{opacity:.72!important;text-shadow:0 1px #f2f1ed}.student-motion i:nth-child(1){animation-duration:7s!important}.student-motion i:nth-child(2){animation-duration:9s!important}.student-motion i:nth-child(3){animation-duration:6s!important}@keyframes archive-paper-drift{to{background-position:118px 118px,-154px 154px,0 46px}}@keyframes archive-watermark{0%,to{transform:translateZ(0);opacity:.38}50%{transform:translate3d(-22px,-8px,0);opacity:.62}}@media (max-width:800px){body .archive .students{background-size:92px 92px,124px 124px,100% 42px;animation-duration:23s}.students:after{animation-duration:12s!important}.students>.student-motion:before{animation-duration:15s!important}}.students:before{content:"CLASS MAP / 10 NODES  ·  LIVE SIGNAL";position:absolute;z-index:0;left:calc(var(--cursor-x) + 14px);top:calc(var(--cursor-y) - 18px);padding:6px 8px;border:1px solid rgba(0,0,0,.24);background:#f2f1edb8;box-shadow:9px 9px #0000000b;font:8px DM Mono;letter-spacing:.1em;white-space:nowrap;pointer-events:none;opacity:.68;transform:translateY(-50%);transition:left .16s linear,top .16s linear;animation:map-label 2.8s ease-in-out infinite}.students>.student-motion{background:linear-gradient(115deg,transparent 0 46%,rgba(0,0,0,.045) 46.1% 46.2%,transparent 46.3% 100%),repeating-linear-gradient(90deg,transparent 0 92px,rgba(0,0,0,.025) 93px 94px)}.student-motion i{box-shadow:0 0 0 5px #00000006}@keyframes map-label{50%{opacity:.32;translate:0 4px}}@media (max-width:800px){.students:before{left:18px;top:98px;transform:none;font-size:7px;opacity:.48;animation:map-label-mobile 5s ease-in-out infinite}@keyframes map-label-mobile{50%{transform:translate(20px);opacity:.24}}}.radar-zone{--radar-x:73%;--radar-y:35%}.top-radar{position:absolute;z-index:3;left:var(--radar-x);top:var(--radar-y);width:1px;height:1px;pointer-events:none;opacity:0;transition:opacity .18s}.radar-zone.is-radar-active .top-radar{opacity:1}.top-radar:before,.top-radar:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(0,0,0,.34);border-radius:50%;transform:translate(-50%,-50%);animation:top-radar-pulse 2.5s ease-out infinite}.top-radar:before{width:76px;height:76px}.top-radar:after{width:142px;height:142px;animation-delay:-1.15s}.top-radar i{position:absolute;left:50%;top:50%;width:44px;height:1px;background:linear-gradient(90deg,#111,transparent);transform-origin:left;opacity:.65;animation:top-radar-sweep 3s linear infinite}.top-radar i:nth-child(2){height:44px;width:1px;background:linear-gradient(#111,transparent);animation-delay:-1.5s}.top-radar b{position:absolute;left:12px;top:10px;white-space:nowrap;color:#393834;font:8px DM Mono;letter-spacing:.1em}.photo-radar{--radar-x:50%;--radar-y:50%;cursor:crosshair}.photo-radar-dot{position:absolute!important;z-index:8!important;left:var(--radar-x);top:var(--radar-y);width:1px;height:1px;display:block;pointer-events:none;opacity:0;transition:opacity .16s}.photo-radar.is-radar-active .photo-radar-dot{opacity:1}.photo-radar-dot:before,.photo-radar-dot:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.86);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #00000059}.photo-radar-dot:before{width:34px;height:34px}.photo-radar-dot:after{width:54px;height:54px;opacity:.42;animation:photo-radar-pulse 1.5s ease-out infinite}.photo-radar-dot i{position:absolute;left:50%;top:50%;display:block;background:#fff;box-shadow:0 0 6px #000000b3}.photo-radar-dot i:first-child{width:1px;height:70px;transform:translate(-50%,-50%)}.photo-radar-dot i:last-child{width:70px;height:1px;transform:translate(-50%,-50%)}.photo-radar-dot{font-size:0!important}.photo-radar-dot b{display:none}@keyframes top-radar-pulse{0%{opacity:.65;transform:translate(-50%,-50%) scale(.25)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}@keyframes top-radar-sweep{to{transform:rotate(360deg)}}@keyframes photo-radar-pulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.55)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@media (hover:none),(max-width:800px){.top-radar,.photo-radar-dot{display:none}.photo-radar{cursor:pointer}}.students{--cursor-x:76%;--cursor-y:22%}.students>.student-radar{position:absolute!important;z-index:0!important;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;opacity:.72;background:radial-gradient(circle 170px at var(--cursor-x) var(--cursor-y),rgba(0,0,0,.085),transparent 68%);transition:background .16s linear}.student-radar:before,.student-radar:after{content:"";position:absolute;left:var(--cursor-x);top:var(--cursor-y);border:1px solid rgba(0,0,0,.16);border-radius:50%;transform:translate(-50%,-50%);animation:radar-ring 4.5s ease-out infinite}.student-radar:before{width:110px;height:110px}.student-radar:after{width:230px;height:230px;animation-delay:-2.1s}.student-radar i{position:absolute;left:var(--cursor-x);top:var(--cursor-y);display:block;transform:translate(-50%,-50%);transition:left .16s linear,top .16s linear}.student-radar i:nth-child(1){width:9px;height:9px;background:#111;border-radius:50%;box-shadow:0 0 0 5px #00000014;animation:radar-core 1.7s ease-in-out infinite}.student-radar i:nth-child(2){width:1px;height:130px;background:linear-gradient(#111,transparent);transform:translate(-50%,-100%) rotate(36deg);transform-origin:bottom;opacity:.38}.student-radar i:nth-child(3){width:58px;height:1px;background:linear-gradient(90deg,#111,transparent);transform:translateY(-50%);opacity:.38;animation:radar-arm 4s linear infinite}.students>.student-motion{z-index:0!important}.students>.person-grid,.students>.class-rail,.students>.section-head,.students>.campus-note{z-index:1}.student-radar+.student-motion{opacity:.35}@keyframes radar-ring{0%{opacity:.58;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes radar-core{50%{transform:translate(-50%,-50%) scale(.62)}}@keyframes radar-arm{to{rotate:360deg}}@media (max-width:800px){.students>.student-radar{opacity:.42;background:radial-gradient(circle 120px at 72% 23%,rgba(0,0,0,.08),transparent 70%)}.student-radar:before,.student-radar:after{left:72%;top:23%}.student-radar i{left:72%;top:23%}.student-radar i:nth-child(2){animation:radar-mobile-arm 7s linear infinite}.student-radar i:nth-child(3){animation-duration:6s}@keyframes radar-mobile-arm{to{transform:translate(-50%,-100%) rotate(396deg)}}}.boot-axis{position:absolute;z-index:1;right:clamp(24px,5vw,78px);bottom:clamp(46px,8vw,108px);width:92px;height:170px;border-right:1px solid rgba(255,255,255,.26);font:8px DM Mono;letter-spacing:.11em;color:#888}.boot-axis small{position:absolute;top:0;right:12px;white-space:nowrap;font:8px DM Mono;letter-spacing:.1em}.boot-axis>i{position:absolute;right:-3px;width:5px;height:5px;background:#e8e7e1;animation:boot-axis-pulse 2s ease-in-out infinite}.boot-axis>i:nth-of-type(1){top:41px}.boot-axis>i:nth-of-type(2){top:88px;animation-delay:-.65s}.boot-axis>i:nth-of-type(3){top:132px;animation-delay:-1.3s}.boot-axis>b{position:absolute;right:12px;bottom:-1px;color:#d9d8d3;font:8px DM Mono;letter-spacing:.1em}.boot-axis>b:before{content:"●";margin-right:5px;animation:live-blink 1.4s steps(2,end) infinite}@keyframes boot-axis-pulse{50%{opacity:.22;transform:scale(.45)}}@media (max-width:800px){body .boot{min-height:100svh!important;padding:24px!important;place-content:center!important}body .boot>p{width:min(82vw,320px)!important;font-size:9px!important;line-height:1.5;text-align:left}body .boot>div{width:min(82vw,320px)!important}body .boot>b{width:min(82vw,320px)!important;font-size:11px!important}.boot-axis{right:19px;bottom:61px;height:110px;width:70px;opacity:.8}.boot-axis small{font-size:7px;right:9px}.boot-axis>b{font-size:7px;right:9px}.boot-axis>i:nth-of-type(1){top:28px}.boot-axis>i:nth-of-type(2){top:58px}.boot-axis>i:nth-of-type(3){top:88px}.boot>span{bottom:33px!important;right:22px!important;font-size:8px!important}.boot-log{left:22px!important;bottom:57px!important}.boot-ticker{height:20px!important;line-height:20px!important}.boot-beacon{opacity:.5!important}}.boot-cluster{position:absolute;z-index:1;right:clamp(26px,5vw,80px);bottom:clamp(30px,6vw,76px);width:min(270px,25vw);padding:13px 14px;border:1px solid rgba(255,255,255,.2);background:#0f0f0f6b;font:8px DM Mono;letter-spacing:.1em;color:#aaa}.boot-cluster>b,.boot-cluster small{display:block;font:8px DM Mono;letter-spacing:.1em}.boot-cluster small{margin-top:9px;color:#666}.boot-cluster>div{height:28px;display:flex;gap:5px;align-items:end;margin-top:10px}.boot-cluster>div i{flex:1;background:#d9d8d4;min-width:6px;height:25%;animation:boot-bars 1.2s ease-in-out infinite alternate}.boot-cluster>div i:nth-child(2){height:68%;animation-delay:-.3s}.boot-cluster>div i:nth-child(3){height:42%;animation-delay:-.7s}.boot-cluster>div i:nth-child(4){height:100%;animation-delay:-.5s}.boot-cluster>div i:nth-child(5){height:55%;animation-delay:-.15s}.boot-cluster>div i:nth-child(6){height:78%;animation-delay:-.85s}.boot-ticker{position:absolute;z-index:1;left:0;right:0;bottom:0;height:25px;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);color:#686868;font:8px/25px DM Mono;letter-spacing:.17em;white-space:nowrap}.boot-ticker i{display:inline-block;font-style:normal;animation:boot-ticker 14s linear infinite}.boot>div i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-radius:50%;background:#f3f2ee;box-shadow:0 0 12px #fffc;animation:boot-progress-dot .8s ease-in-out infinite}.boot>div i{position:relative}@keyframes boot-bars{to{height:15%;opacity:.32}}@keyframes boot-ticker{to{transform:translate(-35%)}}@keyframes boot-progress-dot{50%{transform:scale(.45);opacity:.3}}@media (max-width:800px){.boot-cluster{right:20px;bottom:70px;width:190px;padding:10px}.boot-cluster>div{height:20px;margin-top:7px}.boot-ticker{height:21px;line-height:21px;font-size:7px}}.boot{isolation:isolate}.boot-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,black 10%,transparent 72%);mask-image:radial-gradient(ellipse at center,black 10%,transparent 72%);animation:boot-grid-drift 12s linear infinite}.boot-beacon{position:absolute;z-index:0;right:clamp(10%,17vw,280px);top:50%;width:min(32vw,440px);aspect-ratio:1;transform:translateY(-50%);border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:boot-orbit 18s linear infinite}.boot-beacon:before,.boot-beacon:after{content:"";position:absolute;border:1px dashed rgba(255,255,255,.1);border-radius:50%}.boot-beacon:before{top:15%;right:15%;bottom:15%;left:15%}.boot-beacon:after{top:33%;right:33%;bottom:33%;left:33%}.boot-beacon i{position:absolute;width:7px;height:7px;background:#f3f2ee;border-radius:50%;box-shadow:0 0 14px #fffc}.boot-beacon i:nth-child(1){left:12%;top:50%}.boot-beacon i:nth-child(2){right:17%;top:20%;animation:boot-pulse 1.8s ease-in-out infinite}.boot-beacon i:nth-child(3){right:29%;bottom:15%;width:4px;height:4px}.boot-packets{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.boot-packets:before,.boot-packets:after{content:"";position:absolute;width:55vw;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(-20deg)}.boot-packets:before{left:-12vw;top:30%;animation:boot-sweep 8s linear infinite}.boot-packets:after{right:-12vw;bottom:24%;animation:boot-sweep 10s linear infinite reverse}.boot-packets i{position:absolute;width:8px;height:8px;border:1px solid rgba(255,255,255,.5);transform:rotate(45deg);animation:boot-packet 4.5s ease-in-out infinite}.boot-packets i:nth-child(1){left:16%;top:24%}.boot-packets i:nth-child(2){right:22%;top:32%;animation-delay:-1.2s}.boot-packets i:nth-child(3){left:29%;bottom:22%;animation-delay:-2.1s}.boot-packets i:nth-child(4){right:12%;bottom:18%;animation-delay:-3.3s}.boot-log{position:absolute;left:clamp(24px,5vw,75px);bottom:clamp(24px,5vw,62px);z-index:1;display:grid;gap:7px;color:#737373;font:9px DM Mono;letter-spacing:.11em}.boot-log i{font-style:normal;opacity:0;animation:boot-log-in .5s both}.boot-log i:nth-child(1){animation-delay:.2s}.boot-log i:nth-child(2){animation-delay:.55s}.boot-log i:nth-child(3){animation-delay:.9s}.boot p,.boot b,.boot span,.boot>div{z-index:2!important}@keyframes boot-grid-drift{to{background-position:64px 64px}}@keyframes boot-orbit{to{transform:translateY(-50%) rotate(360deg)}}@keyframes boot-pulse{50%{opacity:.2;transform:scale(.55)}}@keyframes boot-sweep{to{transform:translate(28vw) rotate(-20deg)}}@keyframes boot-packet{50%{opacity:.22;transform:rotate(225deg) translate(16px,-8px)}}@keyframes boot-log-in{to{opacity:1;transform:translate(8px)}}@media (max-width:800px){.boot-beacon{width:82vw;right:-28vw;opacity:.72}.boot-grid{background-size:42px 42px}.boot-log{left:24px;bottom:28px;font-size:8px}.boot-packets:before{top:23%}.boot-packets:after{bottom:19%}}.intro-status{position:absolute;z-index:2;right:clamp(22px,11vw,170px);bottom:48px;width:min(360px,35vw);display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(0,0,0,.28);background:#dddcd6b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font:8px DM Mono;letter-spacing:.11em}.intro-status i{display:block;height:1px;background:#888;overflow:hidden;position:relative}.intro-status i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#111;transform:translate(-100%);animation:status-route 3s ease-in-out infinite}.intro-status i:nth-of-type(2):after{animation-delay:.8s}.intro-status b{position:absolute;right:12px;top:-18px;font:8px DM Mono;letter-spacing:.1em;color:#696761}.intro-status b:before{content:"●";margin-right:5px;animation:live-blink 1.6s steps(2,end) infinite}.class-rail{height:58px;margin:-28px 0 30px;border:1px solid #bbb9b2;background:#e1e0da9e;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:0 16px;overflow:hidden}.class-rail strong,.class-rail span{font:9px DM Mono;letter-spacing:.1em;white-space:nowrap}.class-rail div{height:22px;display:flex;gap:5px;align-items:end}.class-rail div i{flex:1;min-width:7px;height:30%;background:#111;animation:class-equal 1.25s ease-in-out infinite alternate}.class-rail div i:nth-child(2),.class-rail div i:nth-child(7){height:85%;animation-delay:-.6s}.class-rail div i:nth-child(3),.class-rail div i:nth-child(8){height:55%;animation-delay:-.3s}.class-rail div i:nth-child(4){height:100%;animation-delay:-.9s}.class-rail div i:nth-child(5),.class-rail div i:nth-child(9){height:42%;animation-delay:-.15s}.class-rail div i:nth-child(6){height:72%;animation-delay:-.75s}.class-rail.is-visible{animation:rail-arrive .65s cubic-bezier(.16,1,.3,1) both}@keyframes status-route{0%,15%{transform:translate(-100%)}70%,to{transform:translate(100%)}}@keyframes class-equal{to{height:18%;opacity:.42}}@keyframes rail-arrive{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@media (max-width:800px){body .intro{padding-bottom:112px!important;min-height:540px!important}body .intro-status{left:22px;right:22px;bottom:62px;width:auto;gap:7px;padding:9px 10px}.intro-status b{display:none}body .discover{bottom:15px!important}.students{padding-top:48px!important}.students .section-head{margin-bottom:13px!important}.class-rail{height:50px;margin:0 0 18px;padding:0 10px;gap:10px}.class-rail strong,.class-rail span{font-size:7px}.class-rail div{gap:3px}.campus-note{margin-bottom:20px!important}}html body .archive nav>*{animation:nav-arrive .7s cubic-bezier(.16,1,.3,1) both}html body .archive nav>*:nth-child(2){animation-delay:.1s}html body .archive nav>*:nth-child(3){animation-delay:.2s}body .person.scroll-reveal{opacity:0!important;transform:translateY(46px) rotate(.45deg)!important;animation:none!important;transition:opacity .72s var(--delay) ease,transform .82s var(--delay) cubic-bezier(.16,1,.3,1)!important}body .person.scroll-reveal.is-visible{opacity:1!important;transform:none!important}.person.scroll-reveal .portrait:after{transition:opacity .5s}.person.scroll-reveal.is-visible .portrait:after{animation:card-film-pass 1.1s calc(var(--delay) + .18s) ease both}body .profile-modal.is-playing{box-shadow:0 28px 90px #0000006b}body .profile-modal.is-playing:before{content:"";position:absolute;z-index:8;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent 0 8%,#111 18% 28%,transparent 40% 54%,#111 66% 78%,transparent 92%);background-size:180% 100%;animation:playing-progress 3.2s linear infinite;pointer-events:none}body .profile-modal.is-playing .modal-portrait>img{filter:grayscale(.72) contrast(1.3) brightness(.92)!important}body .profile-modal.is-playing .modal-portrait:after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,transparent 1px 8px),linear-gradient(115deg,rgba(0,0,0,.36),transparent 38%,rgba(255,255,255,.16) 49%,transparent 60%)!important;background-size:100% 100%,220% 100%!important;animation:audio-photo-scan 3.8s linear infinite!important}body .profile-modal.is-playing .profile-copy h2{animation:title-signal 2.8s ease-in-out infinite!important}body .song.is-active{margin-inline:-12px;padding:18px 12px 7px;border-top-color:#111;background:linear-gradient(90deg,rgba(0,0,0,.055),transparent 72%)}body .song.is-active:before{content:"● LIVE";position:absolute;right:76px;top:11px;color:#111;font:8px DM Mono;letter-spacing:.12em;animation:live-blink 1.3s steps(2,end) infinite}body .song.is-active:after{height:2px!important;width:22%!important;animation:song-progress-live 2.2s ease-in-out infinite!important}.profile-modal.is-playing .play{box-shadow:0 0 0 1px #111,0 0 0 7px #00000012;animation:player-ring 2.1s ease-in-out infinite}@keyframes nav-arrive{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes card-film-pass{0%{opacity:0}35%{opacity:.5}to{opacity:0}}@keyframes playing-progress{to{background-position:-180% 0}}@keyframes audio-photo-scan{0%{background-position:0 0,130% 0}to{background-position:0 32px,-80% 0}}@keyframes title-signal{0%,to{letter-spacing:-.03em;opacity:1}50%{letter-spacing:-.015em;opacity:.88}}@keyframes live-blink{50%{opacity:.35}}@keyframes song-progress-live{0%,to{transform:translate(0);opacity:.35}50%{transform:translate(340%);opacity:1}}@keyframes player-ring{0%,to{box-shadow:0 0 0 1px #111,0 0 0 7px #00000012}50%{box-shadow:0 0 0 1px #111,0 0 0 12px #00000006}}@media (max-width:800px){body .person.scroll-reveal{transform:translateY(30px)!important;transition-duration:.62s!important}body .song.is-active:before{right:68px}.profile-modal.is-playing .play{animation-duration:2.5s}}@media (max-width:800px){html body main.archive .photo-lightbox img.abilla-photo{transform:scale(2.04) translateY(-10%)!important}html body main.archive .photo-lightbox.is-closing img.abilla-photo{transform:scale(2.04) translateY(-10%)!important}}@media (max-width:800px){html body .photo-lightbox img.abilla-photo,html body .photo-lightbox.is-closing img.abilla-photo{transform:scale(2.04) translateY(-10%)!important}}@media (max-width:800px){html body .photo-lightbox img.abilla-photo{width:100%!important;height:72svh!important;max-height:none!important;object-fit:cover!important;object-position:44% 27%!important;transform:scale(1.72) translateY(-7%)!important}html body .photo-lightbox.is-closing img.abilla-photo{transform:scale(1.72) translateY(-7%)!important}}@media (max-width:800px){body .photo-lightbox img.abilla-photo{width:100%!important;height:72svh!important;max-height:none!important;object-fit:cover!important;object-position:44% 27%!important;transform:scale(1.72) translateY(-7%)!important}body .photo-lightbox.is-closing img.abilla-photo{transform:scale(1.72) translateY(-7%)!important}}body .expand-photo{display:block!important}.modal-portrait{cursor:zoom-in!important}.expand-photo{display:block!important}.modal-portrait:hover .expand-photo,.modal-portrait:focus-visible .expand-photo{opacity:1!important;transform:none!important}body .photo-lightbox img{animation:lightbox-fade-in .22s ease both!important;transform:none!important}body .photo-lightbox img.abilla-photo{transform:scale(1.38)!important;animation:lightbox-fade-in .22s ease both!important}body .photo-lightbox img.abdad-photo{transform:scale(1.12)!important;animation:lightbox-fade-in .22s ease both!important}body .photo-lightbox.is-closing img{animation:lightbox-fade-out .2s ease both!important;transform:none!important}body .photo-lightbox.is-closing img.abilla-photo{transform:scale(1.38)!important}body .photo-lightbox.is-closing img.abdad-photo{transform:scale(1.12)!important}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{to{opacity:0}}@media (max-width:800px){body .photo-lightbox img.abilla-photo,body .photo-lightbox.is-closing img.abilla-photo{transform:scale(1.42)!important}.expand-photo{opacity:1!important;transform:none!important}}.modal-portrait{cursor:default!important}.modal-portrait>img{transition:none!important}.modal-portrait:hover>img{transform:scale(1.58) translate(7%,9%)!important}.modal-portrait.abilla-photo:hover>img{transform:scale(1.78) translate(5%,7%)!important}.modal-portrait.abdad-photo:hover>img{transform:scale(1.22) translateY(7%)!important}.expand-photo{display:none!important}@media (max-width:800px){.modal-portrait:hover>img{transform:scale(1.7) translate(7%,10%)!important}.modal-portrait.abilla-photo:hover>img{transform:scale(1.85) translate(6%,8%)!important}.modal-portrait.abdad-photo:hover>img{transform:scale(1.22) translateY(7%)!important}}.profile-modal .modal-portrait:before{width:72%!important;border-radius:0!important;border-color:#ffffffad!important;animation:ryo-frame 10s linear infinite!important}.profile-modal .modal-portrait:after{background:linear-gradient(115deg,rgba(0,0,0,.42),transparent 38%,rgba(255,255,255,.14) 49%,transparent 60%)!important;background-size:220% 100%!important;animation:ryo-scan 3.5s ease-in-out infinite!important}.profile-modal .profile-copy h2{animation:ryo-title .8s .28s cubic-bezier(.16,1,.3,1) both}.profile-modal .song{animation:ryo-song .7s .52s both}.profile-modal .lyrics{position:relative}.profile-modal .lyrics:after{content:"ARCHIVE / LIVE";position:absolute;right:56px;bottom:24px;color:#8a8780;font:9px DM Mono;letter-spacing:.1em;animation:ryo-tag 2.5s steps(2,end) infinite}.photo-lightbox{overflow:hidden}.photo-lightbox img.abilla-photo{transform:scale(1.38)!important;animation:photo-full-abilla .5s cubic-bezier(.16,1,.3,1) both!important}.photo-lightbox img.abdad-photo{width:min(78vw,690px)!important;height:min(78svh,790px)!important;max-height:none!important;object-fit:cover!important;object-position:50% 39%!important;transform:scale(1.12)!important;animation:photo-full-abdad .5s cubic-bezier(.16,1,.3,1) both!important}@keyframes photo-full-abilla{0%{opacity:0;transform:scale(1.22)}to{opacity:1;transform:scale(1.38)}}@keyframes photo-full-abdad{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1.12)}}@media (max-width:800px){.profile-modal .modal-portrait:before{width:64%!important}.profile-modal .lyrics:after{right:23px;bottom:17px}.photo-lightbox img.abilla-photo{transform:scale(1.42)!important;animation:photo-full-abilla-mobile .45s cubic-bezier(.16,1,.3,1) both!important}.photo-lightbox img.abdad-photo{width:100%!important;height:72svh!important;object-position:50% 38%!important;animation:photo-full-abdad-mobile .45s cubic-bezier(.16,1,.3,1) both!important}}@keyframes photo-full-abilla-mobile{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1.42)}}@keyframes photo-full-abdad-mobile{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1.12)}}body .one-card .portrait.has-photo.abilla-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:44% 32%!important;transform:scale(1.38)!important}body .one-card .portrait.has-photo.abdad-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 39%!important;transform:scale(1.18)!important}@media (max-width:800px){body .one-card .portrait.has-photo.abilla-photo img{object-position:44% 30%!important;transform:scale(1.42)!important}body .one-card .portrait.has-photo.abdad-photo img{object-position:50% 38%!important;transform:scale(1.22)!important}}@media (min-width:801px){.person-grid.one-card{align-items:stretch}.one-card .person{height:100%;display:flex!important;flex-direction:column}.one-card .portrait{height:auto!important;min-height:0!important;aspect-ratio:1.55}.one-card .person-info{flex:1;display:flex;flex-direction:column}.one-card .person-info>b{margin-top:auto}}.portrait.has-photo.ryo-photo img{object-position:50% 35%!important}.modal-portrait.ryo-photo>img{object-position:50% 32%!important}.ryo-profile{background-color:#efeee9!important;background-image:linear-gradient(90deg,transparent 49.8%,rgba(0,0,0,.055) 50%,transparent 50.2%)!important}.ryo-profile .modal-portrait:before{width:72%;border-radius:0;border-color:#ffffffad;animation:ryo-frame 10s linear infinite}.ryo-profile .modal-portrait:after{background:linear-gradient(115deg,rgba(0,0,0,.42),transparent 38%,rgba(255,255,255,.14) 49%,transparent 60%)!important;background-size:220% 100%!important;animation:ryo-scan 3.5s ease-in-out infinite}.ryo-profile .profile-copy h2{animation:ryo-title .8s .28s cubic-bezier(.16,1,.3,1) both}.ryo-profile .song{animation:ryo-song .7s .52s both}.ryo-profile .lyrics{position:relative}.ryo-profile .lyrics:after{content:"PROGRESS / 09";position:absolute;right:56px;bottom:24px;color:#8a8780;font:9px DM Mono;letter-spacing:.1em;animation:ryo-tag 2.5s steps(2,end) infinite}@keyframes ryo-frame{0%{transform:rotate(0) scale(.92)}to{transform:rotate(360deg) scale(.92)}}@keyframes ryo-scan{0%,to{background-position:120% 0}50%{background-position:-35% 0}}@keyframes ryo-title{0%{opacity:0;transform:translateY(26px);letter-spacing:.12em}to{opacity:1;transform:none}}@keyframes ryo-song{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes ryo-tag{50%{opacity:.25}}@media (max-width:800px){.ryo-profile .lyrics:after{right:23px;bottom:17px}.ryo-profile .modal-portrait:before{width:64%}}.students{position:relative;isolation:isolate;overflow:hidden}.students>:not(.student-motion){position:relative;z-index:1}.student-motion{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:.48}.student-motion:before,.student-motion:after{content:"";position:absolute;left:-10%;width:120%;height:1px;background:linear-gradient(90deg,transparent,#999 22%,transparent 48%,#999 72%,transparent);opacity:.46}.student-motion:before{top:17%;animation:archive-drift 15s linear infinite}.student-motion:after{bottom:12%;animation:archive-drift 21s linear infinite reverse}.student-motion i{position:absolute;width:11px;height:11px;border:1px solid #777;transform:rotate(45deg);animation:student-marker 11s ease-in-out infinite}.student-motion i:nth-child(1){left:9%;top:30%;animation-delay:-2s}.student-motion i:nth-child(2){right:12%;top:52%;width:18px;height:18px;animation-delay:-6s}.student-motion i:nth-child(3){left:36%;bottom:12%;width:7px;height:7px;animation-delay:-9s}.student-motion span{position:absolute;color:#8a8881;font:9px DM Mono;letter-spacing:.2em;white-space:nowrap;opacity:.55}.student-motion span:nth-of-type(1){top:39%;left:-12%;animation:student-type 19s linear infinite}.student-motion span:nth-of-type(2){bottom:6%;right:-16%;animation:student-type 24s linear infinite reverse}.modal-backdrop.is-closing{animation:modal-fade-out .28s ease both!important}.profile-modal.is-closing{animation:modal-leave .28s cubic-bezier(.55,0,1,.45) both!important}.photo-lightbox.is-closing{animation:lightbox-leave .22s ease both!important}.photo-lightbox.is-closing img{animation:photo-leave .22s ease both!important}@keyframes archive-drift{0%{transform:translate(-8%)}to{transform:translate(8%)}}@keyframes student-marker{0%,to{transform:rotate(45deg) translate(0);opacity:.12}50%{transform:rotate(225deg) translate(14px,-9px);opacity:.72}}@keyframes student-type{0%{transform:translate(-8%)}to{transform:translate(42%)}}@keyframes modal-fade-out{to{opacity:0}}@keyframes modal-leave{to{opacity:0;transform:translateY(30px) scale(.97);clip-path:inset(7% 0 0)}}@keyframes lightbox-leave{to{opacity:0}}@keyframes photo-leave{to{opacity:0;transform:scale(.95)}}@media (max-width:800px){.student-motion{opacity:.34}.student-motion:before{top:12%}.student-motion:after{bottom:8%}.student-motion i:nth-child(2){right:5%}.student-motion span:nth-of-type(1){top:24%}.student-motion span:nth-of-type(2){bottom:3%}}.portrait.has-photo.abilla-photo img{object-position:38% 30%!important;transform:scale(1.16)!important}.modal-portrait.abilla-photo>img{object-position:37% 27%!important;transform:scale(1.78) translate(5%,7%)!important}.modal-portrait.abilla-photo:hover>img{transform:scale(1.9) translate(5%,7%)!important}.photo-lightbox img.abilla-photo{width:min(78vw,690px);height:min(78svh,790px);max-height:none;object-fit:cover;object-position:37% 27%!important;filter:grayscale(1) contrast(1.2)}@media (max-width:800px){.portrait.has-photo.abilla-photo img{transform:scale(1.12)!important;object-position:37% 28%!important}.modal-portrait.abilla-photo>img,.modal-portrait.abilla-photo:hover>img{transform:scale(1.85) translate(6%,8%)!important;object-position:37% 27%!important}.photo-lightbox img.abilla-photo{width:100%;height:72svh;max-height:none;object-position:37% 27%!important}}.modal-portrait{cursor:zoom-in;isolation:isolate;animation:portrait-arrive .68s .08s cubic-bezier(.16,1,.3,1) both}.modal-portrait>img{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .45s!important}.modal-portrait:hover>img{transform:scale(1.7) translate(7%,9%)!important;filter:grayscale(.15) contrast(1.12)!important}.expand-photo{position:absolute;z-index:5;right:18px;bottom:17px;color:#fff;background:#00000094;border:1px solid rgba(255,255,255,.52);padding:8px 10px;font:9px DM Mono;letter-spacing:.1em;opacity:0;transform:translateY(8px);transition:opacity .28s,transform .28s;pointer-events:none}.modal-portrait:hover .expand-photo,.modal-portrait:focus-visible .expand-photo{opacity:1;transform:none}.profile-modal .profile-copy{animation:copy-arrive .65s .18s cubic-bezier(.16,1,.3,1) both}.profile-modal .lyrics{animation:copy-arrive .65s .3s cubic-bezier(.16,1,.3,1) both}.song{position:relative;overflow:hidden}.song:after{content:"";position:absolute;left:0;bottom:0;width:28%;height:1px;background:#111;animation:song-line 2.8s 1s ease-in-out infinite}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000f5;padding:clamp(18px,4vw,60px);display:grid;place-items:center;animation:fade .25s both;cursor:zoom-out}.photo-lightbox img{display:block;max-width:100%;max-height:calc(100svh - 100px);width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.12);animation:photo-full .5s cubic-bezier(.16,1,.3,1) both;box-shadow:0 24px 80px #0000008c}.photo-lightbox button{position:absolute;z-index:1;right:clamp(18px,4vw,60px);top:clamp(18px,4vw,38px);border:1px solid rgba(255,255,255,.6);border-radius:99px;background:#00000059;color:#fff;padding:11px 14px;font:10px DM Mono;letter-spacing:.08em}.photo-lightbox p{position:absolute;left:clamp(18px,4vw,60px);bottom:clamp(18px,4vw,36px);margin:0;color:#eee;font:10px DM Mono;letter-spacing:.1em}@keyframes portrait-arrive{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(25px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes copy-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes photo-full{0%{opacity:0;transform:scale(.94) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes song-line{50%{transform:translate(250%);opacity:.2}}@media (max-width:800px){.modal-portrait{cursor:pointer}.expand-photo{opacity:1;transform:none;right:12px;bottom:12px;padding:7px 8px;font-size:8px}.modal-portrait>img,.modal-portrait:hover>img{transform:scale(1.7) translate(7%,10%)!important;filter:grayscale(1) contrast(1.15)!important}.photo-lightbox{padding:14px}.photo-lightbox img{max-height:calc(100svh - 82px);width:100%;object-fit:contain}.photo-lightbox button{top:14px;right:14px}.photo-lightbox p{left:16px;bottom:16px;max-width:70%;line-height:1.45}.profile-modal .profile-copy,.profile-modal .lyrics{animation-duration:.5s}}@media (prefers-reduced-motion:reduce){.modal-portrait,.profile-modal .profile-copy,.profile-modal .lyrics,.photo-lightbox img{animation:none!important}.song:after{animation:none!important}}body .intro .scroll-reveal{opacity:0!important;transform:translateY(28px)!important;animation:none!important;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}body .intro .scroll-reveal.is-visible{opacity:1!important;transform:translateY(0)!important}body .intro .intro-kicker{transition-delay:.04s}body .intro .intro-title{transition-delay:.12s}body .intro .intro-copy{transition-delay:.24s}body .intro .system-tags{transition-delay:.34s}body .intro .discover{transition-delay:.44s}body .intro .number-mark{transition-delay:.1s;opacity:0!important;transform:translateY(40px)!important}body .intro .number-mark.is-visible{opacity:.2!important;transform:translateY(0)!important}.intro-title span{display:block}.intro-traces{position:absolute;z-index:0;right:clamp(6vw,15vw,250px);top:26%;width:min(43vw,620px);height:42%;opacity:0!important;transform:none!important}.intro-traces i{position:absolute;display:block;height:1px;background:#555;transform-origin:left;scale:0 1}.intro-traces i:nth-child(1){left:0;top:16%;width:82%;rotate:-19deg}.intro-traces i:nth-child(2){right:0;top:50%;width:68%;rotate:16deg}.intro-traces i:nth-child(3){left:21%;bottom:12%;width:78%;rotate:-4deg}.intro-traces.is-visible i{animation:blueprintDraw 1.35s cubic-bezier(.16,1,.3,1) both}.intro-traces.is-visible i:nth-child(2){animation-delay:.25s}.intro-traces.is-visible i:nth-child(3){animation-delay:.5s}.intro-traces i:after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;background:#111;box-shadow:0 0 0 4px #dddcd6;animation:blueprintDot 2.2s ease-in-out infinite}.intro-traces i:nth-child(2):after{animation-delay:-.7s}.intro-traces i:nth-child(3):after{animation-delay:-1.4s}@keyframes blueprintDraw{to{scale:1 1}}@keyframes blueprintDot{50%{box-shadow:0 0 0 7px #1111111a;transform:scale(.7)}}@media (max-width:800px){.intro-traces{right:-19vw;top:32%;width:95vw;height:35%;opacity:.55!important}.intro-traces i:nth-child(1){width:62%}.intro-traces i:nth-child(2){width:58%}.intro-traces i:nth-child(3){width:55%}}body .one-card .portrait .card-scribble{z-index:5!important;right:13px!important;bottom:13px!important;padding:8px 9px!important;background:#f1f0eb!important;color:#111!important;font:9px DM Mono!important;letter-spacing:.1em!important;font-style:normal!important;animation:viewPulse 2.8s ease-in-out infinite!important}body .one-card .portrait .photo-scan{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}body .one-card .portrait .photo-scan:after{content:"";position:absolute;top:0;bottom:0;width:16%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-18deg) translate(-700%);animation:photoSweep 6.5s cubic-bezier(.4,0,.2,1) infinite}body .one-card .person:hover .photo-scan:after{animation-duration:2.4s}@keyframes photoSweep{0%,55%{transform:skew(-18deg) translate(-700%)}76%,to{transform:skew(-18deg) translate(900%)}}@keyframes viewPulse{50%{transform:translateY(-3px);box-shadow:0 4px #00000040}}.terminal-log{position:absolute;z-index:0;right:clamp(4vw,7vw,120px);bottom:12%;width:210px;display:grid;gap:8px;color:#ffffff29;font:9px DM Mono;letter-spacing:.07em;animation:logDrift 12s linear infinite;pointer-events:none}.terminal-log span{white-space:nowrap}.terminal-log span:nth-child(2n){padding-left:16px;color:#ffffff17}@keyframes logDrift{0%{translate:0 25px;opacity:0}12%,82%{opacity:1}to{translate:0 -80px;opacity:0}}@media (max-width:800px){.terminal-log{display:none}}.background-flow{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:.7}.background-flow i{position:absolute;left:-24vw;width:19vw;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65) 28%,rgba(255,255,255,.12) 72%,transparent);animation:runner 13s linear infinite}.background-flow i:after{content:"";position:absolute;right:28%;top:-3px;width:7px;height:7px;background:#f2f1ed;box-shadow:0 0 14px #ffffffa6}.background-flow i:nth-child(1){top:19%;animation-delay:-1s}.background-flow i:nth-child(2){top:34%;width:12vw;animation-delay:-6s;animation-duration:17s}.background-flow i:nth-child(3){top:55%;width:25vw;animation-delay:-10s;animation-duration:21s}.background-flow i:nth-child(4){top:71%;width:15vw;animation-delay:-3s;animation-duration:15s}.background-flow i:nth-child(5){top:86%;width:28vw;animation-delay:-13s;animation-duration:23s}@keyframes runner{0%{transform:translate(-8vw);opacity:0}8%{opacity:.75}88%{opacity:.75}to{transform:translate(150vw);opacity:0}}@media (max-width:800px){.background-flow{opacity:.42}.background-flow i{width:44vw}.background-flow i:nth-child(1){top:17%}.background-flow i:nth-child(2){top:43%}.background-flow i:nth-child(3){top:66%;width:55vw}.background-flow i:nth-child(4){display:none}.background-flow i:nth-child(5){display:none}}.street-layer{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:.7}.street-layer i{position:absolute;display:block;width:38vw;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(-19deg);animation:streetDrift 14s linear infinite}.street-layer i:nth-child(1){left:-12vw;top:22%;animation-delay:-2s}.street-layer i:nth-child(2){right:-13vw;top:63%;animation-delay:-8s}.street-layer i:nth-child(3){left:23vw;bottom:7%;width:25vw;animation-delay:-11s}.street-layer b{position:absolute;display:block;width:6px;height:90px;background:#ffffff14;animation:streetMark 8s ease-in-out infinite}.street-layer b:nth-of-type(1){left:7%;top:39%;animation-delay:-1s}.street-layer b:nth-of-type(2){right:13%;top:19%;height:58px;animation-delay:-4s}.street-layer b:nth-of-type(3){left:56%;bottom:12%;height:125px;animation-delay:-6s}.landing-noise{animation:grainMove .38s steps(2) infinite}@keyframes streetDrift{0%{translate:-10vw 0;opacity:0}18%,82%{opacity:1}to{translate:18vw 0;opacity:0}}@keyframes streetMark{50%{transform:translateY(-14px) scaleY(.72);opacity:.26}}@keyframes grainMove{0%{background-position:0 0}25%{background-position:19px -14px}50%{background-position:-9px 17px}75%{background-position:13px 9px}to{background-position:0 0}}@media (max-width:800px){.street-layer{opacity:.42}.street-layer i{width:78vw}.street-layer i:nth-child(1){top:16%}.street-layer i:nth-child(2){top:69%}.street-layer i:nth-child(3){display:none}.street-layer b:nth-of-type(3){display:none}}@media (max-width:800px){body .landing:before{content:"02";position:absolute;right:-6px;top:45%;z-index:0;color:#ffffff09;font:260px/.7 Bebas Neue;letter-spacing:-.08em;pointer-events:none}body .landing .data-console{top:51%!important;bottom:auto!important;opacity:1!important;box-shadow:10px 10px #ffffff17!important}body .landing .data-console .console-hero{display:flex!important;padding:17px 13px 13px!important}body .landing .data-console .console-hero strong{font-size:52px!important;line-height:.7!important}body .landing .data-console .console-hero small{font-size:8px!important}body .landing .data-console .signal-bars{height:61px!important}body .landing .data-console .console-lines{display:grid!important;padding:0 13px 13px!important;gap:5px!important}body .landing .data-console .console-lines i{height:1px!important}body .landing-note{bottom:49px!important}body .landing-title button{box-shadow:6px 6px #ffffff2b}body .landing-title button:hover{transform:none!important}}.system-version{position:absolute;z-index:3;right:clamp(20px,4vw,62px);top:112px;padding:8px 10px 8px 13px;border-left:2px solid #eee;color:#bbb;font:9px/1.55 DM Mono;letter-spacing:.1em;animation:rise .7s .7s both}.system-version b{color:#f3f2ee;font-weight:400}@media (max-width:800px){body .system-version{display:none!important}}@media (max-width:800px){body .landing-title{top:116px!important;transform:none!important;width:calc(100% - 44px)!important}body .landing-title h1{font-size:clamp(58px,17.5vw,84px)!important;line-height:.76!important;margin:15px 0 19px!important}body .landing-title p{margin-bottom:12px!important;font-size:9px!important}body .landing-words{margin-top:0!important}body .landing-title button{margin-top:18px!important}body .data-console{top:auto!important;bottom:95px!important;right:22px!important;width:calc(100% - 44px)!important;min-width:0!important;transform:none!important;box-shadow:8px 8px #ffffff14!important}body .data-console .console-hero{display:none!important}body .data-console .signal-bars{height:52px!important;padding:0 13px 10px!important}body .data-console .flow-labels{padding:10px 13px!important;font-size:7px!important}body .data-console .console-lines{display:none!important}body .data-console .console-head{padding:10px 13px!important;font-size:8px!important}body .landing-note{bottom:58px!important;max-width:none!important;font-size:8px!important}body .landing .marquee{bottom:21px!important}body .landing-star{top:90px!important;right:19px!important}.flow-labels b{animation:none!important}}body .one-card .portrait.has-photo:before,body .one-card .portrait.has-photo:after,body .one-card .portrait.has-photo i{display:none!important}.data-console{position:absolute;z-index:1;right:clamp(5vw,10vw,160px);top:50%;width:min(37vw,530px);min-width:380px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.48);background:#0c0c0cbd;overflow:hidden;box-shadow:18px 18px #ffffff12;animation:consoleIn 1s .45s cubic-bezier(.16,1,.3,1) both}.data-console:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.1) 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 37px,rgba(255,255,255,.07) 38px);pointer-events:none}.console-head,.console-hero,.signal-bars,.flow-labels,.console-lines{position:relative;z-index:1}.console-head{display:flex;justify-content:space-between;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.35);font:9px DM Mono;letter-spacing:.1em}.console-head b{font-weight:400;color:#d8d8d8;animation:statusBlink 1.6s steps(2) infinite}.console-hero{padding:33px 21px 27px;display:flex;justify-content:space-between;align-items:end}.console-hero strong{font:clamp(48px,5.3vw,83px)/.72 "Bebas Neue";letter-spacing:.01em}.console-hero small{font:9px DM Mono;writing-mode:vertical-rl;letter-spacing:.1em;color:#bbb}.signal-bars{height:112px;display:flex;align-items:end;gap:7px;padding:0 21px 18px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.signal-bars i{display:block;flex:1;background:#e8e7e2;transform-origin:bottom;animation:barWave 1.5s ease-in-out infinite alternate}.signal-bars i:nth-child(1){height:25%;animation-delay:-.1s}.signal-bars i:nth-child(2){height:64%;animation-delay:-.7s}.signal-bars i:nth-child(3){height:38%;animation-delay:-.35s}.signal-bars i:nth-child(4){height:87%;animation-delay:-1.1s}.signal-bars i:nth-child(5){height:54%;animation-delay:-.55s}.signal-bars i:nth-child(6){height:76%;animation-delay:-.9s}.signal-bars i:nth-child(7){height:32%;animation-delay:-.25s}.signal-bars i:nth-child(8){height:59%;animation-delay:-1.3s}.flow-labels{display:flex;align-items:center;justify-content:space-between;padding:15px 21px;font:10px DM Mono;letter-spacing:.08em}.flow-labels b{font-size:16px;font-weight:400;animation:flowArrow 1.3s linear infinite}.console-lines{padding:0 21px 20px;display:grid;gap:7px}.console-lines i{height:2px;background:linear-gradient(90deg,#eee 0 34%,transparent 34% 42%,#888 42% 75%,transparent 75%);animation:lineSlide 2.5s linear infinite}.console-lines i:nth-child(2){animation-delay:-.6s}.console-lines i:nth-child(3){animation-delay:-1.2s}.console-lines i:nth-child(4){animation-delay:-1.8s}@keyframes consoleIn{0%{opacity:0;transform:translate(60px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes barWave{to{scale:1 .25;opacity:.4}}@keyframes flowArrow{to{translate:10px}}@keyframes lineSlide{to{background-position:150px 0}}@keyframes statusBlink{50%{opacity:.28}}@media (max-width:800px){.data-console{width:calc(100% - 44px);min-width:0;right:22px;top:auto;bottom:106px;transform:none;opacity:.8}.console-head{padding:10px 12px}.console-hero{padding:20px 14px 16px}.console-hero strong{font-size:48px}.signal-bars{height:70px;padding:0 14px 12px;gap:5px}.flow-labels{padding:11px 14px;font-size:8px}.console-lines{padding:0 14px 14px}.landing .landing-title,.landing .landing-note,.landing .marquee{z-index:3}.landing .landing-sticker,.landing .landing-star{z-index:4}}body .person-grid.one-card{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;max-width:1280px!important;margin-inline:auto}body .one-card .person{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;margin:0!important;background:#e5e3dc!important;border:1px solid #d0cec7;box-shadow:none!important;overflow:hidden;text-align:left}body .one-card .portrait{height:clamp(320px,28vw,430px)!important;min-height:0!important}body .one-card .portrait.has-photo img{transform:none!important;object-position:42% 32%!important;filter:grayscale(1) contrast(1.13)!important}body .one-card .portrait.has-photo.abdad-photo img{object-position:50% 42%!important;filter:grayscale(1) contrast(1.1)!important}body .one-card .person:hover .portrait.has-photo img{transform:scale(1.045)!important;filter:grayscale(1) contrast(1.25)!important}body .one-card .person-info{min-height:310px!important;padding:31px 34px 34px!important;justify-content:flex-start!important;background:#e5e3dc!important}body .one-card .person-info h2{font-size:clamp(42px,4.25vw,68px)!important;line-height:.8!important;max-width:490px!important;margin:14px 0 10px!important}body .one-card .person-info>p{font-size:12px!important}body .one-card .feature-copy{width:100%!important;margin:27px 0 22px!important;padding-top:14px!important;gap:5px!important}body .one-card .feature-copy strong{font-size:16px!important}body .one-card .person-info>b{margin-top:auto!important;align-self:flex-start!important}body .one-card .portrait.has-photo:before{display:block;background:linear-gradient(0deg,rgba(0,0,0,.52),transparent 48%)!important}body .one-card .portrait.has-photo:after{display:none}.one-card .person+.person{margin-top:0!important}@media (max-width:800px){body .person-grid.one-card{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}body .one-card .portrait{height:345px!important}body .one-card .person-info{min-height:0!important;padding:27px 23px 28px!important}body .one-card .person-info h2{font-size:clamp(47px,14vw,70px)!important}body .one-card .feature-copy{margin:23px 0 20px!important}body .one-card .person-info>b{align-self:stretch!important}body .one-card .portrait.has-photo.abdad-photo img{object-position:50% 35%!important}}.one-card .person+.person{margin-top:22px}.one-card .portrait.has-photo.abdad-photo img{transform:scale(1.08) translateY(5%)!important;object-position:50% 34%!important}.one-card .portrait.has-photo.abdad-photo:after{display:none}@media (min-width:801px){.modal-portrait.abdad-photo>img{transform:scale(1.22) translateY(7%)!important;object-position:50% 34%!important}}@media (max-width:800px){body .modal-portrait.abdad-photo>img{object-position:50% 31%!important}}.system-map{position:absolute;z-index:1;right:clamp(4vw,10vw,155px);top:50%;width:min(43vw,610px);aspect-ratio:1;transform:translateY(-50%);border:1px solid rgba(255,255,255,.2);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07) 0 2px,transparent 3px),repeating-radial-gradient(circle,transparent 0 51px,rgba(255,255,255,.08) 52px 53px);animation:mapFloat 9s ease-in-out infinite}.system-map:before,.system-map:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px dashed rgba(255,255,255,.24);border-radius:50%;animation:spin 23s linear infinite}.system-map:after{top:25%;right:25%;bottom:25%;left:25%;animation-direction:reverse;animation-duration:16s}.system-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:34%;aspect-ratio:1;border-radius:50%;border:1px solid #f2f1ed;display:grid;place-content:center;text-align:center;background:#0a0a0a;color:#fff;font:clamp(47px,7vw,100px)/.7 "Bebas Neue";letter-spacing:-.04em;box-shadow:0 0 0 12px #ffffff0a;animation:corePulse 3s ease-in-out infinite}.system-core small{font:10px DM Mono;letter-spacing:.12em;margin-top:8px}.sys-node{position:absolute;padding:7px 9px;border:1px solid rgba(255,255,255,.5);background:#0a0a0a;color:#f3f2ee;font:9px DM Mono;letter-spacing:.1em;animation:nodePulse 3.5s ease-in-out infinite}.node-user{left:3%;top:25%;animation-delay:-1s}.node-data{right:-3%;top:43%;animation-delay:-2s}.node-ui{left:23%;bottom:5%;animation-delay:-.5s}.sys-line{position:absolute;height:1px;transform-origin:left;background:linear-gradient(90deg,#ffffff1a,#fff,#ffffff1a);opacity:.7}.line-one{width:39%;left:18%;top:37%;rotate:19deg}.line-two{width:39%;left:51%;top:50%;rotate:-7deg}.line-three{width:33%;left:33%;top:63%;rotate:68deg}.data-packet{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff}.packet-one{left:23%;top:39%;animation:packetOne 3s linear infinite}.packet-two{left:50%;top:49%;animation:packetTwo 3.5s linear infinite}.system-tags{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:27px;animation:rise .8s .62s both}.system-tags span{border:1px solid #888;padding:7px 9px;font:9px DM Mono;letter-spacing:.08em}@keyframes mapFloat{50%{translate:0 -13px;scale:1.02}}@keyframes corePulse{50%{box-shadow:0 0 0 22px #ffffff08,0 0 26px #ffffff1f}}@keyframes nodePulse{50%{border-color:#fff;box-shadow:0 0 15px #ffffff2e}}@keyframes packetOne{0%{translate:0 0;opacity:0}18%,75%{opacity:1}to{translate:225px 70px;opacity:0}}@keyframes packetTwo{0%{translate:0 0;opacity:0}18%,75%{opacity:1}to{translate:175px -22px;opacity:0}}@media (max-width:800px){.system-map{width:79vw;right:-22vw;top:62%;opacity:.72}.system-tags{margin-top:21px!important}.system-tags span{font-size:8px!important}.sys-node{font-size:7px;padding:5px}.landing .landing-note{max-width:245px}}@media (max-width:800px){body .modal-portrait{height:360px!important;min-height:360px!important}body .modal-portrait>img{transform:none!important;object-position:34% 18%!important;filter:grayscale(1) contrast(1.15)!important}body .modal-portrait:after{background:linear-gradient(0deg,rgba(0,0,0,.3),transparent 58%)!important}body .modal-portrait>img+span{bottom:15px!important}body .close{top:12px!important;right:12px!important;background:#000000b3!important}}:focus-visible{outline:3px solid #111;outline-offset:4px}.landing-title button:focus-visible,.play:focus-visible{outline-color:#fff}.archive nav{position:sticky!important;top:0;z-index:6}.person{touch-action:manipulation}.close,.play,.landing-title button{min-height:44px}.close{min-width:76px}.profile-modal{overscroll-behavior:contain}.play{touch-action:manipulation}@media (max-width:800px){.landing{min-height:100svh!important}.landing header{padding:19px 20px!important;font-size:9px!important}.landing header span:nth-child(2){display:none}.landing-title{left:22px!important;top:45%!important;width:calc(100% - 44px)}.landing-title h1{font-size:clamp(62px,18vw,105px)!important}.landing-words{gap:6px!important;margin-top:23px!important}.landing-words span{padding:6px 7px!important;font-size:8px!important}.landing-title button{width:100%;margin-top:23px!important;min-height:52px;font-size:10px!important}.landing-disc{width:98vw!important;right:-43vw!important;top:63%!important;opacity:.65}.landing-sticker{display:none}.landing-star{right:20px!important;top:29%!important;font-size:30px!important}.landing-note{left:22px!important;bottom:50px!important;max-width:220px;font-size:8px!important;line-height:1.6}.archive nav{height:62px!important;padding:0 18px!important}.archive nav a{min-height:44px;display:flex;align-items:center}.intro{min-height:510px!important;padding:80px 22px 85px!important}.intro h1{font-size:clamp(55px,16vw,83px)!important;margin:18px 0 24px!important}.intro-copy{font-size:13px!important;max-width:300px}.number-mark{right:6%!important;top:42%!important;opacity:.18!important}.discover{left:22px!important;bottom:28px!important;min-height:44px;display:flex;align-items:center}.students{padding:65px 18px 75px!important}.campus-note{margin:-15px 0 25px!important;font-size:8px!important}.section-head{margin-bottom:28px!important}.section-head .kicker{font-size:9px!important}.section-head>p:last-child{font-size:11px!important;line-height:1.5}.one-card .person{border:1px solid #c3c2bc;box-shadow:none!important}.one-card .portrait{min-height:360px!important}.one-card .person-info{padding:28px 23px 30px!important}.one-card .person-info h2{font-size:clamp(46px,14vw,70px)!important;line-height:.8!important}.feature-copy{margin:26px 0 23px!important}.feature-copy strong{font-size:15px!important}.one-card .person-info>b{width:100%;min-height:48px;display:grid;place-items:center}.modal-backdrop{padding:0!important;align-items:end!important}.profile-modal{width:100%!important;max-height:92svh!important;border-radius:20px 20px 0 0;grid-template-columns:1fr!important;grid-template-rows:auto!important}.modal-portrait{min-height:220px!important;height:220px!important;grid-row:auto!important}.modal-portrait>img{transform:scale(1.7) translate(7%,10%)!important}.profile-copy{padding:31px 23px 22px!important}.profile-copy h2{font-size:clamp(44px,13vw,67px)!important}.about-text{font-size:14px!important;margin:22px 0!important}.song{gap:12px!important}.song p{font-size:14px!important}.lyrics{padding:0 23px 34px!important}.lyrics span{font-size:12px!important}.close{right:12px!important;top:9px!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important;background:#00000059!important;border-radius:99px;padding:0 12px!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-portrait>img+span{bottom:13px!important;left:14px!important}}.person-grid.one-card{display:block!important;max-width:1120px}.one-card .person{width:100%;min-height:500px;display:grid!important;grid-template-columns:minmax(310px,43%) 1fr;background:#deddd7;box-shadow:0 16px 40px #00000012;overflow:hidden}.one-card .portrait{height:100%!important;min-height:500px}.one-card .portrait.has-photo:before,.one-card .portrait.has-photo:after,.one-card .portrait.has-photo i{display:none}.one-card .portrait.has-photo img{transform:scale(1.38) translate(6%,8%);filter:grayscale(1) contrast(1.22)}.one-card .person-info{padding:clamp(34px,5vw,72px)!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(130deg,#deddd7,#f2f1ed)}.one-card .person-info h2{font-size:clamp(52px,6vw,92px)!important;line-height:.78!important;max-width:620px;margin:18px 0!important}.one-card .person-info>p{font:15px DM Mono;letter-spacing:.04em;color:#333!important}.feature-copy{width:min(440px,100%);margin:44px 0 34px;padding-top:16px;border-top:1px solid #a8a7a2;display:grid;gap:7px;text-align:left}.feature-copy span,.feature-copy em{font:9px DM Mono;letter-spacing:.08em;font-style:normal;color:#77736d}.feature-copy strong{font-size:17px;letter-spacing:-.04em}.one-card .person-info>b{opacity:1!important;margin-top:0!important;padding:12px 15px;border:1px solid #111;font:10px DM Mono;letter-spacing:.08em;transition:background .25s,color .25s}.one-card:hover .person-info>b{background:#111;color:#f2f1ed}@media (max-width:800px){.one-card .person{grid-template-columns:1fr;min-height:0}.one-card .portrait{min-height:430px}.one-card .person-info{padding:32px!important}.one-card .person-info h2{font-size:clamp(48px,15vw,74px)!important}.feature-copy{margin:30px 0 25px}}.portrait.has-photo span{font:10px DM Mono!important;letter-spacing:.12em!important;opacity:.9!important;position:absolute;left:13px;bottom:13px;z-index:4!important;text-shadow:0 1px 5px #000}.modal-portrait{background:#111!important}.modal-portrait>img{transform:scale(1.58) translate(7%,9%)!important;transform-origin:center!important;filter:grayscale(1) contrast(1.28)!important;opacity:1!important}.modal-portrait>img+span{font:11px DM Mono!important;letter-spacing:.12em!important;position:absolute!important;left:20px!important;bottom:20px!important;top:auto!important;color:#fff!important;opacity:.88!important;mix-blend-mode:normal!important;text-shadow:0 2px 8px #000}.modal-portrait:after{background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 40%)!important}.person-grid.one-card{grid-template-columns:minmax(270px,380px)!important}.portrait.has-photo{background:#111!important}.portrait.has-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}.person:hover .portrait.has-photo img{transform:scale(1.08);filter:grayscale(1) contrast(1.28)}.portrait.has-photo:before{z-index:1;background:linear-gradient(160deg,transparent 45%,rgba(0,0,0,.75));border-color:#ffffff8c!important}.portrait.has-photo span{font-size:clamp(52px,7vw,100px);opacity:.13;text-shadow:0 1px 0 #fff}.portrait.has-photo .card-mark,.portrait.has-photo .card-scribble{z-index:3}.modal-portrait>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2);opacity:.72}.modal-portrait>img+span{opacity:.1;mix-blend-mode:screen}.modal-portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%);z-index:0}.modal-portrait .rings,.modal-portrait span{z-index:1}.lyrics strong{display:block;font:13px DM Mono;letter-spacing:.03em;margin:0 0 12px}.lyrics a{display:inline-block;margin-top:20px;border-bottom:1px solid #111;padding-bottom:5px;font:10px DM Mono;letter-spacing:.08em;text-decoration:none}.lyrics a:hover{opacity:.55}.landing-sticker{position:absolute;z-index:3;border:1px solid #eee;color:#eee;font:10px/1.2 DM Mono;letter-spacing:.08em;padding:10px;animation:floatSticker 4s ease-in-out infinite}.sticker-one{right:28%;top:20%;transform:rotate(9deg);animation-delay:-1s}.sticker-two{right:8%;bottom:19%;background:#eee;color:#111;transform:rotate(-11deg);animation-delay:-2s}.landing-star{position:absolute;z-index:2;right:39%;top:64%;font-size:45px;color:#eee;animation:starPulse 2.7s ease-in-out infinite}.campus-note{float:right;margin:-34px 0 15px;padding:7px 10px;border:1px solid #111;transform:rotate(3deg);font:9px DM Mono;letter-spacing:.07em;animation:noteJiggle 4s ease-in-out infinite}.portrait .card-mark{position:absolute;z-index:2;top:12px;left:12px;font:10px DM Mono;letter-spacing:.1em;color:#eee}.person:nth-child(2n) .portrait .card-mark{color:#111}.card-scribble{position:absolute;z-index:2;right:12px;bottom:6px;color:#eee;font:33px Sedgwick Ave Display;font-style:normal;animation:starPulse 2.5s ease-in-out infinite}.person:nth-child(2n) .card-scribble{color:#111}.person:nth-child(2) .card-scribble{animation-delay:-1s}.person:nth-child(3) .card-scribble{animation-delay:-.4s}.person:nth-child(4) .card-scribble{animation-delay:-1.5s}.person{transition:transform .35s!important}.person:hover{transform:translateY(-7px) rotate(-.5deg)}.person:nth-child(2n):hover{transform:translateY(-7px) rotate(.5deg)}.portrait:after{content:"";position:absolute;width:160%;height:1px;top:50%;left:-30%;background:#ffffff38;transform:rotate(-34deg);animation:scan 4s linear infinite}.person:nth-child(2n) .portrait:after{background:#0003}.students{position:relative}.students:after{content:"SIT 02";position:absolute;right:4vw;bottom:2vw;font:clamp(40px,8vw,115px)/1 "Bebas Neue";letter-spacing:-.05em;color:#d3d2cc;z-index:0;pointer-events:none}.person-grid,.section-head,.campus-note{position:relative;z-index:1}@keyframes floatSticker{50%{translate:0 -12px;rotate:3deg}}@keyframes starPulse{50%{transform:scale(1.25) rotate(20deg);opacity:.55}}@keyframes noteJiggle{50%{transform:rotate(-2deg) translateY(-4px)}}@keyframes scan{0%{transform:translate(-16%) rotate(-34deg)}to{transform:translate(19%) rotate(-34deg)}}.boot{height:100svh;min-height:540px;background:#080808;color:#f5f3ee;display:grid;place-content:center;gap:16px;padding:30px;position:relative;overflow:hidden}.boot:before{content:"SIT 02";position:absolute;left:50%;top:50%;transform:translate(-50%,-56%);font:clamp(150px,34vw,560px)/.7 "Bebas Neue";letter-spacing:-.08em;color:#161616;white-space:nowrap}.boot p,.boot b,.boot span{position:relative;z-index:1;font:10px DM Mono;letter-spacing:.13em}.boot b{font-size:12px;text-align:right}.boot span{position:absolute;bottom:28px;right:28px;color:#999}.boot>div{width:min(300px,75vw);height:2px;background:#333;position:relative;z-index:1}.boot>div i{display:block;height:100%;background:#f3f1ec;transition:width .08s linear}.landing-title h1,.intro h1,.profile-copy h2,.person-info h2{font-family:Bebas Neue,Impact,sans-serif!important;font-weight:400!important;letter-spacing:-.03em!important}.landing-title h1{line-height:.72!important;text-transform:uppercase}.landing-title h1 i{font-family:Sedgwick Ave Display,cursive!important;font-style:normal;font-weight:400!important;letter-spacing:-.05em!important;text-transform:none;font-size:.82em;display:inline-block;transform:rotate(-4deg);margin-left:.06em}.landing-title{top:47%!important}.landing-title p{color:#aaa}.landing-words{display:flex;gap:11px;margin-top:28px;animation:rise .8s .7s both}.landing-words span{font:9px DM Mono;letter-spacing:.12em;border:1px solid #555;padding:6px 8px}.landing-title button{margin-top:25px!important}.intro h1{line-height:.72!important;text-transform:uppercase}.intro h1 i{font-family:Sedgwick Ave Display,cursive!important;font-style:normal;font-weight:400!important;text-transform:none;display:inline-block;transform:rotate(-4deg);font-size:.78em}.person-info h2{font-size:clamp(25px,2.7vw,38px)!important;letter-spacing:.01em!important}.profile-copy h2{line-height:.78!important;text-transform:uppercase}.landing:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.025) 5px 6px);pointer-events:none}.portrait span,.modal-portrait span{font-family:Bebas Neue,Impact,sans-serif!important;letter-spacing:-.04em!important}.modal-portrait span{font-size:clamp(110px,15vw,220px)!important}:root{font-family:DM Sans,Arial,sans-serif;background:#f2f1ed;color:#111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer}.kicker{font:10px/1.4 DM Mono;letter-spacing:.12em}.landing{height:100svh;min-height:610px;overflow:hidden;position:relative;background:#0a0a0a;color:#f3f2ee;isolation:isolate}.landing-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");pointer-events:none}.landing header{position:relative;z-index:2;padding:25px clamp(20px,4vw,62px);display:flex;justify-content:space-between;font:10px DM Mono;letter-spacing:.1em;animation:rise .8s .2s both}.landing-title{position:absolute;z-index:2;left:clamp(20px,9vw,145px);top:50%;transform:translateY(-47%)}.landing-title p{font:10px DM Mono;letter-spacing:.13em;margin:0 0 20px;animation:rise .7s .45s both}.landing-title h1{font-size:clamp(62px,10.7vw,170px);line-height:.78;letter-spacing:-.1em;margin:0;animation:rise 1s .55s both}.landing-title h1 i{font-family:Playfair Display,serif;font-weight:600;letter-spacing:-.1em}.landing-title button{margin-top:48px;border:1px solid #f3f2ee;background:#f3f2ee;color:#111;padding:15px 18px;font:11px DM Mono;letter-spacing:.06em;transition:background .3s,color .3s,transform .3s;animation:rise .8s .85s both}.landing-title button:hover{background:#111;color:#f3f2ee;transform:translateY(-5px)}.landing-title button b{margin-left:25px;font-size:18px}.landing-disc{position:absolute;z-index:1;right:clamp(-130px,4vw,30px);top:50%;width:min(58vw,700px);aspect-ratio:1;border:1px solid #5c5c5c;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 46% 46%,#fff 0,#fff 1%,#111 1.5%,#111 7%,#e8e7e2,#e8e7e2,#111 8.5%,#111 31%,#333,#333,#080808 32.5%,#080808);animation:spin 24s linear infinite}.landing-disc:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px dashed #555;border-radius:50%}.landing-disc span{position:absolute;left:24%;top:40%;font-size:clamp(45px,8vw,120px);line-height:.77;letter-spacing:-.14em;font-weight:700;color:#e9e8e3;transform:rotate(-12deg)}.landing-note{position:absolute;z-index:2;bottom:47px;left:clamp(20px,4vw,62px);font:10px DM Mono;letter-spacing:.1em;animation:rise .8s 1s both}.marquee{position:absolute;z-index:2;right:-5px;bottom:35px;width:40%;overflow:hidden;white-space:nowrap;font:10px DM Mono;letter-spacing:.11em;color:#aaa}.marquee span{display:inline-block;animation:marquee 18s linear infinite}.archive{background:#f2f1ed;animation:archiveIn .7s cubic-bezier(.16,1,.3,1) both}.archive nav{height:76px;padding:0 clamp(20px,5vw,74px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#0a0a0a;color:#f3f2ee}.archive nav a{text-decoration:none;font-size:12px;font-weight:700}.archive nav>a:last-child{text-align:right}.archive nav p{margin:0;text-align:center;font:10px DM Mono;letter-spacing:.12em}.logo{font-size:18px;letter-spacing:-.08em}.logo span{font:9px DM Mono;margin-left:3px}.intro{min-height:640px;padding:clamp(105px,14vh,150px) clamp(20px,11vw,170px) 110px;position:relative;background:#dddcd6;overflow:hidden}.intro:before{content:"SYSTEM";position:absolute;right:-3%;bottom:-12%;font-size:clamp(120px,27vw,410px);font-weight:700;letter-spacing:-.13em;color:#d0cfc9;line-height:1}.intro .kicker{animation:rise .7s .2s both}.intro h1{position:relative;z-index:1;font-size:clamp(58px,9.2vw,145px);line-height:.82;letter-spacing:-.09em;margin:24px 0 30px;animation:rise .9s .35s both}.intro h1 i{font-family:Playfair Display,serif;font-weight:600}.intro-copy{position:relative;z-index:1;max-width:350px;font-size:14px;line-height:1.75;animation:rise .8s .5s both}.discover{position:absolute;z-index:1;left:clamp(20px,11vw,170px);bottom:43px;text-decoration:none;border-bottom:1px solid;padding-bottom:8px;font:10px DM Mono;letter-spacing:.08em;animation:rise .8s .65s both}.discover span{padding-left:22px;font-size:17px}.number-mark{position:absolute;right:10%;top:27%;font:clamp(90px,16vw,250px)/.8 "Playfair Display";color:#888;opacity:.32}.students{padding:100px clamp(20px,5vw,74px) 130px;background:#f2f1ed}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:56px;border-bottom:1px solid #aaa9a4;padding-bottom:18px}.section-head .kicker{margin:0}.section-head>p:last-child{margin:0;color:#706d67;font-size:12px}.person-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.person{padding:0;text-align:left;border:0;background:transparent;opacity:0;animation:rise .8s var(--delay) both}.portrait{height:clamp(280px,37vw,500px);position:relative;overflow:hidden;background:#161616;display:grid;place-items:center;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .45s}.person:nth-child(2n) .portrait{background:#b8b7b1}.person:nth-child(2n) .portrait span{color:#111}.portrait:before{content:"";position:absolute;width:75%;aspect-ratio:1;border:1px solid rgba(255,255,255,.45);border-radius:50%;transform:translate(20%,15%);transition:transform .7s}.person:nth-child(2n) .portrait:before{border-color:#00000061}.portrait span{color:#f4f3ef;font-size:clamp(52px,7vw,100px);font-weight:700;letter-spacing:-.13em;z-index:1;transition:transform .55s}.portrait i{position:absolute;background:#ffffff52;border-radius:50%;width:13px;height:13px}.person:nth-child(2n) .portrait i{background:#00000040}.portrait i:nth-of-type(1){left:18%;top:21%}.portrait i:nth-of-type(2){right:14%;top:42%;width:25px;height:25px}.portrait i:nth-of-type(3){left:30%;bottom:17%;width:8px;height:8px}.person:hover .portrait{transform:translateY(-12px) rotate(-1deg);filter:contrast(1.18)}.person:hover .portrait:before{transform:translate(7%,2%) scale(1.12)}.person:hover .portrait span{transform:scale(1.13)}.person-info{padding:16px 4px 5px}.person-info small{font:10px DM Mono;color:#77736d}.person-info h2{font-size:clamp(18px,2vw,27px);letter-spacing:-.06em;margin:8px 0 2px}.person-info p{font-size:12px;color:#726e67;margin:0}.person-info b{font:9px DM Mono;letter-spacing:.08em;display:block;margin-top:22px;opacity:0;transition:opacity .3s}.person:hover .person-info b{opacity:1}footer{background:#0a0a0a;color:#eee;padding:28px clamp(20px,5vw,74px);display:grid;grid-template-columns:1fr 1fr auto;gap:10px;font:10px DM Mono;letter-spacing:.06em}footer p{margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000000e6;display:grid;place-items:center;padding:20px;animation:fade .3s both}.profile-modal{width:min(1040px,100%);max-height:calc(100vh - 40px);overflow:auto;position:relative;background:#f2f1ed;color:#111;display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto auto;animation:modal .55s cubic-bezier(.16,1,.3,1) both}.close{position:absolute;right:18px;top:17px;z-index:2;border:0;background:transparent;font:11px DM Mono;letter-spacing:.05em}.modal-portrait{grid-row:span 2;background:#111;min-height:590px;display:grid;place-items:center;position:relative;overflow:hidden}.modal-portrait:before{content:"";width:65%;aspect-ratio:1;border:1px solid #aaa;border-radius:50%;position:absolute;animation:spin 10s linear infinite}.modal-portrait span{color:#f2f1ed;font-size:clamp(90px,12vw,180px);letter-spacing:-.15em;font-weight:700;z-index:1;animation:pulse 4s ease-in-out infinite}.rings{position:absolute;width:130%;aspect-ratio:1;border:1px dashed #777;border-radius:50%;animation:spin 18s linear infinite reverse}.profile-copy{padding:72px 56px 36px}.profile-copy .kicker,.lyrics .kicker{color:#77716b}.profile-copy h2{font-size:clamp(43px,5vw,78px);letter-spacing:-.08em;line-height:.9;margin:19px 0 9px}.role{margin:0;font:12px DM Mono}.about-text{max-width:480px;font-size:15px;line-height:1.75;margin:32px 0}.song{border-top:1px solid #bdb8b0;padding-top:17px;display:flex;justify-content:space-between;gap:18px;align-items:center}.song p{font-size:16px;font-weight:700;margin:0}.song small,.song em{display:block;font:9px DM Mono;font-style:normal;font-weight:400;letter-spacing:.06em;color:#77716b;margin-bottom:4px}.song em{margin-top:5px;max-width:220px}.play{width:58px;height:58px;min-width:58px;border-radius:50%;background:#111;color:#fff;border:0;display:flex;align-items:center;justify-content:center;gap:2px}.play span{font-size:14px}.play i{display:none;width:2px;background:#fff;height:12px}.play.is-playing span{display:none}.play.is-playing i{display:block;animation:equal .5s ease-in-out infinite alternate}.play.is-playing i:nth-of-type(2){height:21px;animation-delay:.2s}.play.is-playing i:nth-of-type(3){height:9px;animation-delay:.4s}.play.is-playing i:nth-of-type(4){height:17px;animation-delay:.1s}.lyrics{padding:0 56px 52px}.lyrics .kicker{margin-bottom:16px}.lyrics span{display:block;color:#77716b;font:14px/1.8 DM Mono}.lyrics span:nth-child(3){color:#111;font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes modal{0%{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:none}}@keyframes equal{to{transform:scaleY(.35)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes archiveIn{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}@media (max-width:800px){.landing-title{left:22px}.landing-title h1{font-size:clamp(58px,15vw,100px)}.landing-disc{width:80vw;right:-31vw;top:59%}.landing-note{left:22px;bottom:60px}.marquee{bottom:22px;width:100%;right:0}.archive nav{grid-template-columns:1fr auto;padding:0 22px}.archive nav p{display:none}.intro{padding-left:22px;padding-right:22px;min-height:570px}.students{padding:70px 22px}.section-head{display:block}.section-head>p:last-child{margin-top:14px}.person-grid{grid-template-columns:1fr 1fr;gap:20px 11px}.person-info b{opacity:1}.profile-modal{grid-template-columns:1fr}.modal-portrait{grid-row:auto;min-height:330px}.profile-copy{padding:45px 26px 27px}.lyrics{padding:0 26px 36px}footer{grid-template-columns:1fr}footer span{margin-top:18px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body,#root{max-width:100%;overflow-x:clip}button,input{-webkit-tap-highlight-color:transparent}.intro-counter{display:none!important}.archive-ticker{overflow:hidden;white-space:nowrap}.archive-ticker>div{display:flex;width:max-content;will-change:transform}.archive-ticker span{flex:0 0 auto}.person,.portrait,.modal-portrait,.profile-modal,.photo-lightbox{max-width:100%}.person:focus-visible,.modal-portrait:focus-visible,.student-search input:focus-visible{outline:2px solid currentColor;outline-offset:4px}.modal-backdrop,.profile-modal{overscroll-behavior:contain}.modal-portrait{cursor:pointer}.modal-portrait>img,.modal-portrait:hover>img{transform:none!important;transition:filter .25s ease!important}.photo-lightbox img,.photo-lightbox img.abilla-photo,.photo-lightbox img.abdad-photo{width:auto!important;height:auto!important;max-width:min(92vw,960px)!important;max-height:calc(100svh - 112px)!important;transform:none!important;animation:photo-fade-in .24s ease both!important;object-fit:contain!important}.photo-lightbox img.abilla-photo{object-position:center center!important}@keyframes photo-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 800px){html,body,#root,main.archive{width:100%;min-width:0;overflow-x:clip}.archive nav{min-width:0}.intro{min-height:560px!important;padding-top:76px!important}.intro-counter,.intro-vertical{display:none!important}.intro-status{width:calc(100% - 44px)!important;left:22px!important;right:auto!important}.intro-stickers{right:14px!important;top:88px!important;transform:scale(.78);transform-origin:top right}.intro:after{max-width:100%;overflow:hidden}.students{overflow-x:clip!important}.student-motion,.student-radar{opacity:.22!important}.class-rail{min-width:0!important;overflow:hidden!important}.section-head,.section-head>div,.student-search{max-width:100%;min-width:0}.student-search input{min-width:0!important;width:100%!important}.one-card .person{width:100%!important;min-width:0!important}.one-card .portrait{height:min(112vw,455px)!important;min-height:min(112vw,455px)!important}.one-card .portrait.has-photo img{transform:scale(1.12)!important;object-position:center 30%!important}.one-card .portrait.has-photo.abilla-photo img{transform:scale(1.08)!important;object-position:40% 28%!important}.modal-backdrop{display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;overflow:hidden!important}.profile-modal,html body main.archive .profile-modal{display:flex!important;flex-direction:column!important;width:calc(100vw - 24px)!important;height:calc(100dvh - 24px)!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;border-radius:16px!important;transform:none!important;animation:modal-mobile-in .24s ease both!important}.profile-modal.is-closing{animation:modal-mobile-out .2s ease both!important}.modal-portrait,html body main.archive .modal-portrait{flex:0 0 230px!important;width:100%!important;height:230px!important;min-height:230px!important;grid-row:auto!important}.modal-portrait>img,.modal-portrait:hover>img,html body main.archive .profile-modal .modal-portrait>img{transform:scale(1.14)!important;object-position:center 29%!important;filter:grayscale(1) contrast(1.14)!important}.modal-portrait.abilla-photo>img,.modal-portrait.abilla-photo:hover>img{transform:scale(1.08)!important;object-position:40% 27%!important}.modal-portrait.abdad-photo>img,.modal-portrait.abdad-photo:hover>img{transform:scale(1.12)!important;object-position:center 34%!important}.profile-copy{padding:28px 22px 20px!important}.profile-copy h2{font-size:clamp(40px,12.3vw,58px)!important;overflow-wrap:anywhere}.about-text{margin:18px 0!important}.lyrics{padding:0 22px 36px!important}.profile-copy,.lyrics,.song,.about-text{max-width:100%;overflow-wrap:anywhere}.expand-photo{opacity:1!important;transform:none!important}.photo-lightbox{padding:14px!important}.photo-lightbox img,.photo-lightbox img.abilla-photo,.photo-lightbox img.abdad-photo{width:auto!important;height:auto!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 92px)!important;object-fit:contain!important}.mini-player{left:50%!important;right:auto!important;bottom:18px!important;width:calc(100vw - 28px)!important;max-width:430px!important;transform:translate(-50%)!important}.mini-player p{min-width:0;overflow:hidden}.mini-player strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@keyframes modal-mobile-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes modal-mobile-out{to{opacity:0;translate:0 10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 800px),(pointer: coarse){.scroll-index,.top-radar,.student-radar,.student-motion,.intro-traces,.photo-radar-dot,.photo-scan,.landing-noise,.background-flow,.street-layer,.terminal-log{display:none!important}.landing:after,.archive-ticker{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.landing-disc,.marquee span,.archive-ticker>div,.yearbook-close,.yearbook-close:before,.yearbook-close:after,.intro-stickers b,.intro-vertical,.card-scribble,.portrait:after,.modal-portrait:before,.modal-portrait span,.rings,.song:after,.play.is-playing i,.mini-player.is-playing>i{animation:none!important}.portrait.has-photo img,.modal-portrait>img,.modal-portrait:hover>img,.photo-lightbox img{filter:grayscale(1) contrast(1.08)!important;transition:none!important}.person,.portrait,.mini-player,.shuffle-profile{transition-duration:.18s!important}.person:hover,.person:nth-child(2n):hover{transform:none!important}}