.has-backdrop{isolation:isolate;position:relative;overflow:hidden}.has-backdrop>.shell,.has-backdrop>.hero-grid{z-index:1;position:relative}.backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.backdrop-layer{opacity:var(--backdrop-opacity,.16);position:absolute;inset:-8% 0}.backdrop-layer img,.backdrop-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.backdrop-video{z-index:1}.backdrop-scrim{position:absolute;inset:0}.tone-navy .backdrop-scrim{background:linear-gradient(100deg, var(--navy-deep) 0%, color-mix(in srgb, var(--navy-deep) 82%, transparent) 46%, color-mix(in srgb, var(--navy-deep) 46%, transparent) 100%), color-mix(in srgb, var(--navy-deep) 30%, transparent)}.hero .tone-navy .backdrop-scrim{background:linear-gradient(100deg, color-mix(in srgb, var(--navy-deep) 62%, transparent) 0%, color-mix(in srgb, var(--navy-deep) 34%, transparent) 46%, color-mix(in srgb, var(--navy-deep) 16%, transparent) 100%), color-mix(in srgb, var(--navy-deep) 12%, transparent)}.tone-paper .backdrop-scrim{background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 92%, transparent) 0%, color-mix(in srgb, var(--paper) 86%, transparent) 50%, color-mix(in srgb, var(--paper) 94%, transparent) 100%)}.band-ice .tone-paper .backdrop-scrim{background:linear-gradient(180deg, color-mix(in srgb, var(--ice) 91%, transparent) 0%, color-mix(in srgb, var(--ice) 84%, transparent) 50%, color-mix(in srgb, var(--ice) 93%, transparent) 100%)}@media (max-width:860px){.backdrop-layer{opacity:calc(var(--backdrop-opacity,.16) * .62)}}