html[data-campaign="summer"] .hero .eyebrow {
  display:inline-flex; align-items:center; gap:10px; padding:7px 12px;
  border:1px solid #f5ce7a66; border-radius:100px; background:#f5ce7a12;
  color:#f5ce7a; margin-bottom:23px; font-size:11px; letter-spacing:.11em;
}
.campaign-sun {font-size:20px;line-height:1;}
html[data-campaign="summer"] .hero-inner {padding-block:52px 58px;}
html[data-campaign="summer"] .hero-copy {max-width:620px;}
html[data-campaign="summer"] .hero h1 {font-size:clamp(38px,3.7vw,53px);line-height:1.15;}
html[data-campaign="summer"] .hero h1 em {display:block;max-width:590px;margin-top:9px;}
html[data-campaign="summer"] .hero-description {max-width:480px;margin-top:23px;}
html[data-campaign="summer"] .hero .actions {align-items:flex-start;flex-direction:column;gap:10px;margin-top:26px;}
html[data-campaign="summer"] .hero-direct {min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px;}
html[data-campaign="summer"] .hero .button:hover > span {transform:translateY(3px);}
html[data-campaign="summer"] .audience-section > .eyebrow {color:#735012;}
.summer-home-routes {padding:24px;margin:0 0 22px;border:1px solid #a6c9c2;border-radius:14px;background:white;}
.summer-home-routes[hidden] {display:none;}
.summer-home-routes h3 {font-size:21px;margin-bottom:8px;}
.summer-home-routes p {color:var(--muted);font-size:15px;max-width:720px;}
.summer-home-routes .actions {margin-top:15px;gap:16px;flex-wrap:wrap;}
.summer-home-routes .text-link {border:0;text-decoration:underline;text-underline-offset:5px;gap:8px;}
@media (max-width:1100px) and (min-width:761px) {
  html[data-campaign="summer"] .hero-copy {max-width:560px;}
  html[data-campaign="summer"] .hero h1 {font-size:42px;}
  html[data-campaign="summer"] .photo-caption {right:24px;bottom:19px;}
}
@media (max-width:760px) {
  html[data-campaign="summer"] .hero {padding-top:0;display:flex;flex-direction:column;}
  html[data-campaign="summer"] .hero:after {display:none;}
  html[data-campaign="summer"] .hero-inner {order:0;padding-block:28px 25px;}
  html[data-campaign="summer"] .hero-photo {position:relative;inset:auto;order:1;width:100%;height:180px;z-index:0;}
  html[data-campaign="summer"] .hero-photo:after {content:'';position:absolute;inset:0;background:linear-gradient(0deg,#082333c7,transparent 65%);}
  html[data-campaign="summer"] .hero-photo img {object-position:50% 42%;}
  html[data-campaign="summer"] .photo-caption {display:block;left:24px;right:auto;bottom:15px;z-index:1;font-size:10px;}
  html[data-campaign="summer"] .photo-caption > span:last-child {font-size:12px;}
  html[data-campaign="summer"] .hero h1 {font-size:clamp(29px,7.8vw,42px);line-height:1.18;}
  html[data-campaign="summer"] .hero .eyebrow {font-size:10px;margin-bottom:19px;}
  html[data-campaign="summer"] .hero-description {font-size:15px;margin-top:18px;}
  html[data-campaign="summer"] .hero .actions {margin-top:20px;gap:7px;}
  html[data-campaign="summer"] .hero-direct {font-size:14px;}
  .summer-home-routes {padding:20px;}
  .summer-home-routes .actions {align-items:stretch;flex-direction:column;gap:8px;}
  .summer-home-routes .text-link {justify-content:center;font-size:14px;}
}
@media (prefers-reduced-motion:reduce) {
  html[data-campaign="summer"] .hero .button,html[data-campaign="summer"] .hero .button > span {transition:none;}
  html[data-campaign="summer"] .hero .button:hover > span {transform:none;}
}