/* Children's information page: familiar photographs, gentle blue and illustrated steps. */
.children-page { --children-blue:#126f84; }
.children-page .section { padding-block:76px; }
.children-page h1 { font-family:var(--sans); font-size:clamp(36px,4.2vw,62px); line-height:1.13; font-weight:650; letter-spacing:-.035em; margin:0 0 26px; }
.children-page h2 { font-family:var(--sans); font-size:clamp(29px,3vw,42px); line-height:1.22; font-weight:650; letter-spacing:-.025em; margin:0 0 24px; }
.children-page h3 { font-family:var(--sans); font-size:20px; line-height:1.4; letter-spacing:0; font-weight:650; margin:0 0 10px; }
.children-page p { font-size:15px; line-height:1.85; }
.children-page p+p { margin-top:18px; }
.children-page-breadcrumb { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:40px; font-size:12px; line-height:1.6; color:var(--muted); }
.children-page-breadcrumb a { color:var(--ink); }
.children-page-breadcrumb a:hover { text-decoration:underline; text-underline-offset:4px; }
.children-page-intro-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:72px; align-items:center; }
.children-page-tag { display:inline-flex; align-items:center; gap:10px; color:var(--ink); font-weight:650; padding:10px 14px; background:var(--wash); border-radius:6px; margin-bottom:24px; }
.children-page-tag .icon { width:23px; height:23px; }
.children-page-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:30px; }
.children-page-photo { margin:0; position:relative; }
.children-page-photo img { display:block; width:100%; height:560px; object-fit:cover; object-position:center 45%; border-radius:6px; background:var(--wash); }
.children-adaptation { position:relative; overflow:hidden; background:var(--children-blue); color:white; scroll-margin-top:110px; }
.children-adaptation::after { content:""; position:absolute; width:350px; height:350px; border:1px solid rgba(255,255,255,.1); border-radius:50%; top:-240px; right:-120px; pointer-events:none; }
.children-adaptation h2,.children-adaptation h3,.children-adaptation p { color:white; }
.children-adaptation-intro { max-width:760px; margin-bottom:46px; }
.children-adaptation-intro p { max-width:690px; }
.children-adaptation-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; align-items:center; }
.children-adaptation-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 32px; list-style:none; margin:0; padding:0; }
.children-adaptation-steps li { position:relative; padding-top:20px; border-top:1px solid rgba(255,255,255,.3); }
.children-step-symbol { display:grid; place-items:center; width:56px; height:56px; margin-bottom:22px; border:1px solid rgba(255,255,255,.5); border-radius:50%; color:white; }
.children-step-symbol .icon { width:28px; height:28px; }
.children-adaptation-steps h3 { font-size:18px; }
.children-adaptation-steps p { font-size:14px; line-height:1.8; }
.children-diploma-photo { margin:0; }
.children-diploma-photo img { display:block; width:100%; height:auto; border-radius:6px; }
.children-early { position:relative; display:grid; align-items:center; min-height:660px; overflow:hidden; isolation:isolate; background:#0c4051; color:white; }
.children-early-photo { position:absolute; inset:0; margin:0; z-index:-2; }
.children-early-photo img { width:100%; height:100%; object-fit:cover; object-position:center; }
.children-early::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(4,43,55,.94),rgba(4,43,55,.83) 28%,rgba(4,43,55,.18) 66%,transparent); }
.children-early-content { padding-block:88px; }
.children-early-copy { max-width:500px; }
.children-early h2 { color:white; }
.children-early p { color:white; }
.children-nfz { background:var(--wash); }
.children-nfz-layout { display:flex; align-items:center; justify-content:space-between; gap:48px; }
.children-nfz-layout>div { max-width:730px; }
.children-nfz-layout .button { flex-shrink:0; }
@media(max-width:1050px) {
  .children-page-intro-grid { gap:36px; grid-template-columns:1fr 1fr; }
  .children-page-photo img { height:520px; }
  .children-adaptation-layout { gap:36px; grid-template-columns:.85fr 1.15fr; }
  .children-adaptation-steps { gap:28px 24px; }
  .children-early-copy { max-width:420px; }
  .children-early::before { background:linear-gradient(90deg,rgba(4,43,55,.96),rgba(4,43,55,.85) 42%,rgba(4,43,55,.13) 82%); }
}
@media(max-width:800px) {
  .children-page .section { padding-block:52px; }
  .children-page-breadcrumb { margin-bottom:28px; }
  .children-page-intro-grid,.children-adaptation-layout { grid-template-columns:minmax(0,1fr); gap:34px; }
  .children-page-photo img { height:520px; object-position:center 45%; }
  .children-nfz-layout { flex-direction:column; align-items:flex-start; gap:24px; }
  .children-adaptation { scroll-margin-top:95px; }
  .children-adaptation-intro { margin-bottom:34px; }
  .children-diploma-photo { max-width:430px; margin-inline:auto; }
  .children-early { min-height:0; align-items:end; }
  .children-early-photo { bottom:auto; height:470px; }
  .children-early-photo img { object-position:78% 30%; }
  .children-early::before { background:linear-gradient(0deg,#0c4051 8%,rgba(12,64,81,.99) 37%,rgba(12,64,81,.92) 49%,rgba(12,64,81,0) 68%); }
  .children-early-content { padding-block:430px 54px; }
  .children-early-copy { max-width:600px; }
}
@media(max-width:480px) {
  .children-page h1 { font-size:36px; }
  .children-page p { font-size:14px; }
  .children-page-tag { font-size:12px; padding:9px 11px; }
  .children-page-actions { align-items:stretch; flex-direction:column; }
  .children-page-photo img { height:430px; }
  .children-adaptation-steps { grid-template-columns:minmax(0,1fr); gap:24px; }
  .children-adaptation-steps li { display:grid; grid-template-columns:46px minmax(0,1fr); gap:18px; padding-top:24px; }
  .children-step-symbol { width:46px; height:46px; margin:0; }
  .children-step-symbol .icon { width:24px; height:24px; }
  .children-adaptation-steps h3 { font-size:17px; }
  .children-early-photo { height:380px; }
  .children-early-photo img { object-position:77% 30%; }
  .children-early-content { padding-block:345px 48px; }
  .children-early::before { background:linear-gradient(0deg,#0c4051 12%,rgba(12,64,81,.99) 44%,rgba(12,64,81,.88) 54%,rgba(12,64,81,0) 70%); }
  .children-nfz-layout .button { width:100%; }
}

/* Phone photographs retain detail; copy follows the infant image in normal flow. */
@media(max-width:759px) {
  .children-page-photo img { height:auto; aspect-ratio:3/2; object-fit:contain; }
  .children-early { display:block; }
  .children-early-photo { position:relative; inset:auto; z-index:auto; height:clamp(176px,46vw,196px); }
  .children-early-photo img { object-position:88% center; }
  .children-early::before { display:none; }
  .children-early-content { padding-block:32px 40px; }
  .children-early-copy { max-width:none; }
}
