.family-page{--family-ink:#273c4c;--family-copy:#627487;--family-blue:#1766c7;color:var(--family-ink);font-family:var(--ilmiya-font);background:#fff}.family-page,.family-page *{box-sizing:border-box}.family-page :is(h1,h2,h3,p,a,button){font-family:inherit}.family-page :is(h1,h2,h3){color:var(--family-ink);letter-spacing:-.035em;font-weight:500}.family-page a{text-decoration:none}.family-page a:focus-visible{outline:2px solid var(--family-blue);outline-offset:5px}.family-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);width:min(1040px,100% - 64px);margin-inline:auto;padding-block:64px 72px;display:grid}.family-hero--home{min-height:calc(100svh - var(--site-header-height,88px) - var(--site-footer-height,48px))}.family-hero__art{aspect-ratio:1;justify-self:center;width:min(100%,440px)}.family-hero__art img{object-fit:contain;width:100%;height:100%;display:block}.family-hero__copy{text-align:center;min-width:0}.family-hero__label{color:var(--family-copy);margin:0 0 14px;font-size:16px;line-height:1.4}.family-hero h1{text-wrap:balance;max-width:19ch;margin:0 auto 18px;font-size:clamp(36px,3.8vw,48px);line-height:1.12}.family-hero__intro{max-width:38ch;color:var(--family-copy);text-wrap:pretty;margin:0 auto;font-size:18px;line-height:1.55}.family-actions{gap:12px;width:min(100%,340px);margin:30px auto 0;display:grid}.family-actions--compact{margin-top:26px}.family-products{width:min(1080px,100% - 64px);scroll-margin-top:calc(var(--site-header-height,88px) + 24px);margin:0 auto;padding:64px 0 56px}.family-products__intro{max-width:620px}.family-products h2{margin:0 0 16px;font-size:clamp(32px,3.4vw,42px);line-height:1.15}.family-products__intro p{color:var(--family-copy);margin:0;font-size:19px;line-height:1.5}.family-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 64px;margin-top:36px;display:grid}.family-product{border-top:1px solid #e5eaf0;align-items:center;gap:24px;min-width:0;padding-block:28px;display:flex}.family-product__art{object-fit:contain;flex:0 0 144px;width:144px;height:144px;display:block}.family-product__copy{min-width:0}.family-product h3{margin:0 0 8px;font-size:26px;line-height:1.2}.family-product p{color:var(--family-copy);margin:0;font-size:17px;line-height:1.5}.family-product__more{color:#1766c7;align-items:center;gap:10px;margin-top:14px;font-size:15px;line-height:1.4;display:inline-flex}.family-product__more svg{flex:none}.family-product:hover .family-product__more{text-underline-offset:4px;text-decoration:underline}.family-closing{text-align:center;padding:56px 24px 104px}.family-closing h2{text-wrap:balance;max-width:25ch;margin:0 auto;font-size:clamp(30px,3.4vw,40px);line-height:1.15}.family-back-link{color:#1766c7;align-items:center;min-height:44px;margin-top:20px;font-size:16px;display:inline-flex}.family-school-access{border-block:1px solid #e5eaf0;width:min(740px,100% - 48px);margin:32px auto;padding:32px 0}.family-school-access h2{margin:0 0 14px;font-size:28px;line-height:1.2}.family-school-access p{color:var(--family-copy);font-size:18px;line-height:1.5}.family-school-access a{color:#1766c7;align-items:center;min-height:44px;font-size:17px;display:inline-flex}@media (width<=900px){.family-hero{gap:32px}.family-products__grid{column-gap:32px}.family-product{gap:16px}.family-product__art{flex-basis:110px;width:110px;height:110px}}@media (width<=760px){.family-hero{grid-template-columns:minmax(0,1fr);gap:24px;width:min(480px,100% - 40px);padding-block:28px 48px}.family-hero__art{width:min(100%,280px)}.family-hero--home{align-content:center;gap:18px;padding-block:24px 36px}.family-hero--home .family-hero__art{width:clamp(160px,100svh - 560px,300px);max-width:100%}.family-hero h1{max-width:19ch;margin-bottom:14px;font-size:clamp(32px,8vw,40px)}.family-hero__intro{font-size:17px}.family-actions{margin-top:24px}.family-products{width:calc(100% - 40px);padding-block:40px}.family-products__grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:28px}.family-product__art{flex-basis:128px;width:128px;height:128px}.family-closing{padding-block:40px 80px}}@media (width<=360px){.family-hero__intro{font-size:16px}.family-product__art{flex-basis:96px;width:96px;height:96px}.family-product h3{font-size:24px}}@media (width>=600px) and (height<=520px){.family-hero--home{grid-template-columns:1fr 1.15fr;gap:28px;width:min(1040px,100% - 48px);min-height:0;padding-block:28px 40px}.family-hero--home .family-hero__art{width:min(280px,32vw)}.family-hero--home h1{font-size:30px}.family-hero--home .family-hero__intro{font-size:16px}.family-hero--home .family-actions{margin-top:20px}}