#bottle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:7}.bottle-dock{position:relative;pointer-events:none}.bottle-link{position:fixed;left:0;top:0;z-index:7;display:block;cursor:pointer;border-radius:18px;will-change:transform;-webkit-tap-highlight-color:transparent}.bottle-link[hidden]{display:none}.bottle-link:focus-visible{outline:2px solid #f68928;outline-offset:6px}.bottle-link__tag{position:absolute;left:50%;bottom:-14px;transform:translate(-50%,6px);opacity:0;white-space:nowrap;pointer-events:none;font-family:Oswald,Impact,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f5e6d0;background:#f68928;border-radius:999px;padding:7px 14px;box-shadow:0 8px 20px #00000040;transition:opacity .25s ease,transform .25s ease}.bottle-link:hover .bottle-link__tag,.bottle-link:focus-visible .bottle-link__tag{opacity:1;transform:translate(-50%)}.clyde-3d-debug .bottle-dock{outline:2px dashed rgba(246,137,40,.8);outline-offset:-2px}.clyde .hero-dock{position:absolute;left:9.91%;top:3.97%;width:79.91%;height:104.5%;z-index:3}.clyde .sh-feature-img,.clyde .sh-feature-shadow{transition:opacity .18s ease}html.bottle-took-over .clyde .sh-feature-img,html.bottle-took-over .clyde .sh-feature-shadow{opacity:0!important}.divider-parallax{position:relative;margin-top:-4px;margin-bottom:-4px;line-height:0;z-index:3;height:70px;overflow:hidden;display:block}.divider-parallax svg{position:absolute;bottom:0;left:0;display:block;width:200%;height:70px;min-height:70px;max-height:70px;border:none;padding:0;margin:0}.divider-parallax .layer-1{animation:parallax-slow 12s linear infinite;opacity:.3;z-index:1}.divider-parallax .layer-2{animation:parallax-mid 8s linear infinite;opacity:.55;z-index:2}.divider-parallax .layer-3{animation:parallax-fast 6s linear infinite;opacity:1;z-index:3}@keyframes parallax-slow{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes parallax-mid{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes parallax-fast{0%{transform:translate(0)}to{transform:translate(-50%)}}.divider-glow{position:relative;margin-top:-4px;margin-bottom:-4px;line-height:0;z-index:3;overflow:visible;height:auto}.divider-glow svg{display:block;width:100%;height:70px;overflow:visible}.divider-glow .glow-line{fill:none;stroke:#f68928;stroke-width:3;filter:drop-shadow(0 0 10px rgba(246,137,40,.9)) drop-shadow(0 0 30px rgba(246,137,40,.5));animation:glow-core 2s ease-in-out infinite alternate}.divider-glow .glow-line-soft{fill:none;stroke:#f68928;stroke-width:14;filter:drop-shadow(0 0 8px rgba(246,137,40,.6));animation:glow-soft 2s ease-in-out infinite alternate}.divider-glow .glow-line-ambient{fill:none;stroke:#f68928;stroke-width:30;filter:drop-shadow(0 0 16px rgba(246,137,40,.4));animation:glow-ambient 2s ease-in-out infinite alternate}@keyframes glow-core{0%{opacity:.5;stroke-width:2}to{opacity:1;stroke-width:4}}@keyframes glow-soft{0%{opacity:.08;stroke-width:8}to{opacity:.4;stroke-width:18}}@keyframes glow-ambient{0%{opacity:.03;stroke-width:20}to{opacity:.15;stroke-width:38}}.home-products{background:#165d86;padding:110px 48px;position:relative;overflow:hidden}.way-ticker{position:absolute;left:0;top:46%;transform:translateY(-50%);display:flex;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;animation:way-ticker 45s linear infinite}.way-ticker span{font-family:Oswald,Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(6rem,14vw,13rem);line-height:1;padding-right:.3em;color:transparent;-webkit-text-stroke:1.5px rgba(245,230,208,.1)}@keyframes way-ticker{to{transform:translate(-50%,-50%)}}.home-products-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.home-products-label{font-family:Oswald,Impact,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f68928;margin-bottom:16px}.home-products-title{font-family:Oswald,Impact,sans-serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;text-transform:uppercase;color:#f5e6d0;line-height:.95;margin-bottom:8px}.home-products-title em{font-style:normal;color:#f68928}.way-stage{position:relative;width:100%;max-width:760px;height:520px}.way-halo{position:absolute;left:50%;top:50%;width:440px;height:440px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(246,137,40,.22) 0%,rgba(246,137,40,.06) 45%,transparent 70%)}.way-ring{position:absolute;left:50%;top:50%;width:400px;height:400px;margin:-200px 0 0 -200px;border-radius:50%;border:2px dashed rgba(246,137,40,.55);animation:way-spin 40s linear infinite}.way-ring:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;border:1px solid rgba(245,230,208,.12)}@keyframes way-spin{to{transform:rotate(360deg)}}.way-podium{position:absolute;left:50%;bottom:28px;width:380px;height:70px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(245,230,208,.3) 0%,rgba(245,230,208,.08) 55%,transparent 72%)}.way-badge{position:absolute;font-family:Oswald,Impact,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#165d86;background:#f5e6d0;border-radius:999px;padding:8px 14px;box-shadow:0 10px 24px #00000040;animation:way-float 4s ease-in-out infinite}.way-badge-1{left:2%;top:24%}.way-badge-2{right:2%;top:64%;animation-delay:-2s;background:#f68928;color:#f5e6d0}@keyframes way-float{50%{transform:translateY(-10px)}}.way-stage .bottle-dock{position:absolute;left:50%;bottom:52px;width:360px;height:420px;transform:translate(-50%)}.way-steps{list-style:none;margin:16px 0 44px;padding:0;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.way-step{padding:26px 26px 28px;border:1px solid rgba(245,230,208,.14);border-radius:20px;background:#f5e6d00a;transition:transform .3s ease,border-color .3s ease,background .3s ease}.way-step:hover{transform:translateY(-6px);border-color:#f6892880;background:#f5e6d012}.way-icon{display:block;height:58px;margin-bottom:14px;background:#f68928;transition:transform .3s ease,background-color .3s ease;-webkit-mask:var(--icon) left center / contain no-repeat;mask:var(--icon) left center / contain no-repeat}.way-icon--bottle{--icon: url(clyde-kit-icon-bottle.png);aspect-ratio:94 / 226}.way-icon--brushes{--icon: url(clyde-kit-icon-brushes.png);aspect-ratio:354 / 230}.way-icon--towel{--icon: url(clyde-kit-icon-towel.png);aspect-ratio:275 / 146}.way-step:hover .way-icon{transform:rotate(-6deg) scale(1.08);background-color:#ffa04d}.way-name{display:block;font-family:Oswald,Impact,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f5e6d0;margin-bottom:8px}.way-text{display:block;font-size:.88rem;line-height:1.65;color:#f5e6d0b3;font-weight:300}.home-products-cta{display:inline-block;font-family:Oswald,Impact,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#165d86;background:#f5e6d0;padding:14px 32px;text-decoration:none;transition:all .3s ease}.home-products-cta:hover{background:#f68928;color:#f5e6d0}@media(prefers-reduced-motion:reduce){.way-ticker,.way-ring,.way-badge{animation:none}}@media(max-width:768px){.home-products{padding:72px 24px}.divider-parallax{height:40px}.divider-parallax svg{height:40px;min-height:40px;max-height:40px}.divider-glow svg{height:40px}.way-stage{height:340px}.way-halo{width:280px;height:280px}.way-ring{width:250px;height:250px;margin:-125px 0 0 -125px}.way-podium{width:230px;height:46px;bottom:16px}.way-badge-1{left:0;top:6%}.way-badge-2{right:0;top:auto;bottom:0}.way-stage .bottle-dock{width:220px;height:260px;bottom:30px}.way-steps{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.way-step{padding:18px 16px 20px;border-radius:16px}.way-step:last-child{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}.way-step:last-child .way-icon{grid-row:1 / 3;margin-bottom:0}.way-icon{height:40px;margin-bottom:10px}.way-name{font-size:1rem;margin-bottom:6px}.way-text{font-size:.8rem;line-height:1.55}}.feat{background:#f5e6d0;padding:110px 48px 90px;position:relative;overflow:hidden}.feat-ghost{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;width:max-content;font-family:Oswald,Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(8rem,22vw,20rem);line-height:.8;color:#165d86;opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;animation:feat-ticker 40s linear infinite}.feat-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:64px;align-items:center;position:relative}.feat .bottle-dock{height:480px}.feat-label{font-family:Oswald,Impact,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f68928;margin-bottom:16px}.feat-title{font-family:Oswald,Impact,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;text-transform:uppercase;color:#165d86;line-height:1;margin-bottom:20px}.feat-desc{font-size:.95rem;line-height:1.8;color:#165d86cc;font-weight:300;margin:0 0 28px;max-width:520px}.feat-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.feat-pill{font-family:Oswald,Impact,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#165d86;background:#ffffff8c;border:1px solid rgba(22,93,134,.15);border-radius:999px;padding:9px 18px}.feat-cta{display:inline-block;font-family:Oswald,Impact,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#f5e6d0;background:#165d86;padding:14px 32px;text-decoration:none;transition:all .3s ease}.feat-cta:hover{background:#f68928}.feat-body{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center}.feat-media{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4 / 5;background:#0b4760;box-shadow:0 24px 50px #0a1e2d47;cursor:pointer;transform:rotate(2deg);transition:transform .4s ease}.feat--flip .feat-media{transform:rotate(-2deg)}.feat-media:hover,.feat--flip .feat-media:hover{transform:rotate(0) translateY(-6px)}.feat-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.feat-media:hover img{transform:scale(1.05)}.feat-media--video img{object-position:30% center}.feat-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 20px 18px;color:#f5e6d0;font-size:.8rem;line-height:1.55;font-weight:300;background:linear-gradient(180deg,transparent 0%,rgba(8,30,46,.85) 45%,rgba(8,30,46,.95) 100%)}.feat-howto-label{display:block;font-family:Oswald,Impact,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f68928;margin-bottom:6px}.feat-play{position:absolute;left:50%;top:38%;width:68px;height:68px;margin:-34px 0 0 -34px;border:0;border-radius:50%;cursor:pointer;background:#f68928;box-shadow:0 0 0 10px #f6892840,0 12px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.feat-play:before{content:"";position:absolute;left:27px;top:22px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent #F5E6D0}.feat-media:hover .feat-play{transform:scale(1.08);box-shadow:0 0 0 16px #f6892833,0 12px 30px #0000004d}.feat-media iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.feat-media.is-playing{aspect-ratio:16 / 9;transform:none;cursor:default}.feat-media.is-playing figcaption,.feat-media.is-playing .feat-play,.feat-media.is-playing img{display:none}.feat-body:has(.feat-media--wide){grid-template-columns:1fr 1.2fr}.feat-media.feat-media--wide{aspect-ratio:auto;display:flex;flex-direction:column;background:#165d86}.feat--navy .feat-media.feat-media--wide{background:#0d3f5c;box-shadow:0 24px 50px #00000059}.feat-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden}.feat-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s ease}.feat-media.is-looping video{opacity:1}.feat-media--wide figcaption{position:static;padding:16px 20px 18px;background:none}.feat-media--wide .feat-play{top:50%}.feat-media.is-sound{transform:none;cursor:default}.feat-media.is-sound .feat-play{display:none}.feat-media.bento-howto{padding:0;aspect-ratio:auto;transform:none;border-radius:20px;display:flex;flex-direction:column}.bento-howto .feat-frame{position:relative;width:100%;aspect-ratio:16 / 9;flex:0 0 auto}.bento-howto figcaption{position:static;flex:1;padding:18px 26px;display:flex;flex-direction:column;justify-content:center;font-size:.9rem}.bento-howto .feat-play{left:50%;top:50%}.bento-howto.is-sound{cursor:default}@media(max-width:1100px){.feat-body{grid-template-columns:1fr}.feat-media{aspect-ratio:16 / 10;max-width:520px;transform:none}.feat-body:has(.feat-media--wide){grid-template-columns:1fr}}.feat--navy{background:#165d86}.feat--navy .feat-ghost{color:#f5e6d0;opacity:.05}.feat--navy .feat-title{color:#f5e6d0}.feat--navy .feat-desc{color:#f5e6d0bf}.feat--navy .feat-pill{color:#f5e6d0;background:#f5e6d014;border-color:#f5e6d033}.feat--navy .feat-cta{color:#165d86;background:#f5e6d0}.feat--navy .feat-cta:hover{color:#f5e6d0;background:#f68928}.feat--flip .feat-inner{grid-template-columns:1fr 380px}.feat--flip .bottle-dock{order:2}.feat-ghost span{padding-right:.3em}@keyframes feat-ticker{0%{translate:0 0}to{translate:-50% 0}}.feat--flip .feat-ghost{animation-direction:reverse}@media(prefers-reduced-motion:reduce){.feat-ghost{animation:none}}@media(max-width:768px){.feat{padding:64px 24px}.feat-inner,.feat--flip .feat-inner{display:block}.feat-body,.feat-body:has(.feat-media--wide){display:block}.feat .bottle-dock{float:left;width:40%;max-width:170px;height:250px;margin:0 16px 8px 0;order:0}.feat--flip .bottle-dock{float:right;margin:0 0 8px 16px}.feat-title{font-size:clamp(1.6rem,7vw,2.1rem)}.feat-pills{clear:both}.feat-ghost{top:40px;transform:none;font-size:9rem}.feat-media{aspect-ratio:4 / 3;max-width:none;clear:both;margin-top:28px}.feat-media.bento-howto{aspect-ratio:auto;display:flex;flex-direction:column;background:#165d86}.bento-howto .feat-frame{position:relative;width:100%;aspect-ratio:16 / 9}.bento-howto figcaption{position:static;padding:16px 18px 18px;font-size:.8rem;background:none}}.home-bento{background:#f5e6d0;padding:100px 48px;position:relative}.home-bento-inner{max-width:1200px;margin:0 auto}.home-bento-header{margin-bottom:48px}.home-bento-label{font-family:Oswald,Impact,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f68928;margin-bottom:12px}.home-bento-title{font-family:Oswald,Impact,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;text-transform:uppercase;color:#165d86;line-height:1}.bento-grid{display:grid;grid-template-columns:1fr 1fr 1fr .75fr;grid-template-rows:280px 200px 200px 260px;gap:16px}.bento-bay{grid-column:4;grid-row:1 / 5;display:flex;align-items:center;justify-content:center}.bento-howto{grid-column:1 / 3;grid-row:1 / 3}.bento-bay .bottle-dock{width:100%;height:540px}.bento-cell{border-radius:20px;position:relative;overflow:hidden;padding:32px;display:flex;flex-direction:column;justify-content:flex-end}.bento-video{grid-column:1 / 4;grid-row:4;padding:0;background:#0b4760;display:grid;grid-template-columns:58% 1fr}.bento-video video{width:100%;height:100%;object-fit:cover;display:block}.bento-video-caption{display:flex;flex-direction:column;justify-content:center;padding:24px 28px}.bento-video-label{font-family:Oswald,Impact,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f68928;margin-bottom:10px}.bento-video-words{font-family:Oswald,Impact,sans-serif;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:700;line-height:1.05;text-transform:uppercase;color:#f5e6d0}.bento-stat-1{grid-column:3;grid-row:1;background:#165d86;justify-content:center;align-items:center;text-align:center}.bento-stat-number{font-family:Oswald,Impact,sans-serif;font-size:clamp(3rem,6vw,4.5rem);font-weight:700;color:#f68928;line-height:1}.bento-stat-label{font-family:Oswald,Impact,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f5e6d080;margin-top:8px}.bento-text-1{grid-column:3;grid-row:2;background:#ffffff80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);justify-content:center}.bento-text-heading{font-family:Oswald,Impact,sans-serif;font-size:1.1rem;font-weight:700;text-transform:uppercase;color:#165d86;margin-bottom:8px}.bento-text-body{font-size:.8rem;line-height:1.7;color:#165d86a6;font-weight:300}.bento-info-1{grid-column:1;grid-row:3;background:#ffffff80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);justify-content:center}.bento-stat-2{grid-column:2;grid-row:3;background:#165d86;justify-content:center;align-items:center;text-align:center}.bento-stat-2 .bento-stat-number{color:#f5e6d0}.bento-stat-2 .bento-stat-label{color:#f5e6d080}.bento-tagline{grid-column:3;grid-row:3;background:linear-gradient(135deg,#f68928,#e57200);justify-content:center;align-items:center;text-align:center}.bento-tagline-text{font-family:Oswald,Impact,sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;color:#f5e6d0;line-height:1.3;letter-spacing:.05em}.bento-tagline-sub{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#f5e6d099;margin-top:12px;font-weight:500}.home-bento{background:#165d86}.home-bento-title{color:#f5e6d0}.bento-stat-1,.bento-stat-2{background:#f5e6d0}.bento-stat-1 .bento-stat-label,.bento-stat-2 .bento-stat-label{color:#165d8699}.bento-stat-2 .bento-stat-number{color:#165d86}.bento-text-1,.bento-info-1{background:#f5e6d012;border-color:#f5e6d02e}.bento-text-1 .bento-text-heading,.bento-info-1 .bento-text-heading{color:#f5e6d0}.bento-text-1 .bento-text-body,.bento-info-1 .bento-text-body{color:#f5e6d0b3}.bento-video{background:#0d3f5c}.home-bento .feat-media.bento-howto{background:#f5e6d0}.home-bento .bento-howto figcaption{background:#f5e6d0;color:#165d86}@media(max-width:768px){.home-bento{padding:56px 16px}.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:12px}.home-bento .bento-grid{grid-auto-rows:auto}.home-bento-inner{position:relative}.home-bento-header{padding-right:44%;min-height:240px;display:flex;flex-direction:column;justify-content:center;margin-bottom:24px}.bento-bay{position:absolute;top:0;right:0;width:42%;height:240px}.bento-bay .bottle-dock{width:100%;height:100%;margin:0}.feat-media.bento-howto{margin-top:0}.bento-cell{padding:16px;border-radius:16px}.bento-video{grid-column:1 / 3;grid-row:auto;min-height:0;padding:0;order:7;grid-template-columns:1fr}.bento-video video{aspect-ratio:16 / 9;height:auto;object-fit:cover}.bento-video-caption{padding:14px 18px 16px}.bento-video-words{font-size:1.15rem}.bento-stat-1{grid-column:auto;grid-row:auto;min-height:110px;padding:14px;order:2}.bento-stat-2{grid-column:auto;grid-row:auto;min-height:110px;padding:14px;order:3}.bento-text-1{grid-column:auto;grid-row:auto;min-height:auto;justify-content:flex-start;order:4}.bento-info-1{grid-column:auto;grid-row:auto;min-height:auto;justify-content:flex-start;order:5}.bento-text-heading{font-size:.95rem;margin-bottom:6px}.bento-text-body{font-size:.75rem;line-height:1.55}.bento-tagline{grid-column:1 / 3;grid-row:auto;min-height:auto;padding:16px;order:6}.bento-tagline-text{font-size:1.1rem}.bento-tagline-sub{margin-top:6px}.feat-media.bento-howto{grid-column:1 / 3;grid-row:auto;order:1;padding:0}.bento-stat-number{font-size:clamp(2.2rem,8vw,2.8rem)}.bento-stat-label{font-size:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/clyde-home-3d.css.map */