@layer organisms{.uo-animated-experience-hero{position:relative;width:100%;--uo-envelope-padding-block: 0}.uo-animated-experience-hero__band{position:relative;isolation:isolate;box-sizing:border-box;overflow:hidden;min-height:clamp(440px,46.875vw,675px);padding-block-end:clamp(140px,14.5vw,200px)}.uo-animated-experience-hero__wrap{position:relative;z-index:var(--uo-z-index-raised);display:grid;grid-template-columns:minmax(0, 549fr) minmax(0, 699fr);-moz-column-gap:clamp(12px,2.2vw,32px);column-gap:clamp(12px,2.2vw,32px);align-items:start}.uo-animated-experience-hero__media{position:relative}.uo-animated-experience-hero__media img{display:block;width:clamp(247px,98.6%,541px);max-width:100%;height:auto;margin:clamp(36px,5.9vw,85px) 0 0 12px}.uo-animated-experience-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(18px,2.22vw,32px);padding-top:calc(clamp(56px,9.1vw,131px) - 40px)}.uo-animated-experience-hero__heading{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;border:0;padding:0}.uo-animated-experience-hero__line-1,.uo-animated-experience-hero__line-2,.uo-animated-experience-hero__line-3{display:block;font-family:var(--uo-font-family-agitat-rotalic);font-variation-settings:"slnt" var(--uo-font-settings-slant);font-weight:var(--uo-font-weight-reg);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;margin:0}.uo-animated-experience-hero__line-1{font-size:clamp(24px,2.64vw,38px);color:var(--uo-color-fog)}.uo-animated-experience-hero__line-2{font-size:clamp(35px,4.42vw,63.5px);color:var(--uo-color-uo-yellow);max-width:10em}.uo-animated-experience-hero__line-3{font-size:clamp(26px,2.92vw,42px);color:var(--uo-color-fog)}.uo-animated-experience-hero__cta{padding-top:var(--uo-space-5)}.uo-animated-experience-hero__wave{position:absolute;left:0;right:0;bottom:0;transform:translateY(35.8%);height:clamp(160px,16.875vw,243px);z-index:var(--uo-z-index-below);pointer-events:none;background-color:var(--uo-color-white);mask-repeat:repeat-x;-webkit-mask-repeat:repeat-x;mask-size:auto 100%;-webkit-mask-size:auto 100%;mask-position:-182px top;-webkit-mask-position:-182px top;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='2329'%20height='243'%20viewBox='0%200%202329%20243'%20preserveAspectRatio='none'%20fill='white'%3E%3Cpath%20d='M1439.22%2069.2428C1382.45%20101.872%201312.6%20101.872%201255.87%2069.2428C1199.1%2036.5786%201129.26%2036.5786%201072.49%2069.2428C1015.75%20101.872%20945.908%20101.907%20889.138%2069.2428L811.266%2024.4716C754.531%20-8.1572%20684.688%20-8.1572%20627.953%2024.4716L550.08%2069.2428C493.31%20101.872%20423.467%20101.872%20366.732%2069.2428C309.962%2036.5786%20240.119%2036.5786%20183.348%2069.2428C126.614%20101.872%2056.7701%20101.907%200%2069.2428V242.325L1440%20243L1439.22%2069.2428Z'/%3E%3Cpath%20d='M2328.22%2069.2428C2271.45%20101.872%202201.6%20101.872%202144.87%2069.2428C2088.1%2036.5786%202018.26%2036.5786%201961.49%2069.2428C1904.75%20101.872%201834.91%20101.907%201778.14%2069.2428L1700.27%2024.4716C1643.53%20-8.1572%201573.69%20-8.1572%201516.95%2024.4716L1439.08%2069.2428C1382.31%20101.872%201312.47%20101.872%201255.73%2069.2428C1198.96%2036.5786%201129.12%2036.5786%201072.35%2069.2428C1015.61%20101.872%20945.77%20101.907%20889%2069.2428V242.325L2329%20243L2328.22%2069.2428Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='2329'%20height='243'%20viewBox='0%200%202329%20243'%20preserveAspectRatio='none'%20fill='white'%3E%3Cpath%20d='M1439.22%2069.2428C1382.45%20101.872%201312.6%20101.872%201255.87%2069.2428C1199.1%2036.5786%201129.26%2036.5786%201072.49%2069.2428C1015.75%20101.872%20945.908%20101.907%20889.138%2069.2428L811.266%2024.4716C754.531%20-8.1572%20684.688%20-8.1572%20627.953%2024.4716L550.08%2069.2428C493.31%20101.872%20423.467%20101.872%20366.732%2069.2428C309.962%2036.5786%20240.119%2036.5786%20183.348%2069.2428C126.614%20101.872%2056.7701%20101.907%200%2069.2428V242.325L1440%20243L1439.22%2069.2428Z'/%3E%3Cpath%20d='M2328.22%2069.2428C2271.45%20101.872%202201.6%20101.872%202144.87%2069.2428C2088.1%2036.5786%202018.26%2036.5786%201961.49%2069.2428C1904.75%20101.872%201834.91%20101.907%201778.14%2069.2428L1700.27%2024.4716C1643.53%20-8.1572%201573.69%20-8.1572%201516.95%2024.4716L1439.08%2069.2428C1382.31%20101.872%201312.47%20101.872%201255.73%2069.2428C1198.96%2036.5786%201129.12%2036.5786%201072.35%2069.2428C1015.61%20101.872%20945.77%20101.907%20889%2069.2428V242.325L2329%20243L2328.22%2069.2428Z'/%3E%3C/svg%3E")}.uo-animated-experience-hero--framed .uo-animated-experience-hero__band,.uo-animated-experience-hero--fog-backdrop .uo-animated-experience-hero__band{max-width:var(--uo-size-content-wide)}.uo-animated-experience-hero--fog-backdrop{padding-block:var(--uo-space-12)}.uo-animated-experience-hero--fog-backdrop .uo-animated-experience-hero__wave{background-color:var(--uo-color-fog)}.uo-animated-experience-hero--photo-backdrop{background-color:var(--uo-color-pacific);background-image:url("/cascadia/images/uo-animated-experience-hero/aquarium-bg.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}.uo-animated-experience-hero--animate-subject{container-type:inline-size}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__band{aspect-ratio:21/9;min-height:0;padding-block-end:0;padding-inline:0}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__band::before{content:"";position:absolute;inset:0;background:url("/cascadia/images/uo-animated-experience-hero/stage-still.jpg") center/cover no-repeat;pointer-events:none}.uo-animated-experience-hero--fish-live .uo-animated-experience-hero__band::before{inset:0 0 auto;height:72%;background-image:url("/cascadia/images/uo-animated-experience-hero/stage-backdrop.jpg");background-position:top center;filter:brightness(0.45) saturate(0.65);-webkit-mask-image:linear-gradient(to bottom, black 30%, transparent 95%);mask-image:linear-gradient(to bottom, black 30%, transparent 95%)}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__media{display:none}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__wrap{position:absolute;inset:0;display:block;padding-top:0;z-index:auto}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__content{position:relative;height:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:5cqw;padding:4cqw 8cqw 7cqw}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__heading{position:relative;z-index:3;max-width:62%}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__cta{position:relative;z-index:5;top:3cqw;flex:0 0 auto;padding-top:0}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__line-1{font-size:clamp(1.125rem,2.7cqw,2.375rem)}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__line-2{font-size:clamp(1.75rem,4.9cqw,4.3125rem)}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__line-3{font-size:clamp(1.25rem,3cqw,2.625rem)}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__wave{z-index:2;height:clamp(90px,30cqw,190px)}.uo-animated-experience-hero__fish-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.uo-animated-experience-hero__fish-layer canvas{position:absolute;inset:0;width:100%;height:100%;visibility:hidden}.uo-animated-experience-hero--fish-live .uo-animated-experience-hero__fish-layer canvas{visibility:visible}@container (max-width: 700px){.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__band{aspect-ratio:16/9}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__content{flex-direction:column;align-items:flex-start;justify-content:center;gap:4cqw}.uo-animated-experience-hero--animate-subject .uo-animated-experience-hero__heading{max-width:100%}}@media(max-width: 900px){.uo-animated-experience-hero__wrap{grid-template-columns:minmax(0, 1fr);padding-top:var(--uo-space-9)}.uo-animated-experience-hero__media img{width:min(420px,92%);margin:0}.uo-animated-experience-hero__content{padding-top:var(--uo-space-8)}}.uo-animated-experience-hero.uo-layout-paragraph{padding-inline:0}.uo-animated-experience-hero__band{max-width:var(--uo-size-content-full);padding-inline:var(--paragraph-content-padding)}}

/*# sourceMappingURL=uo-animated-experience-hero.css.map */