@charset "UTF-8";
/* «Кораблик»: самостоятельная HTML-вёрстка по последнему художественному макету.
   ВНИМАНИЕ: только демонстрационный прототип, без подключения к реальному сайту. */
:root {
  --ink: #10345b;
  --ink-light: #315778;
  --navy: #082e52;
  --blue: #0b6195;
  --ocean: #08709e;
  --bright: #238cc0;
  --gold: #b47b2d;
  --gold-light: #d7a75b;
  --paper: #fffdf9;
  --line: #e6eff2;
  --shadow: 0 12px 34px rgba(13, 56, 92, .09);
  --body-font: "Trebuchet MS", Arial, sans-serif;
  --display-font: Georgia, "Times New Roman", serif;
  color-scheme: light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:18px}
body{margin:0;background:#e7f0f4;color:var(--ink);font:15px/1.55 var(--body-font);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
img{display:block;height:auto}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
:focus-visible{outline:3px solid #e9a444;outline-offset:4px}
[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:fixed;z-index:200;left:16px;top:-100px;background:white;padding:12px 16px;border-radius:8px}
.skip-link:focus{top:12px}
.site-shell{max-width:1600px;min-width:0;margin:0 auto;overflow:hidden;background:#fff;box-shadow:0 0 80px #164a6d24}
.container{width:min(100% - 64px,1400px);margin-inline:auto}
/* Шапка — мягкое голубое небо с полупрозрачной навигацией. */
.site-header{position:relative;z-index:20;background:linear-gradient(130deg,#cce9fd 0%,#f9f8f3 36%,#d4edf9 75%,#add7f3 100%)}
.site-header::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 180px 60px at 18% 9%,#ffffffd0 5%,transparent 90%),radial-gradient(ellipse 230px 55px at 64% 12%,#fff8ebdd,transparent 95%);pointer-events:none}
.header-top{position:relative;display:flex;align-items:center;gap:24px;min-height:93px;padding-block:12px}
.brand{flex-shrink:0;display:flex;align-items:center;gap:13px;color:#12375f;line-height:1.03}
.brand__ship{width:76px;height:72px;object-fit:cover;object-position:center;mix-blend-mode:multiply;filter:drop-shadow(0 4px 3px #5395bc20)}
.brand__name{font:400 24px/1.09 var(--display-font);letter-spacing:-.02em;white-space:nowrap}
.brand__name strong{display:block;font-size:35px;letter-spacing:-.04em;font-weight:600}
.brand-motto{margin:0 auto 0 10px;color:#28648b;font:italic 15px/1.45 var(--display-font);transform:rotate(-2deg);min-width:0}
.brand-motto span{display:block}
.header-phone{display:flex;align-items:center;gap:11px;color:#143e67;white-space:nowrap;line-height:1.2}
.header-phone svg{width:23px;height:23px;flex-shrink:0}
.header-phone b{font-size:16px;letter-spacing:.01em}
.header-phone small{display:block;margin-top:5px;color:#567894;font-size:11px}
.accessibility-toggle{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 13px;background:#edf8ffb8;border:1.5px solid #7b9bb7;border-radius:8px;color:#173d66;font-size:11px;font-weight:700;text-align:left;line-height:1.18;white-space:nowrap}
.accessibility-toggle:hover{background:#fff}
.accessibility-toggle svg{width:29px;height:29px;flex-shrink:0}
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:45px;height:44px;border:1px solid #82afc6;border-radius:8px;background:#f5fbff;color:#1b5179}
.menu-toggle span{display:block;width:21px;height:2px;background:currentColor;border-radius:4px;transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.main-navigation{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(9px,2.1vw,42px);min-height:48px;padding:0 22px;background:rgba(255,255,255,.86);border-radius:16px 16px 0 0;box-shadow:0 4px 17px #16477112;backdrop-filter:blur(10px)}
.main-navigation>a{display:inline-flex;align-items:center;min-height:48px;border-bottom:3px solid transparent;color:#163e67;font-size:13px;font-weight:700;white-space:nowrap}
.main-navigation>a:hover,.main-navigation>a.is-active{color:#aa752a;border-color:#d4a45b}
.main-navigation .search-toggle{flex-shrink:0;margin-left:auto;border:0;background:none;color:#153e63;display:grid;place-items:center;width:35px;height:42px}
.search-toggle svg{width:21px;height:21px}
.site-search{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:90;padding:19px 23px 14px;border:1px solid #b9dce9;border-radius:0 0 15px 15px;background:#f5fbff;box-shadow:0 10px 30px #123e633b}
.site-search label{display:block;margin-bottom:7px;font-weight:700;color:#183f63}
.search-field{display:flex;gap:9px}
.search-field input{min-width:0;flex:1;padding:10px 14px;border:1px solid #b9d2e1;border-radius:8px;color:var(--ink);background:#fff}
.search-field button{padding:10px 22px;border:0;border-radius:8px;background:#126790;color:#fff;font-weight:700}
#search-status{margin:6px 0 0;color:#315778;font-size:12px}
/* Живописный первый экран: корабль выделен из согласованного рисунка,
   а заголовок, текст и кнопки — самостоятельные HTML-элементы. */
.hero{position:relative;isolation:isolate;min-height:614px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(110deg,#c3e7fc 0%,#dff0fa 33%,#d4e7f3 59%,#f8ddb0 100%)}
.hero__sky{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 310px 140px at 20% 4%,#fff9e2a0,transparent 87%),radial-gradient(ellipse 330px 100px at 1% 29%,#ffffffc2,transparent 92%),radial-gradient(ellipse 250px 100px at 40% 13%,#ffffffa8,transparent 85%),linear-gradient(180deg,#c0e2f8 0%,#e4f0ee 65%,#b8d5e3 100%)}
.hero__sky::before,.hero__sky::after{content:"";position:absolute;display:block;filter:blur(13px);background:#fff8eb8a;border-radius:100%;transform:rotate(-7deg)}
.hero__sky::before{left:-6%;top:19%;width:30%;height:70px}
.hero__sky::after{left:14%;top:7%;width:33%;height:60px}
.hero__art{position:absolute;z-index:1;height:113%;max-width:none;width:auto;right:-.3%;top:-5%;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 10%,#000 21%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 10%,#000 21%)}
.hero__mist{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(223,241,253,.91) 0%,rgba(225,242,252,.77) 20%,rgba(225,241,249,.26) 39%,transparent 57%);pointer-events:none}
.hero__water{position:absolute;inset:auto 0 0;height:96px;z-index:0;background:linear-gradient(0deg,rgba(1,69,107,.22),transparent),url('assets/art-01.webp') center bottom/cover no-repeat;opacity:.7}
.hero__content{position:relative;z-index:3;padding:53px 0 102px}
.hero__content>*{max-width:570px}
.hero__eyebrow{margin:0 0 13px;color:#416b8b;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.hero h1{margin:0;font:500 clamp(44px,4.15vw,68px)/1.08 var(--display-font);letter-spacing:-.045em;color:#10335c;text-shadow:0 1px 1px #fff8}
.hero__description{max-width:395px;margin:19px 0 0;font-size:17px;line-height:1.43;font-weight:600;color:#214b72;text-shadow:0 1px 1px #fffc}
.hero__buttons{display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin-top:22px}
.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:17px;min-height:45px;padding:9px 23px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 7px 17px #1d507c25}
.btn span{font-size:21px;font-weight:400;line-height:1}
.btn--gold{color:#fff;background:linear-gradient(180deg,#d5a152,#ac7126);border:1px solid #ba8033;box-shadow:0 5px 12px #7e57223d}
.btn--white{background:#fff;color:#145b9a;border:1.5px solid #4b92c3}
.btn--ocean{background:linear-gradient(180deg,#136f99,#005784);color:#fff;border:1px solid #0a608b}
.btn--outline{background:#ffffffe8;color:#0c578c;border:1.5px solid #1c80b5}
/* Шесть настоящих ссылок, каждая иконка — отдельный рисунок. */
.quick-links{position:relative;z-index:6;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:13px;margin-top:-15px;background:#ffffffed;border:1px solid #e7e8e6;border-radius:18px;box-shadow:0 12px 36px #113c5d1b}
.quick-card{min-width:0;min-height:153px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:9px 6px 10px;text-align:center;border:1px solid #e5edf2;border-radius:11px;background:linear-gradient(158deg,#fff,#fcfdff);box-shadow:0 5px 12px #133c5210;transition:transform .19s,border-color .19s,box-shadow .19s}
.quick-card:hover{transform:translateY(-4px);border-color:#82bedb;box-shadow:0 11px 23px #0848751c}
.quick-card img{width:75px;height:75px;object-fit:contain;mix-blend-mode:multiply}
.quick-card strong{font-size:13px;line-height:1.2;color:#0c3d6a;font-weight:800;min-height:32px;display:flex;align-items:center}
.circle-arrow{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;margin-top:auto;border:1px solid #d5e6ed;border-radius:50%;color:#0c69a1;font-size:18px;line-height:1;background:#fff}
/* Новости */
.news-section{padding-top:28px;padding-bottom:42px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.section-heading__left{display:flex;align-items:center;gap:22px;min-width:0}
.section-heading h2,.parents-banner h2,.family-info-intro h2{margin:0;font:500 clamp(30px,2.75vw,43px)/1.15 var(--display-font);color:#0e345e;letter-spacing:-.035em}
.flourish{display:inline-block;min-width:77px;color:#d28e3f;transform:translateY(5px)}
.flourish svg{display:block;width:78px;height:25px}
.section-more{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#0b68a4;font-size:12px;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.section-more span{font-size:20px;text-decoration:none}
.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.news-card{min-width:0;display:flex;flex-direction:column;border:1px solid #e8edf1;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 6px 20px #244d6b0e;transition:box-shadow .2s,transform .2s}
.news-card:hover{transform:translateY(-3px);box-shadow:0 11px 26px #244d6b19}
.news-card>img{width:100%;height:185px;object-fit:cover;object-position:center}
.news-card__body{position:relative;flex:1;display:flex;flex-direction:column;padding:15px 15px 41px}
.news-card time{font-size:11px;color:#8b9baa}
.news-card h3{margin:7px 0 6px;font:700 18px/1.17 var(--display-font);color:#103663}
.news-card p{margin:0;color:#78899b;font-size:12.5px;line-height:1.35}
.news-card__body>a{position:absolute;right:12px;bottom:9px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #e1eaf1;border-radius:50%;font-size:19px;color:#0f68aa}
.news-card__body>a:hover{background:#dff2fb}
/* Блок для родителей: портрет из оригинального морского рисунка. */
.parents-banner{position:relative;isolation:isolate;min-height:310px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(110deg,#e8f6fc,#d1e9f2 53%,#f8e2c6)}
.parents-banner__art{position:absolute;inset:0 0 0 auto;z-index:1;width:61%;height:100%;object-fit:cover;object-position:center center;mask-image:linear-gradient(90deg,transparent 0%,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%)}
.parents-banner__mist{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#edf8fd 0%,#edf8fded 25%,#edf8fd77 43%,transparent 62%)}
.parents-banner__inner{position:relative;z-index:3;padding:34px 0}
.parents-banner__content{max-width:520px}
.parents-banner h2{font-size:clamp(32px,2.95vw,44px)}
.title-wave{display:block;margin:4px 0 10px;color:#d39148;font:32px/.6 var(--display-font)}
.parents-banner p{max-width:500px;margin:0 0 18px;color:#23496b;font-size:15px;line-height:1.43;font-weight:600}
.parents-banner__buttons{display:flex;gap:10px;flex-wrap:wrap}
.parents-banner__buttons .btn{font-size:12px;min-height:42px;padding:8px 15px}
/* Пять ссылок из художественного образца плюс место для полного реестра. */
.resource-section{padding-top:30px;padding-bottom:36px}
.resource-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.resource-card{min-width:0;display:flex;align-items:center;gap:9px;min-height:77px;padding:8px 10px;border:1px solid #e3eaf0;border-radius:10px;background:linear-gradient(160deg,#fff,#fbfdff);box-shadow:0 4px 12px #12456e0c;transition:transform .2s,border-color .2s}
.resource-card:hover{transform:translateY(-3px);border-color:#80bddb}
.resource-card img{flex:0 0 49px;width:49px;height:49px;object-fit:contain;mix-blend-mode:multiply}
.resource-card>span:not(.external){flex:1;min-width:0;font-size:11px;line-height:1.23;color:#244d7b;font-weight:700;overflow-wrap:anywhere}
.resource-card .external{font-size:16px;color:#1385b9;align-self:flex-start}
.more-resources{margin:16px 0 0;border:1px solid #d9edf3;border-radius:10px;background:#f7fcff}
.more-resources summary{padding:12px 17px;cursor:pointer;color:#0d608d;font-size:12px;font-weight:700}
.more-resources summary span{float:right}
.more-resources__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 16px 14px}
.more-resources__grid a{font-size:12px;text-decoration:underline;text-underline-offset:2px;color:#194f75}
.more-resources p{font-size:11px;color:#698296;margin:0;padding:0 16px 15px}
/* Дополнительное демо-наполнение компактно спрятано в раскрываемом блоке,
   чтобы не нарушать композицию согласованной главной. */
.family-information{margin:0 auto 18px;border-top:1px solid #edf1f2}
.family-information summary{padding:10px 0;cursor:pointer;color:#0d628f;font-size:12px;font-weight:800}
.family-info-intro{padding:14px 0}
.family-info-intro h2{font-size:30px}
.family-info-intro p{margin:8px 0;color:#698196}
.family-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:10px 0 20px}
.family-info-box{border:1px solid #d7e9ee;background:#f5fbfe;border-radius:12px;padding:17px}
.family-info-box>span{font-size:25px;color:#18739e}
.family-info-box h3{font:700 20px/1.2 var(--display-font);margin:8px 0}
.family-info-box p{margin:0;font-size:13px;color:#5c7386}
/* Морской тёмно-синий подвал с волной и компасом. */
.site-footer{position:relative;isolation:isolate;min-height:235px;padding:38px 0 16px;overflow:hidden;color:#ebf9ff;background:linear-gradient(125deg,#0b567c 0%,#043954 47%,#074463 100%)}
.site-footer::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;background:radial-gradient(ellipse 420px 95px at 30% 1%,#2d9ac8 0%,transparent 72%),repeating-linear-gradient(171deg,transparent 0 29px,#4aa9c922 30px 34px,transparent 35px 67px)}
.site-footer::after{content:"";position:absolute;left:-12%;right:-12%;bottom:-115px;height:190px;border:3px solid #60a9c21e;border-radius:50%;pointer-events:none}
.footer-waves{position:absolute;z-index:2;left:0;top:-26px;width:100%;height:62px;pointer-events:none}
.footer-content{position:relative;z-index:3;display:grid;grid-template-columns:1.2fr 1.25fr .78fr 1.05fr;gap:35px;align-items:start}
.footer-brand>a{display:flex;align-items:center;gap:11px;font:25px/1.06 var(--display-font)}
.footer-brand img{width:74px;height:74px;object-fit:cover;mix-blend-mode:screen;border-radius:11px}
.footer-brand strong{font-size:31px}
.footer-brand p{margin:15px 0 0 9px;font:italic 15px/1.4 var(--display-font);color:#b5deef}
.footer-contact{padding-top:10px}
.footer-contact p{display:flex;align-items:flex-start;gap:11px;margin:0 0 14px;font-size:13px;line-height:1.36}
.footer-contact svg{width:20px;height:20px;color:#f0f9ff;flex-shrink:0}
.footer-contact a{font-weight:700}
.footer-contact small{display:block;margin-top:6px;color:#8dbfd5;font-size:10px}
.footer-nav{display:flex;flex-direction:column;gap:8px;padding:14px 0 0 22px;border-left:1px solid #7aa3b969}
.footer-nav a{font-size:12px}
.footer-nav a:hover,.footer-contact a:hover{text-decoration:underline}
.footer-social{padding-top:8px}
.footer-social>p{font-size:12px;font-weight:700;margin:0 0 13px}
.social-links{display:flex;gap:9px}
.social-links a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a6d2e6;border-radius:50%;font-size:14px;font-weight:800;color:#fff;transition:transform .17s,background .17s}
.social-links a:hover{background:#1788ba;transform:translateY(-3px)}
.footer-social small{display:block;margin-top:18px;color:#a2cde0;font-size:11px}
.compass{position:absolute;width:215px;right:-65px;bottom:-101px;color:#d7aa57;opacity:.62;transform:rotate(-19deg)}
.footer-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;margin-top:26px;padding-top:12px;border-top:1px solid #9ad4e144;color:#a4d3e5;font-size:10px}
/* Планшет */
@media(max-width:1180px){
 .header-top{gap:15px}.brand-motto{font-size:12px;margin-left:0}.brand__name{font-size:21px}.brand__name strong{font-size:31px}.brand__ship{width:61px;height:60px}
 .header-phone b{font-size:14px}.accessibility-toggle{padding:7px;font-size:10px}
 .main-navigation{gap:18px}.main-navigation>a{font-size:11.5px}
 .hero{min-height:565px}.hero__art{height:110%;right:-8%}.hero h1{font-size:clamp(42px,5vw,60px)}
 .news-card>img{height:155px}.news-card h3{font-size:16px}.news-card__body{padding:13px 12px 38px}
 .resource-card{gap:5px;padding:8px}.resource-card img{width:43px;height:43px;flex-basis:43px}
 .footer-content{gap:20px}
}
@media(max-width:900px){
 .container{width:min(100% - 38px,1400px)}
 .brand-motto{display:none}
 .header-top{justify-content:space-between}
 .header-phone{margin-left:auto}
 .accessibility-toggle span{display:none}
 .main-navigation{gap:11px;padding-inline:12px}
 .main-navigation>a{font-size:10.6px}
 .hero{min-height:540px}.hero__art{height:101%;right:-23%}.hero__mist{background:linear-gradient(90deg,#e0f2fce8 0%,#e2f2fbcc 34%,transparent 65%)}.hero__content>*{max-width:420px}.hero h1{font-size:45px}.hero__description{font-size:15px;max-width:320px}
 .quick-links{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-card{min-height:140px}.quick-card img{width:66px;height:66px}
 .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card>img{height:192px}.news-card h3{font-size:18px}
 .parents-banner{min-height:325px}.parents-banner__art{width:72%}.parents-banner__content{max-width:390px}.parents-banner h2{font-size:34px}.parents-banner p{font-size:14px}
 .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .footer-content{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.footer-nav{border:0;padding-left:0}
}
@media(max-width:640px){
 .container{width:calc(100% - 34px)}
 .header-top{min-height:74px;gap:9px;padding-block:7px}
 .brand{gap:6px}.brand__ship{width:47px;height:50px}.brand__name{font-size:15px}.brand__name strong{font-size:24px}
 .header-phone{display:none}
 .accessibility-toggle{margin-left:auto;min-height:42px;padding:5px 8px}.accessibility-toggle svg{width:28px;height:28px}
 .menu-toggle{display:flex;flex-shrink:0}
 .main-navigation{display:none;flex-wrap:wrap;justify-content:stretch;gap:0 8px;padding:5px 10px 12px;border-radius:0 0 13px 13px}
 .main-navigation.menu-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .main-navigation>a{font-size:12px;min-height:42px;padding:3px 8px;white-space:normal}
 .main-navigation .search-toggle{justify-self:end}
 .site-search{width:calc(100% - 24px);padding:13px}
 .hero{min-height:630px;align-items:flex-start}
 .hero__art{height:350px;right:-11%;top:auto;bottom:0;max-width:none;mask-image:linear-gradient(180deg,transparent 0%,#000 17%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 17%)}
 .hero__mist{background:linear-gradient(180deg,#dbf0ff 0%,#e3f2faed 22%,#e4f2fa7a 54%,transparent 76%)}
 .hero__content{padding:33px 0 362px}
 .hero__eyebrow{font-size:10px;margin:0 0 8px}
 .hero h1{font-size:clamp(35px,8.65vw,47px);line-height:1.05}
 .hero__description{font-size:13px;line-height:1.38;max-width:340px;margin-top:12px}
 .hero__buttons{gap:8px;margin-top:15px}
 .hero__buttons .btn{min-height:40px;font-size:12px;padding:7px 15px}
 .hero__water{height:75px;z-index:1;opacity:.25}
 .quick-links{margin-top:-14px;gap:7px;padding:8px;border-radius:11px}
 .quick-card{min-height:109px;gap:2px;padding:7px 2px 9px}
 .quick-card img{width:55px;height:51px}
 .quick-card strong{font-size:10.5px;min-height:29px}
 .circle-arrow{width:19px;height:19px;font-size:14px}
 .news-section{padding-top:25px;padding-bottom:29px}
 .section-heading{align-items:flex-end;margin-bottom:14px}
 .section-heading h2,.parents-banner h2{font-size:29px}
 .section-heading__left{gap:5px}.flourish{min-width:38px}.flourish svg{width:40px;height:19px}
 .section-more{font-size:10px;gap:4px}.section-more span{font-size:16px}
 .news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .news-card>img{height:117px}
 .news-card__body{padding:9px 9px 33px}
 .news-card time{font-size:9px}
 .news-card h3{font-size:14px;margin:4px 0 5px}
 .news-card p{font-size:10.5px}
 .news-card__body>a{width:22px;height:22px;font-size:16px}
 .parents-banner{min-height:450px;align-items:flex-start}
 .parents-banner__inner{padding:28px 0 240px}
 .parents-banner__content{max-width:100%}
 .parents-banner__art{width:100%;height:275px;top:auto;bottom:0;object-position:center 52%;mask-image:linear-gradient(180deg,transparent 0%,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%)}
 .parents-banner__mist{background:linear-gradient(180deg,#edf8fcef 0%,#edf8fc 32%,#edf8fc57 60%,transparent 81%)}
 .parents-banner p{font-size:12px;max-width:410px}
 .parents-banner__buttons{gap:7px}
 .parents-banner__buttons .btn{font-size:10.5px;min-height:38px;padding:7px 11px;gap:6px}
 .resource-section{padding:25px 0}
 .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .resource-card{min-height:68px;padding:7px}.resource-card img{flex-basis:37px;width:37px;height:37px}.resource-card>span:not(.external){font-size:10px}.resource-card .external{font-size:13px}
 .more-resources__grid{grid-template-columns:1fr}
 .family-info-grid{grid-template-columns:1fr}
 .site-footer{padding:45px 0 14px}.footer-content{gap:23px;grid-template-columns:1fr 1fr}.footer-brand>a{font-size:19px}.footer-brand strong{font-size:23px}.footer-brand img{width:54px;height:56px}.footer-brand p{font-size:11px;margin-top:9px}.footer-contact p{font-size:10px}.footer-contact svg{width:16px;height:16px}.footer-contact small{font-size:9px}.footer-nav a{font-size:10px}.footer-social>p{font-size:10px}.social-links a{width:35px;height:35px;font-size:10px}.compass{width:152px;right:-49px;bottom:-82px}.footer-bottom{display:block;font-size:9px}.footer-bottom span{display:block;margin-top:4px}
}
@media(max-width:380px){
 .container{width:calc(100% - 25px)}
 .brand__ship{width:42px}.brand__name strong{font-size:21px}.brand__name{font-size:13px}
 .hero{min-height:654px}.hero__content{padding-top:29px}.hero h1{font-size:clamp(32px,8.55vw,36px)}.hero__description{font-size:12px}.hero__art{height:320px;right:-23%}
 .news-grid{grid-template-columns:1fr}.news-card>img{height:175px}.news-card h3{font-size:18px}.news-card p{font-size:12px}
 .resource-grid{grid-template-columns:1fr 1fr}.resource-card{gap:4px}.resource-card img{flex-basis:30px;width:30px;height:30px}.resource-card>span:not(.external){font-size:9.2px}
 .parents-banner__buttons{flex-direction:column;align-items:flex-start}
 .footer-content{grid-template-columns:1fr 1fr;gap:13px}
}
/* Контрастная версия для слабовидящих, доступная по кнопке. */
body.accessible{--ink:#000;--ink-light:#000;--navy:#000;--line:#777;background:#fff;color:#000;font-size:19px}
body.accessible .site-shell{background:white}
body.accessible .site-header,body.accessible .hero,body.accessible .parents-banner,body.accessible .site-footer{background:white;color:#000}
body.accessible .hero__art,body.accessible .hero__sky,body.accessible .hero__mist,body.accessible .hero__water,body.accessible .parents-banner__art,body.accessible .parents-banner__mist,body.accessible .footer-waves{display:none}
body.accessible .hero{min-height:0}
body.accessible .hero__content{padding:40px 0}
body.accessible .parents-banner{min-height:0}
body.accessible .parents-banner__inner{padding:35px 0}
body.accessible a{color:#000;text-decoration:underline}
body.accessible :is(.hero h1,.hero__description,.section-heading h2,.parents-banner h2,.parents-banner p,.footer-brand,.footer-contact,.footer-nav a,.footer-social,.news-card h3,.quick-card strong){color:#000;text-shadow:none}
body.accessible :is(.quick-card,.news-card,.resource-card,.family-info-box,.main-navigation,.more-resources){background:#fff;border:2px solid #000;box-shadow:none}
body.accessible .btn{background:#fff;color:#000;border:2px solid #000}
body.accessible .site-footer::before,body.accessible .site-footer::after,body.accessible .compass{display:none}
body.accessible .site-footer{border-top:3px solid #000}
body.accessible .hero__content>*{max-width:850px}
body.accessible .news-card p,body.accessible .news-card time,body.accessible .resource-card>span:not(.external){color:#000;font-size:inherit}
body.accessible .social-links a{color:#000;border-color:#000}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* В исходном рисунке типографика напечатана поверх неба; в HTML она набрана
   заново. Мягкие световые маски не дают буквам из фонового фрагмента повторяться. */
.hero__mist::after{content:"";position:absolute;pointer-events:none;left:40%;top:1%;width:23%;height:27%;filter:blur(11px);background:radial-gradient(ellipse at 40% 43%,#d1e9f7 0%,#d6eaf5ee 44%,#deedf778 68%,transparent 90%)}
@media(max-width:640px){
 .hero__mist::after{left:-4%;top:47%;width:34%;height:33%;filter:blur(11px);background:linear-gradient(90deg,#e5f2f8 0%,#e3f0f6 54%,#e3f0f600 100%)}
}
.footer-brand .footer-ship-logo{width:74px;height:74px;flex-shrink:0;filter:drop-shadow(0 2px 3px #031a2a70)}
@media(max-width:640px){.footer-brand .footer-ship-logo{width:54px;height:56px}}
/* Выравниваем прозрачную область на небе: надпись макета не повторяется. */
.hero__mist::after{left:38%;top:0;width:27%;height:31%;filter:blur(9px);background:radial-gradient(ellipse at 47% 45%,#d3e9f7 0%,#d5eaf7 56%,#d5eaf799 74%,transparent 98%)}
@media(max-width:640px){.hero__mist::after{left:-5%;top:47%;width:41%;height:33%;filter:blur(6px);background:linear-gradient(90deg,#e5f2f8 0%,#e3f0f6 76%,#e3f0f600 100%)}}


/* Полное официальное наименование учреждения — проверено по прежнему сайту. */
.official-name-band{position:relative;z-index:1;border-bottom:1px solid rgba(32,91,121,.11);background:linear-gradient(90deg,rgba(255,255,255,.66),rgba(245,252,255,.46))}
.official-name{display:flex;justify-content:center;align-items:center;gap:12px;min-height:33px;margin-block:0;padding-block:7px;text-align:center;color:#295c7e;font:600 12px/1.35 "Trebuchet MS",Arial,sans-serif;letter-spacing:.015em}
.official-name::before,.official-name::after{content:"";flex:0 0 22px;height:1px;background:#d9a460;opacity:.8}
@media(max-width:640px){.official-name{min-height:0;padding-block:8px;font-size:10.5px;line-height:1.3}.official-name::before,.official-name::after{display:none}}
@media(max-width:380px){.official-name{font-size:10px}}
body.accessible .official-name-band{background:#fff;border-bottom:2px solid #000}
body.accessible .official-name{color:#000;font-size:1rem;font-weight:800}
body.accessible .official-name::before,body.accessible .official-name::after{background:#000}


/* Название учреждения находится непосредственно справа от кораблика-логотипа,
   а не в отдельной строке над шапкой. */
.header-top{column-gap:20px;min-height:104px}
.brand{flex:0 1 auto;min-width:0;gap:15px}
.brand__ship{flex-shrink:0}
.brand__official{display:block;max-width:425px;min-width:0;color:#123b63;font:650 13px/1.34 var(--body-font);letter-spacing:.005em;text-wrap:pretty}
.brand__official strong{display:block;margin-top:3px;font:600 32px/1.05 var(--display-font);letter-spacing:-.03em;color:#113b66}
.brand-motto{margin-left:0;flex-shrink:1}
@media(max-width:1180px){
 .header-top{min-height:94px}
 .brand__official{max-width:390px;font-size:12px;line-height:1.3}
 .brand__official strong{font-size:29px}
 .brand-motto{display:none}
}
@media(max-width:900px){
 .brand{flex:0 1 430px}
 .brand__official{max-width:350px;font-size:11.8px}
 .brand__official strong{font-size:27px}
}
@media(max-width:640px){
 .header-top{min-height:94px;gap:8px;padding-block:9px}
 .brand{flex:1 1 auto;min-width:0;gap:8px}
 .brand__official{max-width:none;font-size:10.7px;line-height:1.25;letter-spacing:0;overflow-wrap:normal}
 .brand__official strong{font-size:24px;margin-top:2px;line-height:1.06}
 .accessibility-toggle{margin-left:0;flex-shrink:0}
}
@media(max-width:380px){
 .header-top{min-height:95px;gap:7px}
 .brand{gap:6px}
 .brand__ship{width:39px;height:46px}
 .brand__official{font-size:9.9px;line-height:1.22}
 .brand__official strong{font-size:21px}
 .accessibility-toggle{padding-inline:5px}
 .accessibility-toggle svg{width:24px;height:24px}
 .menu-toggle{width:41px}
}
body.accessible .brand__official,body.accessible .brand__official strong{color:#000}


/* CMS content and official portal bridge. */
.news-card__placeholder{min-height:185px;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#e8f4f7,#b9d5e6);font:600 20px Georgia,serif;color:#185678;text-align:center}.news-card img{object-fit:cover}.more-resources__grid a{display:flex;align-items:center;gap:8px}.more-resources__grid img{height:42px;width:42px;object-fit:contain}.legal-overview{padding:36px 0}.legal-overview h2{font:500 clamp(27px,3vw,38px) Georgia,serif;color:#0e345e;margin:0 0 18px}.legal-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.legal-overview-grid a{background:#f1f8fc;border:1px solid #deebf1;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:13px;color:#124874}.legal-overview-grid a:hover{background:#e4f4fb}.pos-section{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;margin-bottom:35px;padding:25px 28px;border-radius:14px;background:#edf7fc}.pos-section h2{font:500 28px Georgia,serif;margin:0 0 8px;color:#123e64}.pos-section p{margin:0;color:#53748d}.pos-section .pos-feedback-action{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pos-feedback-action>a{text-decoration:underline;font-size:13px;color:#1a648c}.korablik-preview-flag{background:#084569;color:#fff;padding:6px 20px;text-align:center;font-size:12px}.news-card h3 a{text-decoration:none}.news-card h3 a:hover{text-decoration:underline}@media(max-width:760px){.legal-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-section{display:block}.pos-section .pos-feedback-action{margin-top:15px}}@media(max-width:480px){.legal-overview-grid{grid-template-columns:1fr}.pos-section{padding:21px}}