.family-hero{
  position:relative;
  height:clamp(560px,72svh,760px);
  min-height:560px;
  overflow:hidden;
  color:#fff;
  background:#22302d;
}
.family-hero-media{
  position:absolute;
  inset:0;
  background-position:center 62%;background-size:cover;background-repeat:no-repeat;
  transform:scale(1.02);
  animation:hero-in 1.8s ease-out forwards;
}
.family-hero-wash{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,12,12,.64) 0%,rgba(2,12,12,.18) 58%,rgba(2,12,12,.05)),
    linear-gradient(0deg,rgba(2,12,12,.55),transparent 55%);
}
.family-hero-content{
  position:absolute;
  left:8vw;
  right:8vw;
  bottom:9vh;
  max-width:980px;
}
.family-hero h1{
  margin:0;
  font:300 clamp(4.1rem,8vw,8rem)/.9 var(--display);
  letter-spacing:-.065em;
}
.family-hero p{
  margin:1.4rem 0 0;
  font:400 clamp(1.05rem,1.7vw,1.45rem)/1.45 var(--display);
  letter-spacing:-.015em;
  color:rgba(255,255,255,.92);
}
.traveller-page .site-footer{border-top:1px solid rgba(255,255,255,.1)}
.family-intro{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:760px;
  background:#fff;
}
.family-intro-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:7rem 8vw;
}
.family-intro-copy .section-kicker{
  justify-content:flex-start;
  margin-bottom:.65rem;
  text-transform:none;
  font:400 clamp(1.05rem,1.7vw,1.45rem)/1.45 var(--display);
  letter-spacing:-.015em;
  color:var(--ink);
}
.family-intro-copy .section-kicker:before,
.family-intro-copy .section-kicker:after{display:none}
.family-intro-copy h2{
  margin:0 0 3rem;
  font:300 clamp(3.5rem,6vw,6.4rem)/.92 var(--display);
  letter-spacing:-.065em;
}
.family-intro-text{max-width:590px}
.family-intro-text p{
  margin:0 0 1.35rem;
  color:#4a5552;
  font-size:1rem;
  line-height:1.8;
}
.family-intro-text p:last-child{margin-bottom:0}
.family-intro-image{min-height:760px;margin:0;overflow:hidden}
.family-intro-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:760px;
  object-fit:cover;
  object-position:55% center;
}
.family-highlights{
  padding:7rem 4vw 8rem;
  background:var(--cream);
  border-top:1px solid var(--line);
}
.family-highlights>.section-kicker{margin-bottom:4rem}
.family-highlight-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1px;
  max-width:1600px;
  margin:0 auto;
  background:var(--line);
  border:1px solid var(--line);
}
.family-highlight{
  min-height:260px;
  padding:1.65rem 1.5rem 1.8rem;
  background:#fff;
  display:flex;
  flex-direction:column;
}
.family-highlight-icon{
  width:88px;
  height:88px;
  margin:0 auto 1.35rem;
  flex:none;
}
.family-highlight-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
}
.family-highlight h3{
  min-height:3.25em;
  margin:0 0 .7rem;
  font:400 clamp(1.25rem,1.55vw,1.65rem)/1.08 var(--display);
  letter-spacing:-.035em;
}
.family-highlight p{
  margin:0;
  color:#4a5552;
  font-size:.86rem;
  line-height:1.72;
}
.family-highlights-action{
  display:flex;
  justify-content:center;
  margin-top:2.5rem;
}
.family-questions{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  min-height:780px;
  background:#fff;
}
.family-questions-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:6.5rem clamp(3rem,6vw,7rem);
}
.family-questions-copy .section-kicker{
  justify-content:center;
  width:100%;
  max-width:720px;
  margin:0 0 1.25rem;
  color:#5c6663;
}
.family-questions h2{
  max-width:690px;
  margin:0 0 1.8rem;
  font:300 clamp(3rem,5vw,5.5rem)/.95 var(--display);
  letter-spacing:-.06em;
}
.family-questions-intro,
.family-questions-closing{
  max-width:720px;
  margin:0;
  color:#4a5552;
  font-size:1rem;
  line-height:1.75;
}
.family-questions-lead{
  margin:2rem 0 1rem;
  font-weight:600;
}
.family-questions-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 1.5rem;
  width:100%;
  max-width:760px;
  margin:0 0 2rem;
  padding:0;
  list-style:none;
  counter-reset:family-question;
}
.family-questions-list li{
  position:relative;
  min-height:92px;
  padding:1.05rem .5rem 1.05rem 2.75rem;
  border-top:1px solid var(--line);
  color:var(--ink);
  font-size:.94rem;
  line-height:1.55;
  counter-increment:family-question;
}
.family-questions-list li:before{
  content:counter(family-question,decimal-leading-zero);
  position:absolute;
  top:1.08rem;
  left:0;
  color:var(--scout-blue);
  font-weight:700;
  letter-spacing:.06em;
}
.family-questions-closing{margin-bottom:1.8rem}
.family-questions-image{min-height:780px;margin:0;overflow:hidden}
.family-questions-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:780px;
  object-fit:cover;
  object-position:55% center;
}
.family-inspiration{
  position:relative;
  padding:7rem 4vw 8rem;
  background:#050706;
}
.family-inspiration>.section-kicker{
  margin:0 0 1.35rem;
  color:rgba(255,255,255,.76);
}
.family-inspiration-intro{
  max-width:980px;
  margin:0 auto 3.25rem;
  color:rgba(255,255,255,.76);
  font-size:1rem;
  line-height:1.7;
  text-align:center;
}
.family-inspiration-track{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  max-width:1500px;
  margin:0 auto;
}
.family-inspiration-card{
  position:relative;
  aspect-ratio:4/3;
  background:var(--ink);
  color:#fff;
  overflow:hidden;
  isolation:isolate;
}
.family-inspiration-card:after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(4,13,12,.16),rgba(4,13,12,.3));
  transition:background .3s ease;
}
.family-inspiration-card img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.family-inspiration-card:hover img{transform:scale(1.045)}
.family-inspiration-card:hover:after{background:linear-gradient(180deg,rgba(4,13,12,.2),rgba(4,13,12,.42))}
.family-inspiration-card h3{
  position:absolute;
  z-index:2;
  inset:50% 2rem auto;
  transform:translateY(-50%);
  margin:0;
  padding:0;
  text-align:center;
  text-transform:uppercase;
  font:600 clamp(1rem,1.25vw,1.28rem)/1.3 var(--sans);
  letter-spacing:.07em;
  text-shadow:0 2px 16px rgba(0,0,0,.38);
}
.family-inspiration-card>span{
  position:absolute;
  z-index:2;
  right:1rem;
  bottom:1rem;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--scout-blue);
  color:#fff;
  font-size:1.05rem;
  transition:transform .25s ease,background .25s ease;
}
.family-inspiration-card:hover>span{transform:translate(2px,-2px);background:#2f7bc1}
.family-contact-banner{
  padding:4.5rem 4vw;
  background:var(--cream);
}
.family-contact-panel{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(2rem,4vw,5rem);
  max-width:1600px;
  margin:0 auto;
  padding:2.7rem clamp(2rem,4vw,4.5rem);
  background:#fff;
  border-left:7px solid var(--scout-blue);
}
.family-contact-logo{
  width:112px;
  height:112px;
  object-fit:contain;
}
.family-contact-copy{max-width:760px}
.family-contact-copy h2{
  margin:0;
  font:400 clamp(1.7rem,2.5vw,2.7rem)/1.08 var(--display);
  letter-spacing:-.045em;
}
.family-contact-copy p{
  max-width:680px;
  margin:1rem 0 0;
  color:#4a5552;
  font-size:.92rem;
  line-height:1.65;
}
.family-contact-button{white-space:nowrap}
@media(max-width:1100px){
  .family-highlight-grid{grid-template-columns:repeat(2,1fr)}
  .family-highlight:last-child{grid-column:1/-1}
  .family-highlight{min-height:245px}
  .family-inspiration-track{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .traveller-page{padding-top:76px}
  .family-contact-panel{grid-template-columns:auto 1fr}
  .family-contact-button{grid-column:2;justify-self:start}
  .family-intro{grid-template-columns:1fr;min-height:0}
  .family-intro-copy{padding:6rem 7vw}
  .family-intro-image,.family-intro-image img{min-height:540px;height:62vw;max-height:680px}
  .family-questions{grid-template-columns:1fr}
  .family-questions-copy{padding:6rem 7vw}
  .family-questions-image,.family-questions-image img{min-height:540px;height:62vw;max-height:680px}
}
@media(max-width:700px){
  .family-hero{height:68svh;min-height:540px}
  .family-hero-media{background-position:52% center}
  .family-hero-content{left:6vw;right:6vw;bottom:7vh}
  .family-hero h1{font-size:clamp(3.5rem,15vw,5.4rem)}
  .family-hero p{max-width:320px}
  .family-intro-copy{padding:5rem 6vw}
  .family-intro-copy h2{margin-bottom:2.2rem}
  .family-intro-image,.family-intro-image img{min-height:420px;height:75vw}
  .family-intro-image img{object-position:35% center}
  .family-questions-copy{padding:5rem 6vw}
  .family-questions h2{font-size:clamp(3rem,13vw,4.7rem)}
  .family-questions-list{grid-template-columns:1fr}
  .family-questions-list li{min-height:0}
  .family-questions-image,.family-questions-image img{min-height:420px;height:75vw}
  .family-highlights{padding:5rem 4vw 6rem}
  .family-highlights>.section-kicker{margin-bottom:3rem}
  .family-highlight-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:transparent;border:0;gap:.7rem}
  .family-highlight{flex:0 0 82vw;min-height:250px;border:1px solid var(--line);scroll-snap-align:start}
  .family-highlight h3{min-height:0}
  .family-inspiration{padding:5rem 4vw 6rem}
  .family-inspiration>.section-kicker{margin-bottom:1.25rem}
  .family-inspiration-intro{margin-bottom:2.5rem}
  .family-inspiration-track{grid-template-columns:1fr;gap:.8rem}
  .family-inspiration-card{aspect-ratio:4/3}
  .family-contact-banner{padding:3rem 4vw}
  .family-contact-panel{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2rem}
  .family-contact-logo{width:84px;height:84px}
}

.traveller-page{padding-top:0}.traveller-page .family-hero{margin-top:0}.family-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 62%}.family-intro:not(:has(.family-intro-image)),.family-questions:not(:has(.family-questions-image)){grid-template-columns:1fr}@media(prefers-reduced-motion:reduce){.family-hero-media{animation:none;transform:none}.family-inspiration-card img{transition:none}}

.family-questions-intro p,.family-questions-closing p,.family-inspiration-intro p{margin:0}.family-hero-media img{display:block}@media(max-width:700px){.family-hero-media img{object-position:52% center}}