:root{--navy:#082451;--navy-dark:#071a39;--blue:#175eb6;--cyan:#28b9ec;--red:#1c7aed;--green:#0c689a;--ink:#10264b;--muted:#536681;--paper:#f3f7fc;--line:#dce5f0;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}button,a{font:inherit}a{color:inherit}img{display:block;max-width:100%}button{cursor:pointer}.wrap{width:min(1260px,calc(100% - 64px));margin:auto}.skip-link{position:absolute;left:-9999px;top:12px;z-index:100;background:#fff;padding:10px}.skip-link:focus{left:12px}.header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.identity{display:flex;align-items:center;gap:13px;text-decoration:none}.identity img{width:54px;height:54px;object-fit:contain}.identity span,.footer-brand span{display:grid;line-height:1.2}.identity strong{font-size:15px;letter-spacing:.045em;color:var(--navy)}.identity small{font-size:11px;color:var(--muted);margin-top:4px}.nav{display:flex;align-items:center;gap:32px}.nav a{text-decoration:none;font-size:14px;font-weight:700;transition:color .2s}.nav a:hover,.nav a:focus-visible{color:var(--blue)}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#fff 55%,#eaf3fd 100%)}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px}.hero-copy{position:relative;z-index:2;padding:75px 0 95px}.eyebrow,.section-marker{display:flex;align-items:center;gap:13px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.13em}.eyebrow-line,.section-marker i{width:31px;height:3px;background:var(--red);display:inline-block;flex:none}.hero h1{margin:28px 0 24px;font-size:clamp(66px,6.8vw,106px);line-height:.95;letter-spacing:-.075em;font-weight:700;color:var(--navy)}.hero h1 em{font-style:normal;color:var(--blue)}.period{color:var(--red)}.hero-lead{max-width:570px;margin:0;color:var(--muted);font-size:21px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:58px;padding:14px 22px;text-decoration:none;font-size:14px;font-weight:700}.btn-primary{background:var(--navy);color:#fff;border-radius:4px}.btn-primary:hover{background:var(--blue)}.btn span{font-size:24px;line-height:1}.text-link{font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--blue);padding-bottom:5px}.text-link span{margin-left:8px;color:var(--blue)}.hero-meta{display:flex;gap:30px;margin-top:75px}.hero-meta>div{display:grid;gap:2px;border-left:2px solid var(--line);padding-left:16px}.hero-meta strong{font-size:25px;line-height:1.1;color:var(--navy)}.hero-meta span{font-size:12px;color:var(--muted)}.hero-art{height:620px;position:relative;align-self:end}.hero-arch{position:absolute;inset:25px 8% 0 9%;overflow:hidden;border-radius:260px 260px 12px 12px;background:var(--navy);box-shadow:25px 25px 0 #d9e9fa}.hero-arch:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,26,57,.28),transparent 45%);z-index:1}.students-photo{width:100%;height:100%;object-fit:cover;object-position:center top}.orbit-ring{position:absolute;inset:2% -4% 10% 0;border:1px solid #2077c252;border-radius:50%;pointer-events:none}.hero-badge{position:absolute;top:0;right:0;width:148px;height:148px;border-radius:50%;background:white;display:grid;place-items:center;box-shadow:0 18px 48px #06224b27}.hero-badge img{width:130px;height:130px;object-fit:contain}.hero-caption{position:absolute;z-index:2;left:0;bottom:0;background:var(--navy);color:#fff;padding:18px 28px;border-left:5px solid var(--red);box-shadow:0 16px 30px #051a3840}.hero-caption span{display:block;color:#91dfff;font-size:11px;font-weight:700;letter-spacing:.14em}.hero-caption strong{display:block;margin-top:4px;font-size:16px}.hero-caption b{color:var(--cyan);padding:0 5px}.hero-stripe{display:flex;height:7px}.hero-stripe span:first-child{width:58%;background:var(--blue)}.hero-stripe span:nth-child(2){width:21%;background:var(--red)}.hero-stripe span:last-child{flex:1;background:var(--green)}.section{padding:100px 0}.section-marker{min-height:24px}.section h2{font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.055em;margin:20px 0 0;color:var(--navy)}.section h2 span{color:var(--blue)}.intro-grid{display:grid;grid-template-columns:230px 1fr;gap:50px}.intro-grid>.section-marker{align-self:start;padding-top:25px}.section-lead{max-width:820px;margin:26px 0 45px;font-size:21px;color:var(--muted)}.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.purpose-grid article{border-top:1px solid var(--line);padding:24px 15px 0 0}.purpose-icon{font-size:32px;color:var(--blue)}.purpose-grid h3{font-size:22px;margin:14px 0 8px}.purpose-grid p{margin:0;color:var(--muted)}.program{background:var(--paper)}.section-head{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:40px}.section-head>p{max-width:345px;margin:0 0 6px;color:var(--muted);font-size:17px}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.program-card{min-height:250px;padding:25px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;position:relative}.program-card.featured{background:var(--navy);color:#fff}.card-no{font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.14em}.featured .card-no{color:var(--cyan)}.card-symbol{font-size:34px;line-height:1;color:var(--blue);margin-top:22px}.featured .card-symbol{color:var(--cyan)}.program-card h3{font-size:19px;line-height:1.22;margin:17px 0 9px}.program-card p{font-size:14px;color:var(--muted);margin:0}.featured p{color:#c4d7f2}.path{background:var(--navy);color:#fff;position:relative;overflow:hidden}.path:after{content:"";position:absolute;right:-250px;top:-180px;width:700px;height:700px;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 0 100px #ffffff09,0 0 0 200px #ffffff06;pointer-events:none}.path-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;position:relative;z-index:1}.section-marker.light{color:#91dbff}.path h2{color:#fff}.path-heading p{max-width:390px;color:#b9cee9;font-size:18px}.path-list article{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid #ffffff2a}.path-list article:first-child{border-top:1px solid #ffffff2a}.path-list article>span{color:var(--cyan);font-size:13px;font-weight:700}.path-list strong{color:#87d7ff;font-size:14px}.path-list h3{margin:5px 0;font-size:24px}.path-list p{margin:0;color:#b9cee9}.admission-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px}.admission-steps{background:var(--paper);padding:22px 30px}.admission-steps div{display:grid;grid-template-columns:35px 1fr;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.admission-steps div:last-child{border:0}.admission-steps b{width:30px;height:30px;border-radius:50%;background:var(--blue);display:grid;place-items:center;color:#fff;font-size:13px}.admission-steps span{font-weight:700}.admission-detail{border:1px solid var(--line);padding:30px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;padding:12px 22px;color:var(--muted);font-weight:700}.tabs button[aria-selected=true]{color:var(--blue);border-bottom:3px solid var(--red)}.tab-panel h3{font-size:24px;margin:27px 0 14px}.tab-panel ul{padding-left:22px;margin:0}.tab-panel li{margin:10px 0}.tab-panel li::marker{color:var(--blue)}.admission-foot{background:#edf5fd;border-left:3px solid var(--cyan);padding:13px 16px;color:var(--muted);font-size:14px;margin:26px 0 0}.pilot{background:var(--paper)}.pilot-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.pilot-grid>div>p{max-width:540px;font-size:18px;color:var(--muted)}.pilot-stat{display:grid;margin-top:40px;border-left:4px solid var(--red);padding-left:18px}.pilot-stat strong{font-size:38px;color:var(--navy);line-height:1.1}.pilot-stat span{font-size:13px;color:var(--muted)}.pilot-panel{background:#fff;padding:40px;border:1px solid var(--line);box-shadow:20px 20px 0 #e2edfa}.panel-overline{font-size:12px;letter-spacing:.14em;color:var(--blue);font-weight:700}.pilot-panel ol{padding:0;list-style:none;margin:16px 0}.pilot-panel li{padding:18px 0;border-bottom:1px solid var(--line);font-weight:700}.pilot-panel li b{color:var(--blue);font-size:13px;margin-right:20px}.pilot-panel li small{display:block;color:var(--muted);font-weight:400;margin-left:44px;font-size:13px}.pilot-panel p{font-size:14px;color:var(--muted);margin:20px 0 0}.uniform-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--navy)}.uniform-grid>img{width:100%;height:570px;object-fit:cover;object-position:center 15%}.uniform-copy{padding:55px;color:#fff}.uniform-copy h3{font-size:32px;line-height:1.1;margin:0 0 18px}.uniform-copy p,.uniform-copy li{color:#cfdef2}.uniform-copy ul{padding-left:20px}.uniform-copy li{margin:12px 0}.uniform-copy li::marker{color:var(--cyan)}.uniform-thumbs{display:flex;gap:12px;margin-top:27px}.uniform-thumbs img{width:95px;height:95px;object-fit:cover;background:#fff}.documents{background:var(--paper)}.documents-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.documents-grid a{display:block;min-height:250px;padding:30px;background:#fff;border:1px solid var(--line);text-decoration:none;transition:transform .2s,box-shadow .2s}.documents-grid a:hover{transform:translateY(-4px);box-shadow:0 16px 40px #06254d14}.documents-grid a:first-child{border-top:5px solid var(--blue)}.documents-grid a:last-child{border-top:5px solid var(--red)}.documents-grid span{font-size:12px;color:var(--blue);letter-spacing:.12em;font-weight:700}.documents-grid h3{font-size:25px;margin:25px 0 8px}.documents-grid p{color:var(--muted);margin:0 0 24px}.documents-grid b{color:var(--blue);font-size:14px}.footer{background:var(--navy-dark);color:#fff;padding:36px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand strong{font-size:18px}.footer-brand small{color:#b2c8e5;font-size:12px}.footer p{color:#b2c8e5;font-size:13px}.footer a{font-weight:700;text-decoration:none;color:#fff}section[id]{scroll-margin-top:20px}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media(max-width:1050px){.nav{gap:18px}.hero-grid{gap:15px}.hero h1{font-size:clamp(58px,7vw,80px)}.hero-art{height:540px}.hero-meta{gap:13px}.program-grid{grid-template-columns:repeat(2,1fr)}.path-grid{gap:40px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,620px)}.header-inner{min-height:74px}.identity img{width:45px;height:45px}.identity strong{font-size:12px}.identity small{font-size:10px}.nav{display:none}.menu-toggle{display:grid;gap:5px;background:none;border:1px solid var(--line);padding:12px}.menu-toggle span{width:20px;height:2px;background:var(--navy)}.mobile-nav:not([hidden]){display:grid;padding:4px 18px 18px;background:#fff;border-top:1px solid var(--line)}.mobile-nav a{padding:13px 0;text-decoration:none;border-bottom:1px solid var(--line);font-weight:700}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{padding:70px 0 30px}.hero h1{font-size:clamp(56px,13vw,82px);margin:24px 0}.hero-lead{font-size:18px}.hero-meta{margin-top:45px;flex-wrap:wrap}.hero-art{height:510px;align-self:stretch}.hero-arch{inset:20px 8% 0 8%}.hero-badge{width:105px;height:105px}.hero-badge img{width:90px;height:90px}.hero-caption{left:0;right:0}.section{padding:70px 0}.intro-grid,.path-grid,.pilot-grid,.admission-grid,.uniform-grid{grid-template-columns:1fr;gap:34px}.intro-grid>.section-marker{padding:0}.purpose-grid{grid-template-columns:1fr;gap:14px}.purpose-grid article{padding:15px 0}.section-head{display:block}.section-head>p{max-width:100%;margin-top:20px}.path-heading p{max-width:100%}.uniform-grid{gap:0}.uniform-grid>img{height:440px}.uniform-copy{padding:30px}.footer-inner{align-items:start;flex-direction:column}}
@media(max-width:500px){.hero h1{font-size:clamp(46px,12.3vw,62px)}.hero-copy{padding-top:50px}.eyebrow{font-size:10px}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.text-link{width:max-content}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hero-meta strong{font-size:19px}.hero-meta span{font-size:10px}.hero-art{height:370px}.hero-caption{padding:13px}.hero-caption strong{font-size:12px}.hero-caption span{font-size:9px}.section h2{font-size:38px}.section-lead{font-size:18px}.program-grid,.documents-grid{grid-template-columns:1fr}.program-card{min-height:210px}.admission-detail,.pilot-panel{padding:22px}.tabs button{padding:11px 13px}.pilot-stat strong{font-size:30px}.uniform-grid>img{height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* Космическая графика, интерактивность и увеличенная типографика */
body{font-size:18px}
.nav a{font-size:16px}
.identity img{width:82px;height:82px;object-fit:cover;border-radius:50%;flex:none;filter:drop-shadow(0 4px 8px #071a3925)}
.identity strong{font-size:17px}
.identity small{font-size:13px}
.header-inner{min-height:108px}
.footer-brand img{width:84px;height:84px;object-fit:cover;border-radius:50%;flex:none;filter:drop-shadow(0 7px 18px #0005)}
.footer-brand strong{font-size:21px}
.footer-brand small,.footer p{font-size:15px}
.hero-badge{border:0;cursor:zoom-in;transition:transform .3s,box-shadow .3s}
.hero-badge img{object-fit:cover;border-radius:50%}
.hero-badge:hover{transform:rotate(4deg) scale(1.025);box-shadow:0 22px 56px #06224b3a}
.hero-lead{font-size:23px}
.section-lead{font-size:22px}
.section-head>p,.pilot-grid>div>p,.path-heading p{font-size:19px}
.purpose-grid p,.path-list p,.uniform-copy p,.uniform-copy li,.tab-panel li,.documents-grid p{font-size:17px}
.program-card p,.pilot-panel p,.admission-foot{font-size:16px}
.hero-meta span,.pilot-stat span,.panel-overline,.card-no{font-size:13px}
.program-card{transition:transform .28s,box-shadow .28s,border-color .28s}
.program-card:hover{transform:translateY(-8px);box-shadow:0 24px 45px #06254d1b;border-color:#96bae4}
.program-card:hover .card-symbol{transform:rotate(-12deg) scale(1.14)}
.card-symbol{transition:transform .3s}
.purpose-grid article{transition:transform .25s,border-color .25s}
.purpose-grid article:hover{transform:translateY(-6px);border-color:var(--cyan)}
.path-list article{transition:background .25s,padding .25s}
.path-list article:hover{background:#ffffff0d;padding-left:15px}
.admission-steps div{transition:background .25s,transform .25s}
.admission-steps div:hover{background:#e2effc;transform:translateX(7px)}
.btn,.text-link,.nav a,.footer a{transition:transform .25s,background .25s,color .25s}
.btn:hover{transform:translateY(-4px);box-shadow:0 12px 26px #0a2c5c2d}
.text-link:hover,.footer a:hover{color:var(--cyan)}
.hero-arch{border:0;padding:0;cursor:zoom-in;text-align:left}
.zoomable{cursor:zoom-in}
.zoom-hint{position:absolute;z-index:3;right:16px;bottom:18px;border-radius:24px;padding:9px 13px;background:#fff;color:var(--navy);font-size:13px;font-weight:700;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s;box-shadow:0 8px 25px #0003}
.zoomable:hover .zoom-hint,.zoomable:focus-visible .zoom-hint{opacity:1;transform:translateY(0)}
.hero-arch .zoom-hint{bottom:80px}
.hero-arch .students-photo,.uniform-photo img,.uniform-thumbs img{transition:transform .5s}
.hero-arch:hover .students-photo,.uniform-photo:hover img,.uniform-thumbs button:hover img{transform:scale(1.045)}
.uniform-photo{display:block;position:relative;padding:0;border:0;overflow:hidden;background:var(--navy)}
.uniform-photo img{width:100%;height:570px;object-fit:cover;object-position:center 15%}
.uniform-thumbs button{width:110px;height:110px;padding:0;border:2px solid #ffffff88;overflow:hidden;background:#fff;transition:border-color .25s,transform .25s}
.uniform-thumbs button:hover{border-color:var(--cyan);transform:translateY(-5px)}
.uniform-thumbs img{width:100%;height:100%;object-fit:cover}
.image-viewer{position:fixed;inset:0;max-width:min(1200px,96vw);max-height:94vh;width:max-content;height:max-content;padding:32px;border:0;border-radius:10px;background:#071a39;color:white;box-shadow:0 30px 100px #0008}
.image-viewer::backdrop{background:#020b1bec;backdrop-filter:blur(7px)}
.image-viewer figure{margin:0;display:grid;gap:10px;place-items:center}
.image-viewer img{max-width:calc(96vw - 64px);max-height:calc(94vh - 100px);object-fit:contain;border-radius:4px}
.image-viewer figcaption{text-align:center;font-size:15px;color:#d4e7fb}
.viewer-close{position:absolute;right:10px;top:6px;border:0;background:transparent;color:white;font-size:34px;line-height:1;padding:4px 12px}
.viewer-close:hover{color:var(--cyan)}
.section{position:relative;isolation:isolate}
.section>.wrap{position:relative;z-index:1}
.intro{background:radial-gradient(circle at 96% 18%,#dcecff 0,transparent 28%),#fff}
.intro:before,.admission:before,.documents:before{content:"";position:absolute;z-index:0;border:1px solid #2874bc24;border-radius:50%;pointer-events:none}
.intro:before{width:460px;height:460px;right:-235px;top:30px;box-shadow:0 0 0 55px #1e75be0c,0 0 0 110px #1e75be08}
.program{background-image:radial-gradient(#278bd321 1.5px,transparent 1.5px),linear-gradient(135deg,#f3f7fc,#eaf4ff);background-size:28px 28px,auto}
.program:after{content:"";position:absolute;right:5%;top:50px;width:140px;height:140px;border-top:2px solid var(--cyan);border-right:2px solid var(--red);border-radius:50%;opacity:.45;pointer-events:none}
.path{background-image:radial-gradient(#ffffff40 1px,transparent 1px),linear-gradient(135deg,#082451,#04152f);background-size:75px 75px,auto}
.admission{background:radial-gradient(circle at 0 80%,#dcedff 0,transparent 30%),#fff}
.admission:before{width:340px;height:340px;left:-210px;bottom:20px;box-shadow:0 0 0 50px #1673bd0b,0 0 0 100px #1673bd08}
.pilot{background-image:linear-gradient(135deg,transparent 49.75%,#2c76bb15 50%,transparent 50.25%),linear-gradient(#f3f7fc,#eff6fd);background-size:55px 55px,auto}
.uniform{background:radial-gradient(circle at 95% 12%,#d6ebff,transparent 25%),#fff}
.uniform:before{content:"";position:absolute;left:4%;top:110px;width:180px;height:180px;background:radial-gradient(circle,#2286cf88 2px,transparent 3px);background-size:27px 27px;opacity:.35;pointer-events:none}
.documents{background-image:radial-gradient(#1673bd20 1.5px,transparent 1.5px),linear-gradient(#f3f7fc,#edf5fc);background-size:32px 32px,auto}
.documents:before{width:300px;height:300px;right:-150px;top:20px;box-shadow:0 0 0 45px #1775be0b,0 0 0 90px #1775be08}
@media(max-width:760px){body{font-size:17px}.header-inner{min-height:84px}.identity img{width:62px;height:62px}.identity strong{font-size:13px}.identity small{font-size:11px}.hero-lead{font-size:19px}.section-head>p,.pilot-grid>div>p,.path-heading p{font-size:18px}.uniform-photo img{height:440px}.intro:before,.admission:before,.documents:before{opacity:.5}}
@media(max-width:500px){.identity img{width:55px;height:55px}.header-inner{min-height:76px}.identity strong{font-size:12px}.identity small{font-size:10px}.hero-lead{font-size:18px}.uniform-photo img{height:340px}.footer-brand img{width:72px;height:72px}.image-viewer{padding:20px}.image-viewer img{max-width:calc(96vw - 40px);max-height:calc(94vh - 90px)}}
@media(prefers-reduced-motion:reduce){.program-card,.purpose-grid article,.path-list article,.admission-steps div,.zoomable img,.zoom-hint{transition:none!important}}

.section{overflow:hidden}

/* ============================================================
   Усиленная версия дизайна Космических классов — 18.09.2026
   ============================================================ */

/* Крупнее эмблема и типографика */
body{font-size:19px}
.header-inner{min-height:126px}
.identity{gap:18px}
.identity img{width:104px;height:104px;aspect-ratio:1;object-fit:contain;border-radius:50%;padding:4px;background:#fff;filter:drop-shadow(0 8px 18px #071a3928);transition:transform .35s ease,filter .35s ease}
.identity:hover img{transform:rotate(-5deg) scale(1.055);filter:drop-shadow(0 12px 24px #175eb642)}
.identity strong{font-size:19px}
.identity small{font-size:14px}
.nav a{position:relative;font-size:17px;padding:12px 0}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:right .25s ease}
.nav a:hover::after,.nav a:focus-visible::after{right:0}
.hero-lead{font-size:24px}
.section-lead{font-size:23px}
.section-head>p,.pilot-grid>div>p,.path-heading p{font-size:20px}
.purpose-grid p,.path-list p,.uniform-copy p,.uniform-copy li,.tab-panel li,.documents-grid p{font-size:18px}
.program-card p,.pilot-panel p,.admission-foot{font-size:17px}

/* Увеличенная эмблема в первом экране */
.hero-badge{width:142px;height:142px;padding:1.5mm;right:-34px;top:-2px;overflow:hidden;box-sizing:border-box}
.hero-badge img{width:100%;height:100%;object-fit:contain;border-radius:50%;transform:scale(1.83);transform-origin:center;transition:transform .35s ease}
.hero-badge:hover img{transform:scale(1.90)}
.hero-badge::after{content:"";position:absolute;inset:-9px;border:1px dashed #175eb64b;border-radius:50%;animation:badgeOrbit 18s linear infinite;pointer-events:none}
@keyframes badgeOrbit{to{transform:rotate(360deg)}}

/* Абстрактная космическая схема на каждой секции */
.hero-grid,.section>.wrap{position:relative;z-index:2}
.space-decor{position:absolute;z-index:0;width:440px;height:440px;right:-105px;top:42px;pointer-events:none;opacity:.72;transform-origin:center}
section:nth-of-type(even)>.space-decor{right:auto;left:-130px;transform:scaleX(-1)}
.space-decor-2{top:auto;bottom:-120px;opacity:.58}
.space-decor-3{top:15%;opacity:.48;transform:rotate(19deg)}
section:nth-of-type(even)>.space-decor-3{transform:scaleX(-1) rotate(19deg)}
.space-decor-4{top:auto;bottom:-160px;opacity:.58}
.space-orbit{position:absolute;border:1px solid #2b83ca38;border-radius:50%;transform:rotate(-18deg)}
.orbit-a{width:330px;height:170px;right:15px;top:92px}
.orbit-b{width:230px;height:230px;right:70px;top:58px;border-style:dashed;border-color:#28b9ec3b}
.space-track{position:absolute;width:285px;height:1px;right:28px;top:228px;background:linear-gradient(90deg,transparent,#2d80c75d 20%,#2d80c75d 80%,transparent);transform:rotate(-32deg);transform-origin:right center}
.space-track::before,.space-track::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;top:-3px;background:#28b9ec;box-shadow:0 0 0 6px #28b9ec18}
.space-track::before{left:22%}.space-track::after{right:18%;background:var(--red);box-shadow:0 0 0 6px #1c7aed17}
.space-node{position:absolute;width:9px;height:9px;border:2px solid #175eb6;border-radius:50%;background:#fff;box-shadow:0 0 0 7px #175eb610}
.node-a{right:94px;top:111px}.node-b{right:248px;top:263px}
.space-star{position:absolute;right:45px;top:44px;color:#175eb67a;font-size:29px;line-height:1;text-shadow:0 0 24px #28b9ec55}
.path .space-orbit{border-color:#ffffff30}.path .orbit-b{border-color:#67d8ff35}.path .space-track{background:linear-gradient(90deg,transparent,#ffffff42 20%,#ffffff42 80%,transparent)}.path .space-node{background:#082451;border-color:#79dcff}.path .space-star{color:#ffffff7a}

/* Техническая сетка и декоративные «координаты» */
.section::before{background-repeat:no-repeat}
.intro,.admission,.uniform{background-image:linear-gradient(90deg,#175eb607 1px,transparent 1px),linear-gradient(#175eb607 1px,transparent 1px),radial-gradient(circle at 96% 18%,#dcecff 0,transparent 28%);background-size:52px 52px,52px 52px,auto}
.uniform{background-image:linear-gradient(90deg,#175eb606 1px,transparent 1px),linear-gradient(#175eb606 1px,transparent 1px),radial-gradient(circle at 95% 12%,#d6ebff,transparent 25%)}

/* Hover: карточки подсвечиваются в точке курсора */
.program-card,.purpose-grid article,.pilot-panel,.documents-grid a{overflow:hidden}
.program-card::before,.purpose-grid article::before,.pilot-panel::before,.documents-grid a::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),#28b9ec20,transparent 72%);transition:opacity .25s ease}
.program-card:hover::before,.purpose-grid article:hover::before,.pilot-panel:hover::before,.documents-grid a:hover::before{opacity:1}
.purpose-grid article{position:relative;padding-left:12px;padding-right:12px}
.purpose-grid article:hover .purpose-icon{transform:rotate(22deg) scale(1.16);color:var(--cyan)}
.purpose-icon{display:inline-block;transition:transform .3s ease,color .3s ease}
.program-card:hover{transform:translateY(-9px) scale(1.012)}
.program-card.featured:hover{box-shadow:0 26px 55px #071a3945}
.pilot-panel{position:relative;transition:transform .28s ease,box-shadow .28s ease}
.pilot-panel:hover{transform:translate(-5px,-6px);box-shadow:27px 27px 0 #d6e9fb}
.tabs button{transition:color .22s ease,background .22s ease,transform .22s ease}
.tabs button:hover{color:var(--blue);background:#edf6ff;transform:translateY(-2px)}
.hero-meta>div{transition:transform .24s ease,border-color .24s ease}
.hero-meta>div:hover{transform:translateY(-5px);border-color:var(--cyan)}
.admission-detail{transition:box-shadow .28s ease,border-color .28s ease}
.admission-detail:hover{border-color:#a8c8e9;box-shadow:0 20px 55px #06254d12}
.documents-grid a b{display:inline-block;transition:transform .25s ease,color .25s ease}
.documents-grid a:hover b{transform:translateX(7px);color:var(--cyan)}
.btn-primary{position:relative;overflow:hidden}
.btn-primary::before{content:"";position:absolute;top:-30%;left:-45%;width:35%;height:160%;background:linear-gradient(90deg,transparent,#ffffff45,transparent);transform:skewX(-22deg);transition:left .5s ease}
.btn-primary:hover::before{left:120%}

/* Все фотографии — с понятным интерактивным откликом */
.zoomable,.photo-zoom-target{cursor:zoom-in}
.photo-zoom-target{transition:transform .35s ease,filter .35s ease,box-shadow .35s ease}
.photo-zoom-target:hover,.photo-zoom-target:focus-visible{transform:scale(1.025);filter:saturate(1.07) contrast(1.025);box-shadow:0 16px 38px #061c3c24}
.zoomable:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.zoom-hint{font-size:14px;letter-spacing:.01em}

/* Просмотр фотографий */
.image-viewer{border:1px solid #5ca8e344;background:linear-gradient(145deg,#071a39,#0a2b59);overflow:visible}
.image-viewer[open]{animation:viewerIn .2s ease-out}
.image-viewer figure{position:relative}
.image-viewer img{box-shadow:0 18px 65px #0007}
.viewer-close{right:-8px;top:-11px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);box-shadow:0 8px 24px #0005;font-size:31px;transition:transform .2s ease,background .2s ease,color .2s ease}
.viewer-close:hover{transform:rotate(8deg) scale(1.07);background:var(--cyan);color:var(--navy-dark)}
@keyframes viewerIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}

/* Нижний логотип: строго круглый, без растяжения и обрезки */
.footer-brand img{width:92px;height:92px;aspect-ratio:1;object-fit:contain!important;border-radius:50%;padding:6px;background:#fff;filter:drop-shadow(0 8px 20px #0005);transition:transform .3s ease}
.footer-brand:hover img{transform:rotate(5deg) scale(1.04)}
.footer-brand strong{font-size:22px}
.footer-brand small,.footer p{font-size:16px}
.footer a{position:relative;padding:10px 0}
.footer a:hover{transform:translateY(-3px)}

@media(max-width:1050px){
  .identity img{width:92px;height:92px}
  .header-inner{min-height:112px}
  .hero-badge{width:132px;height:132px;padding:1.5mm;right:-24px}.hero-badge img{width:100%;height:100%}
  .space-decor{width:380px;height:380px;opacity:.5}
}
@media(max-width:760px){
  body{font-size:17px}
  .header-inner{min-height:92px}
  .identity{gap:11px}.identity img{width:70px;height:70px;padding:3px}.identity strong{font-size:14px}.identity small{font-size:11px}
  .hero-badge{width:108px;height:108px;padding:1.5mm;right:-8px;top:4px}.hero-badge img{width:100%;height:100%}
  .hero-lead{font-size:20px}.section-lead{font-size:20px}.section-head>p,.pilot-grid>div>p,.path-heading p{font-size:18px}
  .space-decor{width:300px;height:300px;right:-145px;top:55px;opacity:.38}section:nth-of-type(even)>.space-decor{left:-165px}
  .orbit-a{width:260px;height:135px}.orbit-b{width:185px;height:185px}.space-track{width:225px}.space-star{font-size:23px}
  .pilot-panel:hover{transform:none;box-shadow:20px 20px 0 #e2edfa}
}
@media(max-width:500px){
  .header-inner{min-height:82px}.identity img{width:62px;height:62px}.identity strong{font-size:12px}.identity small{font-size:10px}
  .hero-badge{width:96px;height:96px;padding:1.5mm;right:-4px;top:5px}.hero-badge img{width:100%;height:100%}
  .footer-brand img{width:78px;height:78px}.footer-brand strong{font-size:19px}.footer-brand small,.footer p{font-size:14px}
  .space-decor{opacity:.27}
}
@media(prefers-reduced-motion:reduce){
  .hero-badge::after{animation:none}
  .identity img,.footer-brand img,.btn-primary::before,.viewer-close{transition:none!important}
}

/* ============================================================
   Финальная стилизация: шапка + фирменные космические акценты
   ============================================================ */

/* Палитра проекта — глубокий космический синий + голубой свет + точечные красный/зелёный акценты */
:root{
  --space-deep:#061a3a;
  --space-royal:#0a3f88;
  --space-blue:#1768c4;
  --space-cyan:#37c9f5;
  --space-ice:#eaf6ff;
  --space-red:#2981ed;
  --space-green:#1575a9;
  --space-gold:#ffc84a;
}

/* Шапка — компактнее подложка, крупнее сама эмблема */
.header{
  position:relative;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #cfe0f1;
  box-shadow:0 8px 34px rgba(7,37,79,.055);
  backdrop-filter:saturate(135%) blur(10px);
}
.header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,var(--space-blue) 0 52%,var(--space-red) 52% 67%,var(--space-green) 67% 100%);
  opacity:.72;
  pointer-events:none;
}
.header-inner{min-height:112px}
.identity{gap:17px;position:relative}
.identity-emblem{
  width:90px;height:90px;
  padding:1.5mm;
  flex:none;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:#fff;
  border:1px solid #d9e8f6;
  box-shadow:0 12px 34px rgba(7,35,76,.13),0 0 0 7px rgba(23,104,196,.035);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.identity-emblem img{
  width:100%;height:100%;max-width:none;
  padding:0!important;
  background:transparent!important;
  object-fit:contain;
  border-radius:50%;
  transform:scale(1.83);
  transform-origin:center;
  filter:none!important;
  transition:transform .3s ease;
}
.identity:hover .identity-emblem{
  transform:translateY(-2px);
  border-color:#a9cfef;
  box-shadow:0 16px 38px rgba(7,35,76,.18),0 0 0 8px rgba(55,201,245,.06);
}
.identity:hover .identity-emblem img{transform:scale(1.90) rotate(-2deg)}
.identity>img{display:none!important}
.identity strong{font-size:19px;letter-spacing:.055em;color:var(--space-deep)}
.identity small{font-size:14px;color:#7187a3}

/* Навигация как аккуратная панель управления */
.nav{gap:12px;padding:6px;border:1px solid #dce9f5;border-radius:999px;background:#f8fbff;box-shadow:inset 0 1px 0 #fff}
.nav a{padding:10px 15px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.01em;transition:color .22s ease,background .22s ease,transform .22s ease}
.nav a::after{display:none}
.nav a:hover,.nav a:focus-visible{color:var(--space-royal);background:#e9f5ff;transform:translateY(-1px)}

/* Первый экран: больше глубины, но без визуального шума */
.hero{
  background:
    radial-gradient(circle at 84% 18%,rgba(55,201,245,.13),transparent 28%),
    radial-gradient(circle at 12% 72%,rgba(23,104,196,.075),transparent 28%),
    linear-gradient(115deg,#fff 0%,#f9fcff 56%,#edf6ff 100%);
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background-image:radial-gradient(#1668c419 1.1px,transparent 1.1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,transparent 0,black 48%,black 100%);
  opacity:.65;
  pointer-events:none;
}
.hero h1{color:var(--space-deep);text-shadow:0 10px 38px rgba(10,63,136,.055)}
.hero h1 em{background:linear-gradient(100deg,var(--space-blue),#118fd3);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-arch{box-shadow:24px 26px 0 #d8ebfb,0 28px 70px rgba(6,26,58,.16)}
.hero-caption{border-left-color:var(--space-red);background:linear-gradient(110deg,var(--space-deep),#0b3c78)}

/* Кнопки */
.btn-primary{
  border-radius:10px;
  background:linear-gradient(115deg,var(--space-deep),var(--space-royal));
  box-shadow:0 12px 30px rgba(6,35,82,.18),inset 0 1px 0 rgba(255,255,255,.12);
}
.btn-primary:hover{background:linear-gradient(115deg,#0a2b5d,var(--space-blue));box-shadow:0 16px 38px rgba(6,35,82,.24)}
.text-link{border-bottom-color:#8fc9ef}

/* Заголовочные маркеры — мини-траектория */
.eyebrow,.section-marker{color:var(--space-blue)}
.eyebrow-line,.section-marker i{
  width:38px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,var(--space-red) 0 36%,var(--space-cyan) 36% 72%,var(--space-green) 72%);
  box-shadow:0 0 16px rgba(55,201,245,.2);
}
.section h2{color:var(--space-deep)}
.section h2 span{color:var(--space-blue)}

/* Карточки — более «технологичные» */
.program-card,.admission-detail,.documents-grid a,.pilot-panel{
  border-radius:16px;
  border-color:#d5e4f1;
}
.program-card{box-shadow:0 7px 24px rgba(7,37,79,.045)}
.program-card:not(.featured){background:linear-gradient(160deg,#fff,#fbfdff)}
.program-card.featured{background:linear-gradient(145deg,var(--space-deep),#0a3975);box-shadow:0 18px 45px rgba(6,26,58,.18)}
.program-card::after{
  content:"";position:absolute;left:24px;right:24px;bottom:0;height:3px;border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,var(--space-cyan),transparent);opacity:0;transition:opacity .25s ease;
}
.program-card:hover::after{opacity:1}
.card-symbol{color:var(--space-blue);filter:drop-shadow(0 5px 12px rgba(23,104,196,.17))}

/* Цели проекта — цветные инженерные точки */
.purpose-grid article{border-top-color:#d5e4f1;border-radius:0 0 14px 14px}
.purpose-grid article:nth-child(1) .purpose-icon{color:var(--space-blue)}
.purpose-grid article:nth-child(2) .purpose-icon{color:var(--space-red)}
.purpose-grid article:nth-child(3) .purpose-icon{color:var(--space-green)}

/* Тёмная секция траектории */
.path{
  background-image:
    radial-gradient(#ffffff31 1px,transparent 1px),
    radial-gradient(circle at 82% 28%,rgba(55,201,245,.16),transparent 23%),
    linear-gradient(135deg,#071a39,#051327 72%);
  background-size:75px 75px,auto,auto;
}
.path-list article{border-color:#ffffff25;border-radius:10px;transition:background .25s ease,padding .25s ease,transform .25s ease}
.path-list article:hover{background:linear-gradient(90deg,#ffffff0d,transparent);transform:translateX(4px)}

/* Поступление — ступени как мини-пульт */
.admission-steps{border:1px solid #dbe8f3;border-radius:16px;background:linear-gradient(160deg,#f6faff,#edf6ff)}
.admission-steps b{background:linear-gradient(145deg,var(--space-blue),#0b4d9e);box-shadow:0 7px 17px rgba(23,104,196,.19)}
.tabs{gap:7px;padding-bottom:8px}
.tabs button{border-radius:9px}
.tabs button[aria-selected=true]{background:#e9f5ff;border-bottom:0;color:var(--space-royal);box-shadow:inset 0 0 0 1px #b9dbf4}

/* Пилот и документы */
.pilot-panel{box-shadow:18px 18px 0 #dcecf9,0 18px 42px rgba(7,37,79,.07)}
.pilot-stat strong{color:var(--space-deep)}
.documents-grid a{position:relative;box-shadow:0 10px 28px rgba(7,37,79,.05)}
.documents-grid a:first-child{border-top-color:var(--space-blue)}
.documents-grid a:last-child{border-top-color:var(--space-red)}

/* Форма — небольшая цветная линия, связывающая фото и текст */
.uniform-grid{border-radius:20px;overflow:hidden;box-shadow:0 22px 58px rgba(6,26,58,.15);position:relative}
.uniform-grid::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--space-blue) 0 54%,var(--space-red) 54% 72%,var(--space-green) 72%)}
.uniform-copy{background:linear-gradient(145deg,#082451,#071a39)}

/* Footer */
.footer{position:relative;background:linear-gradient(135deg,#06152f,#082451);border-top:1px solid #173a68}
.footer::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff22 1px,transparent 1px);background-size:38px 38px;opacity:.4;pointer-events:none}
.footer-inner{position:relative;z-index:1}
.footer a{padding:11px 18px;border:1px solid #ffffff2c;border-radius:999px;background:#ffffff08}
.footer a:hover{background:#ffffff12;border-color:#6bd7fb55;color:#fff}

/* Дополнительные микроэффекты */
.hero-meta>div{border-left-color:#cbddeb}
.hero-meta>div:nth-child(1):hover{border-left-color:var(--space-blue)}
.hero-meta>div:nth-child(2):hover{border-left-color:var(--space-red)}
.hero-meta>div:nth-child(3):hover{border-left-color:var(--space-green)}
.zoom-hint{background:rgba(255,255,255,.94);border:1px solid #d7e7f4;backdrop-filter:blur(8px)}

@media(max-width:1050px){
  .identity-emblem{width:82px;height:82px}
  .header-inner{min-height:102px}
  .nav{gap:4px}.nav a{padding:9px 11px;font-size:14px}
}
@media(max-width:760px){
  .header-inner{min-height:86px}
  .identity-emblem{width:68px;height:68px;padding:1.5mm}
  .identity{gap:10px}.identity strong{font-size:14px}.identity small{font-size:11px}
  .nav{display:none}
  .uniform-grid{border-radius:14px}
}
@media(max-width:500px){
  .identity-emblem{width:60px;height:60px;padding:1.5mm}
  .header-inner{min-height:78px}
  .identity strong{font-size:12px}.identity small{font-size:10px}
}

/* ============================================================
   ART DIRECTION v4 — premium aerospace editorial system
   ============================================================ */

:root{
  --accent-blue:#1168c7;
  --accent-blue-dark:#063b82;
  --accent-cyan:#35c9f4;
  --accent-red:#2f82e8;
  --accent-green:#1072a6;
  --surface:#ffffff;
  --surface-soft:#f5f9fd;
  --text:#0a2347;
  --text-soft:#425d7d;
  --hairline:#d7e5f2;
  --shadow-soft:0 18px 55px rgba(5,34,74,.09);
  --shadow-deep:0 28px 80px rgba(5,27,61,.17);
}

/* Базовая читаемость */
html{background:#061a3a}
body{background:#fff;color:var(--text);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
::selection{background:#bdeaff;color:#061a3a}
p,li{letter-spacing:.002em}
.section-lead,.section-head>p,.pilot-grid>div>p,.path-heading p,.program-card p,.purpose-grid p,.documents-grid p,.uniform-copy p,.uniform-copy li,.tab-panel li{line-height:1.62}
.section-lead,.section-head>p,.pilot-grid>div>p{color:var(--text-soft)}

/* Липкая шапка + глубина */
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(150%)}
.header-inner{position:relative}
.scroll-progress{position:fixed;z-index:160;left:0;top:0;width:100%;height:3px;pointer-events:none;background:transparent}
.scroll-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent-blue) 0 58%,var(--accent-red) 58% 76%,var(--accent-green) 76% 100%);box-shadow:0 0 14px rgba(53,201,244,.42);transition:width .08s linear}
.nav a.is-active{background:var(--space-deep);color:#fff;box-shadow:0 8px 22px rgba(6,26,58,.16)}
.nav a.is-active:hover{color:#fff;background:var(--accent-blue-dark)}

/* Лого в шапке: сильнее и чище */
.identity-emblem{position:relative;border-color:#cfe2f2;box-shadow:0 13px 36px rgba(6,31,69,.14),0 0 0 7px rgba(17,104,199,.035)}
.identity-emblem::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(255,255,255,.7);pointer-events:none}
.identity strong{font-weight:700;line-height:1.05}
.identity small{font-weight:500;letter-spacing:.015em}

/* Общая композиция секций */
.section{padding:118px 0;position:relative}
.section>.wrap{position:relative}
.section::after{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 3%,rgba(17,104,199,.16) 17%,rgba(47,130,232,.12) 50%,rgba(16,114,166,.13) 83%,transparent 97%);pointer-events:none}

/* Заголовки как у editorial / tech сайтов */
.section h2{position:relative;display:inline-block;max-width:950px;font-weight:700;letter-spacing:-.06em;text-wrap:balance;color:var(--text);z-index:1}
.section h2::after{content:"";position:absolute;z-index:-1;left:-12px;bottom:-10px;width:88px;height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(17,104,199,.18),rgba(53,201,244,.06));transform:skewX(-20deg)}
.section h2 span{position:relative;display:inline-block;background:linear-gradient(100deg,#0e61bd 0%,#0b83c7 72%);-webkit-background-clip:text;background-clip:text;color:transparent}
.section h2 span::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-red) 64%,var(--accent-green));transform:scaleX(.28);transform-origin:left;opacity:.78;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.section:hover h2 span::after{transform:scaleX(.72)}
.section-marker{width:max-content;padding:8px 12px 8px 0;border-radius:999px;font-weight:700;letter-spacing:.15em}
.section-marker span{position:relative}
.section-marker span::before{content:"";position:absolute;left:-15px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--accent-blue);box-shadow:0 0 0 5px rgba(17,104,199,.08);transform:translateY(-50%)}
.intro-grid>.section-marker span::before,.path .section-marker span::before{display:none}

/* HERO: сильный первый экран, но текст на чистом поле */
.hero-grid{min-height:720px}
.hero-copy{isolation:isolate}
.hero-copy::before{content:"";position:absolute;z-index:-1;left:-60px;top:44px;width:min(670px,54vw);height:490px;border-radius:46% 54% 55% 45%/52% 44% 56% 48%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),rgba(255,255,255,.72) 48%,rgba(255,255,255,0) 75%);filter:blur(3px);pointer-events:none}
.hero h1{font-weight:700;letter-spacing:-.082em;text-wrap:balance}
.hero h1 em{position:relative}
.hero h1 em::after{content:"";position:absolute;left:3%;right:11%;bottom:-5px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan) 58%,transparent);opacity:.2;transform:skewX(-20deg)}
.hero-lead{color:#3f5876;font-weight:500;max-width:610px}
.hero-meta>div{position:relative;padding:13px 18px;border:1px solid #dce9f4;border-left-width:3px;border-radius:10px;background:rgba(255,255,255,.75);box-shadow:0 9px 25px rgba(6,34,75,.045);backdrop-filter:blur(8px)}
.hero-meta>div:nth-child(1){border-left-color:var(--accent-blue)}
.hero-meta>div:nth-child(2){border-left-color:var(--accent-red)}
.hero-meta>div:nth-child(3){border-left-color:var(--accent-green)}
.hero-meta strong{font-weight:700}
.hero-art::before{content:"";position:absolute;z-index:-1;right:-20px;bottom:40px;width:76%;height:78%;border-radius:45% 55% 48% 52%;background:linear-gradient(140deg,rgba(17,104,199,.09),rgba(53,201,244,.03));transform:rotate(9deg)}
.hero-caption{border-radius:0 12px 12px 0;overflow:hidden}
.hero-caption::after{content:"";position:absolute;right:0;top:0;width:74px;height:100%;background:linear-gradient(135deg,transparent 0 42%,rgba(53,201,244,.13) 42% 45%,transparent 45% 57%,rgba(16,114,166,.12) 57% 60%,transparent 60%);pointer-events:none}

/* Секция проекта — три самостоятельных цветовых тезиса */
.intro{background:
  radial-gradient(circle at 98% 12%,rgba(53,201,244,.13),transparent 24%),
  linear-gradient(180deg,#fff,#fbfdff)}
.purpose-grid{gap:18px}
.purpose-grid article{min-height:215px;padding:29px 24px 26px;border:1px solid var(--hairline);border-top:4px solid var(--accent-blue);border-radius:16px;background:rgba(255,255,255,.91);box-shadow:0 12px 36px rgba(6,35,77,.055);backdrop-filter:blur(8px)}
.purpose-grid article:nth-child(2){border-top-color:var(--accent-red)}
.purpose-grid article:nth-child(3){border-top-color:var(--accent-green)}
.purpose-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#edf6ff;border:1px solid #d7e9f8;font-size:27px}
.purpose-grid article:nth-child(2) .purpose-icon{background:#f1f7fe;border-color:#dbeafc}
.purpose-grid article:nth-child(3) .purpose-icon{background:#ecf6fb;border-color:#cee5f1}
.purpose-grid h3{font-weight:700;color:var(--text)}

/* Программа — дизайнерская система карточек с фирменным цветовым кодом */
.program{background:
  linear-gradient(90deg,rgba(255,255,255,.7),rgba(255,255,255,.7)),
  radial-gradient(circle at 13% 20%,rgba(17,104,199,.12),transparent 23%),
  radial-gradient(circle at 88% 80%,rgba(16,114,166,.08),transparent 24%),
  #eef5fb}
.program-grid{gap:17px}
.program-card{--card-accent:var(--accent-blue);min-height:270px;padding:28px;border-radius:18px!important;border:1px solid #d6e5f1;background:rgba(255,255,255,.94)!important;box-shadow:0 12px 33px rgba(6,34,75,.055);overflow:hidden}
.program-card:nth-child(2){--card-accent:var(--accent-red)}
.program-card:nth-child(3){--card-accent:var(--accent-green)}
.program-card:nth-child(4){--card-accent:#168ecf}
.program-card:nth-child(5){--card-accent:#3c6fc3}
.program-card:nth-child(6){--card-accent:#4086dc}
.program-card:nth-child(7){--card-accent:#116897}
.program-card::after{left:0;right:auto;top:0;bottom:auto;width:100%;height:5px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 30%,transparent),transparent 85%);opacity:1}
.program-card::before{background:radial-gradient(230px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--card-accent) 12%,transparent),transparent 72%)}
.program-card.featured{--card-accent:var(--accent-cyan);background:linear-gradient(145deg,#061a3a,#0b3971)!important;border-color:#164d86;color:#fff;box-shadow:0 22px 55px rgba(6,26,58,.2)}
.card-no{color:var(--card-accent);font-weight:700}
.card-symbol{width:52px;height:52px;display:grid;place-items:center;margin-top:22px;border-radius:14px;background:color-mix(in srgb,var(--card-accent) 10%,white);border:1px solid color-mix(in srgb,var(--card-accent) 26%,white);color:var(--card-accent);font-size:27px}
.featured .card-symbol{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#69ddff}
.program-card h3{font-size:21px;font-weight:700;color:var(--text)}
.program-card.featured h3{color:#fff}
.program-card p{color:#506781}
.program-card.featured p{color:#c7d9ed}

/* Траектория — цветные уровни на тёмном фоне */
.path{background:
  radial-gradient(circle at 87% 16%,rgba(53,201,244,.18),transparent 23%),
  radial-gradient(circle at 15% 85%,rgba(17,104,199,.18),transparent 24%),
  linear-gradient(135deg,#071a39 0%,#051327 72%,#071d3e 100%)}
.path::before{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--accent-blue) 0 58%,var(--accent-red) 58% 77%,var(--accent-green) 77%);opacity:.85}
.path h2::after{background:linear-gradient(90deg,rgba(53,201,244,.22),transparent)}
.path-list article{position:relative;padding:27px 20px 27px 22px;border:1px solid transparent;border-bottom-color:rgba(255,255,255,.13);border-radius:14px}
.path-list article::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:4px;border-radius:999px;background:var(--accent-blue)}
.path-list article:nth-child(2)::before{background:var(--accent-red)}
.path-list article:nth-child(3)::before{background:var(--accent-green)}
.path-list article:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);transform:translateX(7px)}
.path-list article>span{font-weight:700}
.path-list article:nth-child(2)>span{color:#88b9f5}.path-list article:nth-child(3)>span{color:#69b4dc}
.path-list h3{font-size:26px;font-weight:700}

/* Поступление — цветная навигация шагов */
.admission{background:
  radial-gradient(circle at 0 80%,rgba(17,104,199,.10),transparent 27%),
  radial-gradient(circle at 100% 22%,rgba(47,130,232,.055),transparent 22%),
  #fff}
.admission-steps{padding:22px 28px;background:rgba(246,250,255,.94);box-shadow:0 14px 42px rgba(6,34,75,.055)}
.admission-steps div{position:relative;padding:21px 8px;border-bottom-color:#d9e7f2}
.admission-steps b{background:var(--accent-blue);box-shadow:0 7px 18px rgba(17,104,199,.22)}
.admission-steps div:nth-child(2) b{background:var(--accent-red);box-shadow:0 7px 18px rgba(47,130,232,.2)}
.admission-steps div:nth-child(3) b{background:var(--accent-green);box-shadow:0 7px 18px rgba(16,114,166,.2)}
.admission-steps div:nth-child(4) b{background:linear-gradient(145deg,#0f68c6,#1072a6)}
.admission-detail{background:rgba(255,255,255,.96);box-shadow:0 14px 42px rgba(6,34,75,.055)}
.tab-panel h3{font-weight:700;color:var(--text)}
.tab-panel li::marker{color:var(--accent-blue)}
.admission-foot{border-left:0;border-radius:10px;background:linear-gradient(90deg,#e9f5ff,#f4fbff);box-shadow:inset 4px 0 0 var(--accent-cyan)}

/* Пилот — большая дата как дизайнерский акцент */
.pilot{background:
  linear-gradient(135deg,transparent 49.8%,rgba(17,104,199,.055) 50%,transparent 50.2%),
  radial-gradient(circle at 90% 16%,rgba(16,114,166,.08),transparent 20%),
  linear-gradient(#f4f8fc,#edf5fb);background-size:64px 64px,auto,auto}
.pilot-stat{position:relative;padding:18px 22px 18px 25px;border:1px solid #d7e5f1;border-left:0;border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 12px 32px rgba(6,34,75,.05);overflow:hidden}
.pilot-stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(var(--accent-blue),var(--accent-red) 54%,var(--accent-green))}
.pilot-stat strong{font-size:43px;font-weight:700;letter-spacing:-.035em}
.pilot-panel{position:relative;overflow:hidden;background:rgba(255,255,255,.96)}
.pilot-panel::after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;border:1px solid rgba(17,104,199,.14);box-shadow:0 0 0 25px rgba(17,104,199,.028),0 0 0 50px rgba(53,201,244,.018);pointer-events:none}
.pilot-panel li b{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:50%;margin-right:12px;background:#eaf5ff;color:var(--accent-blue)}
.pilot-panel li:nth-child(2) b{background:#f1f7fe;color:var(--accent-red)}
.pilot-panel li:nth-child(3) b{background:#ecf6fb;color:var(--accent-green)}

/* Форма — editorial split panel */
.uniform{background:
  radial-gradient(circle at 6% 20%,rgba(17,104,199,.10),transparent 20%),
  linear-gradient(#fff,#f8fbfe)}
.uniform-grid{border:1px solid #153e6e;box-shadow:var(--shadow-deep)}
.uniform-copy{position:relative;background:
  radial-gradient(circle at 88% 12%,rgba(53,201,244,.15),transparent 22%),
  linear-gradient(145deg,#082451,#06172f 75%)}
.uniform-copy::before{content:"";position:absolute;right:0;top:0;width:120px;height:6px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-red),var(--accent-green))}
.uniform-copy h3{font-size:35px;font-weight:700;letter-spacing:-.035em}
.uniform-copy ul{list-style:none;padding:0}
.uniform-copy li{position:relative;padding-left:23px}
.uniform-copy li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--accent-blue);box-shadow:0 0 0 5px rgba(53,201,244,.07)}
.uniform-copy li:nth-child(2)::before{background:var(--accent-red);box-shadow:0 0 0 5px rgba(47,130,232,.07)}
.uniform-copy li:nth-child(3)::before{background:var(--accent-green);box-shadow:0 0 0 5px rgba(16,114,166,.07)}
.uniform-thumbs button{border-radius:12px;border-color:rgba(255,255,255,.22);box-shadow:0 8px 24px rgba(0,0,0,.16)}

/* Документы — крупные типографические номера */
.documents{background:
  radial-gradient(circle at 95% 25%,rgba(17,104,199,.09),transparent 23%),
  linear-gradient(#f2f7fb,#edf4fa)}
.documents-grid a{min-height:270px;padding:34px 34px 30px;border-top-width:0!important;overflow:hidden;background:rgba(255,255,255,.96)}
.documents-grid a::after{content:"01";position:absolute;right:20px;bottom:-24px;font-size:112px;line-height:1;font-weight:700;letter-spacing:-.09em;color:rgba(17,104,199,.055);opacity:1;background:none;width:auto;height:auto;left:auto;top:auto}
.documents-grid a:last-child::after{content:"02";color:rgba(47,130,232,.055)}
.documents-grid a::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;opacity:1;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan),transparent 80%)}
.documents-grid a:last-child::before{background:linear-gradient(90deg,var(--accent-red),var(--accent-green),transparent 80%)}
.documents-grid h3{position:relative;z-index:1;font-size:28px;font-weight:700;color:var(--text)}
.documents-grid p,.documents-grid b,.documents-grid span{position:relative;z-index:1}

/* Footer — ярче фирменные цвета */
.footer{overflow:hidden;background:
  radial-gradient(circle at 84% 35%,rgba(17,104,199,.24),transparent 22%),
  linear-gradient(135deg,#051329,#071f44)}
.footer::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--accent-blue) 0 58%,var(--accent-red) 58% 77%,var(--accent-green) 77%)}
.footer-brand img{background:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 38px rgba(0,0,0,.28)}

/* Scroll reveal: только при включённом JS */
.motion-ready .reveal-item{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.2,1)}
.motion-ready .reveal-item.is-visible{opacity:1;transform:none}

/* Уважение к контенту: декоративный слой слабее возле текста */
.space-decor{mix-blend-mode:multiply;opacity:.48}
.path .space-decor{mix-blend-mode:screen;opacity:.34}
.intro .space-decor,.admission .space-decor,.uniform .space-decor{opacity:.31}

@media(max-width:1050px){
  .section{padding:96px 0}
  .hero-grid{min-height:660px}
  .program-card{min-height:245px}
  .hero-meta{gap:10px}
  .hero-meta>div{padding:11px 13px}
}
@media(max-width:760px){
  .header{backdrop-filter:blur(14px) saturate(140%)}
  .section{padding:76px 0}
  .hero-grid{min-height:auto}
  .hero-copy::before{left:-20px;top:25px;width:110%;height:390px}
  .hero-meta>div{background:#fff}
  .section h2::after{left:-5px;width:62px;height:9px}
  .purpose-grid article{min-height:0;padding:24px 20px}
  .program-card{min-height:220px}
  .pilot-stat strong{font-size:34px}
  .uniform-copy h3{font-size:30px}
  .documents-grid a{min-height:230px}
  .documents-grid a::after{font-size:88px}
  .space-decor{opacity:.20!important}
}
@media(max-width:500px){
  .section{padding:66px 0}
  .section h2{letter-spacing:-.045em}
  .hero-meta>div{padding:9px 10px;border-radius:8px}
  .hero-meta strong{font-size:18px}
  .hero-meta span{font-size:10px}
  .program-card h3{font-size:20px}
  .pilot-stat strong{font-size:29px}
  .documents-grid h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal-item{opacity:1!important;transform:none!important;transition:none!important}
  .scroll-progress>span{transition:none}
  .section h2 span::after{transition:none}
}

/* Контраст тёмной траектории поверх глобальной типографики */
.path h2{color:#fff!important;text-shadow:0 12px 34px rgba(0,0,0,.18)}
.path h2 span{background:linear-gradient(100deg,#70dcff,#bcecff);-webkit-background-clip:text;background-clip:text;color:transparent}
.path .section-marker{color:#8bdfff}
.path .section-marker i{background:linear-gradient(90deg,#65d8ff 0 42%,#71abf3 42% 70%,#65b3dd 70%)}
.path .path-heading p{color:#c3d7ee}


/* Эмблема-фон в блоке «Проект» */
.intro{position:relative;overflow:hidden;isolation:isolate}
.intro::after{
  content:"";
  position:absolute;
  right:clamp(18px,6vw,92px);
  top:50%;
  transform:translateY(-50%);
  width:min(39vw, 560px);
  aspect-ratio:650/774;
  background:url("./emblem-watermark.png") center/contain no-repeat;
  opacity:.105;
  pointer-events:none;
  z-index:0;
  filter:drop-shadow(0 12px 28px rgba(8,36,81,.08));
}
.intro .wrap,.intro .intro-content{position:relative;z-index:1}
.intro .intro-content::before{
  content:"";
  position:absolute;
  inset:-20px -28px -24px -10px;
  background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.90) 52%,rgba(255,255,255,.72) 74%,rgba(255,255,255,0) 100%);
  border-radius:26px;
  pointer-events:none;
  z-index:-1;
}
.intro .section-lead,.intro .purpose-grid p,.intro .purpose-grid h3,.intro h2{position:relative;z-index:1}
@media(max-width:1050px){
  .intro::after{right:-16px;width:min(44vw,420px);opacity:.09}
  .intro .intro-content::before{inset:-16px -18px -18px -8px}
}
@media(max-width:760px){
  .intro::after{right:-42px;top:36%;transform:none;width:240px;opacity:.08}
  .intro .intro-content::before{inset:-12px -12px -14px -8px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.88) 72%,rgba(255,255,255,.78))}
}
@media(max-width:500px){
  .intro::after{width:190px;right:-46px;top:52px;opacity:.07}
}

/* User supplied uniform concepts and student portraits */
.uniform-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.uniform-thumbs button{width:100%;height:auto;aspect-ratio:1}
.uniform-thumbs img{width:100%;height:100%;object-fit:cover}
.uniform-gallery{margin-top:42px}
.uniform-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
.uniform-gallery-head h3{margin:0;color:var(--navy);font-size:28px;line-height:1.15}
.uniform-gallery-head p{max-width:540px;margin:0;color:var(--muted);font-size:15px}
.uniform-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.uniform-gallery-grid button,.uniform-detail-grid button{display:block;position:relative;padding:0;border:0;overflow:hidden;background:#e9f1fa;border-radius:12px;text-align:left;cursor:zoom-in}
.uniform-gallery-grid img{width:100%;height:280px;object-fit:cover;object-position:center top;transition:transform .3s}
.uniform-gallery-grid button:hover img,.uniform-detail-grid button:hover img{transform:scale(1.04)}
.uniform-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.uniform-detail-grid img{width:100%;height:190px;object-fit:contain;background:#f7faff;transition:transform .3s}
.uniform-detail-grid span{position:absolute;left:12px;bottom:12px;padding:5px 9px;background:rgba(6,30,66,.84);color:#fff;border-radius:4px;font-size:12px;font-weight:700}
@media(max-width:760px){.uniform-gallery-head{display:block}.uniform-gallery-head p{margin-top:8px}.uniform-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uniform-gallery-grid img{height:260px}}
@media(max-width:500px){.uniform-thumbs{gap:6px}.uniform-gallery-grid{gap:8px}.uniform-gallery-grid img{height:190px}.uniform-detail-grid img{height:130px}}
/* 2026 visual refresh: strong colour, clear type and consistent contrast */
:root{--brand-blue:#075aaa;--brand-red:#266fc8;--brand-green:#0a5279;--brand-ink:#092449}
section[id]{scroll-margin-top:104px}
.hero h1 em,.section h2 span{background:none!important;color:var(--brand-blue)!important;-webkit-text-fill-color:var(--brand-blue)!important;text-shadow:none}
.section h2{font-size:clamp(42px,4.35vw,68px);line-height:1.06;letter-spacing:-.058em;color:var(--brand-ink);text-wrap:balance}
.section h2::after{height:8px;bottom:-14px;width:112px;background:linear-gradient(90deg,var(--brand-blue) 0 54%,var(--brand-red) 54% 75%,var(--brand-green) 75%);opacity:.95;transform:none}
.section h2 span::after{display:none}
.section-marker{padding:8px 14px;border:1px solid #cfe1f1;background:#f2f8fe;color:#07549f;box-shadow:0 5px 18px rgba(8,55,109,.045)}
.section-marker i{height:4px;background:linear-gradient(90deg,var(--brand-blue) 0 40%,var(--brand-red) 40% 70%,var(--brand-green) 70%)}
.section-marker span::before{display:none}
.section-head{align-items:center}
.section-head>p,.section-lead,.pilot-grid>div>p,.purpose-grid p,.program-card p,.documents-grid p{color:#344d6b}
.nav a{border-bottom:3px solid transparent;padding-bottom:7px}
.nav a:hover,.nav a:focus-visible{border-bottom-color:var(--brand-red)}
.nav a.is-active{border-bottom-color:var(--brand-green)}
.hero{background:radial-gradient(circle at 88% 14%,#dcefff 0,transparent 30%),linear-gradient(115deg,#fff 0%,#fff 53%,#edf7ff 100%)}
.hero::after{content:"";position:absolute;right:2%;top:9%;width:74px;height:74px;border:9px solid rgba(10,82,121,.13);border-radius:50%;pointer-events:none}
.hero-lead{color:#314968}
.btn-primary{background:var(--brand-blue);box-shadow:inset 5px 0 0 var(--brand-red),0 14px 28px rgba(7,55,112,.17)}
.btn-primary:hover{background:#064581}
.text-link{border-bottom:2px solid var(--brand-red)}
.hero-caption span{color:#9fe7ff}
.hero-meta span{color:#4c617b}
.mission-ribbon{position:relative;z-index:3;background:#071e40;padding:0}
.mission-ribbon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.mission-ribbon-grid>div{min-height:112px;display:flex;flex-direction:column;justify-content:center;padding:18px 30px;color:#fff;border-top:6px solid var(--brand-blue);background:linear-gradient(135deg,#0b3f80,#082c5d)}
.mission-ribbon-grid>div:nth-child(2){border-top-color:var(--brand-red);background:linear-gradient(135deg,#205698,#194275)}
.mission-ribbon-grid>div:nth-child(3){border-top-color:#127eb8;background:linear-gradient(135deg,#0a5279,#073d5b)}
.mission-ribbon-grid>div+div{border-left:1px solid rgba(255,255,255,.18)}
.mission-ribbon span{font-size:11px;font-weight:700;letter-spacing:.16em;color:#dcf5ff}
.mission-ribbon strong{margin-top:6px;font-size:19px;line-height:1.2;font-weight:700}
.purpose-grid article{border-top-width:6px}
.purpose-grid article:nth-child(1) .purpose-icon{color:var(--brand-blue)}
.purpose-grid article:nth-child(2) .purpose-icon{color:var(--brand-red)}
.purpose-grid article:nth-child(3) .purpose-icon{color:var(--brand-green)}
.purpose-grid h3,.program-card h3,.tab-panel h3,.documents-grid h3{color:var(--brand-ink)}
.program-card{border-color:#cbddeb}
.program-card::after{background:var(--card-accent)}
.program-card:nth-child(2){--card-accent:var(--brand-red)}
.program-card:nth-child(3),.program-card:nth-child(7){--card-accent:var(--brand-green)}
.program-card .card-no,.program-card .card-symbol{color:var(--card-accent)}
.program-card.featured .card-no,.program-card.featured .card-symbol{color:#8ce4ff}
.program-card.featured h3,.program-card.featured p{color:#fff}
.path{color:#fff}
.path h2,.path h2 span{color:#fff!important;-webkit-text-fill-color:#fff!important}
.path h2::after{background:linear-gradient(90deg,#62d7ff 0 55%,#7cb2f4 55% 78%,#64b3dd 78%)}
.path .section-marker{background:#143960;border-color:#3a648a;color:#d9f5ff}
.path-heading p,.path-list p{color:#d5e6f8}
.path-list strong{color:#a4e6ff}
.path-list article{background:rgba(255,255,255,.025)}
.path-list article:nth-child(2) h3{color:#e7f1fd}
.path-list article:nth-child(3) h3{color:#d7ecf8}
.admission-steps div:nth-child(3) b,.pilot-panel li:nth-child(3) b{background:#0a5279;color:#fff}
.admission-foot{color:#284563}
.tabs button{color:#3c5574}
.tabs button[aria-selected=true]{color:var(--brand-blue);border-bottom-color:var(--brand-red)}
.pilot-panel{border-top:6px solid var(--brand-green)}
.pilot-panel p{color:#425a76}
.uniform-gallery-head h3{position:relative;padding-left:18px;color:var(--brand-ink);font-size:32px;font-weight:700}
.uniform-gallery-head h3::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;border-radius:9px;background:linear-gradient(var(--brand-blue) 0 50%,var(--brand-red) 50% 75%,var(--brand-green) 75%)}
.uniform-gallery-head p{color:#3b5471}
.uniform-gallery-grid button{border:3px solid #d5e5f2;box-shadow:0 12px 30px rgba(7,38,79,.10)}
.uniform-gallery-grid button:nth-child(2){border-color:#cbdcf1}
.uniform-gallery-grid button:nth-child(3){border-color:#b7d3e2}
.uniform-gallery-grid button:nth-child(4){border-color:#bfd9ec}
.uniform-detail-grid button{border:1px solid #cbddeb}
.documents-grid a{border-color:#cbddeb}
.documents-grid a:first-child{box-shadow:inset 0 6px 0 var(--brand-blue),0 10px 28px rgba(7,37,79,.07)}
.documents-grid a:last-child{box-shadow:inset 0 6px 0 var(--brand-red),0 10px 28px rgba(7,37,79,.07)}
.documents-grid b{color:var(--brand-blue)}
.footer p,.footer-brand small{color:#d5e3f4}
.footer a{border-color:#9dbad9;color:#fff}
:focus-visible{outline:3px solid #418be6;outline-offset:3px}
@media(max-width:1050px){.mission-ribbon-grid>div{padding:17px 20px}.mission-ribbon strong{font-size:17px}}
@media(max-width:760px){section[id]{scroll-margin-top:83px}.section h2{font-size:clamp(38px,8vw,55px)}.mission-ribbon-grid{grid-template-columns:1fr}.mission-ribbon-grid>div{min-height:76px;padding:13px 20px;border-top-width:0;border-left:6px solid var(--brand-blue)}.mission-ribbon-grid>div:nth-child(2){border-left-color:var(--brand-red)}.mission-ribbon-grid>div:nth-child(3){border-left-color:#127eb8}.mission-ribbon-grid>div+div{border-top:1px solid rgba(255,255,255,.16)}.mission-ribbon span{font-size:10px}.mission-ribbon strong{font-size:16px;margin-top:2px}.hero::after{display:none}}
@media(max-width:500px){.section h2{font-size:38px;line-height:1.1}.section-marker{font-size:10px;letter-spacing:.08em}.mission-ribbon-grid>div{min-height:68px}.uniform-gallery-head h3{font-size:27px}}
/* Hero group portrait: preserve the full width so every student remains visible */
.hero-arch{background:linear-gradient(160deg,#e8f4ff,#bdD6ed)}
.hero-arch::after{content:"";position:absolute;inset:-24px;background:url("./images/uniform-students.webp") center/cover no-repeat;filter:blur(26px);opacity:.40;z-index:0;pointer-events:none}
.hero-arch::before{z-index:2}
.hero-arch .students-photo{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center center}
.hero-arch .zoom-hint{z-index:3}
/* Lightweight technical illustrations sit behind content, never above text */
.cosmic-art{position:absolute;z-index:0;display:block;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain}
.program .cosmic-art-rocket{width:min(48vw,640px);aspect-ratio:1;right:-145px;top:95px;background-image:url("./images/rocket-trails.svg");opacity:.52}
.path .cosmic-art-orbit{width:min(66vw,780px);aspect-ratio:820/560;right:-95px;top:15px;background-image:url("./images/orbital-network.svg");opacity:.58}
.pilot .cosmic-art-launch{width:min(42vw,530px);aspect-ratio:1;left:-190px;bottom:-145px;background-image:url("./images/rocket-trails.svg");opacity:.24;transform:rotate(-24deg)}
.program>.wrap,.path>.wrap,.pilot>.wrap{position:relative;z-index:2}
@media(max-width:1050px){.program .cosmic-art-rocket{right:-210px;top:130px;opacity:.37}.path .cosmic-art-orbit{right:-170px;opacity:.40}}
@media(max-width:760px){.program .cosmic-art-rocket{width:340px;right:-165px;top:80px;opacity:.20}.path .cosmic-art-orbit{width:420px;right:-220px;top:100px;opacity:.24}.pilot .cosmic-art-launch{display:none}}
.program>.space-decor,.pilot>.space-decor{opacity:.14}
.path>.space-decor{opacity:.10}

/* 05 / ПИЛОТ — subdued city-and-space background with protected text contrast */
.pilot{position:relative;isolation:isolate;overflow:hidden;background:#f3f8fd}
.pilot::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("./images/pilot-background.png") center/cover no-repeat;opacity:.24}
.pilot>.cosmic-art-launch{display:none}
.pilot>.wrap{position:relative;z-index:1}
@media(max-width:760px){.pilot::before{background-position:42% center;opacity:.14}}

/* 06 / ФОРМА — soft uniform-themed background kept behind all content */
.uniform{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),url("./images/uniform-section-background.png") center top/cover no-repeat}
.uniform::after{content:none}
.uniform>.wrap{position:relative;z-index:1}
@media(max-width:760px){.uniform{background-image:linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)),url("./images/uniform-section-background.png")}}

/* Individual technical drawings for the seven programme areas */
.program-card .program-illustration{position:absolute;z-index:0;top:27px;right:20px;width:100px;height:100px;overflow:visible;pointer-events:none;color:var(--card-accent);stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.57;transition:transform .3s ease,opacity .3s ease}
.program-card.featured .program-illustration{color:#8ce4ff;opacity:.72}
.program-card:hover .program-illustration{opacity:.82;transform:translateY(-3px) rotate(-4deg)}
.program-card .card-no,.program-card .card-symbol,.program-card h3,.program-card p{position:relative;z-index:1}
@media(max-width:760px){.program-card .program-illustration{width:88px;height:88px;right:17px;top:23px;opacity:.48}}
@media(max-width:500px){.program-card .program-illustration{width:76px;height:76px;right:16px;top:22px}}
@media(prefers-reduced-motion:reduce){.program-card .program-illustration{transition:none}.program-card:hover .program-illustration{transform:none}}
/* Keep the custom illustrations, remove the redundant round symbols */
.program-card h3{margin-top:92px}
@media(max-width:760px){.program-card h3{margin-top:78px}}
@media(max-width:500px){.program-card h3{margin-top:70px}}
/* Rocket control console: photo screens, bezels and status readouts */
.hero-arch{inset:25px 8% 90px 9%;border:7px solid #0b315b;border-radius:22px;background:#dcecf9;box-shadow:0 0 0 5px #d6e8f5,0 0 0 7px #477ba9,20px 24px 0 #d6e9f8,0 28px 70px rgba(6,26,58,.18)}
.hero-arch::before{inset:8px;border:1px solid rgba(91,214,255,.65);border-radius:11px;background:linear-gradient(0deg,rgba(5,31,65,.10),transparent 35%);pointer-events:none}
.hero-arch .students-photo{object-fit:contain;object-position:center center}
.console-tag{position:absolute;z-index:4;left:18px;top:17px;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(138,221,255,.7);border-radius:5px;background:rgba(7,30,60,.9);color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1;box-shadow:0 7px 18px rgba(3,19,43,.18);pointer-events:none}
.console-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#4faee1;box-shadow:0 0 0 3px rgba(79,174,225,.16),0 0 10px rgba(79,174,225,.7)}
.hero-caption{left:9%;right:8%;bottom:0;min-height:76px;border:2px solid #3271a7;border-left:5px solid var(--brand-red);border-radius:11px;padding:14px 22px;background:linear-gradient(110deg,#071d3c,#0a376b);box-shadow:0 12px 28px rgba(5,28,63,.25)}
.hero-caption::before{content:"";position:absolute;right:17px;top:15px;width:7px;height:7px;border-radius:50%;background:#5bb3e3;box-shadow:-15px 0 #61a1f0,-30px 0 #5bdcff}
.uniform-grid{border:8px solid #0a2b50;border-radius:20px;background:#092744;box-shadow:0 25px 65px rgba(5,25,57,.2)}
.uniform-photo{border-right:2px solid #348ebd;background:#0a2c50}
.uniform-photo img{height:570px;width:100%;object-fit:contain;object-position:center;background:linear-gradient(140deg,#e8f3fc,#d4e6f4)}
.uniform-photo::before{content:"";position:absolute;inset:10px;z-index:2;border:1px solid rgba(85,208,248,.72);border-radius:5px;pointer-events:none}
.uniform-photo::after{content:"";position:absolute;inset:16px;z-index:2;background:linear-gradient(#65d8ff,#65d8ff) left top/30px 3px no-repeat,linear-gradient(#65d8ff,#65d8ff) left top/3px 30px no-repeat,linear-gradient(#65d8ff,#65d8ff) right bottom/30px 3px no-repeat,linear-gradient(#65d8ff,#65d8ff) right bottom/3px 30px no-repeat;pointer-events:none}
.uniform-photo .console-tag{left:23px;top:22px}
.uniform-photo .zoom-hint{z-index:4}
.uniform-thumbs button{border:3px solid #2d78a5;background:#0c355d;box-shadow:0 0 0 2px rgba(114,210,244,.12),0 8px 24px rgba(0,0,0,.2)}
.uniform-thumbs img{object-fit:contain;background:#eef6fc}
.uniform-gallery-grid{counter-reset:console-screen}
.uniform-gallery-grid button{counter-increment:console-screen;padding:0 0 28px;border:6px solid #0c3d6e;border-radius:14px;background:#092b4d;box-shadow:0 8px 0 #d4e4f1,0 16px 32px rgba(7,38,79,.12)}
.uniform-gallery-grid button:nth-child(2){border-color:#2a578d}
.uniform-gallery-grid button:nth-child(3){border-color:#09496b}
.uniform-gallery-grid button:nth-child(4){border-color:#0a679d}
.uniform-gallery-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;background:#d9e9f5;border-bottom:1px solid #66b7dd}
.uniform-gallery-grid button::before{content:"ЭКРАН / 0" counter(console-screen);position:absolute;z-index:2;left:10px;bottom:7px;color:#e2f5ff;font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1}
.uniform-gallery-grid button::after{content:"";position:absolute;right:12px;bottom:10px;width:6px;height:6px;border-radius:50%;background:#65b2dc;box-shadow:-13px 0 #589bed,-26px 0 #62d7ff}
.uniform-gallery-grid button:hover{border-color:#55bfe9;transform:translateY(-3px)}
.uniform-detail-grid button{padding:0 0 29px;border:6px solid #0b3b69;border-radius:14px;background:#092b4d;box-shadow:0 8px 0 #d4e4f1,0 16px 32px rgba(7,38,79,.1)}
.uniform-detail-grid img{height:190px;background:#eef6fc;border-bottom:1px solid #70c5e7}
.uniform-detail-grid span{left:10px;bottom:5px;padding:0;background:none;color:#e2f5ff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.uniform-detail-grid button::after{content:"";position:absolute;right:12px;bottom:10px;width:6px;height:6px;border-radius:50%;background:#65b2dc;box-shadow:-13px 0 #589bed}
@media(max-width:760px){.hero-art{height:570px}.hero-arch{inset:20px 8% 82px 8%}.hero-caption{left:8%;right:8%;min-height:70px}.uniform-photo{border-right:0;border-bottom:2px solid #348ebd}.uniform-photo img{height:440px}}
@media(max-width:500px){.hero-art{height:460px}.hero-arch{inset:18px 8% 72px 8%;border-width:5px;border-radius:16px}.hero-caption{padding:9px 12px;min-height:62px}.hero-caption::before{display:none}.console-tag{left:11px;top:11px;padding:5px 7px;font-size:8px}.uniform-grid{border-width:5px}.uniform-photo img{height:340px}.uniform-photo .console-tag{left:15px;top:15px}.uniform-gallery-grid button,.uniform-detail-grid button{border-width:4px}.uniform-gallery-grid img{height:auto;aspect-ratio:4/3}}
/* Fill photo frames while keeping group portraits and faces visible. */
.hero-art{width:100%;height:auto;aspect-ratio:0.85;align-self:center}
.hero-arch .students-photo{object-fit:cover;object-position:center top}
.hero-arch::after{display:none}
.hero-badge{top:auto;bottom:92px}
.hero-arch .console-tag,.uniform-photo .console-tag{top:auto;bottom:14px;left:14px}
.hero-arch .zoom-hint,.uniform-photo .zoom-hint{bottom:52px}
.uniform-photo{align-self:start;aspect-ratio:1;min-width:0}
.uniform-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.uniform-thumbs img{width:100%;height:100%;object-fit:cover;object-position:center}
.uniform-gallery-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center top}
.hero-arch:hover .students-photo,.uniform-photo:hover img,.uniform-thumbs button:hover img,.uniform-gallery-grid button:hover img{transform:none}
@media(max-width:760px){.hero-art{align-self:stretch}.uniform-photo{aspect-ratio:4/3}}
/* Shared dark palette for the header and project operator footer. */
.header,.footer{background:radial-gradient(circle at 84% 35%,rgba(17,104,199,.24),transparent 22%),linear-gradient(135deg,#051329,#071f44)}
.header{color:#fff;border-bottom-color:#173a68}
.header .identity strong{color:#fff}
.header .identity small{color:#d5e3f4}
.header .nav{background:rgba(255,255,255,.06);border-color:rgba(157,186,217,.3);box-shadow:none}
.header .nav a,.header .mobile-nav a{color:#e8f1fc}
.header .nav a:hover,.header .nav a:focus-visible,.header .mobile-nav a:hover,.header .mobile-nav a:focus-visible{color:#fff;background:rgba(98,215,255,.14)}
.header .nav a.is-active{color:#fff;background:#164775}
.header .mobile-nav:not([hidden]){background:#071f44;border-top-color:#284563}
.header .mobile-nav a{border-bottom-color:#284563}
.header .menu-toggle{border-color:#9dbad9}
.header .menu-toggle span{background:#fff}
/* Locally hosted PF Din Text Cond Pro: original supplied font files. */
@font-face{font-family:'PF Din Text Cond Pro';src:url('./fonts/PFDinTextCondPro-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PF Din Text Cond Pro';src:url('./fonts/PFDinTextCondPro-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'PF Din Text Cond Pro';src:url('./fonts/PFDinTextCondPro-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
body{font-family:'PF Din Text Cond Pro','Arial Narrow',Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
/* Keep the hero emblem above the photo and its frame. */
.hero-badge{z-index:5}

/* Reuse the header emblem frame and crop in the footer. */
.footer-brand .identity-emblem img{width:100%;height:100%;border:0;box-shadow:none;transform:scale(1.83)}
.footer-brand:hover .identity-emblem img{transform:scale(1.90) rotate(-2deg)}
/* Transparent engineering scene behind the project introduction. */
.intro::after{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;background:url('./images/engineering-students-background.png') center bottom/100% auto no-repeat;opacity:.13;filter:none;pointer-events:none;z-index:0}
.intro .intro-content::before{display:none}
@media(max-width:760px){.intro::after{background-size:auto 46%;background-position:center bottom;opacity:.09}}
/* Slow, staggered scroll reveals; translate preserves each element's own transform. */
.motion-ready .reveal-item{opacity:0;transform:none;translate:0 28px;transition:opacity 1.2s ease,translate 1.2s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-item.is-visible{opacity:1;translate:0 0}
.motion-ready .reveal-item:focus-within{opacity:1;translate:0 0;transition:none}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal-item{opacity:1!important;translate:none!important;transition:none!important}}
@media print{.motion-ready .reveal-item{opacity:1!important;translate:none!important;transform:none!important}}
/* Rocket, satellite and Earth illustration for the first programme card. */
.program-card.featured .program-illustration-space{top:16px;right:8px;width:180px;height:188px;color:#75dcf5;opacity:.8}
.program-card.featured:hover .program-illustration-space{transform:translateY(-3px);opacity:.9}
@media(max-width:500px){.program-card.featured .program-illustration-space{width:165px;height:172px;right:12px;top:12px}}
/* Aviation: airflow, aircraft plan and a hatched wing section. */
.program-card .program-illustration-aviation{top:18px;right:8px;width:176px;height:190px;color:#65a4f2;opacity:.72}
.program-card:hover .program-illustration-aviation{transform:translateY(-3px);opacity:.85}
@media(max-width:500px){.program-card .program-illustration-aviation{width:160px;height:174px;right:12px;top:12px}}
.program-card .program-illustration-aviation{top:10px;width:170px;height:132px}
@media(max-width:760px){.program-card .program-illustration-aviation{top:8px;width:150px;height:120px}}
@media(max-width:500px){.program-card .program-illustration-aviation{top:8px;width:142px;height:110px}}

/* Large aviation drawing behind the card text. */
.program-card .program-illustration-aviation{top:16px;right:4px;width:220px;height:238px;z-index:0;opacity:.32}
.program-card:hover .program-illustration-aviation{opacity:.4;transform:translateY(-3px)}
@media(max-width:760px){.program-card .program-illustration-aviation{top:12px;right:4px;width:210px;height:228px}}
@media(max-width:500px){.program-card .program-illustration-aviation{top:10px;right:6px;width:215px;height:233px}}
/* Drone, flight route and destination behind the third card's text. */
.program-card .program-illustration-drone{top:18px;right:4px;width:220px;height:220px;z-index:0;color:#0b5e8b;opacity:.34}
.program-card:hover .program-illustration-drone{opacity:.42;transform:translateY(-3px)}
@media(max-width:760px){.program-card .program-illustration-drone{top:12px;right:4px;width:210px;height:210px}}
@media(max-width:500px){.program-card .program-illustration-drone{top:10px;right:6px;width:215px;height:215px}}
/* AI chip and brain, matching the supplied cyan reference. */
.program-card .program-illustration-ai{top:18px;right:4px;width:220px;height:220px;z-index:0;color:#00addb;opacity:.27}
.program-card:hover .program-illustration-ai{opacity:.34;transform:translateY(-3px)}
@media(max-width:760px){.program-card .program-illustration-ai{top:12px;right:4px;width:210px;height:210px}}
@media(max-width:500px){.program-card .program-illustration-ai{top:10px;right:6px;width:215px;height:215px}}
/* Mechanical engineering gear, matching the supplied blue reference. */
.program-card .program-illustration-gear{top:18px;right:4px;width:220px;height:220px;z-index:0;color:#009af0;opacity:.25}
.program-card:hover .program-illustration-gear{opacity:.32;transform:translateY(-3px)}
@media(max-width:760px){.program-card .program-illustration-gear{top:12px;right:4px;width:210px;height:210px}}
@media(max-width:500px){.program-card .program-illustration-gear{top:10px;right:6px;width:215px;height:215px}}
/* Rocket, aircraft, satellite and Earth for the sixth programme card. */
.program-card .program-illustration-forces{top:12px;right:4px;width:225px;height:220px;z-index:0;color:#4793f0;opacity:.3}
.program-card:hover .program-illustration-forces{opacity:.38;transform:translateY(-3px)}
@media(max-width:760px){.program-card .program-illustration-forces{top:10px;right:4px;width:215px;height:210px}}
@media(max-width:500px){.program-card .program-illustration-forces{top:8px;right:6px;width:220px;height:215px}}
/* Engineering drawing: cube, gear, set square and coordinate axes. */
.program-card .program-illustration-design{top:12px;right:4px;width:220px;height:220px;z-index:0;color:#0b5e8b;opacity:.28}
.program-card:hover .program-illustration-design{opacity:.36;transform:translateY(-3px)}
@media(max-width:760px){.program-card .program-illustration-design{top:10px;right:4px;width:210px;height:210px}}
@media(max-width:500px){.program-card .program-illustration-design{top:8px;right:6px;width:215px;height:215px}}
/* Transparent launch pad replaces the abstract programme rocket. */
.program-launch-background{position:absolute;inset:20px 0 0;z-index:0;pointer-events:none;background:url('./images/rocket-launch-background.png') right bottom/auto 95% no-repeat;opacity:.12}
@media(max-width:760px){.program-launch-background{background-size:auto 650px;opacity:.08}}
/* Engineering blueprint replaces the abstract trajectory decoration. */
.path>.space-decor,.path::before,.path::after{display:none}
.path-blueprint-background{position:absolute;inset:0;z-index:0;pointer-events:none;background:url('./images/blueprint-gears-background.png') center/contain no-repeat;opacity:.16}
@media(max-width:760px){.path-blueprint-background{background-position:center bottom;background-size:auto 75%;opacity:.10}}
/* Compact section labels with equal padding around their contents. */
.section-marker,.intro-grid>.section-marker{display:inline-flex;width:fit-content;max-width:100%;height:auto;min-height:0;align-self:start;justify-self:start;align-items:center;padding:8px 14px;line-height:1.2}
/* Every numbered section starts with its label, then a spaced block heading. */
.section h2{display:block;margin-top:22px}
.intro-grid{grid-template-columns:minmax(0,1fr);gap:22px}
.intro .intro-content h2{margin-top:0}
/* Contemporary engineering details with restrained emblem colours. */
:root{--emblem-red:#d8344c;--emblem-green:#09865b}
.hero-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.hero-topics span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #cddfec;border-radius:8px;background:rgba(255,255,255,.8);color:#274b71;font-size:14px;letter-spacing:.025em}
.hero-topics i{font-style:normal;color:#147fc3;font-size:17px}
.hero-topics span:nth-child(2) i{color:var(--emblem-red)}
.hero-topics span:nth-child(3) i{color:var(--emblem-green)}
.hero-art{isolation:isolate}
.hero-art::before{inset:0 -12px 0 0;width:auto;height:auto;z-index:-1;border-radius:24px;transform:none;background:linear-gradient(#2674b510 1px,transparent 1px),linear-gradient(90deg,#2674b510 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%)}
.identity-emblem{box-shadow:0 0 0 4px #ffffff08,0 10px 30px #0002;border-bottom-color:var(--emblem-red);border-right-color:var(--emblem-green)}
.hero-badge{box-shadow:0 0 0 3px #fff,0 0 0 5px #297ab855,0 18px 45px #071a3940;border-bottom:3px solid var(--emblem-red);border-right:3px solid var(--emblem-green)}
.header::after,.footer::after{background:linear-gradient(90deg,#1474ba 0 84%,var(--emblem-red) 84% 92%,var(--emblem-green) 92%)}
.section-marker i{background:linear-gradient(90deg,#1474ba 0 64%,var(--emblem-red) 64% 82%,var(--emblem-green) 82%)}
.period{color:var(--emblem-red)}
.btn-primary{box-shadow:inset 4px 0 0 var(--emblem-red),0 12px 30px #075aaa24}
.hero-caption{border-left-color:var(--emblem-red)}
.console-tag::before{background:#49d5aa;box-shadow:0 0 0 3px #49d5aa22,0 0 12px #49d5aa44}
.hero-caption::before{background:#49d5aa;box-shadow:-15px 0 #e66073,-30px 0 #5bdcff}
.mission-ribbon-grid>div:nth-child(2){border-top-color:var(--emblem-red)}
.mission-ribbon-grid>div:nth-child(3){border-top-color:var(--emblem-green)}
.program-card{box-shadow:0 4px 6px #09244903,0 16px 35px #09244909}
.program-card .card-no{display:inline-flex;align-items:center;gap:9px;width:fit-content}
.program-card .card-no::after{content:'';width:25px;height:1px;background:currentColor;opacity:.35}
.documents-grid a{position:relative}
.documents-grid a b{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border:1px solid #cbdfee;border-radius:8px;background:#f3f9ff}
.path-list article{backdrop-filter:blur(3px);border-radius:16px}
@media(hover:hover){.program-card:hover,.purpose-grid article:hover,.documents-grid a:hover{border-color:#68b2e2;box-shadow:0 18px 42px #0b47781a,0 0 0 1px #68b2e222}.hero-topics span:hover{border-color:#72b3dd;background:#f0f8ff}}
@media(max-width:760px){.mission-ribbon-grid>div:nth-child(2){border-top-width:0;border-left-color:var(--emblem-red)}.mission-ribbon-grid>div:nth-child(3){border-top-width:0;border-left-color:var(--emblem-green)}}
@media(max-width:500px){.hero-topics{gap:6px;margin-top:20px}.hero-topics span{padding:5px 9px;font-size:13px}.hero-art::before{inset:0}}
/* Landscape hero frame follows the supplied photograph without cropping. */
.hero-art{height:auto;aspect-ratio:auto;padding:25px 0 0;margin-bottom:28px}
.hero-arch{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;margin:0;border-radius:22px}
.hero-arch .students-photo{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;display:block}
.hero-caption{position:relative;inset:auto;width:100%;margin-top:20px;min-height:76px}
.hero-badge{top:auto;bottom:105px;right:-12px;width:112px;height:112px}
@media(max-width:760px){.hero-art{padding-top:20px;margin-bottom:30px}.hero-caption{min-height:70px}.hero-badge{width:96px;height:96px;right:0;bottom:99px}}
@media(max-width:500px){.hero-arch{border-radius:16px}.hero-caption{min-height:62px;margin-top:16px}.hero-badge{width:76px;height:76px;bottom:84px;right:-2px}}
/* Reference-inspired aerospace landing screen. */
.hero{background:#eef8ff url('./images/hero-space-background.png') center bottom/cover no-repeat;padding:32px 0 0}
.hero::after,.hero>.space-decor,.hero-art .orbit-ring{display:none}
.hero .wrap{width:min(1360px,calc(100% - 100px))}
.hero-grid{grid-template-columns:.88fr 1.12fr;gap:42px;min-height:0;align-items:center}
.hero-copy{padding:12px 0 26px}
.hero .eyebrow{font-size:11px;letter-spacing:.15em}
.hero h1{font-size:clamp(64px,6.5vw,108px);line-height:.91;letter-spacing:-.045em;margin:26px 0 26px}
.hero h1 em{color:#007ec1!important;-webkit-text-fill-color:#007ec1!important}
.hero-statement{font-size:clamp(23px,2.2vw,32px);line-height:1.12;font-weight:700;color:#082b50;margin:0 0 20px}
.hero-lead{font-size:19px;line-height:1.45;font-weight:400;color:#173e64;max-width:530px}
.hero-topics{margin-top:20px}
.hero-topics span{background:#ffffffb8;border-color:#b9ddf5;padding:8px 14px}
.hero-actions{margin-top:26px;gap:26px}
.hero .btn-primary{background:linear-gradient(135deg,#008acb,#0055a9);border:1px solid #27c7fa;border-left:5px solid #df2847;border-radius:10px;box-shadow:0 12px 28px #006da930;min-height:60px;font-size:17px}
.hero-art{padding:8px 0 0;margin:0 0 20px;align-self:center}
.hero-art::before{inset:-12px -18px 85px;border:1px solid #80d4ff88;border-radius:36px;background:none;mask-image:none}
.hero-arch{border:6px solid #ecfaff;border-radius:24px;box-shadow:0 0 0 1px #62b9e1,0 0 0 8px #ffffff8c,0 0 0 10px #84d9fb55,0 20px 50px #007ac42b}
.hero-arch::before{inset:7px;border:1px solid #59d6ff;border-radius:16px;background:none;box-shadow:inset 0 0 16px #36bfff60}
.hero-arch .console-tag{left:18px;bottom:16px;background:#072b46b3;border-color:#67cbf180;font-size:9px}
.hero-badge{width:116px;height:116px;bottom:108px;right:-14px}
.hero-caption{margin-top:20px;border:1px solid #ffffff;border-left:1px solid #fff;border-radius:18px;padding:14px 22px;min-height:90px;background:linear-gradient(120deg,#c5e5facf,#e7f6ffbd);color:#082e55;box-shadow:0 2px 0 #fff,0 10px 35px #0a80c11a;backdrop-filter:blur(10px)}
.hero-caption>span{color:#075c9f;font-size:10px;letter-spacing:.18em}
.hero-caption strong{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:21px;margin-top:10px}
.hero-caption strong b{color:#009fd4}
.hero-caption::before,.hero-caption::after{display:none}
.hero-facts{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;margin:22px auto 40px;padding:20px 24px;border:1px solid #bedff5;border-radius:18px;background:#fffffff0;box-shadow:0 14px 45px #0b72ae18;backdrop-filter:blur(12px)}
.hero-facts>div{display:flex;align-items:center;gap:14px;padding:0 20px;border-right:1px solid #c4def0}
.hero-facts>div:first-child{padding-left:0}.hero-facts>div:last-child{border:0;padding-right:0}
.hero-facts strong{display:block;font-size:30px;line-height:1.1;color:#082d55}.hero-facts span:not(.fact-icon){display:block;color:#335e85;font-size:14px}
.hero-facts small{font-size:12px;color:#5881a4;border-left:1px solid #c4def0;padding-left:12px;line-height:1.4}
.hero-facts .fact-icon{font-size:34px;color:#0073bc;line-height:1}
.hero-facts .fact-title{font-size:18px}
.hero-scroll{display:flex;justify-content:center;align-items:center;gap:12px;padding:26px 0 24px;color:#315e86;font-size:12px;text-decoration:none;letter-spacing:.07em}
.hero-scroll>span{display:grid;place-items:center;width:24px;height:36px;border:1px solid #63a8d7;border-radius:14px;color:#0074b9;font-size:20px;background:#fff9}
@media(max-width:1100px){.hero .wrap{width:calc(100% - 60px)}.hero-grid{gap:28px;grid-template-columns:1fr 1fr}.hero h1{font-size:72px}.hero-facts{padding:18px}.hero-facts>div{padding:0 12px}.hero-facts small{display:none}.hero-caption strong{font-size:18px}}
@media(max-width:760px){.hero{padding-top:20px;background-position:center bottom}.hero .wrap{width:calc(100% - 36px)}.hero-grid{display:flex;gap:24px}.hero-copy{padding:16px 0 4px}.hero h1{font-size:clamp(62px,12vw,86px)}.hero-statement{font-size:27px}.hero-lead{font-size:18px}.hero-art{width:100%;margin:0;padding:8px 0}.hero-badge{width:90px;height:90px;right:-4px;bottom:109px}.hero-facts{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.hero-facts>div{padding:0 8px;border:0}.hero-facts .fact-icon{font-size:27px}.hero-facts strong{font-size:26px}.hero-facts .fact-title{font-size:16px}.hero-caption{min-height:90px}.hero-caption strong{font-size:18px}.hero-scroll{padding:22px 18px;font-size:11px}}
@media(max-width:420px){.hero h1{font-size:62px}.hero .eyebrow{font-size:9px}.hero-statement{font-size:25px}.hero-topics span{padding:6px 10px}.hero-caption{padding:14px}.hero-caption strong{font-size:16px}.hero-badge{width:78px;height:78px}.hero-facts{padding:16px 10px}.hero-facts>div{gap:9px}.hero-facts span:not(.fact-icon){font-size:12px}}
@media(min-width:1101px){.hero .wrap{width:min(1360px,calc(100% - 160px))}}
.hero-scroll{width:fit-content;margin:16px auto 20px;padding:8px 18px;border:1px solid #c6e5f8;border-radius:30px;background:#f3faffed;color:#28587c;box-shadow:0 5px 20px #00395d12}
@media(max-width:500px){.hero-scroll{font-size:10px;padding:8px 12px}}
/* Balanced spacing inside the educational pathway panel. */
.hero-caption{display:flex;flex-direction:column;align-items:stretch;padding:16px 24px 17px;min-height:0}
.hero-caption>.hero-caption-label{display:block;width:100%;margin:0;color:#0765a5;font-size:9px;font-weight:700;line-height:1.2;letter-spacing:.18em;text-align:left}
.hero-caption>.hero-caption-path{display:grid;width:100%;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:12px;margin:16px 0 0;font-size:20px;line-height:1.25;text-align:center}
.hero-caption-path b{padding:0;text-align:center}
.hero-caption-path span{display:block;margin:0;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal}
.hero-caption>.hero-caption-divider{display:block;width:100%;height:1px;margin:15px 0 13px;background:rgba(7,92,159,.2)}
.hero-caption>.hero-caption-note{display:block;width:100%;margin:0;padding:0;border:0;color:#24577d;font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.01em;text-align:center}
@media(max-width:760px){.hero-caption{padding:16px 20px 17px;min-height:0}.hero-caption>.hero-caption-path{gap:8px}}
@media(max-width:420px){.hero-caption{padding:14px 16px 15px;min-height:0}.hero-caption>.hero-caption-label{font-size:8px}.hero-caption>.hero-caption-path{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1.35fr);gap:5px;margin-top:13px;font-size:16px}.hero-caption>.hero-caption-divider{margin:12px 0 10px}.hero-caption>.hero-caption-note{font-size:11px}}

/* Detailed project information directly after the opening screen. */
.project-overview{position:relative;overflow:hidden;background:linear-gradient(135deg,#f6fbff,#fff 65%);border-bottom:1px solid #d6e7f4}
.project-overview>.wrap{position:relative;z-index:1}.project-overview>.space-decor{opacity:.06}
.project-overview .section-head{align-items:flex-end}.overview-source{flex-shrink:0;padding:12px 16px;border:1px solid #c6e0f2;border-radius:10px;color:#095b96;background:#fff;text-decoration:none;font-size:16px}
.overview-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:38px 0 28px;padding:24px 30px;border:1px solid #cde4f5;border-radius:18px;background:#edf7ff}
.overview-facts>div{padding-left:18px;border-left:3px solid #238ac6}.overview-facts strong{display:block;font-size:28px;line-height:1.15;color:#073865}.overview-facts span{display:block;margin-top:7px;font-size:16px;color:#456a8b}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.overview-grid article{padding:30px;border:1px solid #d3e5f3;border-radius:18px;background:#fff;box-shadow:0 12px 30px #164b7208}
.overview-label{font-size:11px;letter-spacing:.14em;color:#257aaa;font-weight:700}.overview-grid h3{font-size:29px;line-height:1.15;color:#092f55;margin:14px 0 18px}.overview-grid p,.overview-support p{font-size:20px;line-height:1.6;color:#35536d;margin:0}
.overview-support{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:28px 30px;margin-top:24px;border-radius:18px;background:#092b4c;color:#fff}.overview-support .overview-label{color:#83cbee}.overview-support p{font-size:18px;color:#d2e3f1;margin-top:12px}.overview-support h3{font-size:24px;line-height:1.2;margin:12px 0 0;color:#fff}
@media(max-width:760px){.overview-grid,.overview-support{grid-template-columns:1fr}.overview-facts{gap:20px;padding:22px;grid-template-columns:1fr}.overview-grid article{padding:24px}.overview-support{gap:26px;padding:24px}.overview-source{display:inline-block;margin-top:24px}.overview-grid h3{font-size:26px}.overview-grid p{font-size:19px}}

/* Admission background follows the same layering and opacity as Programme. */
.admission-image-background{position:absolute;inset:0;z-index:0;pointer-events:none;background:url('./images/admission-background.png') center/cover no-repeat;opacity:.12}
.admission>.wrap{position:relative;z-index:2}
@media(max-width:760px){.admission-image-background{background-position:54% center;opacity:.08}}

/* Единый раздел поступления с двумя маршрутами. */
.admission-combined{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fbfe 0%,#edf6fd 100%)}
.admission-combined-head{margin-bottom:52px}
.admission-combined-head>p{max-width:410px}
.admission-route-list{display:grid;gap:30px}
.admission-route{--route-accent:#1768c4;position:relative;padding:38px;border:1px solid #cbddea;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(7,37,79,.08);overflow:hidden;scroll-margin-top:24px}
.admission-route::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--route-accent),color-mix(in srgb,var(--route-accent) 35%,transparent),transparent 82%)}
.admission-route-student{--route-accent:#199565}
.admission-route-header{display:grid;grid-template-columns:76px minmax(0,880px);gap:24px;align-items:start;padding:2px 0 30px;margin-bottom:30px;border-bottom:1px solid #dce8f1}
.admission-route-number{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--route-accent)}
.admission-route-label{display:block;margin-bottom:9px;color:var(--route-accent);font-size:12px;font-weight:800;letter-spacing:.13em}
.admission-route-header h3{margin:0 0 12px;color:#082451;font-size:34px;line-height:1.16;letter-spacing:-.025em}
.admission-route-header p{max-width:760px;margin:0;color:#526a82;font-size:17px;line-height:1.58}
.admission-route .admission-grid{align-items:start}
.admission-route .admission-steps{border:1px solid #d6e4ee;border-radius:16px;background:#f3f8fc}
.admission-route .admission-detail{border-color:#d6e4ee;border-radius:16px;background:#fff}
.admission-route .admission-steps b{background:var(--route-accent)}
.school-steps div:last-child{border-bottom:0}
.school-panel-label{display:block;color:#1268b3;font-size:12px;font-weight:800;letter-spacing:.13em}
.school-requirements h4,.tab-panel h4{margin:10px 0 20px;color:#082451;font-size:26px;line-height:1.2}
.tab-panel h4{margin-top:27px}
.school-requirements ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0;list-style:none}
.school-requirements li{position:relative;padding:14px 0 14px 22px;border-bottom:1px solid #dce8f2;color:#294663;font-size:16px;line-height:1.45}
.school-requirements li::before{content:"";position:absolute;left:0;top:23px;width:8px;height:8px;border-radius:50%;background:#1768c4;box-shadow:0 0 0 4px #e2f1fc}
@media(max-width:760px){.admission-combined-head{margin-bottom:36px}.admission-route{padding:28px 24px;border-radius:20px}.admission-route-header{grid-template-columns:58px minmax(0,1fr);gap:16px;padding-bottom:24px;margin-bottom:24px}.admission-route-number{font-size:38px}.admission-route-header h3{font-size:28px}.admission-route-header p{font-size:16px}.school-requirements ul{grid-template-columns:1fr}.school-requirements h4,.tab-panel h4{font-size:24px}}
@media(max-width:500px){.admission-route{padding:24px 18px}.admission-route-header{grid-template-columns:1fr;gap:12px}.admission-route-number{font-size:30px}.admission-route-header h3{font-size:25px}.admission-route .admission-steps{padding:16px 18px}.admission-route .admission-detail{padding:20px}.admission-results-link{margin-left:44px;max-width:calc(100% - 44px)}}

/* Links from the project cards to the detailed project page. */
.purpose-grid article{display:flex;flex-direction:column}
.purpose-more{display:inline-flex;align-items:center;gap:9px;width:max-content;margin-top:auto;padding-top:20px;padding-bottom:4px;border-bottom:1px solid #1871b8;color:#075f9f;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s,transform .2s}
.purpose-more span{font-size:18px;line-height:1}
.purpose-more:hover,.purpose-more:focus-visible{color:#082451;border-color:#28b9ec;transform:translateX(3px)}
.purpose-grid .purpose-founders{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:0;border-top-color:var(--brand-green)}
.purpose-founders .purpose-icon{align-self:center;color:var(--brand-green)}
.purpose-founders h3{margin:0 0 8px}
.purpose-founders .purpose-more{align-self:center;margin:0 0 0 auto;padding-top:0}
@media(max-width:760px){.purpose-grid .purpose-founders{grid-column:auto;grid-template-columns:auto minmax(0,1fr);gap:16px}.purpose-founders .purpose-icon{align-self:start}.purpose-founders .purpose-more{grid-column:2;margin:2px 0 0}}
.path-more{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-top:26px;padding-bottom:5px;border-bottom:1px solid rgba(135,220,255,.72);color:#87dcff;font-size:15px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s,transform .2s}
.path-more span{font-size:20px;line-height:1}
.path-more:hover,.path-more:focus-visible{color:#fff;border-color:#fff;transform:translateX(4px)}
.admission-results-link{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 49px);margin:18px 8px 8px 49px;padding-bottom:5px;border-bottom:1px solid #1871b8;color:#075f9f;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s,transform .2s}
.admission-results-link span{font-size:18px;line-height:1}
.admission-results-link:hover,.admission-results-link:focus-visible{color:#082451;border-color:#28b9ec;transform:translateX(3px)}
.uniform-more{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-top:24px;padding-bottom:5px;border-bottom:1px solid rgba(135,220,255,.75);color:#87dcff;font-size:15px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s,transform .2s}
.uniform-more span{font-size:20px;line-height:1}
.uniform-more:hover,.uniform-more:focus-visible{color:#fff;border-color:#fff;transform:translateX(4px)}

/* Detailed project page in the visual language of the main site. */
.about-page{background:#edf6fd;overflow-x:hidden}
.about-page-main{background:linear-gradient(rgba(247,251,255,.94),rgba(240,248,254,.97)),url('./images/hero-space-background.png') center top/cover fixed no-repeat}
.learning-page .space-decor{display:none}
.about-page-hero{position:relative;overflow:hidden;min-height:560px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(90deg,rgba(4,22,48,.94) 0%,rgba(5,35,70,.76) 52%,rgba(5,35,70,.28) 100%),url('./images/hero-students-cadets.png') center 34%/cover no-repeat;border-bottom:6px solid #1178ba}
.about-page-hero::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,rgba(3,19,42,.48));pointer-events:none}
.about-page-hero-inner{position:relative;z-index:1;padding:84px 0 72px}
.about-back{display:inline-flex;margin-bottom:52px;color:#bfeaff;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(191,234,255,.62);padding-bottom:5px}
.about-back:hover,.about-back:focus-visible{color:#fff;border-color:#fff}
.about-page-hero h1{max-width:930px;margin:20px 0 24px;font-size:clamp(50px,6vw,86px);line-height:.98;letter-spacing:-.055em;color:#fff}
.about-page-hero h1 span{color:#87dcff}
.about-page-hero p{max-width:760px;margin:0;color:#dbeeff;font-size:21px;line-height:1.58}
.about-article{padding-top:86px;padding-bottom:110px}
.about-section{display:grid;grid-template-columns:110px minmax(0,820px);gap:42px;padding:58px 64px;margin-bottom:26px;border:1px solid #cfe2f1;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(6,37,75,.08);backdrop-filter:blur(10px)}
.about-section-number{font-size:52px;line-height:1;font-weight:700;color:#1682c4;letter-spacing:-.06em}
.about-section h2{margin:0 0 24px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.035em;color:#082451}
.about-section p{margin:0 0 20px;color:#294a69;font-size:18px;line-height:1.72}
.about-section p:last-child{margin-bottom:0}
.about-section strong{color:#082451}
.about-goals h3{margin:34px 0 12px;font-size:24px;line-height:1.2;color:#082451}
.about-goals ul{padding:0;margin:0;list-style:none}
.about-goals li{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);gap:24px;padding:19px 0;border-bottom:1px solid #dceaf4;color:#294a69;font-size:16px;line-height:1.58}
.about-goals li:last-child{border-bottom:0}
.about-goals li strong{color:#0873b4}
.learning-process-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.learning-process-tags span{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid #bcd8eb;border-radius:999px;background:#f1f8fd;color:#0a639f;font-size:13px;font-weight:800;letter-spacing:.02em}
.learning-forms{grid-template-columns:110px minmax(0,1fr)}
.learning-forms>div:last-child{min-width:0}
.learning-forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none;counter-reset:none}
.learning-forms-grid li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;min-height:154px;padding:24px;border:1px solid #d1e3ef;border-radius:15px;background:linear-gradient(145deg,#fff,#f5faff);color:#294a69;line-height:1.52;overflow:hidden}
.learning-forms-grid li::after{content:"";position:absolute;right:-42px;bottom:-48px;width:115px;height:115px;border:1px solid rgba(22,130,196,.12);border-radius:50%;box-shadow:0 0 0 18px rgba(22,130,196,.035)}
.learning-forms-grid .learning-form-wide{grid-column:1/-1;min-height:126px}
.learning-form-no{padding-top:2px;color:#1682c4;font-size:12px;font-weight:800;letter-spacing:.12em}
.learning-forms-grid li div{position:relative;z-index:1;display:grid;align-content:start;gap:8px}
.learning-forms-grid li strong{color:#082451;font-size:17px;line-height:1.32}
.learning-forms-grid li div span{color:#4c6881;font-size:15px}
.learning-resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:28px 0 0;list-style:none}
.learning-resources-grid li{display:grid;grid-template-columns:34px minmax(0,1fr);align-content:start;gap:5px 12px;min-height:132px;padding:22px;border-top:4px solid #1682c4;border-radius:12px;background:#f2f8fc}
.learning-resources-grid li:last-child{grid-column:1/-1;min-height:0;border-top-color:#25a264}
.learning-resources-grid li>span{grid-row:1/3;color:#1682c4;font-size:12px;font-weight:800;letter-spacing:.1em}
.learning-resources-grid strong{color:#082451;font-size:16px;line-height:1.35}
.learning-resources-grid small{color:#526d84;font-size:14px;line-height:1.48}
.about-founders ul{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;padding:0;margin:4px 0 0;list-style:none}
.about-founders li{position:relative;padding:15px 0 15px 24px;border-bottom:1px solid #dceaf4;color:#234764;font-size:16px;line-height:1.52}
.about-founders li::before{content:"";position:absolute;left:0;top:24px;width:8px;height:8px;border-radius:50%;background:#1682c4;box-shadow:0 0 0 5px rgba(22,130,196,.11)}
.about-actions{display:flex;justify-content:center;padding-top:28px}
.results-table-section{padding:58px 64px;border:1px solid #cfe2f1;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(6,37,75,.08);backdrop-filter:blur(10px)}
.results-table-heading{display:grid;grid-template-columns:110px minmax(0,1fr);gap:42px;align-items:start;margin-bottom:34px}
.results-table-heading h2{margin:0 0 10px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.035em;color:#082451}
.results-table-heading p{margin:0;color:#536681;font-size:17px}
.results-table-scroll{overflow-x:auto;border:1px solid #c8dceb;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(6,37,75,.06)}
.results-table-scroll:focus-visible{outline:3px solid #28b9ec;outline-offset:4px}
.results-table{width:100%;min-width:720px;border-collapse:collapse;color:#193957;font-size:16px;line-height:1.48}
.results-table th,.results-table td{padding:22px 24px;text-align:left;vertical-align:middle;border-right:1px solid #d9e6f0;border-bottom:1px solid #d9e6f0}
.results-table th:last-child,.results-table td:last-child{border-right:0}
.results-table tbody tr:last-child td{border-bottom:0}
.results-table thead th{background:#082f58;color:#fff;font-size:15px;letter-spacing:.025em}
.results-table tbody tr:nth-child(even){background:#eef7fd}
.results-table td:first-child{width:44%;font-weight:700;color:#0a426f}
@media(max-width:900px){.about-page-hero{min-height:500px;background-position:62% center}.about-section{grid-template-columns:74px minmax(0,1fr);padding:46px 42px}.about-section-number{font-size:42px}.about-founders ul{grid-template-columns:1fr}.learning-forms{grid-template-columns:74px minmax(0,1fr)}}
@media(max-width:900px){.results-table-section{padding:46px 42px}.results-table-heading{grid-template-columns:74px minmax(0,1fr);gap:28px}}
@media(max-width:760px){.learning-forms-grid,.learning-resources-grid{grid-template-columns:1fr}.learning-forms-grid .learning-form-wide,.learning-resources-grid li:last-child{grid-column:auto}.learning-forms-grid li,.learning-forms-grid .learning-form-wide{min-height:0}.learning-forms-grid li{overflow:visible}.learning-forms-grid li::after{display:none}}
@media(max-width:600px){.purpose-more,.path-more,.uniform-more{font-size:15px}.admission-results-link{margin-left:49px;font-size:15px}.about-page-hero{min-height:520px;background-position:61% center}.about-page-hero-inner{padding:62px 0 52px}.about-back{margin-bottom:38px}.about-page-hero h1{font-size:44px}.about-page-hero p{font-size:18px}.about-article{padding-top:42px;padding-bottom:70px}.about-section{grid-template-columns:1fr;gap:18px;padding:30px 24px;border-radius:16px}.about-section-number{font-size:32px}.about-section h2{font-size:32px;margin-bottom:20px}.about-section p{font-size:17px;line-height:1.65}.about-goals li{grid-template-columns:1fr;gap:6px;font-size:16px}.about-founders li{font-size:16px}.learning-forms{grid-template-columns:1fr}.learning-forms-grid,.learning-resources-grid{grid-template-columns:1fr}.learning-forms-grid .learning-form-wide,.learning-resources-grid li:last-child{grid-column:auto}.learning-forms-grid li{min-height:0;padding:21px 19px}.learning-resources-grid li{min-height:0;padding:20px}.learning-process-tags{margin-top:22px}.learning-process-tags span{font-size:12px}.results-table-section{padding:30px 20px;border-radius:16px}.results-table-heading{grid-template-columns:1fr;gap:16px}.results-table-heading h2{font-size:32px}.results-table th,.results-table td{padding:18px}.about-actions .btn{width:100%}}

html{overflow-x:hidden}

/* Изображения на подробной странице формы и символики. */
.uniform-details-page .uniform-detail-grid{margin-top:28px;gap:18px}
.uniform-details-page .uniform-detail-grid button{min-width:0}
.uniform-details-page .uniform-detail-grid img{width:100%;height:320px;object-fit:contain;object-position:center;background:#f5f9fd}
.symbol-image-button{display:block;width:100%;margin-top:28px;padding:0;border:0;background:transparent;cursor:zoom-in}
.symbol-image-button img{display:block;width:100%;max-height:520px;object-fit:contain;object-position:center;border-radius:14px;box-shadow:0 14px 34px rgba(7,38,79,.12)}
.emblem-transparent{max-width:600px;margin-right:auto;margin-left:auto}
.emblem-transparent img{background:transparent;box-shadow:none;border-radius:0}
.patch-image-button img{background:#fff}
@media(max-width:760px){.uniform-details-page .uniform-detail-grid{grid-template-columns:1fr}.uniform-details-page .uniform-detail-grid img{height:auto;max-height:390px}.symbol-image-button img{max-height:420px}}

/* Финальный слайд: учредители, партнёры и контакты. */
.partners-contact{position:relative;background:radial-gradient(circle at 100% 0,#d9efff 0,transparent 30%),radial-gradient(circle at 0 100%,#dcefff 0,transparent 25%),linear-gradient(135deg,#f7fbff,#eef7fd);overflow:hidden}
.partners-contact::before,.partners-contact::after{content:"";position:absolute;border:1px solid rgba(23,104,196,.14);border-radius:50%;pointer-events:none}
.partners-contact::before{width:420px;height:210px;right:-120px;top:45px;transform:rotate(-18deg)}
.partners-contact::after{width:360px;height:360px;left:-245px;bottom:-135px;box-shadow:0 0 0 55px rgba(23,104,196,.035)}
.partners-contact>.wrap{position:relative;z-index:1}
.partners-contact-heading{margin-bottom:38px}
.partners-contact-heading h2{max-width:1000px}
.partners-contact-heading>p{max-width:940px;margin:18px 0 0;color:#465f7c;font-size:19px}
.partners-contact-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.7fr);gap:24px;align-items:stretch}
.partners-panel{padding:32px;border:1px solid #cfe0ee;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(7,38,79,.08)}
.partner-group+.partner-group{margin-top:32px}
.partner-group h3{display:flex;align-items:center;gap:14px;margin:0 0 18px;color:#075aaa;font-size:18px;letter-spacing:.07em;text-transform:uppercase}
.partner-group h3::after{content:"";height:2px;flex:1;background:linear-gradient(90deg,#1673bd,rgba(22,115,189,.12))}
.partner-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #dce7f1;border-left:1px solid #dce7f1}
.partner-logo-card{min-width:0;min-height:148px;padding:16px 12px;border-right:1px solid #dce7f1;border-bottom:1px solid #dce7f1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.partner-logo-placeholder{width:88px;height:56px;border:1px dashed #81a9c9;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#f6fbff,#e9f4fb);color:#5b7b97;font-size:10px;font-weight:800;letter-spacing:.12em}
.partner-logo{display:block;width:100%;height:70px;object-fit:contain;object-position:center;background:transparent}
.partner-logo.logo-blend{mix-blend-mode:multiply}
.partner-logo.logo-wide{height:62px}
.partner-logo.logo-portrait{height:78px}
.partner-logo.logo-victory{width:88px;height:116px;filter:none}
.partner-logo-card strong{color:#173957;font-size:13px;line-height:1.35}
.partner-logo-card small{display:block;margin-top:4px;color:#587189;font-size:11px;font-weight:600}
.contact-panel{position:relative;overflow:hidden;padding:36px 32px;border:1px solid #1e6da7;border-radius:18px;background:radial-gradient(circle at 85% 15%,rgba(43,175,232,.18),transparent 24%),radial-gradient(circle at 20% 75%,rgba(37,110,200,.22),transparent 28%),linear-gradient(160deg,#061b3c,#073868);color:#fff;box-shadow:0 18px 50px rgba(7,38,79,.18)}
.contact-panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:54px 54px;opacity:.18;pointer-events:none}
.contact-panel>*{position:relative;z-index:1}
.contact-overline{display:flex;align-items:center;gap:12px;color:#84d9ff;font-size:12px;font-weight:800;letter-spacing:.17em}
.contact-overline::after{content:"";width:100px;height:1px;background:linear-gradient(90deg,#67d8ff,transparent)}
.contact-panel h3{margin:20px 0 16px;color:#fff;font-size:34px;line-height:1.05}
.contact-panel>p{margin:0;color:#c9dcee;font-size:16px;line-height:1.65}
.contact-options{display:grid;gap:14px;margin-top:30px}
.contact-options>div{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.17)}
.contact-options b{width:38px;height:38px;border:1px solid #40bff4;border-radius:50%;display:grid;place-items:center;color:#7fdbff;font-size:12px}
.contact-options span{display:grid;gap:3px}
.contact-options strong{font-size:15px;line-height:1.35}
.contact-options small{color:#8fb5d4;font-size:12px}
@media(max-width:1100px){.partners-contact-layout{grid-template-columns:1fr}.contact-panel{min-height:0}.partner-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.partners-contact-heading>p{font-size:18px}.partners-panel,.contact-panel{padding:24px}.partner-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-logo-card{min-height:150px}.contact-panel h3{font-size:30px}}
@media(max-width:460px){.partner-logo-grid{grid-template-columns:1fr}.partner-logo-card{min-height:132px}.partners-panel{padding:20px}.contact-panel{padding:24px 20px}.partner-group h3{font-size:15px}}


/* Руководитель проекта — фото в информационной панели */
.overview-support{position:relative}
.overview-support::after{content:"";position:absolute;top:26px;bottom:26px;left:50%;width:1px;background:rgba(131,203,238,.65);transform:translateX(-.5px)}
.overview-support-copy{display:flex;flex-direction:column;justify-content:center;padding-right:22px}
.overview-leader{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:center;padding-left:34px}
.overview-leader-photo{width:112px;height:112px;object-fit:cover;object-position:center 22%;border-radius:11px;border:2px solid rgba(131,203,238,.55);box-shadow:0 8px 24px rgba(0,0,0,.18);background:#fff}
.overview-leader-copy{min-width:0}
.overview-leader .overview-label{display:block;margin-bottom:8px}
.overview-leader h3{margin:0 0 8px}
.overview-leader p{margin-top:0}
@media(max-width:900px){
  .overview-support{grid-template-columns:.9fr 1.1fr;gap:28px}
  .overview-support-copy{padding-right:18px}
  .overview-leader{grid-template-columns:96px minmax(0,1fr);gap:18px;padding-left:28px}
  .overview-leader-photo{width:96px;height:96px}
}
@media(max-width:760px){
  .overview-support{grid-template-columns:1fr}
  .overview-support::after{display:none}
  .overview-support-copy{padding-right:0}
  .overview-leader{border-top:1px solid rgba(131,203,238,.45);padding-left:0;padding-top:24px;grid-template-columns:92px minmax(0,1fr)}
  .overview-leader-photo{width:92px;height:92px}
}
@media(max-width:480px){
  .overview-leader{grid-template-columns:76px minmax(0,1fr);gap:14px}
  .overview-leader-photo{width:76px;height:76px;border-radius:9px}
  .overview-leader h3{font-size:21px}
  .overview-leader p{font-size:15px}
}

/* Hero trajectory: center the three remaining stages inside the panel */
.hero-caption{display:flex;align-items:center;justify-content:center;min-height:90px}
.hero-caption strong{width:100%;margin-top:0}
@media(max-width:760px){.hero-caption{min-height:76px;padding:14px 20px}}
@media(max-width:420px){.hero-caption{min-height:70px;padding:12px 14px}}

/* Site-wide tricolour palette: blue, red and green */
:root{
  --blue:#1474ba;
  --red:#d8344c;
  --green:#09865b;
  --space-blue:#1474ba;
  --space-red:#d8344c;
  --space-green:#09865b;
  --accent-blue:#1474ba;
  --accent-red:#d8344c;
  --accent-green:#09865b;
  --brand-blue:#1474ba;
  --brand-red:#d8344c;
  --brand-green:#09865b;
}

/* Larger project name in the shared site header */
.header .identity strong{font-size:21px;line-height:1.12;letter-spacing:.045em}
.header .identity small{font-size:15px;line-height:1.25;margin-top:6px}
@media(max-width:760px){
  .header .identity strong{font-size:17px}
  .header .identity small{font-size:13px}
}
@media(max-width:500px){
  .header .identity strong{font-size:16px}
  .header .identity small{font-size:12px}
}

/* Internal-page hero labels sit below the return link */
.about-page-hero-inner>.about-back{display:flex;width:max-content;margin-bottom:0}
.about-page-hero-inner>.section-marker{margin-top:32px}
.about-page-hero-inner>.section-marker.light{color:#082451!important}
@media(max-width:600px){
  .about-page-hero-inner>.section-marker{margin-top:24px}
}

/* Pilot route: number column plus one aligned text column */
.pilot-panel li{display:grid;grid-template-columns:33px minmax(0,1fr);column-gap:12px;align-items:center}
.pilot-panel li b{grid-column:1;grid-row:1;margin-right:0}
.pilot-panel li small{grid-column:2;grid-row:2;margin:4px 0 0}

/* Compact routes on the home page. Local namespace prevents cross-page changes. */
.join-home{
  scroll-margin-top:100px;
  padding-bottom:0;
}
.join-home__head{display:block;max-width:none;margin-bottom:0}
.join-home__head>p{max-width:none;margin:22px 0 0;white-space:nowrap}
.join-home__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
  margin-top:50px;
}

.join-home__card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:550px;
  padding:50px 46px;
  border:1px solid rgba(20,116,186,.18);
  border-radius:26px;
  background:rgba(255,255,255,.92);
  box-shadow:0 20px 44px rgba(8,36,81,.08);
  overflow:hidden;
}

.join-home__card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:var(--blue);
}

.join-home__card--student::before{
  background:var(--green);
}

.join-home__label{
  display:block;
  margin-bottom:30px;
  color:var(--blue);
  font-size:16px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.join-home__card--student .join-home__label{
  color:var(--green);
}

.join-home__card h3{
  margin:0 0 24px;
  color:var(--navy);
  font-size:clamp(38px,3.2vw,48px);
  line-height:1.03;
}

.join-home__card>p{
  margin:0;
  color:#49617d;
  font-size:22px;
  line-height:1.62;
}

.join-home__flow{
  display:flex;
  align-items:center;
  gap:16px;
  margin:40px 0 42px;
  padding:28px 0;
  border-top:1px solid rgba(20,116,186,.14);
  border-bottom:1px solid rgba(20,116,186,.14);
  color:var(--navy);
  font-size:20px;
  font-weight:750;
  line-height:1.3;
}

.join-home__flow i{
  flex:0 0 auto;
  color:var(--cyan);
  font-size:24px;
  font-style:normal;
}

.join-home__card--student .join-home__flow i{
  color:var(--green);
}

.join-home__card .btn{
  align-self:flex-start;
  margin-top:auto;
  min-height:68px;
  padding:18px 32px;
  font-size:18px;
}

/* Detailed joining page. All selectors remain inside the page namespace. */
.admission-learning-page{overflow-x:hidden}
.admission-learning-page .about-page-main{overflow-x:clip}
.join-page{padding-top:52px;padding-bottom:76px}
.join-page__nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-84px 0 54px;padding:10px;border:1px solid rgba(20,116,186,.16);border-radius:17px;background:#fff;box-shadow:0 16px 38px rgba(8,36,81,.12)}
.join-page__nav a{display:flex;align-items:center;justify-content:center;min-height:58px;padding:12px 20px;border-radius:11px;color:var(--navy);font-weight:800;text-align:center;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.join-page__nav a:first-child{background:rgba(20,116,186,.09)}
.join-page__nav a:last-child{background:rgba(9,134,91,.09)}
.join-page__nav a:hover,.join-page__nav a:focus-visible{color:#fff;background:var(--blue);transform:translateY(-1px)}
.join-page__nav a:last-child:hover,.join-page__nav a:last-child:focus-visible{background:var(--green)}
.join-page__section{scroll-margin-top:108px;margin-bottom:72px;padding:44px;border:1px solid rgba(20,116,186,.14);border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(8,36,81,.055)}
.join-page__section>.section-marker{margin-bottom:18px}
.join-page__section>h2,.join-page__trajectory h2,.join-page__supplement h2{margin:0;color:var(--navy);font-size:clamp(30px,4vw,48px);line-height:1.06}
.join-page__lead{max-width:850px;margin:18px 0 36px;color:#49617d;font-size:19px;line-height:1.6}
.join-page__school-steps{display:grid;gap:18px}
.join-page__step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:22px;padding:26px;border:1px solid rgba(20,116,186,.13);border-radius:15px;background:#f9fcfe}
.join-page__step-number{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:850}
.join-page__step h3,.join-page__student-steps h3{margin:3px 0 11px;color:var(--navy);font-size:24px;line-height:1.18}
.join-page__step p,.join-page__student-steps p{margin:0;color:#526a84;line-height:1.58}
.join-page__step p+p{margin-top:10px}
.join-page__note{font-size:14px}
.join-page__metric{display:inline-flex;align-items:baseline;gap:12px;margin:8px 0 12px;padding:14px 20px;border-left:4px solid var(--green);border-radius:0 12px 12px 0;background:rgba(9,134,91,.08)}
.join-page__metric strong{color:var(--green);font-size:38px;line-height:1}
.join-page__metric span{color:var(--navy);font-size:16px;font-weight:800}
.join-page__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.join-page__tags span{padding:8px 12px;border:1px solid rgba(20,116,186,.16);border-radius:999px;background:#fff;color:var(--navy);font-size:13px;font-weight:750}
.join-page__conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.join-page__conditions article{padding:20px;border:1px solid rgba(20,116,186,.13);border-radius:13px;background:#fff}
.join-page__conditions article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:9px;background:rgba(20,116,186,.1);color:var(--blue);font-weight:900}
.join-page__conditions h4{margin:0 0 8px;color:var(--navy);font-size:17px}
.join-page__conditions p{font-size:14px}
.join-page__subheading{margin:20px 0 6px;color:var(--green);font-size:17px;text-transform:uppercase;letter-spacing:.06em}
.join-page__chain{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:22px 0 0;padding:0;list-style:none;counter-reset:chain}
.join-page__chain li{position:relative;display:flex;align-items:center;justify-content:center;min-height:78px;padding:12px;border-radius:11px;background:#fff;color:var(--navy);font-size:13px;font-weight:800;text-align:center}
.join-page__chain li:not(:last-child)::after{content:"→";position:absolute;right:-14px;color:var(--cyan);font-size:18px}
.join-page__roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 28px;padding:0;list-style:none}
.join-page__roadmap li{min-height:104px;padding:18px;border:1px solid rgba(20,116,186,.13);border-radius:13px;background:#f8fbfd;color:var(--navy);font-weight:800;line-height:1.3}
.join-page__roadmap span{display:block;margin-bottom:14px;color:var(--blue);font-size:12px;letter-spacing:.08em}
.join-page__student-steps{display:grid;gap:14px}
.join-page__student-steps>section{padding:24px 26px;border:1px solid rgba(20,116,186,.13);border-radius:15px;background:#f9fcfe}
.join-page__student-steps>section>span{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.join-page__selection{padding-bottom:28px!important}
.join-page__tabs{display:inline-grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:6px;margin:24px 0;padding:6px;border:1px solid rgba(20,116,186,.16);border-radius:13px;background:#fff}
.join-page__tabs button{min-height:44px;padding:8px 18px;border:0;border-radius:8px;background:transparent;color:var(--navy);font:inherit;font-weight:800;cursor:pointer}
.join-page__tabs button[aria-selected="true"]{background:var(--blue);color:#fff}
.join-page__tab-panel>h4{margin:0 0 18px;color:var(--navy);font-size:21px}
.join-page__criteria{display:grid;gap:12px}
.join-page__criteria--four{grid-template-columns:repeat(2,minmax(0,1fr))}
.join-page__criteria--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.join-page__criteria article{padding:20px;border:1px solid rgba(20,116,186,.12);border-radius:13px;background:#fff}
.join-page__criteria article>span{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.08em}
.join-page__criteria article>strong{display:block;margin-bottom:14px;color:var(--green);font-size:36px;line-height:1}
.join-page__criteria h5{margin:8px 0;color:var(--navy);font-size:17px}
.join-page__criteria p{font-size:14px}
.join-page__score{margin-top:16px;border:1px solid rgba(20,116,186,.16);border-radius:12px;background:#fff}
.join-page__score summary{padding:17px 20px;color:var(--navy);font-weight:850;cursor:pointer}
.join-page__score p{margin:0;padding:0 20px 20px}
.join-page__attention{margin-top:20px;padding:24px 26px;border-left:4px solid var(--cyan);border-radius:0 14px 14px 0;background:#eaf7fd}
.join-page__attention strong{display:block;margin-bottom:8px;color:var(--blue);font-size:13px;letter-spacing:.09em;text-transform:uppercase}
.join-page__attention p{margin:0;color:var(--navy);line-height:1.55}
.join-page__trajectory{margin-bottom:28px;padding:42px;border-radius:22px;background:var(--navy);color:#fff;overflow:hidden}
.join-page__trajectory>div:first-child>span{display:block;margin-bottom:12px;color:var(--cyan);font-size:12px;font-weight:850;letter-spacing:.1em}
.join-page__trajectory h2{color:#fff}
.join-page__years{display:flex;align-items:center;margin:32px 0 28px}
.join-page__years span{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid rgba(255,255,255,.38);border-radius:50%;font-size:13px;font-weight:850}
.join-page__years i{flex:1;height:1px;background:rgba(131,203,238,.55)}
.join-page__levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.join-page__levels article{padding:22px;border:1px solid rgba(131,203,238,.26);border-radius:14px;background:rgba(255,255,255,.06)}
.join-page__levels span{color:var(--cyan);font-size:13px;font-weight:850}
.join-page__levels h3{margin:9px 0;color:#fff;font-size:20px}
.join-page__levels p{margin:0;color:#dceafa;font-size:14px;line-height:1.5}
.join-page__supplement{margin-top:18px;padding:30px 34px;border:1px solid rgba(20,116,186,.13);border-radius:17px;background:#fff}
.join-page__supplement h2{font-size:28px}
.join-page__supplement p,.join-page__supplement li{color:#526a84;line-height:1.6}
.join-page__supplement ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:20px 0 0;padding-left:20px}
.join-page>.about-actions{margin-top:32px}

@media(max-width:980px){
  .join-home__head>p{white-space:normal}
  .join-page__chain{grid-template-columns:repeat(3,minmax(0,1fr))}
  .join-page__chain li:nth-child(3)::after{display:none}
  .join-page__criteria--three{grid-template-columns:1fr}
}
@media(max-width:760px){
  .join-home{scroll-margin-top:76px}
  .join-home__grid{grid-template-columns:1fr;margin-top:26px}
  .join-home__card{
  min-height:0;
  padding:30px 24px;
}
  .join-home__flow{align-items:flex-start;flex-direction:column;gap:7px}
  .join-home__flow i{transform:rotate(90deg);margin-left:3px}
  .join-page{padding-top:28px;padding-bottom:54px}
  .join-page__nav{grid-template-columns:1fr;margin:-56px 0 34px;padding:8px}
  .join-page__nav a{min-height:50px}
  .join-page__section{scroll-margin-top:88px;margin-bottom:38px;padding:27px 20px;border-radius:17px}
  .join-page__lead{margin-bottom:26px;font-size:17px}
  .join-page__step{grid-template-columns:40px minmax(0,1fr);gap:13px;padding:20px 16px}
  .join-page__step-number{width:38px;height:38px}
  .join-page__step h3,.join-page__student-steps h3{font-size:21px}
  .join-page__conditions,.join-page__criteria--four,.join-page__roadmap,.join-page__levels,.join-page__supplement ul{grid-template-columns:1fr}
  .join-page__chain{grid-template-columns:1fr;gap:20px}
  .join-page__chain li:not(:last-child)::after{content:"↓";display:block;right:auto;bottom:-19px}
  .join-page__roadmap li{min-height:0}
  .join-page__student-steps>section{padding:21px 18px}
  .join-page__tabs{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .join-page__trajectory{padding:28px 20px;border-radius:17px}
  .join-page__years span{flex-basis:30px;height:30px;font-size:11px}
  .join-page__supplement{padding:25px 20px}
}
@media(max-width:430px){
  .join-page__section{padding-right:15px;padding-left:15px}
  .join-page__step{grid-template-columns:1fr}
  .join-page__metric{display:flex;padding:13px 15px}
  .join-page__metric strong{font-size:32px}
  .join-page__tabs button{padding-right:8px;padding-left:8px}
  .join-page__years span{flex-basis:27px;height:27px}
}
/* ============================================================
   Ссылка на школы — участники пилотного проекта
   ============================================================ */

.pilot-schools-link{
  position:relative;
  z-index:2;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;

  width:100%;
  margin-top:26px;
  padding:21px 24px;

  border:1px solid rgba(8,36,81,.16);
  border-left:5px solid #1474ba;
  border-radius:14px;

  background:#eef7fd;
  color:#082451;
  text-decoration:none;

  box-shadow:0 8px 22px rgba(8,36,81,.06);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    border-color .2s ease;
}

.pilot-schools-link > span{
  display:flex;
  flex-direction:column;
  gap:5px;

  color:#082451;
  font-size:21px;
  font-weight:700;
  line-height:1.2;
}

.pilot-schools-link small{
  display:block;

  color:#536681;
  font-size:14px;
  font-weight:500;
  line-height:1.3;
}

.pilot-schools-link b{
  flex:0 0 auto;

  display:grid;
  place-items:center;

  width:44px;
  height:44px;

  border-radius:50%;

  background:#082451;
  color:#fff;

  font-size:20px;
  line-height:1;
}

.pilot-schools-link:hover,
.pilot-schools-link:focus-visible{
  transform:translateY(-3px);

  background:#fff;
  border-color:rgba(20,116,186,.35);

  box-shadow:0 14px 32px rgba(8,36,81,.12);
}

.pilot-schools-link:hover b,
.pilot-schools-link:focus-visible b{
  background:#1474ba;
}


/* Адаптив */
@media(max-width:760px){

  .pilot-schools-link{
    margin-top:22px;
    padding:18px;
    gap:15px;
  }

  .pilot-schools-link > span{
    font-size:18px;
  }

  .pilot-schools-link small{
    font-size:13px;
  }

  .pilot-schools-link b{
    width:38px;
    height:38px;
    font-size:17px;
  }
}

@media(max-width:430px){

  .pilot-schools-link{
    padding:16px;
  }

  .pilot-schools-link > span{
    font-size:17px;
  }
  /* Уменьшаем пустое пространство снизу блока "О проекте" */
.intro{
  padding-bottom:30px;
}
}
/* Поступление и обучение — версия по документу от 06.10.2026 */
.admission-overview{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fbff 0%,#edf6fd 100%)}
.admission-overview__head{margin-bottom:42px}
.admission-overview__head>p{max-width:470px}
.admission-overview__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.admission-overview__facts article{position:relative;min-height:210px;padding:28px 30px;border:1px solid rgba(19,103,180,.15);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 38px rgba(8,36,81,.055)}
.admission-overview__facts article::before{content:"";position:absolute;left:30px;top:0;width:54px;height:4px;background:var(--blue)}
.admission-overview__facts strong{display:inline-block;color:var(--navy);font-size:clamp(38px,4vw,56px);line-height:1;letter-spacing:-.055em}
.admission-overview__facts span{margin-left:9px;color:var(--blue);font-size:13px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.admission-overview__facts p{margin:22px 0 0;color:#526a84;line-height:1.55}
.admission-overview__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.admission-overview__side{display:grid;gap:18px;align-self:start}
.admission-overview__route{min-height:360px;padding:34px;border:1px solid rgba(20,116,186,.16);border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(8,36,81,.06)}
.admission-overview__route--learning{background:linear-gradient(145deg,#082451,#0b3b71);color:#fff}
.admission-overview__eyebrow{display:block;margin-bottom:14px;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.11em}
.admission-overview__route--learning .admission-overview__eyebrow{color:#7dd7ff}
.admission-overview__route h3{margin:0 0 16px;color:var(--navy);font-size:30px;line-height:1.12}
.admission-overview__route--learning h3{color:#fff}
.admission-overview__route p{margin:0;color:#526a84;line-height:1.65}
.admission-overview__route--learning p{color:#dceafa}
.admission-overview__selection{display:grid;gap:11px;margin-top:24px;padding:22px;border-left:3px solid var(--blue);border-radius:0 12px 12px 0;background:#f1f7fc}
.admission-overview__selection h4{margin:0 0 3px;color:var(--navy);font-size:22px;line-height:1.2;letter-spacing:-.02em}
.admission-overview__selection p{margin:0;color:#526a84;font-size:15px;line-height:1.62}
.admission-overview__selection strong{color:var(--navy);font-weight:850}
.admission-overview__selection+ol{margin-top:18px}
.admission-overview__route ol{display:grid;gap:9px;margin:28px 0 0;padding:0;list-style:none}
.admission-overview__route li{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;background:#f1f7fc;color:var(--navy);font-size:14px;font-weight:750}
.admission-overview__route li span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px}
.admission-overview__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.admission-overview__tags span{padding:9px 12px;border:1px solid rgba(125,215,255,.24);border-radius:999px;background:rgba(255,255,255,.075);color:#fff;font-size:13px;font-weight:750}
.admission-overview__more{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:25px 27px;border:1px solid rgba(20,116,186,.16);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(8,36,81,.055)}
.admission-overview__more>div>span{display:block;margin-bottom:9px;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.11em}
.admission-overview__more h3{margin:0 0 8px;color:var(--navy);font-size:26px;line-height:1.1;letter-spacing:-.025em}
.admission-overview__more p{max-width:390px;margin:0;color:#526a84;font-size:14px;line-height:1.5}
.admission-overview__more .btn{min-width:178px;padding-inline:18px;white-space:nowrap}

.admission-doc{padding-top:54px;padding-bottom:76px}
.admission-doc__nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:-86px 0 54px;padding:9px;border:1px solid rgba(20,116,186,.16);border-radius:17px;background:#fff;box-shadow:0 16px 38px rgba(8,36,81,.12)}
.admission-doc__nav a{display:flex;align-items:center;justify-content:center;min-height:54px;padding:10px 14px;border-radius:10px;color:var(--navy);font-size:14px;font-weight:800;text-align:center;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.admission-doc__nav a:hover,.admission-doc__nav a:focus-visible{background:var(--blue);color:#fff;transform:translateY(-1px)}
.admission-doc__section{scroll-margin-top:105px;margin-bottom:22px;padding:46px;border:1px solid rgba(20,116,186,.14);border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(8,36,81,.055)}
.admission-doc__section>.section-marker{margin-bottom:18px}
.admission-doc__section h2{max-width:900px;margin:0;color:var(--navy);font-size:clamp(34px,4vw,50px);line-height:1.06;letter-spacing:-.035em}
.admission-doc__lead{max-width:900px;margin:20px 0 34px;color:#526a84;font-size:18px;line-height:1.65}
.admission-doc__formation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.admission-doc__formation-grid article{min-height:230px;padding:25px;border:1px solid rgba(20,116,186,.13);border-radius:15px;background:#f8fbfe}
.admission-doc__formation-grid article>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:32px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:850}
.admission-doc__formation-grid h3,.admission-doc__programs h3,.admission-doc__direction-grid h3{margin:0 0 10px;color:var(--navy);font-size:20px;line-height:1.25}
.admission-doc__formation-grid p,.admission-doc__programs p,.admission-doc__direction-grid p{margin:0;color:#526a84;line-height:1.58}
.admission-doc__formation-grid .admission-doc__capacity{background:linear-gradient(145deg,#082451,#0b3b71);border-color:transparent;color:#fff}
.admission-doc__capacity strong{display:block;margin-bottom:18px;color:#86dcff;font-size:52px;line-height:1;letter-spacing:-.05em}
.admission-doc__capacity h3{color:#fff}
.admission-doc__capacity p{color:#dceafa}
.admission-doc__heading-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:38px;align-items:end}
.admission-doc__years{display:flex;align-items:center;padding-bottom:38px}
.admission-doc__years span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:850}
.admission-doc__years i{flex:1;height:2px;background:#b9d9ed}
.admission-doc__programs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admission-doc__programs article{min-height:240px;padding:26px;border:1px solid rgba(20,116,186,.13);border-radius:15px;background:#f9fcfe}
.admission-doc__programs article>span{display:block;margin-bottom:36px;color:var(--blue);font-size:13px;font-weight:850;letter-spacing:.08em}
.admission-doc__directions{background:linear-gradient(160deg,#f9fcff,#edf6fd)}
.admission-doc__direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admission-doc__direction-grid article{min-height:240px;padding:24px;border:1px solid rgba(20,116,186,.14);border-radius:14px;background:#fff}
.admission-doc__direction-grid article:first-child{grid-column:span 2;background:var(--navy)}
.admission-doc__direction-grid article:first-child h3{color:#fff}
.admission-doc__direction-grid article:first-child p{color:#dceafa}
.admission-doc__direction-grid b{display:block;margin-bottom:34px;color:var(--blue);font-size:13px;letter-spacing:.09em}
.admission-doc__direction-grid article:first-child b{color:#7dd7ff}
.admission-doc__transfer ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 0;padding:0;list-style:none}
.admission-doc__transfer li{padding:22px 22px 22px 48px;border-radius:13px;background:#f3f8fc;color:var(--navy);font-weight:750;position:relative}
.admission-doc__transfer li::before{content:"✓";position:absolute;left:20px;color:var(--green);font-weight:900}
.admission-doc__support{border:0;background:linear-gradient(145deg,#082451,#0b3b71);color:#fff}
.admission-doc__support .section-marker.light{color:#7dd7ff}
.admission-doc__support h2{color:#fff}
.admission-doc__support ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:34px 0 0;padding:1px;list-style:none;background:rgba(130,214,255,.18)}
.admission-doc__support li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;min-height:126px;padding:24px;background:#0a315e;color:#e7f3ff;line-height:1.55}
.admission-doc__support li span{color:#7dd7ff;font-size:13px;font-weight:850;letter-spacing:.08em}
.admission-doc>.about-actions{margin-top:34px}

@media(max-width:1000px){
  .admission-overview__facts,.admission-doc__formation-grid{grid-template-columns:1fr}
  .admission-overview__facts article{min-height:0}
  .admission-doc__heading-row{grid-template-columns:1fr}
  .admission-doc__years{padding-bottom:18px}
  .admission-doc__direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .admission-overview__head{margin-bottom:30px}
  .admission-overview__body,.admission-doc__programs,.admission-doc__direction-grid,.admission-doc__transfer ul,.admission-doc__support ol{grid-template-columns:1fr}
  .admission-overview__route{min-height:0;padding:27px 22px}
  .admission-overview__route h3{font-size:25px}
  .admission-overview__more{grid-template-columns:1fr;padding:24px 22px}.admission-overview__more .btn{width:100%}
  .admission-doc{padding-top:28px;padding-bottom:54px}
  .admission-doc__nav{grid-template-columns:repeat(2,minmax(0,1fr));margin:-58px 0 34px}
  .admission-doc__section{scroll-margin-top:88px;padding:29px 20px;border-radius:17px}
  .admission-doc__lead{font-size:17px}
  .admission-overview__selection{padding:20px 18px}.admission-overview__selection h4{font-size:20px}.admission-overview__selection p{font-size:14px}
  .admission-doc__formation-grid article,.admission-doc__programs article,.admission-doc__direction-grid article{min-height:0}
  .admission-doc__formation-grid article>span,.admission-doc__programs article>span,.admission-doc__direction-grid b{margin-bottom:22px}
  .admission-doc__direction-grid article:first-child{grid-column:auto}
  .admission-doc__years span{flex-basis:28px;height:28px;font-size:10px}
  .admission-doc__support li{min-height:0;padding:21px 18px}
}
@media(max-width:430px){
  .admission-overview__facts article{padding:25px 22px}
  .admission-overview__facts strong{font-size:40px}
  .admission-overview__facts span{display:block;margin:8px 0 0}
  .admission-doc__nav{grid-template-columns:1fr}
  .admission-doc__years span{flex-basis:25px;height:25px}
}

/* Технологичная карточка «Содержание обучения» */
.admission-overview__route--learning{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:430px;
  padding:38px 36px;
  border:1px solid rgba(62,202,255,.42);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 13%,rgba(21,186,255,.22),transparent 21%),
    radial-gradient(circle at 18% 100%,rgba(5,127,219,.22),transparent 32%),
    linear-gradient(rgba(35,170,232,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,170,232,.10) 1px,transparent 1px),
    linear-gradient(145deg,#02294f 0%,#003d70 58%,#005288 100%);
  background-size:auto,auto,34px 34px,34px 34px,auto;
  box-shadow:0 24px 54px rgba(0,38,78,.22),inset 0 0 80px rgba(11,157,224,.08);
}
.admission-overview__route--learning::before{
  content:"E = mc²     ⚛     π";
  position:absolute;
  z-index:-1;
  top:19px;
  right:24px;
  color:#65d9ff;
  font:italic 34px/1.1 Georgia,"Times New Roman",serif;
  letter-spacing:.04em;
  opacity:.58;
  text-shadow:0 0 18px rgba(65,211,255,.62);
  white-space:pre;
}
.admission-overview__route--learning::after{
  content:"∫  f(x)dx        Σ       { 010101 }";
  position:absolute;
  z-index:-1;
  right:24px;
  bottom:18px;
  color:#62d7ff;
  font:26px/1.1 Georgia,"Times New Roman",serif;
  letter-spacing:.05em;
  opacity:.32;
  text-shadow:0 0 15px rgba(51,202,255,.45);
  white-space:pre;
}
.admission-overview__route--learning>.admission-overview__eyebrow,
.admission-overview__route--learning>h3,
.admission-overview__route--learning>p,
.admission-overview__route--learning>.admission-overview__tags{position:relative;z-index:2}
.admission-overview__route--learning .admission-overview__eyebrow{margin-bottom:22px;color:#68dcff;letter-spacing:.13em}
.admission-overview__route--learning h3{max-width:660px;margin-bottom:18px;color:#fff;font-size:clamp(28px,2.6vw,38px);line-height:1.12;letter-spacing:-.025em}
.admission-overview__route--learning p{max-width:680px;color:#f2f8ff;font-size:17px;font-weight:600;line-height:1.72}
.admission-overview__route--learning .admission-overview__tags{gap:10px;margin-top:28px}
.admission-overview__route--learning .admission-overview__tags span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 15px;
  border:1px solid rgba(66,208,255,.7);
  background:rgba(2,60,107,.68);
  color:#fff;
  box-shadow:inset 0 0 18px rgba(31,185,245,.08),0 0 0 1px rgba(3,52,92,.25);
  backdrop-filter:blur(3px);
}
.admission-overview__route--learning .admission-overview__tags span::before{color:#67dcff;font-size:20px;line-height:1;font-weight:500}
.admission-overview__route--learning .admission-overview__tags span:nth-child(1)::before{content:"π";font-family:Georgia,"Times New Roman",serif;font-style:italic}
.admission-overview__route--learning .admission-overview__tags span:nth-child(2)::before{content:"⚛"}
.admission-overview__route--learning .admission-overview__tags span:nth-child(3)::before{content:"▣"}
.admission-overview__route--learning .admission-overview__tags span:nth-child(4)::before{content:"</>";font-size:14px;font-weight:800}
.admission-overview__route--learning .admission-overview__tags span:nth-child(5)::before{content:"◇"}
.admission-overview__route--learning .admission-overview__tags span:nth-child(6)::before{content:"⚙"}

@media(max-width:760px){
  .admission-overview__route--learning{min-height:0;padding:31px 22px 115px;border-radius:22px;background-size:auto,auto,28px 28px,28px 28px,auto}
  .admission-overview__route--learning::before{top:18px;right:18px;font-size:24px;opacity:.4}
  .admission-overview__route--learning::after{right:18px;bottom:28px;font-size:20px}
  .admission-overview__route--learning h3{font-size:28px}
  .admission-overview__route--learning p{font-size:16px;line-height:1.65}
  .admission-overview__route--learning .admission-overview__tags span{padding:9px 12px;font-size:12px}
}
/* Боковые флаги в шапке */
.header.site-header{
  position:sticky;
  top:0;
  min-height:110px;
  background:
    radial-gradient(circle at 50% 50%,rgba(20,95,160,.18),transparent 55%),
    linear-gradient(90deg,#03192d 0%,#082d55 50%,#03192d 100%);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.header-content{position:relative;z-index:3;width:100%}
.header-flag{
  position:absolute;
  top:50%;
  width:260px;
  height:auto;
  z-index:2;
  filter:drop-shadow(0 0 8px rgba(64,180,255,.22)) drop-shadow(0 6px 12px rgba(0,0,0,.24));
  pointer-events:none;
  user-select:none;
}
.header-flag--left{
  left:-20px;
  transform-origin:left center;
  animation:flagRussia 5s ease-in-out infinite,glowFlag 4s ease-in-out infinite;
}
.header-flag--right{
  right:-20px;
  transform-origin:right center;
  animation:flagBash 5.5s ease-in-out infinite,glowFlag 4.5s ease-in-out infinite;
}
@keyframes flagRussia{
  0%,100%{transform:translateY(-50%) translateX(0) rotate(0deg) scale(1)}
  50%{transform:translateY(calc(-50% - 3px)) translateX(5px) rotate(.8deg) scale(1.015)}
}
@keyframes flagBash{
  0%,100%{transform:translateY(-50%) translateX(0) rotate(0deg) scale(1)}
  50%{transform:translateY(calc(-50% - 3px)) translateX(-5px) rotate(-.8deg) scale(1.015)}
}
@keyframes glowFlag{
  0%,100%{filter:drop-shadow(0 0 7px rgba(64,180,255,.18)) drop-shadow(0 6px 12px rgba(0,0,0,.24))}
  50%{filter:drop-shadow(0 0 13px rgba(64,180,255,.34)) drop-shadow(0 7px 15px rgba(0,0,0,.3))}
}
@media(max-width:900px){
  .header-flag{width:180px;opacity:.72}
  .header-flag--left{left:-10px}
  .header-flag--right{right:-10px}
}
@media(max-width:600px){.header-flag{width:130px;opacity:.45}}
@media(prefers-reduced-motion:reduce){.header-flag{animation:none}}

/* Событие 01.10.2026: анонс на главной и отдельная фотогалерея. */
.event-feature{position:relative;overflow:hidden;background:linear-gradient(135deg,#06182f 0%,#073760 62%,#075075 100%);color:#fff}
.event-feature::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(55,203,255,.21),transparent 34%),linear-gradient(115deg,transparent 0 55%,rgba(255,255,255,.035) 55% 56%,transparent 56%);pointer-events:none}
.event-feature__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:70px;align-items:center}
.event-feature .section-marker{color:#78dfff}
.event-feature h2{max-width:680px;margin:22px 0 24px;color:#fff;font-size:clamp(42px,4vw,64px);line-height:1.02}
.event-feature h2 span{color:#71d7ff}
.event-feature__copy>p{max-width:610px;margin:0;color:#c8dded;font-size:19px;line-height:1.65}
.event-feature__button{margin-top:32px;background:#fff;color:#082451;border-radius:8px}
.event-feature__button:hover{background:#70d8ff;color:#03182d}
.event-feature__collage{position:relative;display:grid;grid-template-columns:1.38fr .82fr;grid-template-rows:1fr 1fr;gap:10px;height:520px;text-decoration:none;transform:rotate(1.2deg);filter:drop-shadow(0 22px 34px rgba(0,0,0,.30))}
.event-feature__collage img{width:100%;height:100%;object-fit:cover;border:5px solid rgba(255,255,255,.92);background:#fff}
.event-feature__collage .event-feature__main{grid-row:1/-1}
.event-feature__collage span{position:absolute;right:18px;bottom:18px;padding:10px 15px;border-radius:999px;background:rgba(3,25,51,.9);color:#fff;font-size:14px;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 22px rgba(0,0,0,.3)}

.event-page{background:#eef5fa}
.event-page__hero{position:relative;min-height:680px;display:flex;align-items:end;overflow:hidden;background:#03182e;color:#fff}
.event-page__hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%}
.event-page__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,38,.96) 0%,rgba(3,25,52,.78) 43%,rgba(2,20,39,.16) 76%),linear-gradient(0deg,rgba(2,16,34,.78),transparent 56%)}
.event-page__hero-copy{position:relative;z-index:2;padding-top:120px;padding-bottom:76px}
.event-page__back{display:inline-flex;margin-bottom:54px;color:#d4e8f6;text-decoration:none;font-size:15px;font-weight:700}
.event-page__back:hover{color:#6edcff}
.event-page__date{display:block;margin-bottom:17px;color:#75ddff;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.event-page__hero h1{max-width:980px;margin:0;font-size:clamp(49px,5.5vw,86px);line-height:.98;letter-spacing:-.045em}
.event-page__hero h1 span{color:#79dcff}
.event-page__hero p{max-width:620px;margin:26px 0 0;color:#d7e7f2;font-size:20px}
.event-gallery{background:linear-gradient(#f5f9fc,#e9f2f8)}
.event-gallery__heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}
.event-gallery__heading h2{margin:16px 0 0;color:var(--navy);font-size:clamp(40px,4vw,60px);line-height:1.05;letter-spacing:-.045em}
.event-gallery__heading>p{max-width:320px;margin:0 0 7px;color:var(--muted);font-size:17px}
.event-gallery__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:13px}
.event-gallery__photo{position:relative;min-width:0;aspect-ratio:4/3;padding:0;overflow:hidden;border:0;border-radius:9px;background:#06284c;box-shadow:0 8px 22px rgba(3,30,59,.13);transition:transform .22s ease,box-shadow .22s ease}
.event-gallery__photo:nth-child(11n+1){grid-column:span 2;grid-row:span 2}
.event-gallery__photo:nth-child(17n+6){grid-column:span 2}
.event-gallery__photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.event-gallery__photo:hover,.event-gallery__photo:focus-visible{z-index:2;transform:translateY(-3px);box-shadow:0 16px 34px rgba(3,30,59,.23)}
.event-gallery__photo:hover img{transform:scale(1.025)}
.event-gallery__source{display:flex;justify-content:space-between;gap:25px;margin-top:35px;padding-top:22px;border-top:1px solid #c7d8e5;color:var(--muted);font-size:14px}
.event-gallery__source a{color:var(--blue);font-weight:800;text-decoration:none}
.event-gallery__notice{padding:18px;background:#fff;border-left:4px solid var(--blue)}

@media(max-width:1050px){
  .event-feature__layout{grid-template-columns:1fr;gap:45px}
  .event-feature__collage{height:460px;transform:none}
  .event-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .event-feature h2{font-size:39px}
  .event-feature__copy>p{font-size:17px}
  .event-feature__collage{grid-template-columns:1fr 1fr;height:390px}
  .event-feature__collage .event-feature__main{grid-column:1/-1;grid-row:auto}
  .event-page__hero{min-height:610px}
  .event-page__hero-copy{padding-top:82px;padding-bottom:52px}
  .event-page__back{margin-bottom:42px}
  .event-page__hero h1{font-size:clamp(43px,12vw,62px)}
  .event-gallery__heading{display:block}
  .event-gallery__heading>p{margin-top:17px}
  .event-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .event-gallery__photo:nth-child(11n+1),.event-gallery__photo:nth-child(17n+6){grid-column:auto;grid-row:auto}
  .event-gallery__photo:nth-child(9n+1){grid-column:span 2;aspect-ratio:16/10}
  .event-gallery__source{flex-direction:column}
}
@media(max-width:430px){
  .event-feature__collage{height:330px}
  .event-page__hero h1{font-size:40px}
  .event-gallery__grid{grid-template-columns:1fr}
  .event-gallery__photo:nth-child(9n+1){grid-column:auto;aspect-ratio:4/3}
}