:root { --eko-color-charcoal: #34302d; --eko-color-lime: #d1d545; --eko-color-lime-dark: #bfc33c; --eko-color-slate: #40627b; --eko-color-white: #ffffff; --eko-color-mist: #f3f3f3; --eko-color-muted: #6d6a67; --eko-color-border: #dedddc; --eko-radius-sm: 8px; --eko-radius-md: 16px; --eko-radius-lg: 28px; --eko-shadow-card: 0 14px 38px rgb(52 48 45 / 10%); --eko-content-width: 1280px; } .eko-site { color: var(--eko-color-charcoal); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .eko-site a { text-underline-offset: 0.16em; } .eko-site :focus-visible { outline: 3px solid var(--eko-color-lime); outline-offset: 3px; } .eko-site .button:not(.is-outline), .eko-site button:not(.flickity-button), .eko-site input[type="submit"] { border-radius: 999px; } .eko-site .button.primary { color: var(--eko-color-charcoal); } .eko-site .header-top { border-bottom: 1px solid var(--eko-color-border); font-size: 0.78rem; } .eko-site .header-top .flex-center { width: 100%; } .eko-site .eko-assurance-bar { display: flex; width: min(760px, 100%); justify-content: space-between; gap: 2rem; color: var(--eko-color-charcoal); } .eko-site .eko-assurance-item { position: relative; padding-left: 1.3rem; white-space: nowrap; } .eko-site .eko-assurance-item::before { position: absolute; top: 0.12em; left: 0; color: var(--eko-color-lime-dark); content: "✓"; font-weight: 700; } .eko-site #masthead { border-bottom: 1px solid rgb(52 48 45 / 8%); } .eko-site .header-main .nav > li > a { min-height: 44px; color: var(--eko-color-charcoal); font-size: 0.86rem; font-weight: 500; letter-spacing: 0; text-transform: none; } .eko-site .header-main .nav > li > a:hover, .eko-site .header-main .nav > li.active > a { color: var(--eko-color-slate); } .eko-site .nav-dropdown { min-width: 250px; padding: 1rem 0; border: 0; border-radius: 0 0 var(--eko-radius-sm) var(--eko-radius-sm); box-shadow: 0 20px 46px rgb(52 48 45 / 14%); } .eko-site .nav-dropdown > li > a { min-height: 42px; padding: 0.65rem 1.4rem; border: 0; color: var(--eko-color-charcoal); font-size: 0.9rem; } .eko-site .nav-dropdown > li > a:hover { color: var(--eko-color-slate); background: var(--eko-color-mist); } .eko-site .eko-kicker, .eko-site .eko-home-eyebrow p { margin-bottom: 0.75rem; color: var(--eko-color-lime-dark); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.16em; } .eko-site h1, .eko-site h2, .eko-site h3 { overflow-wrap: normal; hyphens: none; text-wrap: balance; word-break: normal; } .eko-site.home .eko-source-hero .banner-layers.container, .eko-site.home .eko-category-feature .banner-layers.container { width: 100%; max-width: 1440px; padding-inline: clamp(24px, 4vw, 64px); } .eko-site.home .section > .section-content > .row { width: calc(100% - clamp(32px, 6vw, 112px)); max-width: 1440px; } .eko-site .eko-source-hero { min-height: 640px; } .eko-site .eko-source-hero .banner-bg::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(0 0 0 / 42%) 0%, rgb(0 0 0 / 12%) 70%, transparent 100%); content: ""; } .eko-site .eko-source-hero-copy, .eko-site .eko-source-hero-copy h1 { color: var(--eko-color-white); } .eko-site .eko-source-hero-copy h1 { max-width: 780px; margin-bottom: 1.35rem; font-size: clamp(3.25rem, 3.6vw, 4.25rem); line-height: 1.06; letter-spacing: -0.025em; } .eko-site .eko-source-hero-copy > p:last-child { max-width: 580px; font-size: 1rem; line-height: 1.65; } .eko-site .eko-source-hero-copy .eko-hero-eyebrow { margin-bottom: 1rem; color: var(--eko-color-lime); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.16em; line-height: 1.4; } .eko-site .eko-favorite-section h2, .eko-site .eko-spotlight-intro h2, .eko-site .eko-reimagined-section h2 { font-size: clamp(2.6rem, 3.4vw, 3.75rem); line-height: 1.08; letter-spacing: -0.025em; } .eko-site .eko-section-heading { margin-bottom: 2.75rem; } .eko-site .eko-section-heading h2, .eko-site .eko-world-heading h2 { margin-bottom: 0; font-size: clamp(2.75rem, 4.3vw, 4.85rem); line-height: 1.02; letter-spacing: -0.04em; } .eko-site .eko-section-lead { max-width: 680px; margin-bottom: 0.85rem; color: var(--eko-color-muted); font-size: 1.08rem; line-height: 1.7; } .eko-site .eko-favorite-products .product-small .box-image { border-radius: 12px; } .eko-site .eko-favorite-products .product-small .box-text { padding-top: 1.1rem; } .eko-site .eko-world-heading { margin-bottom: 3.5rem; } .eko-site .eko-editorial-split { overflow: hidden; border-radius: 14px; background: var(--eko-color-white); box-shadow: 0 22px 60px rgb(52 48 45 / 8%); } .eko-site .eko-category-split + .eko-category-split { margin-top: 2rem; } .eko-site .eko-editorial-split > .col { padding-bottom: 0; } .eko-site .eko-editorial-split > .col > .col-inner, .eko-site .eko-editorial-media, .eko-site .eko-editorial-media > .col-inner, .eko-site .eko-split-banner { height: 100%; } .eko-site .eko-editorial-media .banner { min-height: 100%; } .eko-site .eko-split-banner, .eko-site .eko-split-banner .banner-bg { overflow: hidden; border-radius: 0; } .eko-site .eko-split-banner .bg-fill { transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1); } .eko-site .eko-editorial-split:hover .eko-split-banner .bg-fill { transform: scale(1.018); } .eko-site .eko-editorial-copy > .col-inner { display: flex; min-height: 600px; flex-direction: column; justify-content: center; padding: clamp(2.5rem, 5vw, 5.25rem); } .eko-site .eko-category-split .eko-editorial-copy > .col-inner { min-height: 620px; } .eko-site .eko-editorial-copy h2 { max-width: 620px; margin-bottom: 1.35rem; font-size: clamp(2.75rem, 4vw, 4.75rem); line-height: 0.98; letter-spacing: -0.045em; } .eko-site .eko-editorial-copy .eko-feature-tagline { margin-bottom: 1.15rem; font-size: clamp(1.2rem, 1.7vw, 1.55rem); font-weight: 650; line-height: 1.35; } .eko-site .eko-editorial-copy p:not(.eko-kicker, .eko-feature-tagline) { max-width: 560px; font-size: 1rem; line-height: 1.7; } .eko-site .eko-panel-lime, .eko-site .eko-panel-lime > .col-inner { color: var(--eko-color-charcoal); background: var(--eko-color-lime); } .eko-site .eko-panel-lime .eko-kicker, .eko-site .eko-panel-mist .eko-kicker { color: var(--eko-color-charcoal); } .eko-site .eko-panel-olive, .eko-site .eko-panel-olive > .col-inner { color: var(--eko-color-white); background: #8c951f; } .eko-site .eko-panel-charcoal, .eko-site .eko-panel-charcoal > .col-inner { color: var(--eko-color-white); background: var(--eko-color-charcoal); } .eko-site .eko-panel-olive h2, .eko-site .eko-panel-olive p, .eko-site .eko-panel-charcoal h2, .eko-site .eko-panel-charcoal p { color: inherit; } .eko-site .eko-panel-olive .eko-kicker, .eko-site .eko-panel-charcoal .eko-kicker { color: var(--eko-color-lime); } .eko-site .eko-panel-mist, .eko-site .eko-panel-mist > .col-inner { color: var(--eko-color-charcoal); background: #eeefeb; } .eko-site .eko-panel-white, .eko-site .eko-panel-white > .col-inner { color: var(--eko-color-charcoal); background: var(--eko-color-white); } .eko-site .eko-spotlight-split .eko-media-label { display: inline-flex; width: auto; max-width: 100%; } .eko-site .eko-home-contact h2 { margin-bottom: 0.75rem; font-size: clamp(2.35rem, 3.5vw, 4rem); line-height: 1.05; letter-spacing: -0.035em; } .eko-site .eko-home-contact p:last-child { max-width: 760px; margin-bottom: 0; font-size: 1.05rem; line-height: 1.65; } .eko-site .eko-rounded-media, .eko-site .eko-rounded-media .banner-bg { overflow: hidden; border-radius: 10px; } .eko-site .eko-media-label { padding: 0.8rem 1rem; border-radius: 6px; color: var(--eko-color-white); background: rgb(52 48 45 / 82%); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; } .eko-site .eko-media-label p { margin: 0; } .eko-site .eko-category-feature .banner-bg::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(0 0 0 / 30%), transparent 62%); content: ""; } .eko-site .eko-category-feature:nth-of-type(even) .banner-bg::after { background: linear-gradient(270deg, rgb(0 0 0 / 30%), transparent 62%); } .eko-site .eko-feature-copy, .eko-site .eko-feature-copy h2, .eko-site .eko-feature-copy .eko-kicker { color: var(--eko-color-white); } .eko-site .eko-feature-copy h2 { max-width: 560px; margin-bottom: 1rem; font-size: clamp(2.75rem, 3.2vw, 3.6rem); line-height: 1.08; letter-spacing: -0.025em; } .eko-site .eko-feature-copy .eko-feature-tagline { max-width: 570px; margin-bottom: 1.2rem; font-family: "Noto Sans Display", sans-serif; font-size: clamp(1.35rem, 1.65vw, 1.65rem); font-weight: 500; letter-spacing: 0.015em; line-height: 1.45; } .eko-site .eko-feature-copy > p:last-child { max-width: 520px; font-size: 1rem; line-height: 1.65; } .eko-site .eko-home-contact .eko-kicker { color: var(--eko-color-charcoal); } .eko-site .eko-home-hero h1 { margin-bottom: 1.25rem; font-size: clamp(3rem, 6vw, 6.8rem); line-height: 0.94; letter-spacing: -0.055em; } .eko-site .eko-home-hero-media { min-height: 680px; background: var(--eko-color-white); } .eko-site .eko-home-hero-media .img, .eko-site .eko-home-hero-media .img-inner, .eko-site .eko-home-hero-media img { height: 100%; } .eko-site .eko-home-hero-media img { object-fit: cover; } .eko-site .eko-home-usps { color: var(--eko-color-white); } .eko-site .eko-home-usps p { margin-bottom: 0; } .eko-site .eko-home-usps small { color: rgb(255 255 255 / 70%); } .eko-site .eko-section-intro { max-width: 760px; margin: 0 auto 2rem; } .eko-site .eko-world-card-copy { color: var(--eko-color-white); } .eko-site .eko-world-card-copy p { margin-bottom: 0.4rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; } .eko-site .eko-world-card-copy h3 { color: inherit; font-size: clamp(1.7rem, 2.4vw, 2.5rem); } .eko-site .eko-home-story { color: var(--eko-color-white); } .eko-site .eko-home-story h2, .eko-site .eko-home-story .eko-kicker, .eko-site .eko-page-hero:not(.eko-about-hero) h1, .eko-site .eko-page-hero:not(.eko-about-hero) p { color: inherit; } .eko-site .eko-about-hero, .eko-site .eko-about-hero h1, .eko-site .eko-about-hero p { color: var(--eko-color-white); } .eko-site .eko-page-hero h1 { margin-bottom: 1rem; font-size: clamp(3rem, 6vw, 6rem); line-height: 0.98; } .eko-site .eko-contact-placeholder { padding: 3rem; border-radius: var(--eko-radius-lg); background: var(--eko-color-mist); } .eko-site .eko-footer-main, .eko-site .eko-footer-main h4, .eko-site .eko-footer-main a { color: var(--eko-color-white); } .eko-site .eko-footer-main p, .eko-site .eko-footer-main li { color: rgb(255 255 255 / 68%); } .eko-site .eko-footer-main ul { margin: 0; list-style: none; } .eko-site .eko-footer-main li { margin-bottom: 0.55rem; } .eko-site .eko-footer-main a:hover { color: var(--eko-color-lime); } .eko-site .eko-footer-legal { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid rgb(255 255 255 / 16%); } .eko-site .eko-footer-legal p { margin-bottom: 0; font-size: 0.82rem; } .eko-site .eko-policy-page .col-inner > .ux-text { max-width: 860px; margin-inline: auto; } .eko-site .eko-policy-page .eko-eyebrow { color: var(--eko-color-lime-dark); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.16em; } .eko-site .eko-policy-page h1 { margin-bottom: 1rem; font-size: clamp(2.6rem, 5vw, 4.8rem); line-height: 1; } .eko-site .eko-policy-page h2 { margin-top: 2.4rem; font-size: clamp(1.35rem, 2.2vw, 1.8rem); } .eko-site .eko-policy-page .lead { color: var(--eko-color-muted); font-size: 1.2rem; } .eko-site .eko-editorial-note { margin: 2rem 0; padding: 1.25rem 1.4rem; border-left: 4px solid var(--eko-color-lime); border-radius: 0 var(--eko-radius-sm) var(--eko-radius-sm) 0; background: #f7f8e8; } .eko-site .bg-fill { transition: transform 280ms ease; } @media (max-width: 849px) { .eko-site .header-top { display: none; } .eko-site .eko-source-hero { min-height: 560px; } .eko-site .eko-source-hero .banner-bg::after { background: rgb(0 0 0 / 34%); } .eko-site .eko-source-hero-copy h1 { font-size: clamp(2.65rem, 11vw, 3.8rem); line-height: 1.04; } .eko-site .eko-source-hero-copy .eko-hero-eyebrow { font-size: 0.68rem; } .eko-site .eko-favorite-section .product-small:nth-child(n+5) { display: none; } .eko-site .eko-section-heading, .eko-site .eko-world-heading { margin-bottom: 2rem; } .eko-site .eko-section-heading h2, .eko-site .eko-world-heading h2 { font-size: clamp(2.5rem, 11vw, 3.5rem); } .eko-site .eko-editorial-split { width: 100%; border-radius: 10px; } .eko-site .eko-category-split + .eko-category-split { margin-top: 1.25rem; } .eko-site .eko-editorial-copy > .col-inner, .eko-site .eko-category-split .eko-editorial-copy > .col-inner { min-height: auto; padding: 2.5rem 1.6rem 2.75rem; } .eko-site .eko-editorial-copy h2 { font-size: clamp(2.5rem, 11vw, 3.65rem); line-height: 1.01; } .eko-site .eko-category-split .eko-editorial-copy { order: 1; } .eko-site .eko-category-split .eko-editorial-media { order: 2; } .eko-site .eko-editorial-split:hover .eko-split-banner .bg-fill { transform: none; } .eko-site .eko-category-feature .banner-bg::after, .eko-site .eko-category-feature:nth-of-type(even) .banner-bg::after { background: rgb(0 0 0 / 34%); } .eko-site .eko-feature-copy h2 { font-size: clamp(2.25rem, 9vw, 3rem); line-height: 1.08; } .eko-site .eko-feature-copy .eko-feature-tagline { font-size: clamp(1.2rem, 5.5vw, 1.5rem); line-height: 1.4; } .eko-site .eko-home-hero-media { min-height: auto; } .eko-site .eko-home-usps .col + .col { margin-top: 0.75rem; } .eko-site .eko-contact-placeholder { padding: 2rem 1.5rem; } } @media (prefers-reduced-motion: reduce) { .eko-site *, .eko-site *::before, .eko-site *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } @media (min-width: 850px) { .eko-site .header-main .header-inner, .eko-site .header-top .flex-row { width: calc(100% - 48px); max-width: 1360px; margin-inline: auto; padding-inline: 0; } .eko-site .header-main .logo { margin-right: clamp(2.75rem, 4.5vw, 5rem); } .eko-site .header-main .nav > li { margin: 0 clamp(0.7rem, 1.15vw, 1.25rem); } .eko-site .header-main .nav > li:first-child { margin-left: 0; } .eko-site .header-main .nav > li > a { color: var(--eko-color-lime-dark); font-size: 0.78rem; font-weight: 650; letter-spacing: 0.12em; } .eko-site .header-main .nav > li > a:hover, .eko-site .header-main .nav > li.active > a { color: var(--eko-color-charcoal); } .eko-site .header-main .flex-right { min-width: 330px; } .eko-site .header-main .header-search-form { width: clamp(230px, 18vw, 310px); margin-right: 1.25rem; } .eko-site .header-search-form .searchform-wrapper, .eko-site .header-search-form .searchform, .eko-site .header-search-form .searchform > .flex-row { width: 100%; } .eko-site .header-search-form .search-field { height: 44px; padding: 0 44px 0 0.3rem; border: 0; border-bottom: 1px solid transparent; background: transparent; color: var(--eko-color-charcoal); font-size: 0.8rem; font-weight: 500; letter-spacing: 0.12em; box-shadow: none; } .eko-site .header-search-form .search-field::placeholder { color: #aaa8a6; opacity: 1; } .eko-site .header-search-form .search-field:focus { border-bottom-color: var(--eko-color-lime); box-shadow: none; } .eko-site .header-search-form .ux-search-submit { width: 44px; min-width: 44px; height: 44px; padding: 0; border: 0; color: #aaa8a6; background: transparent !important; box-shadow: none; } .eko-site .header-search-form .ux-search-submit:hover { color: var(--eko-color-lime-dark); } .eko-site .cart-item .header-cart-link { min-width: 48px; min-height: 48px; justify-content: center; color: var(--eko-color-lime-dark); } .eko-site .cart-item .header-cart-link i { font-size: 1.6rem; } } .eko-site .header-top { background: var(--eko-color-white); } .eko-site .eko-assurance-bar { width: min(720px, 100%); color: #85817e; font-size: 0.72rem; letter-spacing: 0.1em; } .eko-site .eko-assurance-item strong { color: #716d69; font-weight: 700; } .eko-site.home .section > .section-content > .row, .eko-site.home .eko-source-hero .banner-layers.container { width: calc(100% - 48px); max-width: 1360px; } .eko-site.home .eko-source-hero .banner-layers.container { padding-inline: 0; } .eko-site.home .button:not(.eko-hotspot) { min-height: 48px; padding: 0.7rem 1.25rem; border-radius: 4px !important; font-size: 0.76rem; font-weight: 700; letter-spacing: 0.11em; line-height: 1.35; } .eko-site.home .button:not(.eko-hotspot) i { margin-left: 0.55rem; } .eko-site .eko-source-hero { min-height: 650px; max-height: 780px; } .eko-site .eko-source-hero .banner-bg::after { background: linear-gradient(90deg, rgb(31 34 29 / 35%) 0%, rgb(31 34 29 / 12%) 60%, transparent 82%); } .eko-site .eko-source-hero-copy h1 { max-width: 690px; margin-bottom: 1.5rem; font-size: clamp(3.35rem, 3.65vw, 4.15rem); font-weight: 700; line-height: 1.12; letter-spacing: -0.02em; text-wrap: initial; } .eko-site .eko-source-hero-copy > p:last-child { max-width: 680px; margin-bottom: 1.4rem; font-size: 0.98rem; letter-spacing: 0.035em; line-height: 1.72; } .eko-site .eko-favorite-story { align-items: center; } .eko-site .eko-favorite-copy > .col-inner { max-width: 390px; padding-right: clamp(1.5rem, 3vw, 3.5rem); } .eko-site .eko-favorite-copy h2 { margin-bottom: 1.65rem; font-size: clamp(3.15rem, 3.7vw, 4.25rem); line-height: 1.08; letter-spacing: -0.035em; text-wrap: initial; } .eko-site .eko-favorite-copy p { margin-bottom: 1.45rem; color: #65615e; font-size: 1rem; letter-spacing: 0.055em; line-height: 1.9; } .eko-site .eko-favorite-scene, .eko-site .eko-favorite-scene .banner-bg { overflow: hidden; border-radius: 7px; } .eko-site .eko-favorite-scene .banner-bg img { transition: transform 550ms cubic-bezier(0.22, 1, 0.36, 1); } .eko-site .eko-favorite-scene:hover .banner-bg img { transform: scale(1.012); } .eko-site .eko-hotspot-box .text-box-content { background: transparent; } .eko-site.home .eko-hotspot.button { display: inline-grid; width: 46px; min-width: 46px; height: 46px; min-height: 46px; padding: 0; place-items: center; border: 3px solid rgb(255 255 255 / 92%); border-radius: 50% !important; color: var(--eko-color-white); background: var(--eko-color-lime) !important; font-size: 1.5rem; line-height: 1; box-shadow: 0 7px 24px rgb(52 48 45 / 18%); transition: transform 220ms ease, box-shadow 220ms ease; } .eko-site.home .eko-hotspot.button:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 11px 28px rgb(52 48 45 / 24%); } .eko-site .eko-spotlight-split { border-radius: 7px; box-shadow: none; } .eko-site .eko-spotlight-split .eko-editorial-copy > .col-inner { min-height: 600px; padding: clamp(3rem, 4.6vw, 4.8rem); } .eko-site .eko-spotlight-split .eko-editorial-copy h2 { font-size: clamp(2.9rem, 3.6vw, 4.2rem); line-height: 1.06; } .eko-site .eko-category-chapter { border-top: 1px solid rgb(52 48 45 / 8%); } .eko-site .eko-category-heading { margin-bottom: clamp(3.5rem, 6vw, 6.5rem); } .eko-site .eko-category-heading h2 { max-width: 620px; margin-bottom: 0; font-size: clamp(3.45rem, 4.6vw, 5.25rem); line-height: 1.04; letter-spacing: -0.04em; text-wrap: initial; } .eko-site .eko-category-tagline { max-width: 560px; margin: 0 0 0 auto; color: #625e5b; font-size: clamp(1.45rem, 2vw, 2.05rem); font-weight: 450; letter-spacing: 0.13em; line-height: 1.55; } .eko-site .eko-category-story { align-items: center; } .eko-site .eko-category-media, .eko-site .eko-category-copy { padding-bottom: 0; } .eko-site .eko-category-image, .eko-site .eko-category-image .banner-bg { overflow: hidden; border-radius: 7px; } .eko-site .eko-category-image .banner-bg img { transition: transform 550ms cubic-bezier(0.22, 1, 0.36, 1); } .eko-site .eko-category-image:hover .banner-bg img { transform: scale(1.012); } .eko-site .eko-category-copy > .col-inner { padding: clamp(3rem, 6vw, 7.25rem); } .eko-site .eko-category-copy h3 { max-width: 560px; margin-bottom: 1.75rem; color: var(--eko-color-slate); font-size: clamp(3.15rem, 4.35vw, 5rem); line-height: 1.08; letter-spacing: -0.035em; text-wrap: initial; } .eko-site .eko-category-copy p { max-width: 510px; margin-bottom: 1.65rem; color: #625e5b; font-size: 1rem; letter-spacing: 0.035em; line-height: 1.8; } .eko-site .eko-category-accessories .eko-category-image, .eko-site .eko-category-accessories .eko-category-image .banner-bg { background: var(--eko-color-lime); } .eko-site .eko-reimagined-story { align-items: center; } .eko-site .eko-reimagined-media, .eko-site .eko-reimagined-copy { padding-bottom: 0; } .eko-site .eko-reimagined-image, .eko-site .eko-reimagined-image .banner-bg { overflow: hidden; border-radius: 7px; } .eko-site .eko-reimagined-copy > .col-inner { padding: clamp(3rem, 5.25vw, 6.5rem); } .eko-site .eko-reimagined-copy h2 { margin-bottom: 1.6rem; font-size: clamp(3rem, 4vw, 4.75rem); line-height: 1.06; letter-spacing: -0.04em; text-wrap: initial; } .eko-site .eko-reimagined-copy p:not(.eko-kicker) { color: #625e5b; font-size: 1rem; letter-spacing: 0.025em; line-height: 1.8; } @media (max-width: 849px) { .eko-site.home .section > .section-content > .row, .eko-site.home .eko-source-hero .banner-layers.container { width: calc(100% - 32px); } .eko-site .eko-source-hero { min-height: 570px; max-height: none; } .eko-site .eko-source-hero .banner-bg::after { background: rgb(31 34 29 / 38%); } .eko-site .eko-source-hero-copy h1 { font-size: clamp(2.6rem, 11.5vw, 3.55rem); line-height: 1.06; } .eko-site .eko-source-hero-copy > p:last-child { font-size: 0.94rem; line-height: 1.65; } .eko-site .eko-favorite-copy > .col-inner { max-width: none; padding-right: 0; } .eko-site .eko-favorite-copy h2, .eko-site .eko-category-heading h2 { font-size: clamp(2.7rem, 12vw, 3.75rem); } .eko-site .eko-favorite-copy p { letter-spacing: 0.025em; line-height: 1.75; } .eko-site .eko-favorite-media { padding-top: 1.5rem; padding-bottom: 0; } .eko-site .eko-hotspot-box { display: none; } .eko-site .eko-category-heading { margin-bottom: 2.5rem; } .eko-site .eko-category-tagline { margin: 1.25rem 0 0; font-size: clamp(1.2rem, 6vw, 1.55rem); letter-spacing: 0.07em; } .eko-site .eko-category-story.row-reverse { flex-direction: row; } .eko-site .eko-category-copy > .col-inner, .eko-site .eko-reimagined-copy > .col-inner { padding: 2.75rem 0 0; } .eko-site .eko-category-copy h3, .eko-site .eko-reimagined-copy h2 { font-size: clamp(2.65rem, 11vw, 3.75rem); } .eko-site .eko-category-copy p, .eko-site .eko-reimagined-copy p:not(.eko-kicker) { letter-spacing: 0.015em; line-height: 1.7; } .eko-site .eko-reimagined-copy { padding-bottom: 0; } } .eko-site .eko-product-hotspots { position: relative; width: 100%; } .eko-site .eko-product-hotspots__viewport { width: 100%; overflow: visible; border-radius: 7px; scrollbar-color: var(--eko-color-lime) rgb(52 48 45 / 10%); scrollbar-width: thin; } .eko-site .eko-product-hotspots__viewport:focus-visible { outline: 3px solid rgb(200 214 45 / 55%); outline-offset: 5px; } .eko-site .eko-product-hotspots__stage { position: relative; width: 100%; min-width: 0; overflow: visible; } .eko-site .eko-product-hotspots__image { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: 7px; object-fit: cover; } .eko-site .eko-product-hotspots__items { position: absolute; inset: 0; pointer-events: none; } .eko-site .eko-product-hotspot { --eko-card-shift-x: 0px; --eko-card-shift-y: 0px; position: absolute; top: var(--eko-hotspot-top); left: var(--eko-hotspot-left); z-index: 2; transform: translate(-50%, -50%); pointer-events: auto; } .eko-site .eko-product-hotspot.is-active { z-index: 8; } .eko-site .eko-product-hotspot__toggle { position: relative; display: grid; width: 48px; height: 48px; padding: 0; place-items: center; border: 3px solid rgb(255 255 255 / 94%); border-radius: 50%; color: #fff; background: var(--eko-color-lime); box-shadow: 0 7px 24px rgb(52 48 45 / 18%); cursor: pointer; touch-action: manipulation; transition: color 200ms ease, background-color 200ms ease, box-shadow 200ms ease, transform 200ms ease; } .eko-site .eko-product-hotspot__toggle::before { position: absolute; inset: -8px; border: 1px solid rgb(200 214 45 / 42%); border-radius: inherit; content: ""; animation: eko-hotspot-pulse 2.4s ease-out infinite; } .eko-site .eko-product-hotspot__toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2.4; transition: transform 220ms ease; } .eko-site .eko-product-hotspot__toggle:hover, .eko-site .eko-product-hotspot__toggle:focus-visible, .eko-site .eko-product-hotspot.is-active .eko-product-hotspot__toggle { color: #fff; background: #536d8c; box-shadow: 0 10px 30px rgb(52 48 45 / 26%); transform: scale(1.06); } .eko-site .eko-product-hotspot__toggle:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } .eko-site .eko-product-hotspot.is-active .eko-product-hotspot__toggle svg { transform: rotate(45deg); } .eko-site .eko-product-hotspot.is-active .eko-product-hotspot__toggle::before { animation: none; opacity: 0; } .eko-site .eko-product-hotspot__card { position: absolute; z-index: 10; width: 220px; max-width: min(220px, calc(100vw - 32px)); overflow: hidden; border: 1px solid rgb(52 48 45 / 8%); border-radius: 10px; background: #fff; box-shadow: 0 20px 50px rgb(52 48 45 / 22%); transform: translate(var(--eko-card-shift-x), var(--eko-card-shift-y)); animation: eko-hotspot-card-in 220ms cubic-bezier(0.22, 1, 0.36, 1) both; } .eko-site .eko-product-hotspot__card[hidden] { display: none; } .eko-site .eko-product-hotspot--right-bottom .eko-product-hotspot__card { top: calc(50% + 28px); left: calc(50% + 28px); } .eko-site .eko-product-hotspot--left-bottom .eko-product-hotspot__card { top: calc(50% + 28px); right: calc(50% + 28px); } .eko-site .eko-product-hotspot--right-top .eko-product-hotspot__card { bottom: calc(50% + 28px); left: calc(50% + 28px); } .eko-site .eko-product-hotspot--left-top .eko-product-hotspot__card { right: calc(50% + 28px); bottom: calc(50% + 28px); } .eko-site .eko-product-hotspot__close { position: absolute; top: 8px; right: 8px; z-index: 2; display: grid; width: 36px; height: 36px; padding: 0; place-items: center; border: 1px solid rgb(52 48 45 / 10%); border-radius: 50%; color: #34302d; background: rgb(255 255 255 / 92%); cursor: pointer; touch-action: manipulation; } .eko-site .eko-product-hotspot__close:hover, .eko-site .eko-product-hotspot__close:focus-visible { color: #fff; background: #34302d; } .eko-site .eko-product-hotspot__close:focus-visible { outline: 3px solid var(--eko-color-lime); outline-offset: 2px; } .eko-site .eko-product-hotspot__close svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; } .eko-site .eko-product-hotspot__product, .eko-site .eko-product-hotspot__media, .eko-site .eko-product-hotspot__body, .eko-site .eko-product-hotspot__name, .eko-site .eko-product-hotspot__sku, .eko-site .eko-product-hotspot__status { display: block; } .eko-site .eko-product-hotspot__product, .eko-site .eko-product-hotspot__product:hover { color: #34302d; } .eko-site .eko-product-hotspot__media { padding: 18px 18px 4px; background: #fff; } .eko-site .eko-product-hotspot__media img { width: 100%; height: 150px; margin: 0 auto; object-fit: contain; } .eko-site .eko-product-hotspot__body { padding: 14px 18px 18px; } .eko-site .eko-product-hotspot__name { min-height: 2.8em; margin-bottom: 0.6rem; font-size: 0.94rem; font-weight: 500; letter-spacing: 0.045em; line-height: 1.45; } .eko-site .eko-product-hotspot__sku { margin-bottom: 0.65rem; color: #77716d; font-size: 0.72rem; letter-spacing: 0.06em; line-height: 1.4; } .eko-site .eko-product-hotspot__status { color: #536d8c; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .eko-site .eko-product-hotspots__hint { display: none; align-items: center; justify-content: center; gap: 0.55rem; margin: 0.85rem 0 0; color: #706b67; font-size: 0.78rem; letter-spacing: 0.04em; text-align: center; } .eko-site .eko-product-hotspots__hint svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; } @keyframes eko-hotspot-pulse { 0% { opacity: 0.7; transform: scale(0.8); } 70%, 100% { opacity: 0; transform: scale(1.25); } } @keyframes eko-hotspot-card-in { from { opacity: 0; transform: translate(var(--eko-card-shift-x), calc(var(--eko-card-shift-y) + 8px)) scale(0.97); } to { opacity: 1; transform: translate(var(--eko-card-shift-x), var(--eko-card-shift-y)) scale(1); } } @media (max-width: 1024px) { .eko-site .eko-product-hotspots__viewport { overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; } .eko-site .eko-product-hotspots__stage { width: 760px; min-width: 760px; } .eko-site .eko-product-hotspots__image { border-radius: 0; } .eko-site .eko-product-hotspots__hint { display: flex; } } @media (prefers-reduced-motion: reduce) { .eko-site .eko-product-hotspot__toggle, .eko-site .eko-product-hotspot__toggle svg { transition: none; } .eko-site .eko-product-hotspot__toggle::before, .eko-site .eko-product-hotspot__card { animation: none; } } .eko-site .eko-source-hero-copy h1, .ux-builder-iframe .eko-source-hero-copy h1 { font-size: clamp(30px, 3.5vw, 48px); line-height: 1.16; letter-spacing: -0.02em; overflow-wrap: break-word; } .eko-site .eko-entity-trust h2 { font-size: clamp(25px, 2.4vw, 34px); } .eko-site .eko-policy-page p, .eko-site .eko-policy-page li { line-height: 1.75; } .eko-site .eko-footer-main a { overflow-wrap: anywhere; } .eko-site .eko-footer-legal p { line-height: 2; } .eko-site .eko-product-support-links { font-size: .9em; line-height: 1.8; } @media (max-width: 549px) { .eko-site .eko-source-hero .text-box { width: 92% !important; } .eko-site .eko-footer-main .button { max-width: 100%; white-space: normal; } } .eko-site #header .header-nav-main > li > a { color: #34302d; } .eko-site #header .header-nav-main > li > a:hover, .eko-site #header .header-nav-main > li > a:focus-visible { color: #4d571d; } .eko-site .product-small .box-image { overflow: hidden; border-radius: 10px; background: var(--eko-color-mist); } .eko-site .product-small .box-text { padding: 1rem 0.25rem 1.4rem; } .eko-site .product-title { font-weight: 600; line-height: 1.35; } .eko-site .price { color: var(--eko-color-charcoal); } .eko-site .product-small .price, .eko-site.single-product .product-info .price { display: block; } .eko-site .badge-inner { border-radius: 999px; } .eko-site .out-of-stock-label { padding: 0.55rem 0.9rem; color: var(--eko-color-charcoal); background: rgb(209 213 69 / 94%); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .eko-site .product-small .box-image img { transition: transform 280ms ease; } .eko-site .product-small:hover .box-image img { transform: scale(1.025); } .eko-site .quick-view { min-height: 44px; border-radius: 0; color: var(--eko-color-white); background: rgb(52 48 45 / 92%); font-weight: 600; } .eko-site .eko-shop-intro { margin-bottom: 2.5rem; padding: 2rem 0 1.5rem; } .eko-site .eko-shop-intro h1 { max-width: 820px; margin-bottom: 1.6rem; font-size: clamp(3rem, 5.5vw, 5.8rem); line-height: 0.98; letter-spacing: -0.045em; } .eko-site .eko-shop-category-nav { display: flex; overflow-x: auto; gap: 0.6rem; padding-bottom: 0.4rem; scrollbar-width: thin; } .eko-site .eko-shop-category-nav a { display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; padding: 0.65rem 1rem; border: 1px solid var(--eko-color-border); border-radius: 999px; color: var(--eko-color-charcoal); background: var(--eko-color-white); font-size: 0.86rem; font-weight: 600; } .eko-site .eko-shop-category-nav a:hover, .eko-site .eko-shop-category-nav a:focus-visible { border-color: var(--eko-color-lime); background: #f7f8e8; } .eko-site .shop-container .products { row-gap: 1rem; } .eko-site .eko-product-filters { padding: 1.25rem; border: 1px solid var(--eko-color-border); border-radius: 10px; background: var(--eko-color-white); } .eko-site .eko-product-filters__header { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding-bottom: 0.9rem; border-bottom: 1px solid var(--eko-color-border); } .eko-site .eko-product-filters__header h2 { margin: 0; font-size: 1.2rem; } .eko-site .eko-product-filters__reset { color: var(--eko-color-muted); font-size: 0.78rem; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } .eko-site .eko-product-filter-group { padding-top: 1.1rem; } .eko-site .eko-product-filter-search { padding-top: 1rem; } .eko-site .eko-product-filter-search > label { display: block; margin-bottom: 0.55rem; color: var(--eko-color-charcoal); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.035em; line-height: 1.4; text-transform: uppercase; } .eko-site .eko-product-filter-search .facetwp-input-wrap, .eko-site .eko-product-filter-search input { box-sizing: border-box; max-width: 100%; width: 100%; } .eko-site .eko-product-filter-search .facetwp-input-wrap { display: block; } .eko-site .eko-product-filter-search .facetwp-facet input.facetwp-search { height: 48px; min-width: 0; margin: 0; padding: 0 48px 0 16px; border: 1px solid var(--eko-color-border); border-radius: 999px; background: var(--eko-color-white); color: var(--eko-color-charcoal); font-size: 0.92rem; line-height: 48px; box-shadow: none; appearance: none; } .eko-site .eko-product-filter-search input::placeholder { color: #77736f; opacity: 1; } .eko-site .eko-product-filter-search input:hover { border-color: #a9aaa1; } .eko-site .eko-product-filter-search input:focus { border-color: var(--eko-color-lime-dark); outline: 3px solid rgb(209 213 69 / 24%); outline-offset: 1px; } .eko-site .eko-product-filter-search .facetwp-icon { display: grid; width: 48px; height: 48px; right: 0; place-items: center; border-radius: 0 999px 999px 0; opacity: 0.72; } .eko-site .eko-product-filter-search .facetwp-icon::before { width: 48px; height: 48px; background-position: 50% 50%; background-size: 18px 18px; } .eko-site .eko-product-filter-search .facetwp-icon:hover { opacity: 1; } .eko-site .eko-product-filter-group + .eko-product-filter-group { margin-top: 1.1rem; border-top: 1px solid var(--eko-color-border); } .eko-site .eko-product-filter-group h3 { margin-bottom: 0.8rem; font-size: 0.86rem; letter-spacing: 0.035em; text-transform: uppercase; } .eko-site .facetwp-facet { margin-bottom: 0; } .eko-site .facetwp-checkbox { position: relative; min-height: 36px; padding: 0.42rem 2.25rem 0.42rem 1.75rem; background-position: 0 0.62rem; color: var(--eko-color-charcoal); font-size: 0.86rem; line-height: 1.45; } .eko-site .facetwp-checkbox .facetwp-counter { position: absolute; right: 0; color: var(--eko-color-muted); font-size: 0.72rem; } .eko-site .facetwp-checkbox.checked { font-weight: 700; } .eko-site .eko-product-filter-more { margin-top: 1.1rem; border-top: 1px solid var(--eko-color-border); } .eko-site .eko-product-filter-more summary { min-height: 44px; padding: 0.9rem 0; cursor: pointer; color: var(--eko-color-charcoal); font-size: 0.86rem; font-weight: 700; } .eko-site .eko-mobile-filter-button { width: 100%; min-height: 46px; margin: 0 0 1rem; } .eko-site .facetwp-flyout { color: var(--eko-color-charcoal); background: var(--eko-color-white); } .eko-site .facetwp-flyout .facetwp-flyout-close { display: grid; width: 44px; height: 44px; place-items: center; font-size: 1.5rem; } .eko-site .facetwp-flyout h3 { font-size: 0.86rem; letter-spacing: 0.035em; text-transform: uppercase; } .eko-site .facetwp-template { transition: opacity 180ms ease; } .eko-site .facetwp-template.facetwp-template-loading { opacity: 0.5; } .eko-site.single-product .product-main { padding-top: 56px; padding-bottom: 56px; } .eko-site.single-product .product-gallery .woocommerce-product-gallery__image, .eko-site.single-product .product-gallery .product-thumbnails img { overflow: hidden; border-radius: 10px; background: var(--eko-color-mist); } .eko-site.single-product .product-info h1 { margin-bottom: 1rem; font-size: clamp(2.5rem, 4vw, 4.4rem); line-height: 1.02; letter-spacing: -0.04em; } .eko-site.single-product .product-short-description { color: var(--eko-color-muted); font-size: 1.05rem; line-height: 1.65; } .eko-site .eko-product-inquiry { margin: 1.75rem 0 1.5rem; padding: clamp(1.25rem, 2.5vw, 1.75rem); border: 1px solid #e4e6bd; border-radius: 10px; background: linear-gradient(135deg, #fafbe9 0%, var(--eko-color-mist) 100%); } .eko-site .eko-product-inquiry__status { display: inline-flex; min-height: 28px; align-items: center; margin-bottom: 0.75rem; padding: 0.3rem 0.7rem; border-radius: 999px; color: var(--eko-color-charcoal); background: var(--eko-color-lime); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.045em; line-height: 1; text-transform: uppercase; } .eko-site .eko-product-inquiry h2 { margin-bottom: 0.55rem; font-size: clamp(1.35rem, 2vw, 1.7rem); line-height: 1.2; } .eko-site .eko-product-inquiry p { margin-bottom: 0.9rem; color: var(--eko-color-muted); } .eko-site .eko-product-inquiry .button { min-height: 46px; margin-bottom: 0; } .eko-site .eko-inquiry-stock { margin: 0 0 0.75rem; color: var(--eko-color-muted); font-size: 0.85rem; font-weight: 600; } .eko-site .eko-product-assurances { display: grid; gap: 0; margin-top: 1.75rem; border-top: 1px solid var(--eko-color-border); border-bottom: 1px solid var(--eko-color-border); } .eko-site .eko-product-assurances > div { display: grid; gap: 0.15rem; padding: 0.9rem 0; } .eko-site .eko-product-assurances > div + div { border-top: 1px solid var(--eko-color-border); } .eko-site .eko-product-assurances strong { color: var(--eko-color-charcoal); font-size: 0.9rem; } .eko-site .eko-product-assurances span { color: var(--eko-color-muted); font-size: 0.78rem; } .eko-site.single-product .product-footer .woocommerce-tabs { padding: 4rem 0; } .eko-site.single-product .product-footer .tabbed-content .nav { border-bottom: 1px solid var(--eko-color-border); } .eko-site.single-product .product-footer .tabbed-content .nav > li > a { min-height: 44px; font-size: 0.92rem; text-transform: none; } .eko-site.single-product .product-footer .tab-panels { max-width: 900px; font-size: 1rem; line-height: 1.75; } @media (max-width: 849px) { .eko-site .eko-shop-intro { padding-top: 1rem; } .eko-site.single-product .product-main { padding-top: 32px; } .eko-site .eko-product-filters { padding: 1rem; } } .eko-site.single-product .product-main { padding-top: clamp(88px, 7vw, 124px); padding-bottom: clamp(64px, 7vw, 104px); } .eko-site.single-product .product-main > .row { width: min(100% - 48px, 1360px); max-width: 1360px; align-items: flex-start; } .eko-site.single-product .product-gallery { align-self: flex-start; } .eko-site.single-product .product-info { padding-left: clamp(2rem, 4vw, 5.5rem); } .eko-site.single-product .eko-product-eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; margin-bottom: 1rem; color: #726d69; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.075em; line-height: 1.4; text-transform: uppercase; } .eko-site.single-product .eko-product-eyebrow > * { display: inline-flex; align-items: center; } .eko-site.single-product .eko-product-eyebrow > * + *::before { width: 4px; height: 4px; margin-right: 0.6rem; border-radius: 50%; background: var(--eko-color-lime-dark); content: ""; } .eko-site.single-product .eko-product-eyebrow a { color: #536d8c; text-decoration: none; } .eko-site.single-product .eko-product-eyebrow a:hover, .eko-site.single-product .eko-product-eyebrow a:focus-visible { color: var(--eko-color-charcoal); text-decoration: underline; text-underline-offset: 4px; } .eko-site.single-product .product-info h1 { max-width: 700px; margin-bottom: 1.1rem; font-size: clamp(2.45rem, 3.4vw, 3.9rem); line-height: 1.04; letter-spacing: -0.038em; } .eko-site.single-product .product-info .is-divider { width: 42px; height: 3px; margin: 0 0 1.25rem; background: var(--eko-color-lime); } .eko-site.single-product .product-info .price { margin: 0 0 0.7rem; color: var(--eko-color-charcoal); font-size: clamp(1.75rem, 2.4vw, 2.2rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; font-variant-numeric: tabular-nums; } .eko-site.single-product .product-info .price del { margin-right: 0.55rem; color: #8b8783; font-size: 0.64em; font-weight: 500; opacity: 1; } .eko-site.single-product .product-info .price ins { color: #536d8c; text-decoration: none; } .eko-site.single-product .eko-product-purchase-status { display: inline-flex; min-height: 32px; align-items: center; gap: 0.45rem; margin: 0 0 1.3rem; padding: 0.36rem 0.72rem; border-radius: 999px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.045em; line-height: 1; text-transform: uppercase; } .eko-site.single-product .eko-product-purchase-status svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .eko-site.single-product .eko-product-purchase-status.is-available { color: #355f46; background: #e7f4e8; } .eko-site.single-product .eko-product-purchase-status.is-outofstock { color: #7a532c; background: #f8eee0; } .eko-site.single-product .product-short-description { max-width: 650px; margin-bottom: 1.5rem; color: #625d59; font-size: 1rem; line-height: 1.75; } .eko-site.single-product .product-short-description p:last-child { margin-bottom: 0; } .eko-site.single-product form.cart { display: flex; align-items: stretch; gap: 0.75rem; margin: 1.6rem 0 1.4rem; padding: 1rem; border: 1px solid rgb(52 48 45 / 9%); border-radius: 8px; background: #f7f7f3; } .eko-site.single-product form.cart .quantity { margin: 0; } .eko-site.single-product form.cart .quantity input, .eko-site.single-product form.cart .quantity .button { min-height: 52px; } .eko-site.single-product form.cart .single_add_to_cart_button { min-height: 52px; flex: 1 1 auto; margin: 0; border-radius: 4px; font-size: 0.95rem; letter-spacing: 0.045em; } .eko-site.single-product form.cart .single_add_to_cart_button:hover, .eko-site.single-product form.cart .single_add_to_cart_button:focus-visible { box-shadow: 0 8px 22px rgb(52 48 45 / 16%); transform: translateY(-1px); } .eko-site.single-product form.cart .single_add_to_cart_button:focus-visible { outline: 3px solid rgb(200 214 45 / 45%); outline-offset: 3px; } .eko-site.single-product .eko-product-inquiry { margin-top: 1.5rem; border-radius: 8px; box-shadow: none; } .eko-site.single-product.eko-sales-state-inquiry .product-info .price { display: none; } .eko-site.single-product.eko-sales-state-inquiry .product-info .price-wrapper { display: none; } .eko-site.single-product .eko-product-assurances { margin-top: 1.6rem; } .eko-site.single-product .eko-product-assurances > div { position: relative; padding: 0.95rem 0 0.95rem 1.65rem; } .eko-site.single-product .eko-product-assurances > div::before { position: absolute; top: 1.18rem; left: 0; width: 8px; height: 8px; border: 2px solid var(--eko-color-lime-dark); border-radius: 50%; content: ""; } .eko-site.single-product .product_meta { margin-top: 1.5rem; color: #77716d; font-size: 0.78rem; line-height: 1.7; } .eko-site.single-product .product-gallery .woocommerce-product-gallery__image { background: #f5f5f0; } .eko-site.single-product .product-gallery .woocommerce-product-gallery__image img { width: 100%; object-fit: contain; } .eko-site.single-product .product-thumbnails a { min-width: 88px; padding: 4px; } .eko-site.single-product .product-thumbnails a:hover img, .eko-site.single-product .product-thumbnails .is-nav-selected img { border-color: var(--eko-color-lime-dark); } @media (min-width: 850px) { .eko-site.single-product .product-main .product-gallery { max-width: 56%; flex-basis: 56%; } .eko-site.single-product .product-main .product-info { max-width: 44%; flex-basis: 44%; } } @media (max-width: 849px) { .eko-site.single-product .product-main { padding-top: 40px; padding-bottom: 64px; } .eko-site.single-product .product-main > .row { width: min(100% - 28px, 680px); } .eko-site.single-product .product-info { padding: 2rem 0 0; } .eko-site.single-product .product-info h1 { font-size: clamp(2.25rem, 10.5vw, 3.25rem); } .eko-site.single-product form.cart { flex-wrap: wrap; } .eko-site.single-product form.cart .single_add_to_cart_button { min-width: min(100%, 230px); } } @media (max-width: 420px) { .eko-site.single-product form.cart .single_add_to_cart_button { width: 100%; flex-basis: 100%; } } @media (prefers-reduced-motion: reduce) { .eko-site.single-product form.cart .single_add_to_cart_button { transition: none; } } .eko-site.single-product form.cart { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr); } .eko-site.single-product form.cart .single_add_to_cart_button, .eko-site.single-product form.cart .eko-buy-now { width: 100%; min-height: 52px; margin: 0; border-radius: 4px; font-size: 0.88rem; font-weight: 800; letter-spacing: 0.035em; line-height: 1.25; text-transform: uppercase; } .eko-site.single-product form.cart .eko-buy-now { border-color: #ef233c; background: #ef233c; color: var(--eko-color-white); } .eko-site.single-product form.cart .eko-buy-now:hover, .eko-site.single-product form.cart .eko-buy-now:focus-visible { border-color: #c9182d; background: #c9182d; color: var(--eko-color-white); box-shadow: 0 8px 22px rgb(52 48 45 / 16%); transform: translateY(-1px); } .eko-site.single-product form.cart .eko-buy-now:focus-visible { outline: 3px solid rgb(200 214 45 / 45%); outline-offset: 3px; } .eko-site.single-product .eko-product-lead-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin-top: 0.9rem; } .eko-site.single-product .eko-product-inquiry + .eko-product-lead-actions { margin-top: -0.55rem; } .eko-site.single-product .eko-product-lead-actions__button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 0.55rem; margin: 0; padding: 0.75rem 1rem; border: 1px solid var(--eko-color-charcoal); border-radius: 4px; color: var(--eko-color-charcoal); background: var(--eko-color-white); font-size: 0.83rem; font-weight: 800; letter-spacing: 0.025em; line-height: 1.25; text-transform: uppercase; } .eko-site.single-product .eko-product-lead-actions__button svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; } .eko-site.single-product .eko-product-lead-actions__button--consultation:hover, .eko-site.single-product .eko-product-lead-actions__button--consultation:focus-visible { border-color: var(--eko-color-lime-dark); background: #f7f8e8; color: var(--eko-color-charcoal); } .eko-site.single-product .eko-product-lead-actions__button--project { border-color: #536d8c; color: #425b77; background: #f4f7fa; } .eko-site.single-product .eko-product-lead-actions__button--project:hover, .eko-site.single-product .eko-product-lead-actions__button--project:focus-visible { border-color: #425b77; color: var(--eko-color-white); background: #425b77; } .eko-site.single-product .eko-product-lead-actions__button:focus-visible { outline: 3px solid rgb(200 214 45 / 40%); outline-offset: 3px; } .eko-site.single-product .eko-product-lead-note { margin: 0.65rem 0 0; color: #77716d; font-size: 0.78rem; line-height: 1.5; } .eko-product-modal[hidden] { display: none; } .eko-product-modal { position: fixed; z-index: 1000000; inset: 0; display: grid; align-items: center; justify-items: center; padding: 24px; opacity: 0; transition: opacity 180ms ease; } .eko-product-modal.is-open { opacity: 1; } .eko-product-modal__backdrop { position: absolute; inset: 0; background: rgb(20 20 19 / 58%); backdrop-filter: blur(3px); } .eko-product-modal__dialog { position: relative; z-index: 1; overflow-x: hidden; overflow-y: auto; width: min(100%, 580px); max-height: min(90vh, 820px); padding: clamp(1.5rem, 4vw, 2.25rem); border-radius: 12px; background: var(--eko-color-white); box-shadow: 0 28px 90px rgb(0 0 0 / 24%); opacity: 0; outline: none; transform: translateY(14px) scale(0.985); transition: opacity 180ms ease, transform 180ms ease; } .eko-product-modal.is-open .eko-product-modal__dialog { opacity: 1; transform: translateY(0) scale(1); } .eko-product-modal__close { position: absolute; z-index: 2; top: 12px; right: 12px; display: grid; width: 44px; height: 44px; min-height: 44px; place-items: center; padding: 0; border: 1px solid rgb(52 48 45 / 12%); border-radius: 50%; background: #f4f4ef; color: var(--eko-color-charcoal); cursor: pointer; } .eko-product-modal__close svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; } .eko-product-modal__close:hover, .eko-product-modal__close:focus-visible { border-color: var(--eko-color-charcoal); background: var(--eko-color-charcoal); color: var(--eko-color-white); } .eko-product-modal__close:focus-visible { outline: 3px solid rgb(200 214 45 / 45%); outline-offset: 2px; } .eko-product-modal__header { padding-right: 2.5rem; } .eko-product-modal__header .eko-kicker { margin-bottom: 0.55rem; } .eko-product-modal__header h2 { max-width: 470px; margin-bottom: 0.65rem; font-size: clamp(1.7rem, 4vw, 2.35rem); line-height: 1.08; letter-spacing: -0.035em; } .eko-product-modal__header > p:last-child { margin-bottom: 1.25rem; color: var(--eko-color-muted); font-size: 0.92rem; line-height: 1.55; } .eko-product-modal__product { display: inline-flex; margin: 0 0 0.85rem; padding: 0.45rem 0.7rem; border-radius: 4px; color: #425b77; background: #f1f5f8; font-size: 0.78rem; font-weight: 700; line-height: 1.45; } body.eko-product-modal-open { overflow: hidden; } @media (max-width: 849px) { .eko-site.single-product form.cart { grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr); } } @media (max-width: 560px) { .eko-site.single-product form.cart { grid-template-columns: auto minmax(0, 1fr); } .eko-site.single-product form.cart .eko-buy-now { grid-column: 1 / -1; } .eko-site.single-product .eko-product-lead-actions { grid-template-columns: 1fr; } .eko-product-modal { align-items: end; padding: 0; } .eko-product-modal__dialog { width: 100%; max-height: 92vh; padding: 1.5rem 1.15rem calc(1.35rem + env(safe-area-inset-bottom)); border-radius: 14px 14px 0 0; transform: translateY(22px); } .eko-product-modal__header { padding-right: 2.75rem; } } @media (prefers-reduced-motion: reduce) { .eko-product-modal, .eko-product-modal__dialog, .eko-site.single-product form.cart .eko-buy-now { transition: none; } } .eko-site.woocommerce-cart .page-wrapper, .eko-site.woocommerce-checkout .page-wrapper { padding-top: clamp(48px, 6vw, 88px); padding-bottom: clamp(64px, 7vw, 104px); } .eko-site.woocommerce-cart .page-wrapper > .row, .eko-site.woocommerce-checkout .page-wrapper > .row { width: min(100% - 40px, 1180px); max-width: 1180px; } .eko-checkout-intro { max-width: 780px; margin: 0 0 clamp(2rem, 5vw, 3.5rem); } .eko-checkout-intro h1 { margin-bottom: 1rem; font-size: clamp(2.25rem, 5vw, 4rem); line-height: 1.05; letter-spacing: -0.04em; } .eko-checkout-intro > p:last-child { max-width: 680px; color: var(--eko-color-muted); font-size: 1rem; line-height: 1.65; } .eko-checkout-intro__benefits { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-bottom: 1rem; } .eko-checkout-intro__benefits span { display: inline-flex; min-height: 34px; align-items: center; padding: 0.4rem 0.75rem; border: 1px solid #dfe3b0; border-radius: 999px; color: var(--eko-color-charcoal); background: #fafbe9; font-size: 0.78rem; font-weight: 700; } .eko-shipping-progress { display: grid; gap: 0.2rem; margin: 0 0 1.25rem; padding: 1rem 1.1rem; border-left: 4px solid var(--eko-color-lime-dark); border-radius: 4px; background: #f7f8e8; } .eko-shipping-progress strong { color: var(--eko-color-charcoal); font-size: 0.92rem; } .eko-shipping-progress span { color: var(--eko-color-muted); font-size: 0.8rem; } .eko-site.woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; } .eko-site.woocommerce-checkout #customer_details, .eko-site.woocommerce-checkout #order_review { width: 100%; float: none; } .eko-site.woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; } .eko-site.woocommerce-checkout #customer_details .col-1, .eko-site.woocommerce-checkout #customer_details .col-2 { width: 100%; max-width: none; float: none; } .eko-site.woocommerce-checkout #customer_details .col-2 { margin-top: 1rem; } .eko-site.woocommerce-checkout .woocommerce-billing-fields, .eko-site.woocommerce-checkout .woocommerce-additional-fields { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--eko-color-border); border-radius: 10px; background: var(--eko-color-white); } .eko-site.woocommerce-checkout .woocommerce-billing-fields > h3, .eko-site.woocommerce-checkout #order_review_heading { margin-bottom: 1.35rem; font-size: clamp(1.35rem, 2.5vw, 1.75rem); line-height: 1.2; text-transform: none; } .eko-site.woocommerce-checkout .form-row { width: 100%; margin-bottom: 1rem; } .eko-site.woocommerce-checkout .form-row label { display: block; margin-bottom: 0.38rem; color: var(--eko-color-charcoal); font-size: 0.84rem; font-weight: 700; } .eko-site.woocommerce-checkout .form-row .required { color: #c9182d; } .eko-site.woocommerce-checkout .form-row input.input-text, .eko-site.woocommerce-checkout .form-row textarea, .eko-site.woocommerce-checkout .form-row select, .eko-site.woocommerce-checkout .select2-container .select2-selection { min-height: 52px; margin: 0; border: 1px solid #c9c9c2; border-radius: 4px; background: var(--eko-color-white); box-shadow: none; font-size: 1rem; } .eko-site.woocommerce-checkout .form-row input.input-text, .eko-site.woocommerce-checkout .form-row textarea { padding: 0.8rem 0.9rem; } .eko-site.woocommerce-checkout .form-row textarea { min-height: 110px; } .eko-site.woocommerce-checkout .form-row input:focus, .eko-site.woocommerce-checkout .form-row textarea:focus, .eko-site.woocommerce-checkout .form-row select:focus, .eko-site.woocommerce-checkout .select2-container--focus .select2-selection { border-color: var(--eko-color-lime-dark); outline: 3px solid rgb(209 213 69 / 24%); outline-offset: 1px; } .eko-site.woocommerce-checkout #order_review { grid-column: 2; grid-row: 3; position: sticky; top: 108px; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--eko-color-border); border-radius: 10px; background: #f7f7f3; } .eko-site.woocommerce-checkout #order_review_heading { width: 100%; grid-column: 2; grid-row: 1; margin: 0; align-self: end; } .eko-site.woocommerce-checkout form.checkout > .eko-shipping-progress { grid-column: 2; grid-row: 2; margin-bottom: 0; } .eko-site.woocommerce-checkout #payment { border-radius: 6px; background: var(--eko-color-white); } .eko-site.woocommerce-checkout #payment .payment_method_cod label { font-weight: 800; } .eko-site.woocommerce-checkout #place_order { width: 100%; min-height: 54px; margin-top: 0.75rem; border-color: #ef233c; border-radius: 4px; background: #ef233c; color: var(--eko-color-white); font-size: 0.95rem; font-weight: 800; } .eko-site.woocommerce-checkout #place_order:hover, .eko-site.woocommerce-checkout #place_order:focus-visible { border-color: #c9182d; background: #c9182d; } .eko-site.woocommerce-checkout #place_order:focus-visible { outline: 3px solid rgb(200 214 45 / 45%); outline-offset: 3px; } .eko-site.woocommerce-checkout .woocommerce-privacy-policy-text { color: var(--eko-color-muted); font-size: 0.78rem; line-height: 1.55; } @media (max-width: 849px) { .eko-site.woocommerce-cart .page-wrapper > .row, .eko-site.woocommerce-checkout .page-wrapper > .row { width: min(100% - 28px, 680px); } .eko-site.woocommerce-checkout form.checkout { grid-template-columns: 1fr; gap: 2rem; } .eko-site.woocommerce-checkout #order_review_heading { width: 100%; grid-column: 1; grid-row: 2; } .eko-site.woocommerce-checkout form.checkout > .eko-shipping-progress { grid-column: 1; grid-row: 3; } .eko-site.woocommerce-checkout #order_review { grid-column: 1; grid-row: 4; position: static; } .eko-site.woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1; } } .eko-site button.facetwp-flyout-close { width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; background: #fff; color: #34302d; border: 0; line-height: 44px; } .eko-site button.facetwp-flyout-close:focus-visible { outline: 2px solid #34302d; outline-offset: -4px; } .eko-home-v3{--eh3-ink:#161616;--eh3-paper:#f5f4ef;--eh3-lime:#d7e900;background:var(--eh3-paper);color:var(--eh3-ink);padding:104px 0!important}.eko-home-v3 *{box-sizing:border-box}.eko-home-v3 .section-content>.row{max-width:1280px!important}.eko-home-v3 .col{padding-bottom:0}.eko-home-v3 .col-inner{height:100%}.eko-home-v3 h1,.eko-home-v3 h2,.eko-home-v3 h3{color:inherit;font-family:inherit;letter-spacing:-.045em;font-weight:700}.eko-home-v3 h1{font-size:clamp(52px,5.4vw,84px);line-height:1.02;max-width:670px;margin:22px 0}.eko-home-v3 h2{font-size:clamp(38px,4vw,64px);line-height:1.04;margin:14px 0 24px}.eko-home-v3 h3{font-size:24px;line-height:1.18}.eko-home-v3 p{font-size:17px;line-height:1.6;color:#53534e}.eko-home-v3 .eh3-eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:inherit;margin:0 0 16px;text-transform:uppercase}.eko-home-v3 a.eh3-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid #161616;border-radius:40px;color:#161616;font-size:14px;font-weight:700;line-height:1.3;margin:8px 10px 0 0;transition:background .2s,color .2s}.eko-home-v3 a.eh3-cta.primary{background:#161616;color:#fff}.eko-home-v3 a.eh3-cta:hover{background:#d7e900;color:#161616;border-color:#161616}.eko-home-v3 a:focus-visible,.eko-home-v3 button:focus-visible,.eko-home-v3 [tabindex]:focus-visible{outline:3px solid #45680d;outline-offset:5px}.eko-home-v3 picture{display:block;width:100%;height:100%}.eko-home-v3 picture img{width:100%;height:100%;object-fit:cover;display:block}.eh3-hero{padding:0!important;overflow:hidden;background:#eeece5}.eh3-hero .row{min-height:780px;align-items:center}.eh3-hero .eh3-copy{padding:66px 40px 66px 20px}.eh3-hero .eh3-visual .col-inner{height:780px}.eh3-hero .eh3-visual{padding:0!important}.eh3-hero p:not(.eh3-eyebrow){max-width:550px}.eh3-strip{background:#141414;color:#fff;padding:26px 0!important}.eh3-strip .col-inner{display:flex;gap:12px;align-items:start}.eh3-strip .col-inner:before{content:'';height:8px;width:8px;flex:none;border-radius:50%;background:#d7e900;margin-top:9px}.eh3-strip p{font-size:12px;color:#b8b8b2;margin:3px 0 0}.eh3-strip strong{font-size:14px}.eh3-head .col-inner{padding-bottom:36px}.eh3-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;width:100%}.eh3-product{min-width:0;background:#fff;border-radius:22px;overflow:hidden}.eh3-product-link{display:flex;flex-direction:column;height:100%;padding:16px;color:#161616!important}.eh3-product img{height:245px;width:100%;object-fit:contain;mix-blend-mode:multiply;background:#f0efe9;border-radius:14px}.eh3-product h3{font-size:17px;letter-spacing:-.02em;line-height:1.35;margin:18px 0 14px}.eh3-price{font-size:14px;color:#4b4b47}.eh3-product-cta{display:flex;justify-content:space-between;font-size:12px;line-height:1.4;font-weight:700;margin-top:auto;padding-top:16px;min-height:48px;align-items:center}.eh3-product-link:hover img{background:#e8e7df}.eh3-editorial{background:#fff}.eh3-editorial .eh3-visual .col-inner{height:620px;border-radius:28px;overflow:hidden}.eh3-editorial .eh3-copy .col-inner{background:#f0efe9;border-radius:28px;padding:64px 48px;display:flex;flex-direction:column;justify-content:center}.eh3-step{background:#f5f4ef}.eh3-spotlight{background:#111;color:#fff;padding:0!important}.eh3-spotlight .section-content>.row{max-width:none!important;margin:0!important}.eh3-spotlight .eh3-visual{padding:0!important}.eh3-spotlight .eh3-visual .col-inner{height:680px;background:#222}.eh3-spotlight .eh3-copy .col-inner{padding:80px 64px;display:flex;flex-direction:column;justify-content:center}.eh3-spotlight p{color:#c4c4bd}.eh3-spotlight a.eh3-cta{border-color:#999;color:#fff}.eh3-space .eh3-space-tile .col-inner{height:410px;border-radius:24px;overflow:hidden;position:relative}.eh3-space-tile .eh3-tile-copy{position:absolute;inset:0;padding:25px;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.04) 78%);display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.eh3-space-tile h3{font-size:27px;margin:8px 0;color:#fff}.eh3-space-tile a{color:#fff;min-height:48px;display:flex;align-items:center;font-size:14px;font-weight:700}.eh3-space-tile .eh3-eyebrow{font-size:10px;margin:0;color:#fff}.eh3-details{background:#e9e8e1}.eh3-details .eh3-detail-card .col-inner{background:#fff;border-radius:22px;padding:28px;min-height:210px}.eh3-detail-card .eh3-number{width:44px;height:44px;background:#d7e900;border-radius:50%;display:grid;place-items:center;font-weight:700;margin-bottom:26px}.eh3-detail-card h3{font-size:21px}.eh3-detail-card p{font-size:15px;margin-bottom:0}.eh3-details .eh3-detail-card{padding-bottom:20px}.eh3-gallery .eh3-gallery-main .col-inner{height:650px;border-radius:25px;overflow:hidden}.eh3-gallery .eh3-gallery-small .col-inner{height:315px;border-radius:22px;overflow:hidden}.eh3-gallery-small{padding-bottom:20px!important}.eh3-video{position:relative;height:100%;background:#151515;overflow:hidden;border-radius:24px;aspect-ratio:16/9}.eh3-video video{width:100%;height:100%;object-fit:contain}.eh3-play{position:absolute;inset:0;margin:0;border:0;background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.08));color:white!important;text-transform:none;letter-spacing:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-size:14px;line-height:1.4;cursor:pointer}.eh3-play span:first-child{background:#d7e900;color:#111;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:22px}.eko-home-v3 [hidden]{display:none!important}.eh3-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.eh3-tabs button{margin:0;border:1px solid #666;border-radius:32px;background:transparent;color:#161616;text-transform:none;letter-spacing:0;min-height:48px;line-height:1.3;padding:12px 18px;font-size:14px;cursor:pointer}.eh3-tabs button[aria-selected=true]{background:#161616;color:#fff}.eh3-collection .eh3-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.eh3-brand{background:#fff;padding:0!important}.eh3-brand .section-content>.row{max-width:none!important;margin:0!important}.eh3-brand .eh3-visual{padding:0!important}.eh3-brand .eh3-visual .col-inner{height:680px}.eh3-brand .eh3-copy .col-inner{padding:75px 60px;display:flex;flex-direction:column;justify-content:center}.eh3-brand .eh3-copy .col-inner:before{content:'';width:80px;height:8px;background:#d7e900;margin-bottom:28px}.eh3-guide .col-inner{background:#fff;border-radius:22px;overflow:hidden;padding:18px}.eh3-guide picture{height:210px;border-radius:15px;overflow:hidden;margin-bottom:22px}.eh3-guide h3{font-size:24px}.eh3-guide a{display:inline-flex;min-height:48px;align-items:center;font-size:14px;font-weight:700;color:#161616}.eh3-trust{background:#d7e900;padding:86px 0!important}.eh3-trust .eh3-support .col-inner{padding:24px 32px;background:#fff;border-radius:24px}.eh3-trust .eh3-support a{display:block;padding:18px 0;min-height:48px;border-bottom:1px solid #ddd;color:#161616}.eh3-trust .eh3-support a:last-child{border-bottom:0}.eh3-trust .eh3-support small{display:block;color:#555;font-size:13px;margin-top:5px} @media(min-width:761px){.eh3-hero .eh3-copy{width:52%;max-width:52%;flex-basis:52%}.eh3-hero .eh3-visual{width:48%;max-width:48%;flex-basis:48%}.eh3-spotlight .eh3-visual{width:60%;max-width:60%;flex-basis:60%}.eh3-spotlight .eh3-copy{width:40%;max-width:40%;flex-basis:40%}} @media(max-width:1024px){.eko-home-v3 .section-content>.row{width:100%;margin-left:auto!important;margin-right:auto!important}.eko-home-v3 h1{font-size:62px}.eh3-hero .eh3-copy{padding:55px 24px}.eh3-editorial .eh3-copy .col-inner,.eh3-spotlight .eh3-copy .col-inner,.eh3-brand .eh3-copy .col-inner{padding:40px 28px}.eh3-product img{height:190px}.eh3-space-tile h3{font-size:24px}} @media(max-width:760px){.eko-home-v3{padding:68px 0!important}.eko-home-v3 .section-content>.row{padding-left:5px;padding-right:5px}.eko-home-v3 .col{padding-left:14px;padding-right:14px}.eko-home-v3 h1{font-size:48px;line-height:1.02;margin:20px 0}.eko-home-v3 h2{font-size:38px;line-height:1.05}.eko-home-v3 p{font-size:16px}.eh3-hero{padding:0!important}.eh3-hero .row{min-height:0;padding:0!important;margin:0!important}.eh3-hero .eh3-copy{padding:54px 19px 30px!important}.eh3-hero .eh3-visual{padding:0!important}.eh3-hero .eh3-visual .col-inner{height:auto;aspect-ratio:4/5}.eh3-strip{padding:24px 0!important}.eh3-strip .col{padding-bottom:16px}.eh3-strip p{font-size:11px}.eh3-head .col-inner{padding-bottom:24px}.eh3-rail,.eh3-collection .eh3-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:16px;scrollbar-width:thin}.eh3-product{flex:0 0 77vw;max-width:320px;scroll-snap-align:start}.eh3-product img{height:270px}.eh3-product h3{font-size:18px}.eh3-editorial .row{display:flex}.eh3-editorial .eh3-visual{order:0}.eh3-editorial .eh3-copy{order:1;margin-top:20px}.eh3-editorial .eh3-visual .col-inner{height:auto;aspect-ratio:4/5}.eh3-editorial .eh3-copy .col-inner{padding:34px 26px}.eh3-spotlight{padding:0!important}.eh3-spotlight .eh3-visual .col-inner{height:auto;aspect-ratio:4/3}.eh3-spotlight .eh3-copy .col-inner{padding:48px 20px}.eh3-space .eh3-space-tile{padding-left:8px;padding-right:8px;padding-bottom:16px}.eh3-space .eh3-space-tile .col-inner{height:290px;border-radius:18px}.eh3-space-tile .eh3-tile-copy{padding:16px 13px}.eh3-space-tile h3{font-size:25px}.eh3-space-tile a{font-size:12px}.eh3-space-tile .eh3-eyebrow{font-size:9px;letter-spacing:.08em}.eh3-details .eh3-detail-card{padding-left:8px;padding-right:8px;padding-bottom:16px}.eh3-details .eh3-detail-card .col-inner{padding:20px 16px;min-height:245px;border-radius:18px}.eh3-detail-card h3{font-size:20px}.eh3-detail-card p{font-size:14px}.eh3-gallery .eh3-gallery-main .col-inner{height:auto;aspect-ratio:4/5;margin-bottom:20px}.eh3-gallery .eh3-gallery-small .col-inner{height:190px;border-radius:16px}.eh3-gallery .eh3-gallery-small{padding-left:8px;padding-right:8px}.eh3-play span:last-child{font-size:12px;padding:0 12px}.eh3-brand{padding:0!important}.eh3-brand .eh3-visual .col-inner{height:auto;aspect-ratio:1/1}.eh3-brand .eh3-copy .col-inner{padding:48px 20px}.eh3-guide{padding-bottom:20px!important}.eh3-guide picture{height:220px}.eh3-trust{padding:68px 0!important}.eh3-trust .eh3-support{margin-top:30px}.eh3-trust .eh3-support .col-inner{padding:16px 24px}} @media(prefers-reduced-motion:reduce){.eko-home-v3 *{scroll-behavior:auto!important;transition:none!important}} body.eko-home-v3-page #footer h3,body.eko-home-v3-page #footer .absolute-footer .footer-text,body.eko-home-v3-page #footer .copyright-footer{color:#f5f4ef} .eko-home-v3 .eh3-video{width:100%;max-width:100%;min-width:0} .eko-home-v3 .eh3-video-poster{width:100%;height:100%;object-fit:contain;display:block}.eko-home-v3 .eh3-video video{position:absolute;inset:0;visibility:hidden}.eko-home-v3 .eh3-video.is-playing video{visibility:visible}.eko-home-v3 .eh3-video.is-playing .eh3-video-poster{visibility:hidden} @media(max-width:760px){.eko-home-v3 .section-content>.row>.col{width:100%;max-width:100%;flex-basis:100%}.eh3-strip .section-content>.row>.col,.eh3-space .section-content>.row>.eh3-space-tile,.eh3-details .eh3-detail-card,.eh3-gallery .eh3-gallery-small{width:50%;max-width:50%;flex-basis:50%}} .eko-home-v3 h1{font-size:clamp(52px,5vw,77px);max-width:620px;line-height:1.04;margin:30px 0 32px;text-wrap:balance} .eko-home-v3 h2{text-wrap:balance}.eko-home-v3 .eh3-head .col-inner{padding-bottom:28px} .eh3-hero .row{min-height:clamp(660px,78vh,800px)} .eh3-hero .eh3-copy{padding:60px 40px 60px 32px} .eh3-hero .eh3-copy .col-inner{display:flex;flex-direction:column;justify-content:center} .eh3-hero .eh3-visual .col-inner{height:clamp(660px,78vh,800px)} .eh3-hero .eh3-copy p:not(.eh3-eyebrow){max-width:48ch;margin-bottom:26px} .eh3-hero .eh3-copy .text{width:100%} .eh3-strip .col-inner{min-height:60px;align-items:center}.eh3-strip strong{font-size:14px}.eh3-strip p{font-size:13px} .eh3-product{border-radius:14px;background:transparent}.eh3-product-link{padding:0 4px 8px}.eh3-product img{height:280px;border-radius:14px;background:#eeece5} .eh3-product h3{font-size:16px;line-height:1.35;margin:18px 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em;letter-spacing:-.015em} .eh3-descriptor{font-size:14px;color:#575750;line-height:1.5}.eh3-product-cta{font-size:13px;padding-top:12px} .eh3-editorial .eh3-copy .col-inner{background:transparent;border-radius:0;padding:48px 36px 48px 48px} .eh3-editorial .eh3-visual .col-inner{height:650px;border-radius:20px} .eh3-step .eh3-copy .col-inner{padding-left:24px;padding-right:48px} .eh3-spotlight .eh3-visual .col-inner{height:650px;padding:24px;background:#111} .eh3-spotlight .eh3-copy .col-inner{padding:64px 48px}.eh3-spotlight h2{font-size:clamp(38px,3.8vw,58px)} .eh3-spotlight .eh3-video{border-radius:18px}.eh3-video-poster{object-fit:cover!important}.eh3-spotlight .eh3-video-poster{object-position:50% 35%} .eh3-play{background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0) 60%);justify-content:flex-end;padding-bottom:32px} .eh3-play span:first-child{width:64px;height:64px;font-size:22px} .eh3-space .eh3-space-tile .col-inner{height:430px;border-radius:18px}.eh3-space-tile a.eh3-tile-copy{padding:28px;line-height:1.3;min-height:100%;transition:background .2s} .eh3-space-tile .eh3-tile-copy h3{font-size:29px;line-height:1.15;margin:12px 0 16px}.eh3-space-tile .eh3-tile-cta{font-size:14px;line-height:1.4;font-weight:600;display:block}.eh3-space-tile .eh3-eyebrow{font-size:12px} .eh3-detail-card .eh3-number{width:26px;height:26px;font-size:12px;margin-bottom:18px;background:#ecf2c4}.eh3-details .eh3-detail-card .col-inner{padding:30px;min-height:210px;border-radius:16px}.eh3-detail-card h3{font-size:23px;margin-bottom:12px} .eh3-gallery .eh3-head .col-inner{padding-bottom:12px}.eh3-gallery .eh3-gallery-main .col-inner{height:740px;border-radius:18px}.eh3-gallery-stack .row{margin-bottom:0}.eh3-gallery .eh3-gallery-stack .eh3-gallery-small .col-inner{height:360px;border-radius:18px}.eh3-gallery .eh3-gallery-stack .eh3-gallery-small{padding-bottom:20px!important} .eh3-gallery-bottom{margin-top:0!important}.eh3-gallery-bottom .col-inner{height:350px;border-radius:18px;overflow:hidden}.eh3-gallery-mirror picture img{object-fit:contain;background:#eeece5}.eh3-gallery-bottom .eh3-video{border-radius:18px} .eh3-collection .eh3-product img{height:240px}.eh3-collection .eh3-product h3{font-size:17px}.eh3-tabs{gap:12px;margin-bottom:36px}.eh3-tabs button{border-color:#70706b;border-radius:4px;border-width:0 0 1px;padding:12px 16px}.eh3-tabs button[aria-selected=true]{background:#161616;border-radius:24px} .eh3-brand .eh3-visual .col-inner{height:720px}.eh3-brand .eh3-copy .col-inner{padding:64px 64px;max-width:700px}.eh3-brand .eh3-copy .col-inner:before{height:4px;width:56px;margin-bottom:24px}.eh3-brand p.eh3-brand-year{font-size:28px;letter-spacing:-.03em;font-weight:700;color:#161616;margin:0 0 12px}.eh3-brand h2{font-size:clamp(38px,4vw,60px);max-width:560px}.eh3-brand .eh3-copy p{max-width:48ch} .eh3-guide .col-inner{background:transparent;padding:0 0 12px;border-radius:0}.eh3-guide picture{height:245px;margin-bottom:24px;border-radius:16px}.eh3-guide h3{font-size:26px}.eh3-guide p{font-size:16px}.eh3-guide a{font-size:14px} .eh3-trust .eh3-support strong{font-size:17px}.eh3-trust .eh3-support small{font-size:14px;line-height:1.5} @media(min-width:761px){.eh3-hero .eh3-copy{width:45%;max-width:45%;flex-basis:45%}.eh3-hero .eh3-visual{width:55%;max-width:55%;flex-basis:55%}.eh3-editorial .eh3-visual{width:60%;max-width:60%;flex-basis:60%}.eh3-editorial .eh3-copy{width:40%;max-width:40%;flex-basis:40%}.eh3-spotlight .eh3-visual{width:63%;max-width:63%;flex-basis:63%}.eh3-spotlight .eh3-copy{width:37%;max-width:37%;flex-basis:37%}.eh3-gallery-masonry>.eh3-gallery-main,.eh3-gallery-bottom>.eh3-gallery-film{width:55%;max-width:55%;flex-basis:55%}.eh3-gallery-masonry>.eh3-gallery-stack,.eh3-gallery-bottom>.eh3-gallery-mirror{width:45%;max-width:45%;flex-basis:45%}} @media(min-width:761px) and (max-width:1100px){.eko-home-v3{padding:80px 0!important}.eko-home-v3 h1{font-size:52px}.eh3-hero .eh3-copy{padding:40px 24px}.eh3-hero .row{min-height:690px}.eh3-hero .eh3-visual .col-inner{height:690px}.eh3-product img{height:225px}.eh3-editorial .eh3-copy .col-inner,.eh3-spotlight .eh3-copy .col-inner,.eh3-brand .eh3-copy .col-inner{padding:36px 24px}.eh3-editorial h2,.eh3-spotlight h2{font-size:42px}.eh3-space-tile a.eh3-tile-copy{padding:18px}.eh3-space-tile .eh3-tile-copy h3{font-size:24px}} @media(max-width:760px){.eko-home-v3{padding:64px 0!important}.eko-home-v3 h1{font-size:46px;max-width:620px;line-height:1.06;margin:26px 0 28px;text-wrap:initial}.eh3-hero{padding:0!important}.eh3-hero .row{min-height:0}.eh3-hero .eh3-copy{padding:48px 20px 36px!important}.eh3-hero .eh3-copy p:not(.eh3-eyebrow){margin-bottom:22px}.eh3-hero .eh3-visual .col-inner{height:auto;aspect-ratio:4/5}.eh3-hero a.eh3-cta{font-size:13px;padding:12px 17px;margin-right:8px} .eh3-strip{padding:26px 0!important}.eh3-strip .col{padding:10px 14px}.eh3-strip .col-inner{min-height:80px;align-items:flex-start}.eh3-strip strong{font-size:14px;line-height:1.5}.eh3-strip p{font-size:13px;line-height:1.5} .eh3-rail,.eh3-collection .eh3-rail{gap:14px;margin-right:-14px;width:calc(100% + 14px);padding-right:18px}.eh3-product{flex:0 0 77vw;max-width:none}.eh3-product img{height:300px}.eh3-product h3{font-size:18px;margin-top:18px;min-height:0}.eh3-product-cta{font-size:14px}.eh3-collection .eh3-product img{height:265px} .eh3-editorial .eh3-visual .col-inner{height:auto;aspect-ratio:4/5;border-radius:16px}.eh3-editorial .eh3-copy .col-inner{padding:20px 8px 0}.eh3-editorial h2{font-size:39px}.eh3-spotlight{padding:0!important}.eh3-spotlight .eh3-visual .col-inner{height:auto;aspect-ratio:4/5;padding:18px}.eh3-spotlight .eh3-copy .col-inner{padding:32px 20px 48px}.eh3-spotlight h2{font-size:40px}.eh3-play span:last-child{font-size:14px} .eh3-space .eh3-space-tile .col-inner{height:310px}.eh3-space-tile a.eh3-tile-copy{padding:18px 13px}.eh3-space-tile .eh3-tile-copy h3{font-size:24px;margin:10px 0 14px}.eh3-space-tile .eh3-eyebrow{font-size:11px}.eh3-space-tile .eh3-tile-cta{font-size:13px} .eh3-details .eh3-detail-card .col-inner{padding:22px 16px;min-height:245px}.eh3-detail-card h3{font-size:21px}.eh3-detail-card p{font-size:14px} .eh3-gallery .eh3-head .col-inner{padding-bottom:12px}.eh3-gallery .eh3-gallery-main .col-inner{height:auto;aspect-ratio:4/5;margin-bottom:18px}.eh3-gallery .eh3-gallery-stack .eh3-gallery-small .col-inner{height:240px}.eh3-gallery-stack .row{margin:0 -8px}.eh3-gallery .eh3-gallery-stack{padding-bottom:0}.eh3-gallery-bottom .col-inner{height:300px;margin-bottom:18px}.eh3-gallery-bottom>.eh3-gallery-film,.eh3-gallery-bottom>.eh3-gallery-mirror{width:100%;max-width:100%;flex-basis:100%}.eh3-gallery-bottom>.eh3-gallery-film .col-inner{height:auto;aspect-ratio:4/5}.eh3-tabs{gap:8px}.eh3-tabs button{font-size:13px;padding:12px 14px} .eh3-brand{padding:0!important}.eh3-brand .eh3-visual .col-inner{height:auto;aspect-ratio:4/5}.eh3-brand .eh3-copy .col-inner{padding:44px 20px 48px}.eh3-brand p.eh3-brand-year{font-size:26px}.eh3-brand h2{font-size:40px}.eh3-guide picture{height:250px}.eh3-guide h3{font-size:25px}.eh3-guide{padding-bottom:32px!important}.eh3-trust{padding:64px 0!important}} .eko-home-v3 .eh3-play{border-radius:0}.eh3-space-tile .eh3-tile-title{display:block;font-size:29px;line-height:1.15;letter-spacing:-.035em;font-weight:700;margin:12px 0 16px;color:#fff}.eh3-space-tile .eh3-tile-eyebrow{display:block;font-size:12px;letter-spacing:.1em;color:#fff}.eh3-gallery-masonry>.eh3-gallery-main,.eh3-gallery-masonry>.eh3-gallery-stack{align-self:flex-start}.eh3-gallery-bottom{align-items:flex-start} @media(max-width:760px){.eh3-space-tile .eh3-tile-title{font-size:24px;margin:10px 0 14px}.eh3-space-tile .eh3-tile-eyebrow{font-size:11px}} .eko-home-v3-page #top-bar .eko-assurance-item{color:#615c57}