.grandparent-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:2rem;padding-block:4rem 3rem;overflow:hidden}
.grandparent-intro h1{font-size:clamp(2.6rem,5.2vw,5rem);line-height:1.06;letter-spacing:-.045em;max-width:12ch;margin-block:1rem 1.5rem}
.grandparent-intro .lead{max-width:38rem}.grandparent-preview{font-size:.9rem;max-width:35rem;color:#455867;margin-top:1.2rem}
.grandparent-family{position:relative;isolation:isolate;min-height:490px;display:flex;align-items:end;padding-bottom:3rem}
.grandparent-orbit{position:absolute;z-index:-1;inset:10% 4%;border-radius:50%;background:radial-gradient(circle,#fff4d5 0%,#d8f5f0 58%,#eaf7fc 72%,transparent 73%);border:1px solid #b6ddd5;transform:rotate(-12deg)}
.grandparent-father,.grandparent-mother{width:61%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 18px #16505c20)}
.grandparent-father{margin-inline-end:-23%;align-self:center}.grandparent-mother{position:relative;margin-bottom:-.5rem}
.grandparent-family-note{position:absolute;inset-inline:0;bottom:.5rem;text-align:center;font-weight:650;letter-spacing:.04em;color:#234d50}
.grandparent-principle{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:center;border-block:1px solid #d4e8e6}
.grandparent-neutral{width:100%;height:auto}.grandparent-principle h2,.grandparent-close h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.12}.grandparent-principle ol{padding-inline-start:1.4rem}.grandparent-principle li{padding:.55rem .4rem}
.grandparent-options .card{background:linear-gradient(145deg,#fff,#eff9f6);border-color:#c9e6df}.grandparent-number{display:inline-grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:#d4f1e8;color:#165750;font-weight:750}
.grandparent-safety{font-size:.92rem;color:#455867;border-inline-start:3px solid #d8b46a;padding-inline-start:1rem;margin-block:2rem 0;max-width:64rem}
.grandparent-close{background:#e8f6ef;border-radius:2rem;padding:3rem;margin-block:1rem 4rem}.grandparent-close p{max-width:52rem}.grandparent-close .text-link{display:inline-block;margin-inline-start:1.5rem}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.grandparent-family{animation:grandparent-arrive .85s ease-out both}@keyframes grandparent-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(max-width:760px){.grandparent-hero{grid-template-columns:1fr;padding-block:2.5rem 1rem;gap:1rem}.grandparent-intro h1{max-width:16ch}.grandparent-family{min-height:0;max-width:530px;width:100%;margin:auto}.grandparent-principle{grid-template-columns:1fr;gap:.5rem}.grandparent-neutral{max-width:180px;display:block;margin:auto}.grandparent-close{padding:2rem 1.5rem}.grandparent-close .text-link{display:block;margin:1rem 0 0}}

.grandparent-teaser{display:flex;gap:2rem;align-items:center}.grandparent-teaser>img{width:200px;height:auto;flex-shrink:0}@media(max-width:560px){.grandparent-teaser{flex-direction:column;gap:1rem}.grandparent-teaser>img{width:160px}}