:root{--navy:#0c2252;--blue:#1f5fd1;--paper:#fff;--soft:#eef3fb;--ink:#14213d;--mut:#5c6b88;--line:#d5deee;--out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 "Segoe UI",system-ui,-apple-system,Arial,sans-serif}
a{color:inherit}img{max-width:100%}
.top{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,48px);background:var(--navy);color:#fff}
.brand{font-weight:800;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.brand small{font-weight:500;letter-spacing:.02em;text-transform:none;opacity:.7}
nav{display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center}nav a{text-decoration:none;font-weight:500;opacity:.85}nav a:hover{opacity:1}nav .tel{opacity:1;font-weight:700;border:1.5px solid #fff;padding:5px 12px}
.hero{position:relative;min-height:min(78vh,640px);display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(12,34,82,.92) 0%,rgba(12,34,82,.55) 55%,rgba(12,34,82,.15) 100%),url(img/hero.jpg) center/cover;color:#fff}
.hero-in{padding:clamp(32px,7vw,80px) clamp(16px,4vw,48px);max-width:760px}
h1{font-size:clamp(2.1rem,6vw,4rem);line-height:1.05;margin:0 0 16px;font-weight:800;letter-spacing:-.01em}
.hero p{margin:0 0 18px;font-size:1.1rem;max-width:520px}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:13px 22px;font-weight:700;text-decoration:none;margin:0 6px 8px 0;transition:transform 160ms var(--out),background-color 160ms}
.btn.alt{background:transparent;box-shadow:inset 0 0 0 2px #fff}.btn:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.btn:hover{background:#174fb0}.btn.alt:hover{background:rgba(255,255,255,.14)}}
.infos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));background:var(--soft);border-bottom:1px solid var(--line)}
.infos div{padding:18px clamp(16px,4vw,48px)}.infos b{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:2px}
.wrap{max-width:1180px;margin:auto;padding:clamp(40px,7vw,76px) clamp(16px,4vw,48px)}
h2{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;margin:0 0 12px;font-weight:800;letter-spacing:-.01em}
.note{color:var(--mut);max-width:700px;margin:0 0 8px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:12px 48px;margin-top:20px}.cats.one{max-width:560px}
.cat h3,.kids h3{margin:22px 0 4px;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);padding-bottom:8px;border-bottom:2px solid var(--ink)}
ul{list-style:none;margin:0;padding:0}
li{display:flex;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid var(--line)}
li img,.kids img,.ph{width:56px;height:56px;object-fit:cover;flex:none;background:var(--soft)}
li span{flex:1;font-weight:600}li b{white-space:nowrap}
.kids{display:flex;gap:16px;align-items:flex-start;margin-top:36px;padding:18px;background:var(--soft)}.kids h3{margin:0 0 6px;border:0;padding:0;color:var(--ink)}.kids small{color:var(--mut);text-transform:none;letter-spacing:0;font-weight:500}.kids p{margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.split>div{padding:clamp(32px,6vw,80px) clamp(16px,5vw,72px);max-width:640px}.split p{margin:0 0 14px}
.split>img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}
.dark{background:var(--navy);color:#fff}
footer{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;padding:26px clamp(16px,4vw,48px);background:var(--ink);color:#c9d3ea}footer b{color:#fff}footer small{margin-left:auto}
@media(max-width:760px){
 .top{position:static}nav{width:100%;justify-content:space-between;gap:4px 10px;font-size:.93rem}nav .tel{display:none}
 .hero{min-height:70vh;background:linear-gradient(0deg,rgba(12,34,82,.94) 0%,rgba(12,34,82,.5) 60%,rgba(12,34,82,.2) 100%),url(img/hero.jpg) 30% center/cover}
 .btn{display:block;text-align:center;margin:0 0 8px}
 .split{grid-template-columns:1fr}.split>img{min-height:0;aspect-ratio:4/3;height:auto}#apropos>img{order:-1}
 footer small{margin-left:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
li span small{display:block;font-weight:400;font-size:.85rem;line-height:1.35;color:var(--mut);margin-top:2px}li{align-items:flex-start}li b{padding-top:1px}
.video{position:relative;aspect-ratio:16/9;max-width:none;margin-top:18px;background:var(--navy)}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.brand img{display:block;height:54px;width:auto}