/* Serrano: an immersive, colorful first impression with direct navigation. */
.serrano-home .header-inner{min-height:84px}
.serrano-home .desktop-nav a{font-weight:500}
.impact-hero{position:relative;isolation:isolate;overflow:hidden;background:#17303c;color:#fff}
.impact-visual,.impact-visual picture,.impact-image,.impact-shade{position:absolute;inset:0;width:100%;height:100%}
.impact-visual{z-index:-3;overflow:hidden}
.impact-visual picture{display:block}
.impact-image{display:block;max-width:none;object-fit:cover;object-position:58% center;transform:scale(1.025);transform-origin:62% 53%;will-change:transform}
.impact-shade{z-index:-2;background:linear-gradient(90deg,rgba(10,22,31,.81) 0%,rgba(10,22,31,.56) 27%,rgba(10,22,31,.14) 58%,rgba(10,22,31,.02) 100%),linear-gradient(0deg,rgba(9,26,37,.53),transparent 32%)}
.impact-content{min-height:clamp(680px,calc(100svh - 119px),1000px);display:flex;flex-direction:column;padding-top:clamp(48px,7.5vh,100px);padding-bottom:23px;position:relative}
.impact-copy{max-width:750px;padding-bottom:clamp(45px,7vh,90px)}
.impact-copy .eyebrow{color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.18em;display:flex;align-items:center;gap:15px;line-height:1.8}
.impact-copy .eyebrow:before{content:'';width:28px;height:2px;background:#ff785b;flex-shrink:0}
.impact-copy h1{font-family:var(--sans);font-size:clamp(3.75rem,6.4vw,7.1rem);line-height:1.1;letter-spacing:-.055em;font-weight:500;color:#fff;margin-top:24px;margin-bottom:25px}
.impact-copy h1>span{display:block}
.impact-copy h1>em{font-family:var(--serif);font-size:1.34em;font-weight:400;line-height:1.05;letter-spacing:-.035em;color:#fff}
.impact-copy>p:not(.eyebrow){color:#f1f3f3;max-width:420px;font-size:1.0625rem;line-height:1.85;text-wrap:pretty}
.impact-explore{display:inline-flex;align-items:center;gap:34px;margin-top:28px;padding:12px 0 10px;border-bottom:1px solid #ffffffa0;font-size:.9375rem;font-weight:500;line-height:1.6;transition:border-color .25s}
.impact-explore>svg{width:22px;transition:transform .25s}
.impact-explore:hover{border-color:white}.impact-explore:hover>svg{transform:translateX(5px)}
.impact-destinations{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:860px;align-self:flex-end;margin-top:auto}
.impact-destination{--destination-accent:#2053b3;--destination-tint:#edf2fe;background:rgba(255,255,255,.97);color:#252d34;display:flex;align-items:center;gap:19px;padding:22px 24px;min-height:105px;position:relative;transition:transform .3s,background .3s;box-shadow:0 8px 25px #091d2617;border-top:3px solid var(--destination-accent)}
.impact-destination.destination-office{--destination-accent:#d7442e;--destination-tint:#ffede8}
.destination-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--destination-tint);color:var(--destination-accent);font-size:.75rem;letter-spacing:.03em;flex-shrink:0}
.destination-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.destination-copy>strong{font-size:1.5rem;font-weight:500;line-height:1.15;letter-spacing:-.035em}
.destination-copy>span{font-size:.8125rem;line-height:1.6;color:#626b70}
.destination-arrow{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border:1px solid #d9dee1;border-radius:50%;flex-shrink:0;transition:background .3s,color .3s,border-color .3s}
.destination-arrow>svg{width:17px;height:17px}
.impact-destination:hover{transform:translateY(-5px);background:#fff}
.impact-destination:hover .destination-arrow{background:var(--destination-accent);color:#fff;border-color:var(--destination-accent)}
.impact-destination:focus-visible{outline:3px solid #ffdd8f;outline-offset:5px}
.impact-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:23px;border-top:1px solid #ffffff40;padding-top:15px;min-height:43px}
.impact-scroll{font-size:.8125rem;display:flex;align-items:center;gap:13px;color:#f4f5f6;line-height:1.6}
.impact-scroll>svg{width:17px;height:17px;transition:transform .25s}.impact-scroll:hover>svg{transform:translateY(4px)}
.impact-hero .motion-toggle{border:1px solid #ffffff58;border-radius:30px;background:#0b233a50;color:#fff;padding:8px 13px;font-size:.75rem;line-height:1.5;min-height:35px;gap:9px;transition:background .25s}
.impact-hero .motion-toggle:hover{background:#0b233a99}
.impact-hero.motion-playing .impact-image,.impact-hero.motion-paused .impact-image{animation:serrano-impact-pan 18s ease-in-out infinite alternate}
.impact-hero.motion-paused .impact-image{animation-play-state:paused}
@keyframes serrano-impact-pan{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.13) translate3d(-1%,.45%,0)}}
.impact-copy>*{animation:impact-reveal .8s ease-out both}.impact-copy h1{animation-delay:.09s}.impact-copy>p:not(.eyebrow){animation-delay:.18s}.impact-copy .impact-explore{animation-delay:.26s}
@keyframes impact-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.serrano-home .worlds{margin-top:0;background:#fff}
.serrano-home .world-card-copy{border-top:1px solid var(--line);padding-top:24px}
.serrano-home .world-card h3{font-family:var(--sans);font-size:2.5rem;font-weight:500;letter-spacing:-.05em}
.serrano-home .world-card:first-child .number{color:#2053b3}
.serrano-home .world-card:first-child .text-link{border-color:#2053b3}
.serrano-home .world-card:nth-child(2) .number{color:#d7442e}
.serrano-home .approach{border-top:1px solid var(--line)}
@media(min-width:1800px){.impact-content{max-width:1750px}.impact-destinations{max-width:930px}.impact-copy h1{font-size:7.5rem}}
@media(max-width:1150px){
  .impact-content{min-height:740px;padding-top:60px}
  .impact-copy h1{font-size:clamp(4.4rem,7.8vw,6rem)}
  .impact-copy{padding-bottom:65px}
  .impact-destinations{max-width:770px}
  .impact-destination{padding:20px;gap:14px}
  .destination-copy>strong{font-size:1.35rem}
  .destination-copy>span{font-size:.8125rem}
}
@media(max-width:800px){
  .impact-content{min-height:760px;padding-top:48px}
  .impact-shade{background:linear-gradient(90deg,rgba(10,22,31,.81),rgba(10,22,31,.48) 50%,rgba(10,22,31,.12)),linear-gradient(0deg,#10253755,transparent 40%)}
  .impact-image{object-position:64% center}
  .impact-copy h1{font-size:clamp(4.2rem,9.2vw,5.5rem)}
  .impact-copy{max-width:650px;padding-bottom:80px}
  .impact-destinations{max-width:none}
  .impact-destination{min-height:103px;padding:18px;gap:12px}
  .destination-number{display:none}
  .destination-copy>strong{font-size:1.35rem}
  .destination-arrow{width:31px;height:31px}
}
@media(max-width:600px){
  .serrano-home .header-inner{min-height:77px}
  .impact-content{min-height:calc(100svh - 112px);padding-top:39px;padding-bottom:19px}
  .impact-image{object-position:65% 50%;transform-origin:63% 50%}
  .impact-shade{background:linear-gradient(90deg,rgba(12,24,35,.68),rgba(12,24,35,.23)),linear-gradient(0deg,rgba(12,24,35,.82) 0%,rgba(12,24,35,.16) 42%,rgba(12,24,35,.08) 72%,rgba(12,24,35,.28))}
  .impact-copy{padding-bottom:clamp(98px,22vw,155px);max-width:100%}
  .impact-copy .eyebrow{font-size:.75rem;letter-spacing:.1em;gap:10px;flex-wrap:wrap}
  .impact-copy .eyebrow:before{width:21px}
  .impact-copy h1{font-size:clamp(2.85rem,10.4vw,4.25rem);line-height:1.1;margin-top:23px;margin-bottom:22px;letter-spacing:-.05em}
  .impact-copy h1>em{font-size:1.45em;line-height:1.03}
  .impact-copy>p:not(.eyebrow){max-width:345px;font-size:1rem;line-height:1.75}
  .impact-explore{margin-top:21px;padding-top:7px;font-size:.875rem;gap:24px}
  .impact-destinations{gap:10px}
  .impact-destination{padding:17px 14px;gap:10px;align-items:flex-start;min-height:105px;flex-wrap:wrap;border-top-width:2px;box-shadow:none}
  .destination-copy{width:100%;gap:8px}
  .destination-copy>strong{font-size:1.3rem}
  .destination-copy>span{font-size:.75rem;line-height:1.5;max-width:160px}
  .destination-arrow{width:26px;height:26px;border:0;color:var(--destination-accent);margin-left:auto;margin-top:-3px}
  .destination-arrow>svg{width:20px;height:20px}
  .impact-destination:hover{transform:none}
  .impact-footer{margin-top:19px;padding-top:13px;gap:13px}
  .impact-scroll{font-size:.75rem;gap:9px}
  .impact-hero .motion-toggle{font-size:.75rem;padding:8px 10px;gap:7px}
  .serrano-home .world-card h3{font-size:2.3rem}
}
@media(max-width:360px){
  .impact-content{padding-top:32px}
  .impact-copy .eyebrow{font-size:.75rem;letter-spacing:.05em;gap:8px}
  .impact-copy h1{font-size:2.75rem}
  .impact-copy>p:not(.eyebrow){font-size:1rem}
  .impact-destination{padding:14px 12px;min-height:110px}
  .destination-copy>strong{font-size:1.2rem}
  .impact-footer{gap:10px}
  .impact-scroll>svg{display:none}
}
@media(prefers-reduced-motion:reduce){
  .impact-copy>*{animation:none}
  .impact-image{will-change:auto}
  .impact-destination,.destination-arrow,.impact-explore>svg,.impact-scroll>svg{transition:none}
}