/* Approved warm family direction; scoped to the homepage and its new section. */
.family-homepage{--family-navy:#061e30;--family-cream:#fff8ec;--family-gold:#edbd62;background:var(--family-cream);color:#102c40}
.family-homepage .site-header,.family-homepage .master-topbar,.family-homepage .master-navrow{background:#061e30;color:#fff8ec}
.family-homepage .site-header a,.family-homepage .site-header button{color:#fff8ec}
.family-homepage .site-header input{color:#102c40;background:#fff8ec}
.family-homepage .site-header .guide-mega a{color:#102c40}
.family-homepage .culture-top{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.family-homepage .culture-nav{display:flex;flex-wrap:wrap;gap:14px;padding-block:12px}
.family-homepage .family-language{display:flex;gap:18px;justify-content:flex-end;padding:10px 24px;background:#061e30;color:#fff8ec}
.family-language a{color:inherit;text-decoration:underline;text-underline-offset:5px}
.family-welcome{font-family:inherit;background:#fff8ec;color:#102c40;line-height:1.8;isolation:isolate}
.family-welcome *{box-sizing:border-box}
.family-welcome [hidden]{display:none!important}
.family-quick{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:center;padding:10px 20px;background:#f9edda;border-block-end:1px solid #d5b77f}
.family-quick a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 10px;color:#102c40;text-underline-offset:5px;font-weight:700}
.family-homepage [id^=family-]{scroll-margin-block-start:110px}
.family-homepage #main{scroll-margin-block-start:110px}
.family-hero{position:relative;background:#061e30;color:#fff8ec;min-height:450px;display:flex;flex-direction:column}
.family-hero>.family-controls{order:2}
.family-slide{margin:0;position:relative;height:clamp(450px,40vw,610px)}
.family-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.family-slide figcaption{position:absolute;bottom:0;inset-inline:0;padding:12px 24px;background:#061e30eb;color:#fff8ec;font-size:.8rem}
.family-hero-copy{position:absolute;inset-block-start:0;inset-inline-start:0;width:53%;height:calc(100% - 50px);padding:clamp(26px,5vw,80px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(90deg,#061e30f2,#061e30ca 75%,#061e3000)}
[dir=rtl] .family-hero-copy{background:linear-gradient(270deg,#061e30f2,#061e30ca 75%,#061e3000)}
.family-hero-copy h1{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.45;color:#f6ce7d;margin:0 0 14px;text-shadow:0 2px 9px #000}
.family-hero-copy p{font-size:clamp(1rem,1.4vw,1.2rem);margin:0 0 24px;color:#fff8ec}
.family-actions{display:flex;flex-wrap:wrap;gap:12px}
.family-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:1px solid #edbd62;border-radius:30px;color:#ffe2a4;text-decoration:none;background:#061e30}
.family-actions a:first-child{background:#f3c86f;color:#061e30;font-weight:700}
.family-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#061e30;color:#fff8ec;flex-wrap:wrap}
.family-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;background:#132f44;border:1px solid #edbd62;border-radius:24px;color:#fff8ec;font:inherit;cursor:pointer}
.family-controls button[aria-disabled=true]{background:#edbd62;color:#061e30}
.family-picker{display:inline-flex;align-items:center;gap:8px}
.family-controls [data-family-dot]{padding:4px;min-width:36px;min-height:36px}
.family-controls [data-family-count]{min-width:55px;text-align:center;direction:ltr}
.family-welcome :is(a,button):focus-visible{outline:3px solid #1689b5;outline-offset:4px}
.family-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px clamp(18px,4vw,60px);gap:20px;background:#f9edda;border-block-end:1px solid #d5b77f}
.family-values article{padding:8px 20px;border-inline-start:2px solid #d5b77f}
.family-values h2{font-size:1.05rem;color:#102c40;margin:0 0 5px}
.family-values p{margin:0;font-size:.95rem}
.family-gallery{max-width:1280px;margin:auto;padding:30px 24px}
.family-gallery h2{font-size:1.5rem;color:#102c40;text-align:center;margin:0 0 20px}
.family-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.family-gallery figure{margin:0;background:#fffdf8;border:1px solid #d5b77f;border-radius:12px;overflow:hidden}
.family-gallery img{width:100%;height:190px;object-fit:cover;display:block}
.family-gallery figcaption{padding:10px 14px;font-size:.9rem}
.family-gallery>a{display:block;text-align:center;margin-top:16px;color:#153d58;text-decoration:underline}
.family-topics{max-width:1280px;margin:auto;padding:40px 24px 20px}
.family-topics>h2{text-align:center;color:#102c40;font-size:clamp(1.4rem,2.4vw,2rem);margin:0 0 8px}
.family-topics-intro{text-align:center;margin:0 0 24px}
.family-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.family-topic{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d5b77f;border-radius:16px;background:#fffdf8;color:#102c40;text-decoration:none;box-shadow:0 6px 20px #061e3009}
.family-topic:hover{border-color:#805815}
.family-topic img{display:block;width:100%;height:220px;object-fit:cover}
.family-topic>div{padding:20px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.family-topic h3{font-size:1.25rem;color:#102c40;margin:0 0 8px}
.family-topic p{margin:0 0 20px;overflow-wrap:anywhere}
.family-topic-open{margin-top:auto;padding:7px 18px;background:#102c40;color:#ffe2a4;border-radius:24px;font-weight:700}
.family-topic-credits{font-size:.85rem;margin-top:20px;overflow-wrap:anywhere}
.family-topic-credits summary{cursor:pointer;min-height:44px;padding-block:10px;text-decoration:underline}
.family-topic-credits a{color:#153d58;text-decoration:underline}
.family-homepage .family-connect{background:#061e30;color:#fff8ec;padding:44px 24px;line-height:1.85}
.family-connect *{box-sizing:border-box}
.family-connect-inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;max-width:1232px;margin:auto}
.family-homepage .family-connect h2,.family-homepage .family-connect h3{color:#f6ce7d;margin:0 0 12px;line-height:1.5}
.family-connect h2{font-size:clamp(1.4rem,2.5vw,2rem)}
.family-connect h3{font-size:1.2rem}
.family-connect p{margin:0 0 16px;overflow-wrap:anywhere}
.family-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:22px}
.family-homepage .family-contact-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border:1px solid #edbd62;border-radius:28px;color:#ffe2a4;text-decoration:none;overflow-wrap:anywhere;max-width:100%}
.family-homepage .family-contact-actions a:first-child{background:#f3c86f;color:#061e30;font-weight:700}
.family-contact-actions a:focus-visible{outline:3px solid #fff8ec;outline-offset:4px}
.family-contact-privacy{font-size:.9rem;color:#e3d9c8}
.family-place-note{padding:24px;background:#132f44;border:1px solid #8a7047;border-radius:16px;align-self:start}
@media(max-width:760px){
 .family-connect-inner{grid-template-columns:1fr;gap:20px}.family-homepage .family-connect{padding:30px 18px}.family-contact-actions a{flex:1 1 180px}
 .family-slide{height:570px}.family-slide img{object-position:58% center}
 .family-hero-copy,[dir=rtl] .family-hero-copy{inset-block-start:auto;bottom:50px;width:100%;height:auto;min-height:300px;padding:64px 22px 24px;background:linear-gradient(0deg,#061e30fc,#061e30df 80%,#061e3000)}
 .family-hero-copy h1{font-size:1.8rem}.family-actions{width:100%}.family-actions a{flex:1 1 150px}
 .family-values{grid-template-columns:1fr;gap:12px}.family-values article{padding-block:6px}
 .family-gallery-grid{grid-template-columns:1fr}.family-gallery img{height:220px}
 .family-topic-grid{grid-template-columns:1fr}.family-topics{padding:28px 18px 14px}.family-topic img{height:210px}
 .family-controls{gap:6px}.family-controls button{font-size:.9rem;padding:6px 10px}
}
@media(prefers-reduced-motion:reduce){.family-welcome *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.family-gallery button{min-height:44px;padding:8px 18px;border:1px solid #8a7047;border-radius:24px;background:#102c40;color:#fff8ec;cursor:pointer;font:inherit}
.family-gallery button:focus-visible{outline:3px solid #ad7c27;outline-offset:4px}
.family-gallery-grid button{margin:10px 14px 14px}
.family-gallery-dialog{box-sizing:border-box;width:min(960px,94vw);max-height:94vh;overflow:auto;border:2px solid #b89555;border-radius:16px;background:#fff8ec;color:#102c40;padding:20px;text-align:start}
.family-gallery-dialog::backdrop{background:#061e30dc}
.family-gallery-dialog:not([open]){display:none}
.family-gallery-dialog h3{margin:0 0 12px;color:#102c40}
.family-gallery-dialog figure{margin:18px 0}
.family-gallery .family-gallery-dialog img{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain;background:#102c40}
.family-gallery-dialog figcaption{padding:10px 0}
.family-viewer-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}
.family-gallery-dialog p{font-size:.9rem;line-height:1.7}