/* Application products: one prominent panel with neighboring panels in view. */
.home-products{--product-width:min(960px,68vw);background:#f3f7fa;overflow:hidden;overflow:clip;padding:88px 0 80px}
.products-heading{text-align:center;margin:0 auto 40px;padding:0 24px}
.products-heading h2{color:var(--navy)}
.products-heading:after{content:'';display:block;width:72px;height:2px;background:var(--teal);margin:22px auto 0}
.products-stage{position:relative;padding:20px 0 34px;touch-action:pan-y}
.products-window{width:var(--product-width);margin:auto}
.products-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.product-slide{position:relative;display:grid;grid-template-columns:46% 54%;flex:0 0 100%;min-width:0;min-height:430px;overflow:hidden;border:1px solid #e0e9ee;border-radius:12px;background:#fff;scroll-snap-align:center}
.product-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px 42px;min-width:0}
.product-title{font-size:clamp(23px,2.2vw,32px);font-weight:600;line-height:1.5;letter-spacing:-.025em;color:var(--navy);overflow-wrap:anywhere}
.product-description{font-size:15px;line-height:1.9;margin:20px 0 28px;color:#536b7b}
.product-more{margin-top:auto;min-height:46px;padding:9px 22px;font-size:14px;gap:22px;border-radius:999px;background:transparent;color:var(--teal)}
.product-more:hover{background:transparent;color:#066c78;border-color:#066c78}
.product-more .icon{transition:transform .2s}.product-more:hover .icon{transform:translateX(3px)}
.product-more:disabled{opacity:1;cursor:default}
.product-more:disabled:hover{background:transparent;transform:none}
.product-image{grid-column:2;grid-row:1;position:relative;min-width:0;background:#f0f6f8;margin:0;overflow:hidden}
.product-image img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.product-image--contain{background:#fff}
.product-image--contain img{object-fit:contain;padding:36px}
.product-image--drink img{padding:24px}
.product-image--raccoon img{padding:22px}
.home-products.is-ready .products-track{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;gap:0}
.home-products.is-ready .product-slide{grid-area:1/1;transform:translateX(calc(var(--product-offset)* (100% + 28px))) scale(.88);opacity:.52;z-index:1;pointer-events:none;transition:transform .55s cubic-bezier(.22,.68,.25,1),opacity .45s;box-shadow:0 12px 32px #062b4f09}
.home-products.is-ready .product-slide.is-active{transform:translateX(0) scale(1);opacity:1;z-index:3;pointer-events:auto;box-shadow:0 18px 44px #062b4f12}
.home-products.is-ready .product-slide.is-far{visibility:hidden}
.home-products.is-linking .product-slide{transition:none}
@media screen{.home-products.is-ready .product-slide:not(.is-active) .product-copy{visibility:hidden}.home-products.is-ready .product-slide:not(.is-active) .product-image{grid-column:1/-1;grid-row:1/-1}}
.home-products.is-ready .products-stage{cursor:grab}
.home-products.is-ready .products-stage.is-dragging{cursor:grabbing}
.products-stage img{user-select:none;-webkit-user-drag:none}
.products-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border:1px solid #dce8ed;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;box-shadow:0 4px 18px #062b4f12}
.products-arrow:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.products-arrow svg{width:20px;height:20px;pointer-events:none}
.products-arrow--prev{left:max(14px,calc((100% - var(--product-width))/2 - 24px))}
.products-arrow--next{right:max(14px,calc((100% - var(--product-width))/2 - 24px))}
.products-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;padding:8px 16px}
.products-pagination button{display:grid;place-items:center;width:52px;height:36px;background:transparent;padding:0}
.products-pagination button:after{content:'';height:2px;width:32px;background:#c9d6dc;transition:width .2s,background .2s}
.products-pagination button[aria-current=true]:after{width:52px;background:var(--teal)}
html[lang=en] .product-title{font-size:clamp(22px,2vw,29px);line-height:1.4}
html[lang=en] .product-description{font-size:14px;line-height:1.8}
@media(min-width:1700px){.product-copy{padding:46px 50px}}
@media(max-width:1023px){.product-copy{padding:30px}.product-title{font-size:25px}.product-description{font-size:14px}.product-image--contain img{padding:24px}.product-slide{min-height:420px}}
@media(max-width:767px){.home-products{--product-width:calc(100vw - 88px);padding:62px 0 52px}.products-heading{margin-bottom:22px}.products-heading:after{width:58px;margin-top:18px}.products-stage{padding:12px 0 24px}.product-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:210px 1fr;min-height:0;border-radius:10px}.product-image{grid-column:1;grid-row:1}.product-copy{grid-column:1;grid-row:2;padding:25px 24px 28px}.product-title{font-size:23px;line-height:1.5}.product-description{font-size:13px;line-height:1.9;margin:16px 0 24px}.product-image--contain img{padding:20px}.product-image--raccoon img{padding:12px}.home-products.is-ready .product-slide{transform:translateX(calc(var(--product-offset)* (100% + 8px))) scale(.96)}.home-products.is-ready .product-slide.is-active{transform:translateX(0) scale(1)}.products-arrow{width:38px;height:38px;top:117px}.products-arrow--prev{left:12px}.products-arrow--next{right:12px}.products-arrow svg{width:17px;height:17px}.products-pagination{gap:4px;padding-block:4px}.products-pagination button{width:36px;height:36px}.products-pagination button:after{width:22px}.products-pagination button[aria-current=true]:after{width:36px}html[lang=en] .product-title{font-size:22px}html[lang=en] .product-description{font-size:13px}}
@media(max-width:379px){.product-copy{padding:22px 20px 25px}.product-title,html[lang=en] .product-title{font-size:21px}.product-slide{grid-template-rows:180px 1fr}.products-arrow{top:102px}}
@media(prefers-reduced-motion:reduce){.home-products.is-ready .product-slide,.products-pagination button:after{transition:none}}
@media print{.home-products{overflow:visible}.products-window{width:100%}.home-products.is-ready .products-track{display:block}.home-products.is-ready .product-slide{visibility:visible;opacity:1;transform:none;margin:24px 0;box-shadow:none;break-inside:avoid}.products-arrow,.products-pagination{display:none}}
