/* All rules are scoped to the experience's home-page entry. */
.campo-entry{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:end;padding:65px max(24px,6vw);margin:20px max(16px,3vw) 60px;border-radius:30px;box-shadow:0 5px 12px #2830210c,0 26px 55px -18px #28302145;background:#343c2e;color:#fff;overflow:hidden}
.campo-entry>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform 1.3s cubic-bezier(.2,.75,.25,1)}
.campo-entry:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1420177a,transparent),linear-gradient(transparent 20%,#1420178c);box-shadow:inset 0 0 0 1px #ffffff40;border-radius:inherit}
.campo-entry__inner{max-width:750px}.campo-entry__eyebrow{font-size:11px;letter-spacing:.17em;margin:0 0 20px}.campo-entry h2{color:#fff;font-size:clamp(45px,6vw,85px);line-height:1.04;font-weight:500;letter-spacing:-.02em;margin:0 0 24px}.campo-entry h2 em{font-family:inherit;font-weight:inherit}.campo-entry__description{font-size:18px;max-width:440px;margin-bottom:27px}.campo-entry a{display:inline-block;padding:13px 0;border-bottom:1px solid #ffffffa3;font-size:14px}.campo-entry a:focus-visible{outline:3px solid #fff;outline-offset:6px}.campo-entry a span{margin-left:35px}
@media(hover:hover) and (pointer:fine){.campo-entry:hover>img{transform:scale(1.025)}}
@media(max-width:700px){.campo-entry{min-height:540px;margin:16px 12px 40px;border-radius:24px;padding:35px 24px}.campo-entry h2{font-size:47px}.campo-entry__description{font-size:15px}.campo-entry>img{object-position:50% center}}
@media(prefers-reduced-motion:reduce){.campo-entry>img{transition:none}.campo-entry:hover>img{transform:none}}

/* The home navigation accommodates the experience without crowding links. */
.header--activations .nav { gap: 22px; }
@media(max-width:1100px) {
  .header--activations .nav, .header--activations .header-cta .btn { display: none; }
  .header--activations .nav-toggle { display: block; }
  .header--activations .nav.open { display: flex; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; gap: 0; background: var(--cream); padding: 8px var(--gutter) 18px; box-shadow: var(--shadow-md); border-top: 1px solid var(--line); max-height: calc(100dvh - 90px); overflow-y: auto; }
  .header--activations .nav.open a { color: var(--ink-2); text-shadow: none; padding: 13px 0; border-bottom: 1px solid var(--line); width: 100%; }
  .header--activations .nav.open a::after { display: none; }
}