@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#15262b;--blue:#a9dce4;--blue2:#dff4f6;--gold:#c77d16;--cream:#f7f4eb;--white:#fff;--muted:#607075;--line:#d2dfe0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(247,244,235,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(21,38,43,.1)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.brand span{display:flex;flex-direction:column;font-size:13px;letter-spacing:.8px}.brand small{font-size:8px;letter-spacing:1.5px;color:#718085;margin-top:3px}.nav{display:flex;gap:25px;align-items:center}.nav a,.back-link{font-size:12px;font-weight:700;color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.5px}.nav a:hover{color:var(--gold)}.nav-admin{border:1px solid var(--ink);padding:10px 14px}.menu-toggle{display:none;border:0;background:none;font-size:24px;color:var(--ink)}
.hero{min-height:calc(100vh - 82px);padding:8vh 8vw 7vh;position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:4vw;overflow:hidden;background:linear-gradient(120deg,#f7f4eb 0%,#e8f5f5 60%,#a9dce4 100%)}.hero-bg{position:absolute;width:52vw;height:52vw;border-radius:50%;right:-22vw;top:-14vw;background:rgba(255,255,255,.4);animation:float 9s ease-in-out infinite}.hero-copy{position:relative;z-index:2}.kicker,.section-label{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#607075}.kicker{display:flex;align-items:center;gap:10px}.kicker span{display:inline-block;width:34px;height:2px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(54px,7.4vw,106px);line-height:.93;letter-spacing:-5px;margin:25px 0}.hero h1 em,.contact-section em,.visitor-title em,.login-box em{font-family:"Playfair Display",serif;color:var(--gold);font-weight:600}.lead{font-size:17px;line-height:1.75;color:#53666a;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:14px 20px;border:1px solid var(--ink);font:700 12px Manrope;text-decoration:none;cursor:pointer;transition:.3s}.btn span{font-size:18px}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-3px)}.btn-line{background:transparent;color:var(--ink)}.btn-line:hover{background:var(--blue);transform:translateY(-3px)}.hero-logo{position:relative;justify-self:center;width:min(39vw,520px);aspect-ratio:1;animation:logoFloat 7s ease-in-out infinite}.hero-logo>img{width:88%;height:88%;position:absolute;inset:6%;border-radius:50%;object-fit:cover;box-shadow:0 35px 70px rgba(21,38,43,.2);animation:slowSpin 30s linear infinite}.logo-ring{position:absolute;inset:0;border:1px solid rgba(21,38,43,.3);border-radius:50%;transform:rotate(-14deg)}.logo-ring:before,.logo-ring:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);top:7%;left:20%}.logo-ring:after{top:auto;left:auto;right:8%;bottom:20%;background:var(--ink)}.floating-note{display:none;position:absolute;background:#fff;padding:11px 15px;font-size:9px;font-weight:800;letter-spacing:1.5px;box-shadow:0 12px 30px rgba(21,38,43,.12)}.floating-note b{color:var(--gold);margin-left:8px}.note-one{left:-2%;top:18%;transform:rotate(-7deg)}.note-two{right:-3%;bottom:20%;transform:rotate(7deg)}.scroll-cue{position:absolute;bottom:30px;left:8vw;font-size:9px;letter-spacing:2px;color:#718085}.scroll-cue span{margin-left:15px;color:var(--gold);font-size:17px}
.section{padding:120px 8vw}.about{background:var(--white)}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:25px}.section h2{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-3px;margin:0}.section h2 span{font-family:"Playfair Display",serif;font-style:italic;font-weight:600;color:var(--gold)}.section-text{font-size:17px;line-height:1.8;color:#596b70}.section-text strong{color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:90px}.stats div{padding:25px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.stats strong{font-size:34px}.stats span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#758489}.works{background:var(--blue2)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:25px}.section-top>p{max-width:350px;color:var(--muted);font-size:14px}.work-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:60px}.work-card{background:#fff;transition:.4s}.work-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(21,38,43,.12)}.work-card.featured{grid-row:span 2}.work-visual{height:245px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.featured .work-visual{height:410px}.work-visual span{position:absolute;left:22px;top:20px;font-size:9px;font-weight:800;letter-spacing:2px}.work-visual i{font-style:normal;font-size:55px;transition:.4s}.work-card:hover .work-visual i{transform:scale(1.15) rotate(5deg)}.visual-camera{background:var(--ink);color:var(--blue)}.visual-blue{background:#8bcbd5;color:#fff}.visual-yellow{background:#d5a35b;color:var(--ink)}.work-info{padding:25px}.work-info small{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#748287}.work-info h3{font-size:23px;margin:8px 0}.work-info p{font-size:13px;color:#69797d;margin:0}.team{background:#f7f4eb}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px}.person{background:#fff;padding:25px;min-height:190px;border-bottom:3px solid var(--blue);transition:.3s}.person:hover{transform:translateY(-5px);border-bottom-color:var(--gold)}.avatar{width:58px;height:58px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:30px}.person h3{font-size:17px;margin:0 0 5px}.person p{font-size:11px;color:#718085}.empty{grid-column:1/-1;border:1px dashed #afc2c5;padding:35px;text-align:center;color:#718085}.news{background:var(--white)}.news-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;margin-top:30px}.news-list{border-top:1px solid var(--line)}.news-item{padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:100px 1fr;gap:20px}.news-item time{font-size:10px;color:#89979a;letter-spacing:1px}.news-item h3{font-size:18px;margin:0 0 5px}.news-item p{font-size:12px;color:#718085;margin:0}.contact-section{padding:120px 8vw;background:var(--blue);position:relative;overflow:hidden}.contact-section:after{content:"21";position:absolute;right:4vw;bottom:-90px;font-size:340px;font-weight:800;color:rgba(255,255,255,.25);pointer-events:none}.contact-inner{position:relative;z-index:1}.contact-section h2{font-size:clamp(55px,8vw,110px);line-height:.9;letter-spacing:-5px;margin:25px 0}.contact-section p{max-width:500px;color:#4d666c;margin-bottom:30px}.contact-section .btn{position:relative}.contact-section .btn-dark:hover{background:#fff;color:var(--ink);border-color:#fff}footer{padding:25px 5vw;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#b6c6c9;font-size:10px;gap:20px}footer div{display:flex;align-items:center;gap:10px;color:#fff}footer img{width:40px;height:40px;border-radius:50%;object-fit:cover}footer small{color:#91a6aa}footer a{color:var(--blue);text-decoration:none}.reveal{opacity:0;transform:translateY(24px);animation:reveal .9s .15s forwards}.delay-2{animation-delay:.35s}
.inner-page{background:var(--cream)}.visitor-main{min-height:calc(100vh - 82px);padding:90px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.visitor-title h1,.login-box h1{font-size:clamp(55px,7vw,100px);line-height:.92;letter-spacing:-5px;margin:25px 0}.visitor-title p{max-width:520px;color:#607075;font-size:16px;line-height:1.7}.visitor-form{background:#fff;padding:38px;box-shadow:0 25px 70px rgba(21,38,43,.08)}.visitor-form label,.admin-form label{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px}.visitor-form input,.visitor-form select,.visitor-form textarea,.admin-form input,.admin-form textarea,.login-box input{width:100%;padding:14px;border:1px solid #d4dfe0;background:#fbfbf8;font:14px Manrope;margin-top:7px;outline:none}.visitor-form input:focus,.visitor-form textarea:focus,.visitor-form select:focus,.admin-form input:focus,.login-box input:focus{border-color:var(--gold)}.visitor-form textarea{resize:vertical}.visitor-form .btn{width:100%;margin-top:5px}.admin-page{background:var(--blue2)}.admin-main{padding:80px 8vw;min-height:calc(100vh - 82px)}.back-link{border-bottom:1px solid var(--ink)}.login-box{max-width:580px;background:#fff;padding:55px;box-shadow:0 30px 70px rgba(21,38,43,.1)}.login-box p{color:#65767a;line-height:1.7}.login-box input{margin:15px 0}.login-box .btn{width:100%}.login-box small{display:block;color:#839195;margin-top:15px}.dash-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.dash-head h1{font-size:65px;letter-spacing:-3px;margin:10px 0 0}.dash-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:25px}.tab{padding:12px 18px;border:1px solid var(--line);background:#fff;font:700 11px Manrope;cursor:pointer}.tab.active{background:var(--ink);color:#fff}.dash-panel{background:#fff;padding:35px}.dash-panel h2{font-size:26px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}.admin-form input,.admin-form textarea{margin:0}.admin-form textarea{grid-column:1/-1}.admin-form .btn{grid-column:1/-1;justify-self:start}.admin-items{display:grid;gap:10px}.admin-item{border:1px solid var(--line);padding:17px;display:flex;justify-content:space-between;gap:15px;align-items:start}.admin-item strong{display:block}.admin-item small{color:#758489}.delete{border:0;background:#f1dddd;color:#9a3333;padding:8px 10px;cursor:pointer}.hidden{display:none!important}@keyframes reveal{to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(25px)}}@keyframes logoFloat{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@media(max-width:850px){.nav{display:none}.nav.open{display:flex;position:absolute;top:82px;left:0;right:0;padding:20px 6vw;background:var(--cream);flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:65px}.hero-logo{width:min(80vw,430px);order:-1}.hero h1{letter-spacing:-3px}.section{padding:80px 6vw}.section-grid,.news-layout,.visitor-main{grid-template-columns:1fr;gap:45px}.stats{grid-template-columns:repeat(2,1fr);margin-top:55px}.stats div:nth-child(2){border-right:0}.work-grid{grid-template-columns:1fr}.work-card.featured{grid-row:auto}.featured .work-visual{height:300px}.team-grid{grid-template-columns:repeat(2,1fr)}.section-top{align-items:start;flex-direction:column}.contact-section{padding:80px 6vw}.contact-section:after{font-size:220px}.visitor-main{padding:70px 6vw}.login-box{padding:35px}.admin-main{padding:50px 6vw}.admin-form{grid-template-columns:1fr}.admin-form textarea,.admin-form .btn{grid-column:auto}footer{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.brand span{display:none}.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:52px}.team-grid{grid-template-columns:1fr}.floating-note{display:none}.stats{grid-template-columns:1fr 1fr}.news-item{grid-template-columns:1fr}.visitor-form{padding:25px}}

.person-photo{width:100%;height:170px;object-fit:cover;display:block;margin:-25px -25px 25px;width:calc(100% + 50px)}.news-photo{width:150px;height:105px;object-fit:cover;grid-row:span 2}.file-label{grid-column:1/-1!important;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1px}.file-label input{margin-top:7px}.join-section{padding:105px 8vw;background:var(--cream);border-top:1px solid var(--line)}.join-inner{display:grid;grid-template-columns:.35fr 1fr;gap:8vw;align-items:start}.join-section h2{font-size:clamp(45px,6vw,82px);line-height:.95;letter-spacing:-4px;margin:0 0 25px}.join-section h2 em{font-family:"Playfair Display",serif;font-weight:600;color:var(--gold)}.join-section p{max-width:620px;color:#607075;font-size:16px;line-height:1.8}.application-main{padding:90px 8vw 120px;display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;align-items:start}.application-title{position:sticky;top:125px}.application-title h1{font-size:clamp(48px,6vw,88px);line-height:.94;letter-spacing:-4px;margin:25px 0}.application-title h1 em{font-family:"Playfair Display",serif;color:var(--gold)}.application-title>p{max-width:480px;color:#607075;line-height:1.75}.application-form{background:#fff;padding:38px 42px;box-shadow:0 30px 80px rgba(21,38,43,.08)}.form-step{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid var(--line)}.form-step>span{font:700 11px Manrope;color:var(--gold);padding-top:4px}.form-step label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.form-step input,.form-step textarea{display:block;width:100%;padding:14px;margin-top:8px;border:1px solid #d4dfe0;background:#fbfbf8;font:14px Manrope;outline:none}.form-step textarea{resize:vertical}.form-step small{display:block;margin-top:7px;color:#89979a;font-size:10px;letter-spacing:0;text-transform:none}.valid-counter{color:#35715f!important}.invalid-counter{color:#a23c35!important}.consent-box{display:grid;grid-template-columns:22px 1fr;gap:10px;margin:28px 0}.consent-box input{margin-top:3px;accent-color:var(--gold);width:17px;height:17px}.consent-box label{font-size:10px;line-height:1.6;color:#68787c}.application-form>.btn{width:100%}.success-message{background:#e3f3ee;color:#35715f;padding:15px;margin-top:18px;font-size:13px;font-weight:800}.application-admin-item p{margin:8px 0;color:#5f7175;font-size:12px;line-height:1.55}@media(max-width:850px){.join-inner,.application-main{grid-template-columns:1fr;gap:45px}.application-title{position:static}.news-photo{width:100%;height:180px;grid-column:1/-1;grid-row:auto}.person-photo{height:220px}}

/* About showcase */
.about-showcase{background:linear-gradient(135deg,#f7f4eb 0%,#eaf7f7 62%,#d5edf0 100%);overflow:hidden}.about-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;margin-top:35px}.about-copy h2{font-size:clamp(48px,6.5vw,94px);line-height:.94;letter-spacing:-5px;margin:18px 0 25px}.about-copy h2 span{font-family:"Playfair Display",serif;color:var(--gold);font-weight:600}.about-copy>p:last-child{max-width:680px;color:#53666a;line-height:1.8;font-size:16px}.about-kicker{font-size:10px!important;font-weight:800;letter-spacing:2px;color:#6c7d81!important}.about-emblem{width:min(32vw,390px);aspect-ratio:1;justify-self:center;position:relative;display:grid;place-items:center}.about-emblem:before{content:"";position:absolute;inset:12%;border-radius:50%;background:rgba(255,255,255,.48);box-shadow:0 35px 70px rgba(21,38,43,.12)}.about-emblem b{position:absolute;right:7%;top:11%;font-size:clamp(55px,8vw,105px);line-height:1;color:rgba(21,38,43,.12);letter-spacing:-5px}.about-emblem>span{position:absolute;left:3%;bottom:15%;font-size:9px;font-weight:800;letter-spacing:2px;line-height:1.4;color:#66777b}.emblem-core{width:64%;aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;z-index:2;border:9px solid rgba(255,255,255,.8);box-shadow:0 25px 55px rgba(21,38,43,.2);animation:logoFloat 6s ease-in-out infinite}.emblem-core img{width:100%;height:100%;object-fit:cover}.emblem-orbit{position:absolute;border:1px solid rgba(21,38,43,.22);border-radius:50%}.orbit-a{inset:2%;transform:rotate(25deg) scaleY(.35);animation:orbitSpin 15s linear infinite}.orbit-b{inset:7%;transform:rotate(-35deg) scaleY(.35);animation:orbitSpin 20s linear reverse infinite}.about-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:65px}.about-cards article{min-height:205px;background:rgba(255,255,255,.72);padding:24px;border-top:3px solid var(--blue);transition:.35s}.about-cards article:hover{transform:translateY(-7px);border-top-color:var(--gold);box-shadow:0 20px 45px rgba(21,38,43,.08)}.about-cards span{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:1px}.about-cards h3{font-size:22px;margin:38px 0 9px}.about-cards p{font-size:12px;line-height:1.7;color:#718085}.about-quote{background:var(--ink)!important;color:#fff;border-top-color:var(--gold)!important}.about-quote p{color:#b9c9cb}.work-file{width:100%;height:100%;min-height:245px;object-fit:cover;display:block}.featured .work-file{min-height:410px}.file-work-placeholder{height:100%;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff}.file-work-placeholder b{font-size:42px}.file-work-placeholder span{font-size:10px;letter-spacing:1px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-info a{display:inline-block;margin-top:15px;color:var(--ink);font-size:11px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px}.login-box input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-box{overflow:hidden}.admin-item,.admin-item>div{min-width:0}.admin-item p,.admin-item strong,.admin-item small{overflow-wrap:anywhere;word-break:break-word}.file-label input{max-width:100%;overflow:hidden}.admin-form .file-label{background:#fbfbf8;border:1px dashed #c6d4d6;padding:12px}.admin-form .file-label input{border:0;padding:7px 0;background:transparent}
@keyframes orbitSpin{to{transform:rotate(385deg) scaleY(.35)}}
@media(max-width:850px){.about-hero{grid-template-columns:1fr}.about-emblem{width:min(78vw,390px)}.about-cards{grid-template-columns:repeat(2,1fr)}.work-file{min-height:300px}.featured .work-file{min-height:300px}}@media(max-width:520px){.about-cards{grid-template-columns:1fr}.about-copy h2{letter-spacing:-3px}.about-emblem{width:82vw}.work-file{min-height:240px}.featured .work-file{min-height:240px}}
/* Admin dashboard wide layout */
.admin-main{padding-left:4vw;padding-right:4vw}
.dashboard{width:100%;max-width:1500px;margin:0 auto}
.dash-panel{width:100%;overflow:hidden}
.admin-form input,.admin-form textarea,.admin-form .file-label{min-width:0}
@media(min-width:1400px){.dashboard{max-width:1700px}}
@media(max-width:850px){.admin-main{padding-left:6vw;padding-right:6vw}.dashboard{max-width:100%}.dash-panel{padding:25px 20px}}


/* Увеличенная панель входа администратора */
.login-box{width:min(100%,900px);max-width:900px;padding:60px 70px}
.login-box input{min-height:52px;font-size:16px;padding:15px 17px}
@media(max-width:700px){.login-box{width:100%;padding:38px 28px}.login-box h1{letter-spacing:-3px}.login-box input{font-size:15px}}


/* ==================== MEDIA POLIS 21 · v2.7 ==================== */
.hero-v27{min-height:calc(100vh - 82px);isolation:isolate}
.hero-v27:after{content:"21";position:absolute;right:2vw;bottom:-12vw;font-size:min(42vw,620px);font-weight:800;line-height:.7;letter-spacing:-.08em;color:rgba(21,38,43,.035);z-index:-1}
.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(21,38,43,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,38,43,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,black 25%,black 75%,transparent)}
.hero-logo-wrap{position:relative;justify-self:center;width:min(42vw,560px);aspect-ratio:1;display:grid;place-items:center}
.hero-logo-wrap .hero-logo{width:100%;height:100%;animation:logoFloat 7s ease-in-out infinite}
.hero-logo-badge{position:absolute;z-index:5;left:2%;top:10%;background:var(--ink);color:#fff;padding:14px 18px;font-size:9px;line-height:1.35;letter-spacing:2px;box-shadow:0 18px 35px rgba(21,38,43,.18);transform:rotate(-7deg)}
.hero-logo-badge b{font-size:28px;letter-spacing:-1px;color:var(--blue)}
.hero-caption{position:absolute;right:-4%;bottom:10%;display:flex;flex-direction:column;align-items:flex-end;gap:5px;transform:rotate(4deg);z-index:5}
.hero-caption span{font:700 11px Manrope;letter-spacing:4px;color:var(--gold)}
.hero-caption b{font-size:8px;letter-spacing:2px;color:#718085}
.hero-meta{display:flex;gap:28px;margin-top:38px;padding-top:18px;border-top:1px solid rgba(21,38,43,.16);max-width:620px}
.hero-meta span{display:flex;flex-direction:column;gap:3px;font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#77878a}
.hero-meta b{font-size:18px;color:var(--ink);letter-spacing:-.5px}
.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff;padding:0 8vw}
.quick-strip>div{min-height:112px;padding:24px 25px;border-right:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:35px 1fr;column-gap:10px;align-items:center;transition:.3s}
.quick-strip>div:first-child{border-left:1px solid rgba(255,255,255,.12)}
.quick-strip>div:hover{background:rgba(169,220,228,.08);transform:translateY(-3px)}
.quick-strip span{grid-row:1/3;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1px}
.quick-strip b{font-size:11px;letter-spacing:1.8px}
.quick-strip small{font-size:9px;color:#aebfc2;letter-spacing:.2px}
.about-showcase{position:relative}
.about-showcase:after{content:"MP21";position:absolute;right:-30px;top:55px;font-size:130px;font-weight:800;letter-spacing:-8px;color:rgba(21,38,43,.035);transform:rotate(90deg)}
.work-card{transition:transform .35s ease,box-shadow .35s ease}
.work-card:hover{transform:translateY(-8px);box-shadow:0 28px 55px rgba(21,38,43,.12)}
.team-grid .person{transition:transform .35s ease,box-shadow .35s ease}
.team-grid .person:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(21,38,43,.1)}
.news-item{transition:.3s}
.news-item:hover{padding-left:12px;background:rgba(255,255,255,.5)}
.contact-section{position:relative;overflow:hidden}
.contact-section:before{content:"IDEA";position:absolute;right:-20px;bottom:-70px;font-size:180px;font-weight:800;letter-spacing:-10px;color:rgba(21,38,43,.045);pointer-events:none}
@media(max-width:850px){
  .hero-v27{padding-top:55px}
  .hero-logo-wrap{width:min(82vw,430px)}
  .hero-caption{right:-1%;bottom:7%}
  .hero-meta{gap:18px;flex-wrap:wrap}
  .quick-strip{grid-template-columns:repeat(2,1fr);padding:0}
  .quick-strip>div:nth-child(2){border-right:0}
  .quick-strip>div:nth-child(3),.quick-strip>div:nth-child(4){border-top:1px solid rgba(255,255,255,.12)}
}
@media(max-width:520px){
  .hero-v27:after{font-size:55vw}
  .hero-logo-badge{left:0;top:7%;padding:10px 13px}
  .hero-caption{right:0;bottom:4%}
  .hero-caption span{font-size:9px;letter-spacing:2px}
  .hero-meta{justify-content:space-between}
  .quick-strip>div{min-height:96px;padding:18px 15px}
  .about-showcase:after{font-size:90px}
}

/* Вертикальные карточки участников */
.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.person{padding:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;border-bottom:0;box-shadow:0 10px 30px rgba(21,38,43,.06)}
.person:hover{border-bottom:0;transform:translateY(-7px);box-shadow:0 24px 50px rgba(21,38,43,.13)}
.person-photo{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#dce8e9}
.person>.avatar{width:100%;height:auto;aspect-ratio:3/4;border-radius:0;margin:0;display:grid;place-items:center;font-size:54px;background:var(--blue);color:var(--ink)}
.person h3{font-size:18px;margin:0;padding:20px 20px 4px}
.person p{font-size:11px;line-height:1.55;color:#718085;margin:0;padding:0 20px 6px}
.person p:last-child{padding-bottom:22px}
@media(max-width:1050px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.team-grid{grid-template-columns:1fr 1fr;gap:12px}.person h3{font-size:15px;padding:14px 13px 3px}.person p{font-size:10px;padding-left:13px;padding-right:13px}.person p:last-child{padding-bottom:15px}}

/* Просмотр видео прямо на сайте */
.video-preview{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.video-preview .work-file{flex:1}.video-open{position:absolute;right:14px;bottom:14px;border:0;background:rgba(21,38,43,.9);color:#fff;padding:10px 13px;font:800 10px Manrope;letter-spacing:.4px;cursor:pointer}.video-open:hover{background:var(--gold);color:var(--ink)}.work-watch{display:inline-block;margin-top:15px;border:0;background:var(--ink);color:#fff;padding:11px 15px;font:800 11px Manrope;cursor:pointer}.work-watch:hover{background:var(--gold);color:var(--ink)}.video-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:30px}.video-modal.open{display:flex}.video-modal-backdrop{position:absolute;inset:0;background:rgba(8,18,21,.86);backdrop-filter:blur(8px)}.video-modal-box{position:relative;z-index:1;width:min(100%,1100px);background:#101b1e;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.video-modal-player{display:block;width:100%;max-height:78vh;background:#000}.video-modal-title{color:#fff;font-size:18px;margin:0 50px 16px 0}.video-modal-close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:#fff;font-size:34px;line-height:1;cursor:pointer}.video-modal-close:hover{color:var(--gold)}
@media(max-width:600px){.video-modal{padding:12px}.video-modal-box{padding:14px}.video-modal-title{font-size:15px;margin-bottom:10px}.video-open{font-size:9px;padding:8px 10px}}

/* Медиа без обрезки: рамка подстраивается под реальное соотношение сторон */
.work-card .work-visual{height:auto;min-height:0;overflow:visible;align-items:flex-start}
.work-card .work-visual:has(.work-file){background:#fff}
.work-card .work-file{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;background:#fff}
.work-card .video-preview{width:100%;height:auto;display:block;position:relative}
.work-card .video-preview .work-file{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.work-card.featured .work-visual{height:auto;min-height:0}
.work-card.featured .work-file{min-height:0}
.file-work-placeholder{min-height:245px;width:100%}

/* Новости: изображение отдельно, текст всегда находится рядом с ним, а не поверх */
.news-item{grid-template-columns:150px minmax(0,1fr);align-items:start;column-gap:20px}
.news-photo{grid-column:1;grid-row:1;width:150px;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;display:block;background:#f7f4eb}
.news-content{grid-column:2;min-width:0;padding:0}
.news-content time{display:block;margin-bottom:7px}
.news-content h3{margin:0 0 7px}
.news-content p{margin:0}
@media(max-width:850px){
  .news-item{grid-template-columns:1fr;row-gap:15px}
  .news-photo{grid-column:1;grid-row:auto;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
  .news-content{grid-column:1}
}

/* Участники: вертикальные портретные рамки без обрезки фотографий */
.person-photo{width:100%;aspect-ratio:3/4;height:auto;object-fit:contain;object-position:center;background:#eef3f3;display:block}
.person>.avatar{width:100%;aspect-ratio:3/4;height:auto;object-fit:contain}

/* Раздел «Наши работы»: видео показываются только как обложки */
.work-card .work-visual:has(.work-cover){height:auto;min-height:0;overflow:hidden;background:#fff}
.work-card .work-cover{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;display:block;background:#fff}
.video-cover-placeholder{width:100%;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:var(--blue)}
.video-cover-placeholder b{font-size:42px;letter-spacing:2px}
.video-cover-placeholder span{font-size:10px;letter-spacing:1px;color:#b9c9cb}
.work-download{display:inline-block;margin-top:15px!important;color:var(--ink)!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;border:1px solid var(--ink);padding:10px 14px!important;transition:.25s}
.work-download:hover{background:var(--ink);color:#fff!important;border-color:var(--ink)!important}
.admin-form .file-label span{font-size:9px;color:#839195;font-weight:600;text-transform:none;letter-spacing:0}

.role-badge{display:inline-block;margin-top:12px;padding:8px 12px;background:var(--ink);color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.owner-lock{display:inline-block;padding:8px 10px;background:#e8f1e9;color:#35715f;font-size:10px;font-weight:800}.admin-help{color:#718085;line-height:1.7;font-size:13px;max-width:720px;margin:0 0 25px}.admin-form select{min-width:0;padding:15px;border:1px solid #d4dfe0;background:#fbfbf8;font:14px Manrope}