.seo-transition{--seo-transition-top:#f7f5ee;--seo-transition-bottom:#072032;--seo-transition-accent:#e3b505;--seo-transition-accent-clip:polygon(0 0, 100% 0, 100% 30%, 0 100%);--seo-transition-main-clip:polygon(0 0, 100% 0, 100% 20%, 0 91%);isolation:isolate;background:var(--seo-transition-bottom);width:100%;height:clamp(6rem,9vw,8.5rem);position:relative;overflow:hidden}.seo-transition--from-navy{--seo-transition-top:#072032}.seo-transition--from-cream{--seo-transition-top:#f7f5ee}.seo-transition--to-navy{--seo-transition-bottom:#072032}.seo-transition--to-cream{--seo-transition-bottom:#f7f5ee}.seo-transition--compact{height:clamp(4rem,6vw,5.75rem)}.seo-transition--large{height:clamp(8rem,12vw,11rem)}.seo-transition--left{--seo-transition-accent-clip:polygon(0 30%, 0 0, 100% 0, 100% 100%);--seo-transition-main-clip:polygon(0 20%, 0 0, 100% 0, 100% 91%)}.seo-transition__accent-layer,.seo-transition__accent,.seo-transition__main-layer,.seo-transition__main{pointer-events:none;position:absolute;inset:0}.seo-transition__accent-layer{z-index:1;filter:drop-shadow(0 5px 10px #0720321f)}.seo-transition__accent{background:var(--seo-transition-accent);clip-path:var(--seo-transition-accent-clip)}.seo-transition__main-layer{z-index:2;filter:drop-shadow(0 4px 8px #07203233)}.seo-transition__main{background:var(--seo-transition-top);clip-path:var(--seo-transition-main-clip)}@media (max-width:47.99rem){.seo-transition{--seo-transition-accent-clip:polygon(0 0, 100% 0, 100% 38%, 0 100%);--seo-transition-main-clip:polygon(0 0, 100% 0, 100% 25%, 0 88%)}.seo-transition--left{--seo-transition-accent-clip:polygon(0 38%, 0 0, 100% 0, 100% 100%);--seo-transition-main-clip:polygon(0 25%, 0 0, 100% 0, 100% 88%)}}