.marine-family{display:grid;grid-template-columns:1.1fr 1fr;background:#e3e4dc;color:#19362d;gap:0}
.family-photo{position:relative;min-height:440px;overflow:hidden}
.family-photo img{position:absolute;inset:0;filter:saturate(.7);object-position:50% 48%}
.family-photo>span{position:absolute;left:30px;bottom:24px;background:#0a1916c9;color:#f0eee4;padding:10px 13px;letter-spacing:2px;font-size:9px}
.family-copy{padding:65px 5vw;align-self:center}
.family-copy .overline{color:#627064;font-size:9px}
.family-copy h2{font-size:36px;letter-spacing:-1.2px;line-height:1.2;margin:22px 0}
.family-copy p{font-size:13px;line-height:1.9;color:#536458;margin-top:15px;max-width:440px}
.family-copy>a{display:inline-flex;gap:35px;border-bottom:1px solid #526347;padding-bottom:8px;margin-top:25px;font-size:13px}
.family-copy>small{display:block;font-size:10px;color:#75806e;margin-top:13px}
@keyframes menuReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:760px){.marine-family{grid-template-columns:1fr}
.family-photo{min-height:300px}
.family-copy{padding:40px var(--pad)}
.family-copy h2{font-size:31px}
}.group-contact{margin-top:28px;padding-top:20px;border-top:1px solid #19362d25;display:grid;gap:8px;font-size:12px}
.group-contact span{font-size:8px;letter-spacing:1.5px;margin-bottom:3px;color:#627064}
.family-photo>span{max-width:calc(100% - 60px);line-height:1.6}

@keyframes panelDrop{from{opacity:0;transform:translateY(-22px);clip-path:inset(0 0 22% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@keyframes panelUp{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}
@keyframes linkDrop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes veilIn{from{opacity:0}to{opacity:1}}@keyframes veilOut{from{opacity:1}to{opacity:0}}