/* Homepage atmosphere and film sequence. Kept separate so it is easy to review. */
.hero-visual.hero-lifestyle{isolation:isolate;background-size:auto 116%;background-position:center 58%}
.hero-waves{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden;clip-path:polygon(0 31%,100% 25%,100% 100%,0 100%);opacity:1}
.hero-waves i{position:absolute;display:block;left:-22%;width:144%;height:22%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,transparent 52%,rgba(218,241,239,.22) 58%,rgba(255,255,255,.10) 61%,transparent 68%);filter:blur(3px);mix-blend-mode:screen;will-change:transform;animation:polycobondWaterBand 6.4s ease-in-out infinite}
.hero-waves i:nth-child(1){top:40%;animation-delay:-1.8s;opacity:.72}
.hero-waves i:nth-child(2){top:60%;height:18%;animation-duration:8.2s;animation-delay:-4.1s;opacity:.56}
.hero-waves i:nth-child(3){top:78%;height:15%;animation-duration:7.1s;animation-delay:-2.6s;opacity:.44}
.hero-precipitation{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:0;transition:opacity .45s ease;overflow:hidden}
.hero-visual.weather-rain .hero-precipitation{opacity:.58;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='340' viewBox='0 0 260 340'%3E%3Cg stroke='%23e9f4f1' stroke-linecap='round' stroke-width='1.2' opacity='.85'%3E%3Cpath d='M18 -3l-10 28M67 33L57 61M117 -18l-9 26M165 74l-11 31M222 12l-9 28M248 154l-11 31M28 185l-10 30M95 133l-10 29M149 229l-9 27M202 280l-10 30M52 291l-9 26M129 315l-10 28M185 172l-10 29'/%3E%3C/g%3E%3C/svg%3E");background-size:260px 340px;animation:polycobondRain 1.1s linear infinite}
.hero-visual.weather-snow .hero-precipitation{opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='360' viewBox='0 0 300 360'%3E%3Cg fill='%23fff' opacity='.82'%3E%3Ccircle cx='18' cy='16' r='1.8'/%3E%3Ccircle cx='69' cy='73' r='2.4'/%3E%3Ccircle cx='126' cy='21' r='1.5'/%3E%3Ccircle cx='183' cy='122' r='2.1'/%3E%3Ccircle cx='237' cy='44' r='1.8'/%3E%3Ccircle cx='282' cy='172' r='2.5'/%3E%3Ccircle cx='34' cy='210' r='1.9'/%3E%3Ccircle cx='102' cy='274' r='2.7'/%3E%3Ccircle cx='166' cy='235' r='1.5'/%3E%3Ccircle cx='219' cy='326' r='2.2'/%3E%3Ccircle cx='268' cy='263' r='1.4'/%3E%3Ccircle cx='47' cy='335' r='2.1'/%3E%3C/g%3E%3C/svg%3E");background-size:300px 360px;animation:polycobondSnow 7s linear infinite}
.hero-visual.weather-rain .hero-waves,.hero-visual.weather-snow .hero-waves{opacity:.56}
.hero-visual.weather-rain::after{background:linear-gradient(180deg,rgba(13,39,39,.11),rgba(13,39,39,.26))}
.hero-visual.weather-snow::after{background:linear-gradient(180deg,rgba(226,236,234,.06),rgba(22,51,50,.18))}
@keyframes polycobondWaterBand{0%{transform:translate3d(-6%,2%,0) scaleX(.96)}48%{transform:translate3d(5%,-2%,0) scaleX(1.04)}100%{transform:translate3d(-6%,2%,0) scaleX(.96)}}
@keyframes polycobondRain{0%{background-position:0 -30px}100%{background-position:18px 310px}}
@keyframes polycobondSnow{0%{background-position:0 -55px}100%{background-position:30px 340px}}
.product-film{background:#173d3d}
.product-film .film-frame--factory{animation:polycobondFilmOne 18s ease-in-out infinite}
.product-film .film-frame--real{animation:polycobondFilmTwo 18s ease-in-out infinite}
.product-film .film-frame--detail{animation:polycobondFilmThree 18s ease-in-out infinite}
.product-film .film-frame--render,.product-film .film-frame--water{display:none}
.product-film .film-frame--factory video{object-position:center}
.product-film .film-frame--real video{object-position:center}
.product-film .film-frame--detail video{object-position:center}
.product-film-copy{z-index:3;max-width:480px}
.product-film-copy b{font-size:clamp(28px,3.1vw,48px);line-height:1.04}
@keyframes polycobondFilmOne{0%,29%{opacity:1;transform:scale(1.015)}34%,96%{opacity:0;transform:scale(1.045)}100%{opacity:1;transform:scale(1.015)}}
@keyframes polycobondFilmTwo{0%,29%{opacity:0;transform:scale(1.04)}34%,62%{opacity:1;transform:scale(1.015)}67%,100%{opacity:0;transform:scale(1.04)}}
@keyframes polycobondFilmThree{0%,62%{opacity:0;transform:scale(1.04)}67%,96%{opacity:1;transform:scale(1.015)}100%{opacity:0;transform:scale(1.04)}}
@media(max-width:820px){.hero{min-height:0}.hero-visual.hero-lifestyle{order:-1;min-height:min(64vh,520px);background-size:auto 128%!important;background-position:58% 58%!important}.hero-copy{padding-top:48px}.hero-waves{clip-path:polygon(0 42%,100% 35%,100% 100%,0 100%)}.hero-waves i:nth-child(1){top:48%}.hero-waves i:nth-child(2){top:66%}.hero-waves i:nth-child(3){top:82%}.product-film{height:390px}.product-film-copy{max-width:270px}.product-film-copy b{font-size:30px}.hero-visual.weather-rain .hero-precipitation{opacity:.45}}
@media(prefers-reduced-motion:reduce){.hero-waves i,.hero-precipitation,.product-film .film-frame--factory,.product-film .film-frame--real,.product-film .film-frame--detail{animation:none!important}.product-film .film-frame--factory{opacity:1}.product-film .film-frame--real,.product-film .film-frame--detail{opacity:0}}