:root{font-family:Tahoma,Arial,sans-serif;color:#12315e;background:#062b50;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #25d4dd;outline-offset:4px}[hidden]{display:none!important}#directory{max-width:1400px;margin:auto;padding:40px 50px;color:#fff}.directory-header{display:flex;gap:55px;align-items:center;margin-bottom:42px;padding-bottom:35px;border-bottom:1px solid #ffffff24}.directory-header>img{width:40%;border-radius:12px}.eyebrow{font-size:12px;letter-spacing:3px;color:#65d9dd}h1{font-size:clamp(26px,3vw,45px);margin:15px 0}p{line-height:1.9;color:#9fb9ce}#departments{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.department{display:block;position:relative;text-decoration:none;color:inherit;border:1px solid #ffffff26;border-radius:12px;overflow:hidden;background:#0b3c67;transition:transform .2s,border-color .2s}.department:hover{transform:translateY(-4px);border-color:#3dd9df}.department .cover{height:180px;overflow:hidden;background:#e6f1fa}.cover img{width:100%;height:auto;display:block}.department h2{font-size:16px;margin:20px 18px 10px}.department .card-bottom{display:flex;justify-content:space-between;padding:0 18px 18px;font-size:12px;color:#9dbdd5}.card-bottom span:last-child{color:#68e4e0}.directory-footer{font-size:12px;color:#8cabc5;margin-top:35px;text-align:center}#viewer{width:100vw;height:100vh;height:100dvh;display:grid;place-items:center;overflow:hidden;background:#021b32}#stage{position:relative;width:min(100vw,56.25vh);width:min(100vw,56.25dvh);height:min(177.7778vw,100vh);height:min(177.7778vw,100dvh);container-type:size;background:linear-gradient(150deg,#073967,#064575);overflow:hidden;isolation:isolate}#stage:before{content:"";position:absolute;inset:65% -25% -20%;background:repeating-linear-gradient(18deg,transparent 0 45px,#38a6d817 46px 47px);pointer-events:none;z-index:-1}#department-header{display:block;width:100%;height:15.19%;object-fit:fill}.header-rule{height:.13%;width:92%;margin:0 auto;background:linear-gradient(90deg,transparent,#4ee1dc66,transparent)}#viewport{position:absolute;inset:17% 3.3% 8%;border-radius:2.6cqw;overflow:hidden;touch-action:pan-y;background:#fbfdff;outline:none;box-shadow:0 1.2cqw 4cqw #001b3a30}#slide{height:100%;padding:4.2cqw 3.2cqw 3.4cqw;display:flex;flex-direction:column;gap:3cqw;background:linear-gradient(#fff,#f5faff)}.slide-heading{display:flex;align-items:center;gap:2cqw;margin:0;color:#07386d;font-size:4.25cqw;line-height:1.5;font-weight:700;min-height:7cqw}.section-icon{width:6.6cqw;height:6.6cqw;background:#084981;display:grid;place-items:center;border-radius:1.4cqw;flex-shrink:0;color:white}.section-icon svg{width:4.2cqw;height:4.2cqw;fill:none;stroke:currentColor;stroke-width:1.5}.slide-items{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw}.image-wrap{min-height:0;display:flex;align-items:center;justify-content:center;width:100%;flex:1}.image-wrap img{object-fit:contain;display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:1.3cqw}.position{position:absolute;bottom:5.5%;right:4%;left:4%;display:flex;justify-content:space-between;font-size:2cqw;color:#d0e2f2}.progress{height:.22%;position:absolute;bottom:4.8%;left:4%;right:4%;background:#ffffff23;border-radius:10px;overflow:hidden}#progress-fill{height:100%;width:0;background:#62e8e3}#wake-controls{position:absolute;bottom:1.2%;right:50%;transform:translateX(50%);border:0;background:transparent;color:#c5d9e9;display:flex;gap:1.2cqw;align-items:center;justify-content:center;white-space:nowrap;font-size:2.2cqw;min-height:3.5%;padding:0 2cqw}.pause-mark{font-size:2.5cqw}#controls{position:absolute;z-index:4;left:3.3%;right:3.3%;bottom:2%;padding:3cqw;border-radius:2.4cqw;background:#052e53f5;box-shadow:0 -8px 40px #03264340;color:#fff;backdrop-filter:blur(12px)}.control-status{display:flex;align-items:center;gap:1.5cqw;font-size:2.5cqw;color:#dce9f4;line-height:1.5}.status-dot{width:1cqw;height:1cqw;background:#6de4df;border-radius:100%}#resume-count{margin-right:auto;color:#8fc2db;font-size:2.1cqw}.main-controls{display:flex;gap:2cqw;margin-top:3cqw}.main-controls button{color:white;border:1px solid #ffffff2b;border-radius:1.4cqw;background:#ffffff0c;min-height:9cqw;min-width:10cqw;display:flex;align-items:center;justify-content:center;gap:2cqw}.main-controls .play-button{background:#66ded6;color:#04385a;border:0;flex:1;font-size:2.8cqw;font-weight:bold}.main-controls svg{width:4cqw;height:4cqw;stroke:currentColor;stroke-width:1.7;fill:none}.main-controls .play-button svg{fill:currentColor;stroke:none;width:3.5cqw}.secondary-controls{display:flex;justify-content:space-between;gap:1cqw;margin-top:2.3cqw}.secondary-controls button,.secondary-controls a{color:#bed6e8;border:0;background:transparent;font-size:2.1cqw;text-decoration:none;padding:1.7cqw .5cqw}#loading{position:absolute;inset:17% 3.3% 8%;background:#f8fcff;display:grid;place-items:center;font-size:3.5cqw;z-index:5}dialog{border:1px solid #b7d2e6;border-radius:18px;padding:30px;color:#16355c;max-width:min(90vw,450px);background:#f9fcff}dialog::backdrop{background:#001a32b8;backdrop-filter:blur(5px)}dialog h2{margin:0 0 25px;font-size:23px}dialog label{display:flex;flex-direction:column;gap:12px;margin:20px 0;font-size:15px}dialog select{padding:12px;border:1px solid #b7d2e6;border-radius:8px;background:white;color:#153860}dialog p{font-size:12px;color:#607b93}.dialog-close,#close-poster{border:0;border-radius:8px;background:#063f6f;color:white;padding:14px 20px;font-size:15px}.dialog-close{width:100%}#poster-dialog{max-width:min(95vw,750px);max-height:94dvh;padding:15px;overflow:auto}#poster-image{display:block;width:100%;height:auto;margin-top:15px}#close-poster{position:sticky;top:0;z-index:1}.error{padding:30px;color:white;text-align:center}@media(max-width:900px){#directory{padding:25px}#departments{grid-template-columns:repeat(3,1fr)}.directory-header{gap:25px}.department .cover{height:150px}}@media(max-width:600px){#departments{grid-template-columns:repeat(2,1fr);gap:12px}.directory-header{display:block}.directory-header>img{width:100%;margin-bottom:20px}.department h2{font-size:13px;margin:15px 10px 10px}.department .card-bottom{padding:0 10px 15px;font-size:10px}.department .cover{height:140px}#directory{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.department{transition:none}}

#viewer,#stage,#viewport{overflow:clip}#stage.paused #viewport{bottom:23%}#stage.paused .position,#stage.paused .progress{visibility:hidden}.mission-slide{justify-content:center;gap:8cqw}.mission-text{color:#093a70;font-size:6cqw;font-weight:700;line-height:1.8;text-align:center;margin:0 3cqw}.mission-slide .image-wrap{flex:0 1 auto}.mission-slide img{width:100%;height:auto}.slide-heading{font-weight:700}
