.section-menu a{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 0 #173d6d,0 15px 24px rgba(20,54,90,.35),inset 0 1px 0 rgba(255,255,255,.35);transform:translateY(0);transition:transform .25s,box-shadow .25s,background .25s}.section-menu a:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.24) 45%,transparent 70%);transform:translateX(-120%);transition:transform .55s}.section-menu a:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 12px 0 #173d6d,0 20px 30px rgba(20,54,90,.42);background:#1a4273}.section-menu a:hover:before{transform:translateX(120%)}.section-menu a:active{transform:translateY(6px) scale(.99);box-shadow:0 2px 0 #173d6d,0 6px 12px rgba(20,54,90,.3)}
.page-transition{position:fixed;inset:0;z-index:1000;pointer-events:none;display:grid;place-items:center;background:#245591;transform:scaleY(0);transform-origin:bottom;transition:transform .7s cubic-bezier(.77,0,.18,1)}.page-transition:after{content:"";position:absolute;width:62vmax;height:62vmax;border:2px solid rgba(255,255,255,.25);border-radius:50%;animation:transitionSpin 1.7s linear infinite}.page-transition span{color:#fff;font-size:clamp(22px,4vw,60px);font-weight:800;letter-spacing:.03em;opacity:0;transform:translateY(30px);transition:.35s .25s}.page-transition.leaving{transform:scaleY(1);pointer-events:auto}.page-transition.leaving span{opacity:1;transform:none}@keyframes transitionSpin{to{transform:rotate(360deg) scale(.72)}}
.inner-page{background:#fff;color:#245591}.inner-header{height:248px}.inner-page main{background:#fff}.intro-section,.archive-title{padding:28px 7vw 38px;text-align:center}.intro-section h2,.archive-title h2,.media-section h2{font-size:clamp(27px,3vw,43px);margin:0 0 13px;font-weight:800}.typed{max-width:1550px;min-height:2.8em;margin:0 auto;font-size:clamp(15px,1.25vw,22px);line-height:1.35}.typed:after{content:"|";animation:blink .7s infinite}.typed.done:after{animation:blink 1s 3 forwards}@keyframes blink{50%{opacity:0}}.text-columns{display:grid;grid-template-columns:1fr 1fr;gap:4vw;max-width:1500px;margin:20px auto 0;text-align:left}.text-columns p{font-size:clamp(14px,1vw,18px);line-height:1.55;margin:0}.media-section{padding:25px 7vw 65px;background:#245591;color:#fff;text-align:center}.media-grid{max-width:1200px;margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-grid.five{grid-template-columns:repeat(5,1fr);max-width:1280px}.media-card{border:0;background:none;color:#fff;padding:0;position:relative;cursor:pointer;font:inherit;border-radius:11px;overflow:hidden;transition:transform .3s,filter .3s}.media-card:hover{transform:translateY(-9px) scale(1.02);filter:drop-shadow(0 16px 15px rgba(0,0,0,.3))}.media-card>span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:70px 16px 18px;font-weight:700;font-size:14px;opacity:0;transform:translateY(15px);transition:.3s}.media-card:hover>span{opacity:1;transform:none}.doc-sheet{height:305px;background:#fff;color:#171717;padding:31px 27px;text-align:left;border-radius:9px;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #ddd}.doc-sheet small{text-align:center;font:600 8px Georgia}.doc-sheet b{text-align:center;font:700 16px Georgia;margin:30px 0}.doc-sheet i{height:2px;background:#b3b3b3;margin:6px 0}.doc-sheet em{margin-top:auto;text-align:right;font:12px Georgia}.photo-grid{grid-template-columns:1fr 1fr}.photo-art{height:330px;position:relative;overflow:hidden;border-radius:9px}.steppe{background:linear-gradient(#9ec9e6 0 48%,#b3a57d 49% 67%,#615c44 68%)}.steppe:before,.steppe:after{content:"";position:absolute;border-radius:50%;background:#7c7657;bottom:20%;width:70%;height:28%;left:-10%;transform:rotate(7deg)}.steppe:after{left:50%;bottom:13%;background:#4b4a38}.steppe i{position:absolute;width:2px;height:150px;background:#333;left:63%;bottom:25%}.steppe b{position:absolute;width:80px;height:80px;border-radius:50%;background:#ddd0a0;top:18%;right:13%;opacity:.8}.rally{background:linear-gradient(#b8c8c8 0 52%,#6a6a5c 53%);display:flex;justify-content:center;align-items:end;gap:22px}.rally i{width:48px;height:120px;background:#262621;border-radius:50% 50% 0 0;position:relative}.rally i:before{content:"";position:absolute;width:42px;height:42px;border-radius:50%;background:#c9ab8c;left:3px;top:-25px}.rally b{position:absolute;top:26px;background:#eee7d8;color:#1b1b18;padding:14px 28px;transform:rotate(-3deg);font-size:17px}.chronology{padding:45px 8vw 90px;background:#245591;color:#fff}.chronology article{max-width:1200px;margin:auto;display:grid;grid-template-columns:230px 1fr;border-bottom:1px solid rgba(255,255,255,.35);padding:28px 0}.chronology time{font-size:54px;font-weight:800;color:#d8f449}.chronology h3{font-size:27px;margin:0 0 7px}.chronology p{margin:0;font-size:17px}.archive-page main{background:#245591;color:#fff;border-top:20px solid #fff}.archive-title{background:#245591}.viewer{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;gap:40px;padding:5vw;opacity:0;visibility:hidden;transition:.35s}.viewer.open{opacity:1;visibility:visible}.viewer-content{height:min(78vh,800px);width:min(55vw,650px);display:grid;place-items:center}.viewer-content .doc-sheet,.viewer-content .photo-art{width:100%;height:100%;transform:none;border-radius:2px}.viewer-content .doc-sheet{padding:8%}.viewer-content .doc-sheet b{font-size:clamp(20px,2.5vw,38px)}.viewer-caption{width:min(30vw,430px);color:#fff}.viewer-caption h3{font-size:29px;margin:0 0 15px}.viewer-caption p{line-height:1.6}.viewer-close{position:absolute;right:26px;top:18px;border:0;background:none;color:#fff;font-size:48px;cursor:pointer}
@media(max-width:700px){.inner-header{height:210px}.text-columns,.media-grid,.media-grid.five,.photo-grid{grid-template-columns:1fr}.doc-sheet{height:360px}.photo-art{height:270px}.chronology article{grid-template-columns:1fr;gap:5px}.chronology time{font-size:40px}.viewer{display:block;padding:55px 18px 20px;overflow:auto}.viewer-content{width:100%;height:60vh}.viewer-caption{width:100%;margin-top:20px}.media-card>span{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.page-transition,.section-menu a,.media-card{transition:none}.page-transition:after{animation:none}}
