/** Shopify CDN: Minification failed

Line 17:112 Expected ")" to end URL token
Line 18:104 Expected ")" to end URL token
Line 19:105 Expected ")" to end URL token
Line 20:112 Expected ")" to end URL token
Line 21:105 Expected ")" to end URL token
Line 22:104 Expected ")" to end URL token
Line 23:104 Expected ")" to end URL token
Line 24:104 Expected ")" to end URL token
Line 25:5784 Expected ")" to end URL token
Line 153:112 Expected ")" to end URL token
... and 27 more hidden warnings

**/
/* ==== home-hero [vd] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
@font-face { font-family: Barlow; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'barlow_n4.woff2' | asset_url }}) format("woff2"); }
@font-face { font-family: Archivo; font-weight: 500; font-style: normal; font-display: swap; src: url({{ 'archivo_n5.woff2' | asset_url }}) format("woff2"); }
@font-face { font-family: "Gowun Batang"; font-weight: 700; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n7.woff2' | asset_url }}) format("woff2"); }
@font-face { font-family: Archivo; font-weight: 600; font-style: normal; font-display: swap; src: url({{ 'archivo_n6.woff2' | asset_url }}) format("woff2"); }
@font-face { font-family: Barlow; font-weight: 500; font-style: normal; font-display: swap; src: url({{ 'barlow_n5.woff2' | asset_url }}) format("woff2"); }
@font-face { font-family: Barlow; font-weight: 400; font-style: italic; font-display: swap; src: url({{ 'barlow_i4.woff2' | asset_url }}) format("woff2"); }
@font-face { font-family: Barlow; font-weight: 500; font-style: italic; font-display: swap; src: url({{ 'barlow_i5.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-hero { --LAYOUT-WIDTH: 1200px; --LAYOUT-GUTTER: 20px; --LAYOUT-GUTTER-OFFSET: -20px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 36px; --COLOR-VIDEO-BG: #ffe9da; --COLOR-BG: #FFF8F3; --COLOR-BG-ACCENT: #fae9de; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #222222; --COLOR-TEXT-LIGHT: #646261; --COLOR-PRIMARY: #D65461; --COLOR-PRIMARY-HOVER: #c31a2b; --COLOR-PRIMARY-FADE: rgba(214, 84, 97, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(214, 84, 97, 0.1); --COLOR-PRIMARY-OPPOSITE: #ffffff; --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1); --COLOR-SECONDARY-OPPOSITE: #ffffff; --COLOR-A5: rgba(34, 34, 34, 0.05); --COLOR-A10: rgba(34, 34, 34, 0.1); --COLOR-A20: rgba(34, 34, 34, 0.2); --COLOR-A35: rgba(34, 34, 34, 0.35); --COLOR-A50: rgba(34, 34, 34, 0.5); --COLOR-A80: rgba(34, 34, 34, 0.8); --COLOR-A90: rgba(34, 34, 34, 0.9); --COLOR-A95: rgba(34, 34, 34, 0.95); --INVERSE-BG: #d65461; --INVERSE-BG-ACCENT: #222324; --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #f3ccd0; --INVERSE-PRIMARY: #fcd8c8; --INVERSE-PRIMARY-HOVER: #ffa278; --INVERSE-PRIMARY-FADE: rgba(252, 216, 200, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(252, 216, 200, 0.1); --INVERSE-PRIMARY-OPPOSITE: #000000; --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1); --INVERSE-SECONDARY-OPPOSITE: #000000; --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); --BRIGHT-BG: #d3836a; --BRIGHT-BG-ACCENT: #2693cf; --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #f2dad2; --BRIGHT-PRIMARY: #2693cf; --BRIGHT-PRIMARY-HOVER: #0e699b; --BRIGHT-PRIMARY-FADE: rgba(38, 147, 207, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(38, 147, 207, 0.1); --BRIGHT-PRIMARY-OPPOSITE: #000000; --BRIGHT-SECONDARY: #f4a482; --BRIGHT-SECONDARY-HOVER: #fd6b2c; --BRIGHT-SECONDARY-FADE: rgba(244, 164, 130, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(244, 164, 130, 0.1); --BRIGHT-SECONDARY-OPPOSITE: #000000; --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); --COLOR-ANNOUNCEMENT-BG: #D65461; --COLOR-ANNOUNCEMENT-TEXT: #FAE9DE; --COLOR-NAV: #FFF8F3; --COLOR-NAV-TEXT: #222222; --COLOR-NAV-TEXT-DARK: #000000; --COLOR-NAV-TEXT-LIGHT: #646261; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(34, 34, 34, 0.1); --COLOR-NAV-A50: rgba(34, 34, 34, 0.5); --COLOR-HIGHLIGHT-LINK: #d65461; --COLOR-FOOTER-BG: #d65461; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); --COLOR-SUB-FOOTER-BG: #2e3438; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); --PRODUCT-GRID-ASPECT-RATIO: 90.0%; --COLOR-BADGE: #ffffff; --COLOR-BADGE-TEXT: #656565; --COLOR-BADGE-TEXT-DARK: #453939; --COLOR-BADGE-TEXT-HOVER: #8b8b8b; --COLOR-BADGE-HAIRLINE: #f7f7f7; --COLOR-PRODUCT-SLIDER: #ffffff; --COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06); --COLOR-DISABLED-BG: #e9e3de; --COLOR-DISABLED-TEXT: #b2adaa; --INVERSE-DISABLED-BG: #da6571; --INVERSE-DISABLED-TEXT: #e49098; --RGB-CANVAS: 255 248 243; --RGB-CONTENT: 34 34 34; --RGB-PRIMARY: 214 84 97; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 214 84 97; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 252 216 200; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 211 131 106; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 38 147 207; --RGB-BRIGHT-SECONDARY: 244 164 130; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; --BUTTON-RADIUS: 0px; --ICON-STROKE-WIDTH: 2px; --FONT-STACK-BODY: Barlow, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --FONT-ADJUST-BODY: 1.0; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-PRODUCT-CARD: var(--FONT-STACK-BODY); --FONT-STACK-HEADING: "Gowun Batang", serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 400; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 1.0; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.09em; --FONT-STACK-ACCENT: Archivo, serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 500; --FONT-WEIGHT-ACCENT-BOLD: 600; --FONT-ADJUST-ACCENT: 1.0; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.09em; --TYPE-STACK-NAV: Archivo, sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 1.0; --TYPE-WEIGHT-NAV: 500; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.09em; --TYPE-STACK-BUTTON: Archivo, sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.0; --TYPE-WEIGHT-BUTTON: 600; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.09em; --TYPE-STACK-KICKER: Archivo, sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.0; --TYPE-WEIGHT-KICKER: 600; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.09em; --ICO-SELECT: url({{ 'cl-ff3a3308-ico-select.svg' | asset_url }}); --PHOTO-CORRECTION: 100%; }
.cl-sec-home-hero { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10: 32px; --font-11: 37px; --font-12: 43px; --font-13: 49px; --font-14: 57px; --font-15: 67px; }
@media only screen and (min-width: 480px) and (max-width: 1099px) { .cl-sec-home-hero { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10: 34px; --font-11: 40px; --font-12: 47px; --font-13: 56px; --font-14: 65px; --font-15: 77px; } }
@media only screen and (min-width: 1100px) { .cl-sec-home-hero { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10: 48px; --font-11: 58px; --font-12: 71px; --font-13: 87px; --font-14: 106px; --font-15: 129px; } }
.cl-sec-home-hero .aos-initialized [data-aos][data-aos][data-aos-duration="400"], .cl-sec-home-hero .aos-initialized body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; }
.cl-sec-home-hero .aos-initialized [data-aos][data-aos][data-aos-easing="ease"], .cl-sec-home-hero .aos-initialized body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; }
.cl-sec-home-hero .aos-initialized [data-aos][data-aos][data-aos-order="1"] { --aos-delay: 0ms; animation-delay: 0ms; }
.cl-sec-home-hero .aos-initialized [data-aos][data-aos][data-aos-order="2"] { --aos-delay: .25s; animation-delay: 0.25s; }
.cl-sec-home-hero .aos-initialized [data-aos][data-aos][data-aos-order="3"] { --aos-delay: .5s; animation-delay: 0.5s; }
.cl-sec-home-hero .aos-initialized [data-aos="hero"] { opacity: 0; will-change: transform, opacity; }
.cl-sec-home-hero .aos-initialized .main-content .cl-shopify-section:nth-child(1) [data-aos="hero"], .cl-sec-home-hero .aos-initialized .main-content .cl-shopify-section:nth-child(2) [data-aos="hero"], .cl-sec-home-hero .aos-initialized [data-aos="hero"].aos-animate { animation-name: heroFade; animation-duration: 1s; animation-fill-mode: both; backface-visibility: hidden; }
.cl-sec-home-hero *, .cl-sec-home-hero ::before, .cl-sec-home-hero ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
.cl-sec-home-hero, .cl-sec-home-hero :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
.cl-sec-home-hero { margin: 0px; line-height: inherit; }
.cl-sec-home-hero a { color: inherit; text-decoration: inherit; }
.cl-sec-home-hero blockquote, .cl-sec-home-hero dl, .cl-sec-home-hero dd, .cl-sec-home-hero h1, .cl-sec-home-hero h2, .cl-sec-home-hero h3, .cl-sec-home-hero h4, .cl-sec-home-hero h5, .cl-sec-home-hero h6, .cl-sec-home-hero hr, .cl-sec-home-hero figure, .cl-sec-home-hero p, .cl-sec-home-hero pre { margin: 0px; }
.cl-sec-home-hero img, .cl-sec-home-hero svg, .cl-sec-home-hero video, .cl-sec-home-hero canvas, .cl-sec-home-hero audio, .cl-sec-home-hero iframe, .cl-sec-home-hero embed, .cl-sec-home-hero object { display: block; vertical-align: middle; }
.cl-sec-home-hero img, .cl-sec-home-hero video { max-width: 100%; height: auto; }
.cl-sec-home-hero { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 20px; --space-9: 25px; --space-10: 32px; --space-11: 40px; --space-12: 50px; --space-13: 60px; --space-14: 80px; --space-15: 120px; }
@media (min-width: 768px) { .cl-sec-home-hero { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 15px; --space-7: 18px; --space-8: 22px; --space-9: 27px; --space-10: 35px; --space-11: 45px; --space-12: 56px; --space-13: 75px; --space-14: 105px; --space-15: 150px; } }
@media (min-width: 1100px) { .cl-sec-home-hero { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 16px; --space-7: 20px; --space-8: 24px; --space-9: 32px; --space-10: 38px; --space-11: 50px; --space-12: 68px; --space-13: 96px; --space-14: 128px; --space-15: 192px; } }
.cl-sec-home-hero { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --highlight-initial-position-x: 50%; --highlight-position-y: 50%; --highlight-height: 100%; }
.cl-sec-home-hero *, .cl-sec-home-hero ::before, .cl-sec-home-hero ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.cl-sec-home-hero .relative { position: relative; }
.cl-sec-home-hero .block { display: block; }
.cl-sec-home-hero .h-full { height: 100%; }
.cl-sec-home-hero .w-full { width: 100%; }
.cl-sec-home-hero .overflow-hidden { overflow: hidden; }
.cl-sec-home-hero .object-cover { object-fit: cover; }
@supports (aspect-ratio: auto) { .cl-sec-home-hero .aspect-\[--wh-ratio-mobile\] { aspect-ratio: var(--wh-ratio-mobile); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-hero .aspect-\[--wh-ratio-mobile\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio-mobile))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-hero .aspect-\[--wh-ratio-mobile\]::after { content: ""; display: table; clear: both; } }
@supports (aspect-ratio: auto) { .cl-sec-home-hero .aspect-\[--wh-ratio\] { aspect-ratio: var(--wh-ratio); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-hero .aspect-\[--wh-ratio\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-hero .aspect-\[--wh-ratio\]::after { content: ""; display: table; clear: both; } }
.cl-sec-home-hero { line-height: var(--leading-norma); font-family: var(--FONT-STACK-BODY); }
.cl-sec-home-hero *, .cl-sec-home-hero input, .cl-sec-home-hero ::before, .cl-sec-home-hero ::after { box-sizing: border-box; }
.cl-sec-home-hero, .cl-sec-home-hero { padding: 0px; margin: 0px; }
.cl-sec-home-hero { min-height: var(--full-screen); display: flex; flex-direction: column; }
.cl-sec-home-hero { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; }
.cl-sec-home-hero .body-size-1, .cl-sec-home-hero .body-size-2, .cl-sec-home-hero .body-size-3, .cl-sec-home-hero .body-size-4, .cl-sec-home-hero .body-size-5, .cl-sec-home-hero .body-size-6, .cl-sec-home-hero .body-size-7, .cl-sec-home-hero .body-size-8, .cl-sec-home-hero .body-size-9, .cl-sec-home-hero .body-size-10, .cl-sec-home-hero .body-size-11, .cl-sec-home-hero .body-size-12, .cl-sec-home-hero .body-size-13, .cl-sec-home-hero .body-size-14, .cl-sec-home-hero .body-size-15 { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); }
.cl-sec-home-hero .body-size-6 { font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-snug); }
.cl-sec-home-hero .accent-size-1, .cl-sec-home-hero .accent-size-2, .cl-sec-home-hero .accent-size-3, .cl-sec-home-hero .accent-size-4, .cl-sec-home-hero .accent-size-5, .cl-sec-home-hero .accent-size-6, .cl-sec-home-hero .accent-size-7, .cl-sec-home-hero .accent-size-8, .cl-sec-home-hero .accent-size-9, .cl-sec-home-hero .accent-size-10, .cl-sec-home-hero .accent-size-11, .cl-sec-home-hero .accent-size-12, .cl-sec-home-hero .accent-size-13, .cl-sec-home-hero .accent-size-14, .cl-sec-home-hero .accent-size-15 { font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); font-weight: var(--FONT-WEIGHT-ACCENT); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); }
.cl-sec-home-hero .accent-size-5 { font-size: calc(var(--font-5) * var(--FONT-ADJUST-ACCENT)); line-height: var(--leading-snug); }
.cl-sec-home-hero { font-size: 16px; scroll-behavior: smooth; --scroll-behavior: smooth; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-hero { font-size: 15px; } }
@media only screen and (max-width: 479px) { .cl-sec-home-hero { font-size: 14px; } }
.cl-sec-home-hero { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: var(--text); }
.cl-sec-home-hero, .cl-sec-home-hero input, .cl-sec-home-hero textarea, .cl-sec-home-hero select, .cl-sec-home-hero .popout__toggle { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); color: var(--text); }
.cl-sec-home-hero p { margin: 0px; }
.cl-sec-home-hero em, .cl-sec-home-hero .em { font-style: italic; }
.cl-sec-home-hero { --gutter: var(--LAYOUT-GUTTER); --outer: var(--LAYOUT-OUTER); --inner: 20px; --nav-gutter: var(--NAV-GUTTER); --gutter-offset: var(--LAYOUT-GUTTER-OFFSET); --outer-offset: calc(var(--LAYOUT-OUTER) * -1); --radius-sm: 3px; --radius-md: 12px; --radius-lg: 36px; --page-width: var(--LAYOUT-WIDTH); --grid-xl: 50px; --grid-lg: 32px; --grid-md: 22px; --grid-sm: 16px; --grid-0: 0px; --grid-standard-page-margin: var(--outer); --grid-standard-gutter: var(--gutter); --grid-page-margin: var(--grid-standard-page-margin); --grid-gutter: var(--grid-standard-gutter); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-hero { --grid-xl: 32px; --grid-lg: 22px; --grid-md: 18px; --grid-sm: 12px; --inner: 18px; --gutter: calc(var(--LAYOUT-GUTTER) * .8); --outer: calc(var(--LAYOUT-OUTER) * .8); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8); --outer-offset: calc(var(--LAYOUT-OUTER) * -.8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-hero { --grid-xl: 22px; --grid-lg: 22px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: calc(var(--LAYOUT-GUTTER) * .6); --outer: calc(var(--LAYOUT-OUTER) * .6); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .6); --outer-offset: calc(var(--LAYOUT-OUTER) * -.6); } }
@media only screen and (max-width: 479px) { .cl-sec-home-hero { --grid-xl: 16px; --grid-lg: 16px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: max(calc(var(--LAYOUT-GUTTER) * .6), 16px); --outer: 16px; --gutter-offset: min(calc(var(--LAYOUT-GUTTER-OFFSET) * .6), -16px); --outer-offset: -16px; } }
.cl-sec-home-hero { --max-w-page: var(--LAYOUT-WIDTH); --max-w-page-narrow: 50%; --max-w-page-tiny: 33%; }
@media only screen and (max-width: 1099px) { .cl-sec-home-hero { --max-w-page-narrow: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-hero { --max-w-page-narrow: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1399px) { .cl-sec-home-hero { --max-w-page-tiny: 45%; } }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-hero { --max-w-page-tiny: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-hero { --max-w-page-tiny: 66%; } }
@media only screen and (max-width: 479px) { .cl-sec-home-hero { --max-w-page-tiny: 100%; } }
.cl-sec-home-hero .wrapper--none::after { content: ""; display: table; clear: both; }
.cl-sec-home-hero .hero__content__wrapper.section-padding, .cl-sec-home-hero .brick__section .section-padding, .cl-sec-home-hero .section-padding, .cl-sec-home-hero .section-without-title:not(.section-without-title--skip) { --padding-top: var(--PT); --padding-bottom: var(--PB); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-hero .hero__content__wrapper.section-padding, .cl-sec-home-hero .brick__section .section-padding, .cl-sec-home-hero .section-padding, .cl-sec-home-hero .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .8); --padding-bottom: calc(var(--PB) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-hero .hero__content__wrapper.section-padding, .cl-sec-home-hero .brick__section .section-padding, .cl-sec-home-hero .section-padding, .cl-sec-home-hero .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .6); --padding-bottom: calc(var(--PB) * .6); } }
.cl-sec-home-hero [class*="-size-"] > p, .cl-sec-home-hero .rte [class*="-size-"] > p { font-size: inherit; }
.cl-sec-home-hero .rte { margin-bottom: var(--space-5); overflow-wrap: break-word; }
.cl-sec-home-hero .rte p { margin: 0 0 var(--space-4); }
.cl-sec-home-hero .rte p:last-child { margin-bottom: 0px; }
.cl-sec-home-hero .btn, .cl-sec-home-hero .shopify-challenge__button, .cl-sec-home-hero .btn--soft { font-family: var(--TYPE-STACK-BUTTON); font-style: var(--TYPE-STYLE-BUTTON); font-weight: var(--TYPE-WEIGHT-BUTTON); text-transform: var(--FONT-BUTTON-TRANSFORM); letter-spacing: var(--FONT-BUTTON-LETTER-SPACING); display: inline-block; padding: var(--space-5) var(--space-8); margin: 0px; line-height: 1; text-decoration: none; text-align: center; vertical-align: middle; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; user-select: none; appearance: none; border-radius: var(--BUTTON-RADIUS); font-size: calc(var(--font-3) * var(--TYPE-ADJUST-BUTTON)); background-color: var(--btn-bg); color: var(--btn-text); transition: background-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-hero .btn:hover, .cl-sec-home-hero .shopify-challenge__button:hover, .cl-sec-home-hero .btn:active, .cl-sec-home-hero .shopify-challenge__button:active, .cl-sec-home-hero .btn:focus, .cl-sec-home-hero .shopify-challenge__button:focus, .cl-sec-home-hero .btn--soft:hover, .cl-sec-home-hero .btn--soft:active, .cl-sec-home-hero .btn--soft:focus { color: var(--btn-text-hover); background-color: var(--btn-bg-hover); }
.cl-sec-home-hero .btn, .cl-sec-home-hero .shopify-challenge__button { --btn-bg: var(--text); --btn-text: var(--bg); --btn-bg-hover: var(--hover); --btn-text-hover: var(--bg); }
.cl-sec-home-hero .btn--white.btn, .cl-sec-home-hero .btn--white.shopify-challenge__button { --btn-bg: #FFF; --btn-text: #000; --btn-bg-hover: #FFF; --btn-text-hover: #333; }
.cl-sec-home-hero .btn--long { padding: var(--space-8) var(--space-11); max-width: 100%; min-width: min(220px, 100%); }
.cl-sec-home-hero a, .cl-sec-home-hero .text-link-bare { color: currentcolor; text-decoration: none; background: transparent; }
.cl-sec-home-hero a:hover, .cl-sec-home-hero a:focus, .cl-sec-home-hero .text-link-bare:hover, .cl-sec-home-hero .text-link-bare:focus { color: currentcolor; }
.cl-sec-home-hero { --OPTION-SIZE-SWATCH: 34px; --OPTION-SIZE-RADIO: 50px; }
.cl-sec-home-hero img { border: 0px; }
.cl-sec-home-hero { --placeholder-bg: #eeeeee; --placeholder-fill: #B4B6B9; }
.cl-sec-home-hero .image__hero__scale { --placeholder-bg: #ffffff; --placeholder-fill: #eeeeee; }
.cl-sec-home-hero .image__hero__frame { position: relative; overflow: hidden; max-width: 100%; }
.cl-sec-home-hero .image__hero__frame noscript, .cl-sec-home-hero .image__hero__pane { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.cl-sec-home-hero .image__hero__scale { position: relative; display: block; width: 100%; height: 100%; min-height: 100%; }
.cl-sec-home-hero .section--image { overflow: hidden; position: relative; color: var(--text); --image-top: var(--inner); --image-bottom: var(--inner); }
.cl-sec-home-hero .section--image .section__inner { position: relative; overflow: hidden; }
.cl-sec-home-hero .backdrop--hero { position: relative; }
.cl-sec-home-hero .backdrop--hero::before { content: ""; position: absolute; top: 50%; left: 50%; z-index: -1; width: 200%; height: 200%; background: radial-gradient(ellipse at center,var(--bg) 0%,rgba(255,255,255,0) 50%); opacity: var(--opacity); transform: translate(-50%, -50%); }
.cl-sec-home-hero .hero__content { --default-max-width: calc(66% - var(--outer)); --content-width-fallback: var(--CONTENT-WIDTH, var(--default-max-width)); max-width: min(var(--content-width-fallback),var(--default-max-width)); width: 100%; margin: var(--inner); padding: var(--outer); color: var(--text); }
@media only screen and (max-width: 1099px) { .cl-sec-home-hero .hero__content { --default-max-width: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-hero .hero__content { --default-max-width: 100%; } }
.cl-sec-home-hero .hero__content__wrapper { position: absolute; display: flex; z-index: 10; top: 0px; left: 0px; height: 100%; width: 100%; padding-top: var(--image-top); padding-bottom: var(--image-bottom); }
.cl-sec-home-hero .align--middle-left { align-items: center; justify-content: flex-start; text-align: start; }
.cl-sec-home-hero .hero__content__wrapper, .cl-sec-home-hero .text__standard { --cta-column-gap: 8px; }
.cl-sec-home-hero .hero__content__wrapper .rte p:last-child { margin-bottom: 0px; }
.cl-sec-home-hero .hero__kicker { font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); font-weight: var(--FONT-WEIGHT-ACCENT-BOLD); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); margin: 0px; }
.cl-sec-home-hero .text-left, .cl-sec-home-hero .text-start, .cl-sec-home-hero .align--top-left, .cl-sec-home-hero .align--middle-left, .cl-sec-home-hero .align--bottom-left { --kicker-flourish-left: 0; --kicker-flourish-right: auto; }
.cl-sec-home-hero .hero__kicker p, .cl-sec-home-hero .hero__title p { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin-bottom: inherit; margin-top: inherit; }
.cl-sec-home-hero .hero__kicker, .cl-sec-home-hero .hero__description, .cl-sec-home-hero .hero__cta__wrapper, .cl-sec-home-hero .hero__title { overflow: hidden; }
.cl-sec-home-hero .hero__cta__wrapper { display: flex; flex-wrap: wrap; align-items: center; overflow: visible; margin: 0 calc(-1 * var(--cta-column-gap)); width: calc(100% + 2 * var(--cta-column-gap)); }
@media only screen and (max-width: 479px) { .cl-sec-home-hero .hero__cta__wrapper { flex-direction: column; } }
.cl-sec-home-hero .hero__cta__wrapper .hero__btn { margin-bottom: 0px; }
.cl-sec-home-hero .hero__btn:not(.btn--block), .cl-sec-home-hero .btn-text-thick-line + .hero__btn, .cl-sec-home-hero .hero__btn + .btn-text-thick-line { margin-left: var(--cta-column-gap); margin-right: var(--cta-column-gap); }
.cl-sec-home-hero .hero__content.text-left .hero__cta__wrapper, .cl-sec-home-hero .align--top-left .hero__cta__wrapper, .cl-sec-home-hero .align--middle-left .hero__cta__wrapper, .cl-sec-home-hero .align--bottom-left .hero__cta__wrapper { justify-content: flex-start; }
@media only screen and (max-width: 479px) { .cl-sec-home-hero .hero__content.text-left .hero__cta__wrapper, .cl-sec-home-hero .align--top-left .hero__cta__wrapper, .cl-sec-home-hero .align--middle-left .hero__cta__wrapper, .cl-sec-home-hero .align--bottom-left .hero__cta__wrapper { align-items: flex-start; } }
.cl-sec-home-hero .text__standard { color: var(--text); }
@media only screen and (max-width: 767px) { .cl-sec-home-hero .text__standard { padding-top: 10px; padding-bottom: 10px; } }
.cl-sec-home-hero .text__standard .standard__cta { display: inline-block; margin: var(--space-6) var(--cta-column-gap) 0; vertical-align: middle; }
.cl-sec-home-hero .text__standard :last-child:not(.standard__cta):not(.timer) { margin-bottom: 0px; }
.cl-sec-home-hero .standard__kicker, .cl-sec-home-hero .standard__heading, .cl-sec-home-hero .standard__rte, .cl-sec-home-hero .standard__cta, .cl-sec-home-hero .standard__icons, .cl-sec-home-hero .standard__image, .cl-sec-home-hero .standard__list { overflow: hidden; margin-bottom: var(--space-6); }
.cl-sec-home-hero .text__standard { max-width: var(--CONTENT-WIDTH, 100%); }
.cl-sec-home-hero .standard__cta.btn--small, .cl-sec-home-hero .standard__cta.btn--medium, .cl-sec-home-hero .standard__cta.btn--large, .cl-sec-home-hero .standard__cta.shopify-challenge__button, .cl-sec-home-hero .standard__cta.btn--long { margin-top: var(--space-8); font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT)); }
.cl-sec-home-hero .standard__cta:not(.btn--block), .cl-sec-home-hero .standard__cta + .standard__icon, .cl-sec-home-hero .standard__icon + .standard__cta { margin-left: var(--cta-column-gap); margin-right: var(--cta-column-gap); }
.cl-sec-home-hero .text--white { --text: #FFF; --text-light: #FFF; --text-dark: #F7F7F7; }
.cl-sec-home-hero { --full-screen: 100vh; --three-quarters: 75vh; --two-thirds: 66vh; --one-half: 50vh; --one-third: 33vh; --one-fifth: 20vh; --header-height: 100px; --footer-height: 500px; --announcement-height: 33px; --content-full: 90vh; --scrollbar-width: 0; }
.cl-sec-home-hero .use_screen_two_thirds { height: var(--two-thirds); }
.cl-sec-home-hero { --ease-out-fast: cubic-bezier(.215, .61, .355, 1); --ease-out-sharp: cubic-bezier(.25, .1, .25, 1); }
@media print { .cl-sec-home-hero p, .cl-sec-home-hero h2, .cl-sec-home-hero h3 { orphans: 3; widows: 3; } }
@media print { .cl-sec-home-hero, .cl-sec-home-hero { background-color: rgb(255, 255, 255); } }
.cl-sec-home-hero { --form-top: 14px; --form-left: 20px; }
.cl-sec-home-hero { --OPTION-SIZE-SIBLING: 50px; }
.cl-sec-home-hero, .cl-sec-home-hero { scroll-behavior: auto !important; }
.cl-sec-home-hero { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-sec-home-hero { --kaching-cart-font-size-scale: 1; } }
@font-face { font-family: oke-widget-icons; src: url("/cdn/shop/t/2/assets/cl-oke-oke-widget-icons.ttf") format("truetype"), url("/cdn/shop/t/2/assets/cl-oke-oke-widget-icons.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
.cl-sec-home-hero { --oke-widget-spaceAbove: 20px; --oke-widget-spaceBelow: 20px; --oke-starRating-spaceAbove: 0; --oke-starRating-spaceBelow: 0; --oke-button-backgroundColor: #000; --oke-button-backgroundColorHover: #000; --oke-button-backgroundColorActive: #000; --oke-button-textColor: #fff; --oke-button-textColorHover: #272d45; --oke-button-textColorActive: #fff; --oke-button-borderColor: #dbdde4; --oke-button-borderColorHover: #dbdde4; --oke-button-borderColorActive: #000; --oke-button-borderRadius: 4px; --oke-button-borderWidth: 1px; --oke-button-fontWeight: 700; --oke-button-fontSize: var(--oke-text-regular,14px); --oke-button-fontFamily: inherit; --oke-border-color: #e5e5eb; --oke-border-width: 1px; --oke-text-primaryColor: #000; --oke-text-secondaryColor: #070707; --oke-text-small: 12px; --oke-text-regular: 14px; --oke-text-large: 20px; --oke-text-fontFamily: inherit; --oke-avatar-size: 48px; --oke-avatar-backgroundColor: #e5e5eb; --oke-avatar-placeholderTextColor: #000; --oke-highlightColor: #000; --oke-shadingColor: #f7f7f8; --oke-productImageSize: 48px; --oke-attributeBar-shadingColor: #9a9db1; --oke-attributeBar-borderColor: undefined; --oke-attributeBar-backgroundColor: #d3d4dd; --oke-attributeBar-markerColor: #000; --oke-filter-backgroundColor: #fff; --oke-filter-backgroundColorActive: #676986; --oke-filter-borderColor: #dbdde4; --oke-filter-borderColorActive: #676986; --oke-filter-textColor: #000; --oke-filter-textColorActive: #fff; --oke-filter-borderRadius: 100px; --oke-filter-searchHighlightColor: #999; --oke-mediaGrid-chevronColor: #676986; --oke-stars-foregroundColor: #161616; --oke-stars-backgroundColor: #e5e5e5; --oke-stars-borderWidth: 0; }
.cl-sec-home-hero { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 15px; --menu-backfill-height: auto; }
/* ==== home-hero [vm] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-hero { --kl-reviews-color-light-gray: #e9e9eb; }
/* ==== home-tabs [vd] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-tabs .product-grid-item .product__grid__info, .cl-sec-home-tabs .product-grid-item .product__grid__title, .cl-sec-home-tabs .product-grid-item .product__grid__price, .cl-sec-home-tabs .product-grid-item .product__grid__cutline { font-family: var(--FONT-STACK-PRODUCT-CARD); }
.cl-sec-home-tabs .product-grid-item .price.on-sale, .cl-sec-home-tabs .product__price--sale { color: rgb(214, 84, 97) !important; }
.cl-sec-home-tabs .product-grid-item .compare-at, .cl-sec-home-tabs .product__price--compare, .cl-sec-home-tabs [data-compare-price] { color: rgb(153, 153, 153) !important; }
.cl-sec-home-tabs { --LAYOUT-WIDTH: 1200px; --LAYOUT-GUTTER: 20px; --LAYOUT-GUTTER-OFFSET: -20px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 36px; --COLOR-VIDEO-BG: #ffe9da; --COLOR-BG: #FFF8F3; --COLOR-BG-ACCENT: #fae9de; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #222222; --COLOR-TEXT-LIGHT: #646261; --COLOR-PRIMARY: #D65461; --COLOR-PRIMARY-HOVER: #c31a2b; --COLOR-PRIMARY-FADE: rgba(214, 84, 97, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(214, 84, 97, 0.1); --COLOR-PRIMARY-OPPOSITE: #ffffff; --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1); --COLOR-SECONDARY-OPPOSITE: #ffffff; --COLOR-A5: rgba(34, 34, 34, 0.05); --COLOR-A10: rgba(34, 34, 34, 0.1); --COLOR-A20: rgba(34, 34, 34, 0.2); --COLOR-A35: rgba(34, 34, 34, 0.35); --COLOR-A50: rgba(34, 34, 34, 0.5); --COLOR-A80: rgba(34, 34, 34, 0.8); --COLOR-A90: rgba(34, 34, 34, 0.9); --COLOR-A95: rgba(34, 34, 34, 0.95); --INVERSE-BG: #d65461; --INVERSE-BG-ACCENT: #222324; --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #f3ccd0; --INVERSE-PRIMARY: #fcd8c8; --INVERSE-PRIMARY-HOVER: #ffa278; --INVERSE-PRIMARY-FADE: rgba(252, 216, 200, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(252, 216, 200, 0.1); --INVERSE-PRIMARY-OPPOSITE: #000000; --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1); --INVERSE-SECONDARY-OPPOSITE: #000000; --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); --BRIGHT-BG: #d3836a; --BRIGHT-BG-ACCENT: #2693cf; --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #f2dad2; --BRIGHT-PRIMARY: #2693cf; --BRIGHT-PRIMARY-HOVER: #0e699b; --BRIGHT-PRIMARY-FADE: rgba(38, 147, 207, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(38, 147, 207, 0.1); --BRIGHT-PRIMARY-OPPOSITE: #000000; --BRIGHT-SECONDARY: #f4a482; --BRIGHT-SECONDARY-HOVER: #fd6b2c; --BRIGHT-SECONDARY-FADE: rgba(244, 164, 130, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(244, 164, 130, 0.1); --BRIGHT-SECONDARY-OPPOSITE: #000000; --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); --COLOR-ANNOUNCEMENT-BG: #D65461; --COLOR-ANNOUNCEMENT-TEXT: #FAE9DE; --COLOR-NAV: #FFF8F3; --COLOR-NAV-TEXT: #222222; --COLOR-NAV-TEXT-DARK: #000000; --COLOR-NAV-TEXT-LIGHT: #646261; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(34, 34, 34, 0.1); --COLOR-NAV-A50: rgba(34, 34, 34, 0.5); --COLOR-HIGHLIGHT-LINK: #d65461; --COLOR-FOOTER-BG: #d65461; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); --COLOR-SUB-FOOTER-BG: #2e3438; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); --PRODUCT-GRID-ASPECT-RATIO: 90.0%; --COLOR-BADGE: #ffffff; --COLOR-BADGE-TEXT: #656565; --COLOR-BADGE-TEXT-DARK: #453939; --COLOR-BADGE-TEXT-HOVER: #8b8b8b; --COLOR-BADGE-HAIRLINE: #f7f7f7; --COLOR-PRODUCT-SLIDER: #ffffff; --COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06); --COLOR-DISABLED-BG: #e9e3de; --COLOR-DISABLED-TEXT: #b2adaa; --INVERSE-DISABLED-BG: #da6571; --INVERSE-DISABLED-TEXT: #e49098; --RGB-CANVAS: 255 248 243; --RGB-CONTENT: 34 34 34; --RGB-PRIMARY: 214 84 97; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 214 84 97; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 252 216 200; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 211 131 106; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 38 147 207; --RGB-BRIGHT-SECONDARY: 244 164 130; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; --BUTTON-RADIUS: 0px; --ICON-STROKE-WIDTH: 2px; --FONT-STACK-BODY: Barlow, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --FONT-ADJUST-BODY: 1.0; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-PRODUCT-CARD: var(--FONT-STACK-BODY); --FONT-STACK-HEADING: "Gowun Batang", serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 400; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 1.0; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.09em; --FONT-STACK-ACCENT: Archivo, serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 500; --FONT-WEIGHT-ACCENT-BOLD: 600; --FONT-ADJUST-ACCENT: 1.0; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.09em; --TYPE-STACK-NAV: Archivo, sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 1.0; --TYPE-WEIGHT-NAV: 500; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.09em; --TYPE-STACK-BUTTON: Archivo, sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.0; --TYPE-WEIGHT-BUTTON: 600; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.09em; --TYPE-STACK-KICKER: Archivo, sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.0; --TYPE-WEIGHT-KICKER: 600; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.09em; --ICO-SELECT: url({{ 'cl-ff3a3308-ico-select.svg' | asset_url }}); --PHOTO-CORRECTION: 100%; }
.cl-sec-home-tabs { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10: 32px; --font-11: 37px; --font-12: 43px; --font-13: 49px; --font-14: 57px; --font-15: 67px; }
@media only screen and (min-width: 480px) and (max-width: 1099px) { .cl-sec-home-tabs { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10: 34px; --font-11: 40px; --font-12: 47px; --font-13: 56px; --font-14: 65px; --font-15: 77px; } }
@media only screen and (min-width: 1100px) { .cl-sec-home-tabs { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10: 48px; --font-11: 58px; --font-12: 71px; --font-13: 87px; --font-14: 106px; --font-15: 129px; } }
.cl-sec-home-tabs .flickity-disabled-mobile::after { font-size: 0px; line-height: 0; position: absolute; display: none; content: "flickity" !important; }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs .flickity-disabled-mobile::after { content: "" !important; } }
.cl-sec-home-tabs .flickity-enabled { position: relative; }
.cl-sec-home-tabs .flickity-enabled:focus { outline: none; }
.cl-sec-home-tabs .flickity-viewport { overflow: hidden; position: relative; height: 100%; width: 100%; }
.cl-sec-home-tabs .flickity-slider { position: absolute; left: 0px; width: 100%; height: 100%; touch-action: pan-y; user-select: none; -webkit-user-drag: none; }
.cl-sec-home-tabs .flickity-cell { position: absolute !important; left: 0px; }
.cl-sec-home-tabs .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; user-select: none; }
.cl-sec-home-tabs .flickity-enabled.is-draggable .flickity-viewport { cursor: grab; }
.cl-sec-home-tabs .flickity-button { position: absolute; background: rgba(255, 255, 255, 0.75); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--text); }
.cl-sec-home-tabs .flickity-button:hover { background: rgb(255, 255, 255); cursor: pointer; }
.cl-sec-home-tabs .flickity-button:focus { outline: none; }
.cl-sec-home-tabs .flickity-button:active { opacity: 0.6; }
.cl-sec-home-tabs .flickity-button:disabled { opacity: 0.3; cursor: auto; pointer-events: none; }
.cl-sec-home-tabs .flickity-button-icon { fill: currentcolor; }
.cl-sec-home-tabs .flickity-prev-next-button { top: 50%; width: 36px; height: 36px; border-radius: 50%; transform: translateY(-50%); }
.cl-sec-home-tabs .flickity-prev-next-button.previous { left: 10px; }
.cl-sec-home-tabs .flickity-prev-next-button.next { right: 10px; }
.cl-sec-home-tabs .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 33%; top: 33%; width: 35%; height: 35%; }
.cl-sec-home-tabs [data-carousel] + * { margin-top: max(var(--gutter),20px); }
.cl-sec-home-tabs [data-carousel] .flickity-button { position: absolute; top: var(--buttons-top); width: 36px; height: 36px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: var(--hairline); color: var(--text); transform: translateY(-50%); transition: 0.3s; }
.cl-sec-home-tabs [data-carousel] .flickity-button svg { position: absolute; left: 33%; top: 33%; width: 35%; height: 35%; fill: currentcolor; }
.cl-sec-home-tabs [data-carousel] .flickity-button.next, .cl-sec-home-tabs [data-carousel].flickity-rtl .flickity-button.previous { right: -70px; }
.cl-sec-home-tabs [data-carousel] .flickity-button.previous, .cl-sec-home-tabs [data-carousel].flickity-rtl .flickity-button.next { left: -70px; }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-carousel] .slide-item:first-child { margin-left: max(var(--outer) - var(--gutter),0px); } }
.cl-sec-home-tabs *, .cl-sec-home-tabs ::before, .cl-sec-home-tabs ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
.cl-sec-home-tabs, .cl-sec-home-tabs :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
.cl-sec-home-tabs { margin: 0px; line-height: inherit; }
.cl-sec-home-tabs h1, .cl-sec-home-tabs h2, .cl-sec-home-tabs h3, .cl-sec-home-tabs h4, .cl-sec-home-tabs h5, .cl-sec-home-tabs h6 { font-size: inherit; font-weight: inherit; }
.cl-sec-home-tabs a { color: inherit; text-decoration: inherit; }
.cl-sec-home-tabs button, .cl-sec-home-tabs input, .cl-sec-home-tabs optgroup, .cl-sec-home-tabs select, .cl-sec-home-tabs textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
.cl-sec-home-tabs button, .cl-sec-home-tabs select { text-transform: none; }
.cl-sec-home-tabs button, .cl-sec-home-tabs input:where([type="button"]), .cl-sec-home-tabs input:where([type="reset"]), .cl-sec-home-tabs input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
.cl-sec-home-tabs blockquote, .cl-sec-home-tabs dl, .cl-sec-home-tabs dd, .cl-sec-home-tabs h1, .cl-sec-home-tabs h2, .cl-sec-home-tabs h3, .cl-sec-home-tabs h4, .cl-sec-home-tabs h5, .cl-sec-home-tabs h6, .cl-sec-home-tabs hr, .cl-sec-home-tabs figure, .cl-sec-home-tabs p, .cl-sec-home-tabs pre { margin: 0px; }
.cl-sec-home-tabs input::placeholder, .cl-sec-home-tabs textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
.cl-sec-home-tabs button, .cl-sec-home-tabs [role="button"] { cursor: pointer; }
.cl-sec-home-tabs :disabled { cursor: default; }
.cl-sec-home-tabs img, .cl-sec-home-tabs svg, .cl-sec-home-tabs video, .cl-sec-home-tabs canvas, .cl-sec-home-tabs audio, .cl-sec-home-tabs iframe, .cl-sec-home-tabs embed, .cl-sec-home-tabs object { display: block; vertical-align: middle; }
.cl-sec-home-tabs img, .cl-sec-home-tabs video { max-width: 100%; height: auto; }
.cl-sec-home-tabs { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 20px; --space-9: 25px; --space-10: 32px; --space-11: 40px; --space-12: 50px; --space-13: 60px; --space-14: 80px; --space-15: 120px; }
@media (min-width: 768px) { .cl-sec-home-tabs { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 15px; --space-7: 18px; --space-8: 22px; --space-9: 27px; --space-10: 35px; --space-11: 45px; --space-12: 56px; --space-13: 75px; --space-14: 105px; --space-15: 150px; } }
@media (min-width: 1100px) { .cl-sec-home-tabs { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 16px; --space-7: 20px; --space-8: 24px; --space-9: 32px; --space-10: 38px; --space-11: 50px; --space-12: 68px; --space-13: 96px; --space-14: 128px; --space-15: 192px; } }
.cl-sec-home-tabs { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --highlight-initial-position-x: 50%; --highlight-position-y: 50%; --highlight-height: 100%; }
.cl-sec-home-tabs *, .cl-sec-home-tabs ::before, .cl-sec-home-tabs ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.cl-sec-home-tabs .type-accent { --font-adjust: var(--FONT-ADJUST-ACCENT); --font-family: var(--FONT-STACK-ACCENT); --font-style: var(--FONT-STYLE-ACCENT); --font-weight: var(--FONT-WEIGHT-ACCENT); --font-weight-bold: var(--FONT-WEIGHT-ACCENT-BOLD); --font-transform: var(--FONT-ACCENT-TRANSFORM); --font-letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); font-family: var(--font-family); font-style: var(--font-style); font-weight: var(--font-weight, var(--font-weight-normal)); text-transform: var(--font-transform); letter-spacing: var(--font-letter-spacing); }
.cl-sec-home-tabs .pointer-events-none { pointer-events: none; }
.cl-sec-home-tabs .pointer-events-auto { pointer-events: auto; }
.cl-sec-home-tabs .absolute { position: absolute; }
.cl-sec-home-tabs .relative { position: relative; }
.cl-sec-home-tabs .bottom-0 { bottom: 0px; }
.cl-sec-home-tabs .bottom-\[calc\(var\(--inner\)\/2\)\] { bottom: calc(var(--inner) / 2); }
.cl-sec-home-tabs .left-0 { left: 0px; }
.cl-sec-home-tabs .left-\[calc\(var\(--inner\)\/2\)\] { left: calc(var(--inner) / 2); }
.cl-sec-home-tabs .right-0 { right: 0px; }
.cl-sec-home-tabs .right-\[calc\(var\(--inner\)\/2\)\] { right: calc(var(--inner) / 2); }
.cl-sec-home-tabs .top-0 { top: 0px; }
.cl-sec-home-tabs .top-\[calc\(var\(--inner\)\/2\)\] { top: calc(var(--inner) / 2); }
.cl-sec-home-tabs .top-auto { top: auto; }
.cl-sec-home-tabs .mb-r11 { margin-bottom: var(--space-11); }
.cl-sec-home-tabs .block { display: block; }
.cl-sec-home-tabs .inline-block { display: inline-block; }
.cl-sec-home-tabs .flex { display: flex; }
.cl-sec-home-tabs .hidden { display: none; }
.cl-sec-home-tabs .h-full { height: 100%; }
.cl-sec-home-tabs .max-h-full { max-height: 100%; }
.cl-sec-home-tabs .min-h-\[40px\] { min-height: 40px; }
.cl-sec-home-tabs .w-full { width: 100%; }
.cl-sec-home-tabs .w-r12 { width: var(--space-12); }
.cl-sec-home-tabs .min-w-\[40px\] { min-width: 40px; }
.cl-sec-home-tabs .origin-bottom { transform-origin: center bottom; }
.cl-sec-home-tabs .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cl-sec-home-tabs .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cl-sec-home-tabs .flex-row { flex-direction: row; }
.cl-sec-home-tabs .flex-col { flex-direction: column; }
.cl-sec-home-tabs .flex-wrap { flex-wrap: wrap; }
.cl-sec-home-tabs .items-end { align-items: flex-end; }
.cl-sec-home-tabs .items-center { align-items: center; }
.cl-sec-home-tabs .justify-end { justify-content: flex-end; }
.cl-sec-home-tabs .justify-center { justify-content: center; }
.cl-sec-home-tabs .space-x-r2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(var(--space-2) * var(--tw-space-x-reverse)); margin-left: calc(var(--space-2) * calc(1 - var(--tw-space-x-reverse))); }
.cl-sec-home-tabs .overflow-hidden { overflow: hidden; }
.cl-sec-home-tabs .overflow-scroll { overflow: scroll; }
.cl-sec-home-tabs .whitespace-nowrap { white-space: nowrap; }
.cl-sec-home-tabs .bg-button { --tw-bg-opacity: 1; background-color: rgb(var(--rgb-button-main) / var(--tw-bg-opacity)); }
.cl-sec-home-tabs .object-cover { object-fit: cover; }
.cl-sec-home-tabs .px-r4 { padding-left: var(--space-4); padding-right: var(--space-4); }
.cl-sec-home-tabs .py-r4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
.cl-sec-home-tabs .text-r2 { font-size: calc(var(--font-2) * var(--font-adjust, 1)); line-height: var(--leading-relaxed); }
.cl-sec-home-tabs .text-r3 { font-size: calc(var(--font-3) * var(--font-adjust, 1)); line-height: var(--leading-normal); }
.cl-sec-home-tabs .font-bold { font-weight: var(--font-weight-bold); }
.cl-sec-home-tabs .text-button-contrast { --tw-text-opacity: 1; color: rgb(var(--rgb-button-contrast) / var(--tw-text-opacity)); }
.cl-sec-home-tabs .line-through { text-decoration-line: line-through; }
.cl-sec-home-tabs .opacity-100 { opacity: 1; }
.cl-sec-home-tabs .opacity-70 { opacity: 0.7; }
.cl-sec-home-tabs .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, visibility, -webkit-backdrop-filter; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-tabs .transition-opacity { transition-property: opacity; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-tabs .delay-\[--exit-animation-duration\] { transition-delay: var(--exit-animation-duration); }
.cl-sec-home-tabs .delay-\[calc\(var\(--exit-animation-duration\)\)\] { transition-delay: calc(var(--exit-animation-duration)); }
.cl-sec-home-tabs .duration-300 { transition-duration: 0.3s; }
.cl-sec-home-tabs .duration-\[--enter-animation-duration\] { transition-duration: var(--enter-animation-duration); }
.cl-sec-home-tabs .duration-\[--exit-animation-duration\] { transition-duration: var(--exit-animation-duration); }
.cl-sec-home-tabs .scrollbar-hide { scrollbar-width: none; }
.cl-sec-home-tabs .text-center { text-align: center !important; }
@supports (aspect-ratio: auto) { .cl-sec-home-tabs .aspect-\[--wh-ratio\] { aspect-ratio: var(--wh-ratio); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-tabs .aspect-\[--wh-ratio\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-tabs .aspect-\[--wh-ratio\]::after { content: ""; display: table; clear: both; } }
@supports (aspect-ratio: auto) { .cl-sec-home-tabs .aspect-square { aspect-ratio: 1 / 1; } }
@supports not (aspect-ratio: auto) { .cl-sec-home-tabs .aspect-square::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: 100%; } }
@supports not (aspect-ratio: auto) { .cl-sec-home-tabs .aspect-square::after { content: ""; display: table; clear: both; } }
.cl-sec-home-tabs { line-height: var(--leading-norma); font-family: var(--FONT-STACK-BODY); }
.cl-sec-home-tabs *, .cl-sec-home-tabs input, .cl-sec-home-tabs ::before, .cl-sec-home-tabs ::after { box-sizing: border-box; }
.cl-sec-home-tabs, .cl-sec-home-tabs { padding: 0px; margin: 0px; }
.cl-sec-home-tabs { min-height: var(--full-screen); display: flex; flex-direction: column; }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs .small-down--show { display: block !important; } }
.cl-sec-home-tabs [data-grid] { position: relative; width: calc(100% - var(--gutter-offset)); margin: 0 calc(var(--gutter-offset) / 2); }
.cl-sec-home-tabs [data-grid]:not([data-grid-no-gutters]) [data-item] { padding: 0 calc(var(--gutter) / 2); }
.cl-sec-home-tabs [data-grid][data-grid-large] [data-item] { width: calc(100% / var(--grid-large-items)); }
@media only screen and (max-width: 1099px) { .cl-sec-home-tabs [data-grid][data-grid-large] [data-item] { width: 25%; } }
@media only screen and (max-width: 1099px) { .cl-sec-home-tabs [data-grid][data-grid-medium] [data-item] { width: calc(100% / var(--grid-medium-items)); } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-grid]:not([data-grid-no-gutters]), .cl-sec-home-tabs [data-grid][data-grid-no-gutters], .cl-sec-home-tabs [data-grid] { position: relative; width: calc(100% + var(--outer) * 2); margin: 0 var(--outer-offset); padding-right: 0px; padding-left: var(--outer); scroll-padding: var(--outer); } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-grid]:not([data-grid-no-gutters])::after, .cl-sec-home-tabs [data-grid][data-grid-no-gutters]::after, .cl-sec-home-tabs [data-grid]::after { content: ""; display: block; padding-right: var(--outer); position: relative; } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-grid]:not([data-grid-no-gutters]) [data-item], .cl-sec-home-tabs [data-grid][data-grid-no-gutters] [data-item], .cl-sec-home-tabs [data-grid] [data-item] { padding: 0px; margin-left: 0px; } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-grid]:not([data-grid-no-gutters]).flickity-enabled, .cl-sec-home-tabs [data-grid][data-grid-no-gutters].flickity-enabled, .cl-sec-home-tabs [data-grid].flickity-enabled { padding-right: var(--outer); } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-grid]:not([data-grid-no-gutters]).flickity-enabled [data-item], .cl-sec-home-tabs [data-grid][data-grid-no-gutters].flickity-enabled [data-item], .cl-sec-home-tabs [data-grid].flickity-enabled [data-item] { width: calc(100% / var(--grid-small-items) - var(--gutter) / var(--grid-small-items) * (var(--grid-small-items) - 1)); } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-grid]:not([data-grid-no-gutters]) .flickity-viewport, .cl-sec-home-tabs [data-grid][data-grid-no-gutters] .flickity-viewport, .cl-sec-home-tabs [data-grid] .flickity-viewport { overflow: visible; } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-grid]:not([data-grid-no-gutters]) [data-item], .cl-sec-home-tabs [data-grid][data-grid-no-gutters] .grid__item { margin-inline-end: calc(var(--gutter) + 1px); } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-grid]:not([data-grid-no-gutters]) [data-item]:last-child, .cl-sec-home-tabs [data-grid][data-grid-no-gutters] .grid__item:last-child { margin-inline-end: 0px; } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-grid][data-grid-large] [data-item], .cl-sec-home-tabs [data-grid][data-grid-medium] [data-item] { width: 50%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-grid][data-grid-small] [data-item] { width: calc((100% - var(--outer)) / var(--grid-small-items) - (var(--gutter) - 1px / var(--grid-small-items) * (var(--grid-small-items) - 1))); } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-custom-scrollbar-items] { margin-right: calc(var(--outer) * -1); margin-left: calc(var(--outer) * -1); scroll-snap-type: x mandatory; overflow: auto hidden; display: flex; scroll-behavior: smooth; scrollbar-width: none; touch-action: auto; scroll-padding: max(var(--outer) - var(--IMAGE-SPACING),0px); flex-flow: row !important; } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-custom-scrollbar-items] > * { flex: 0 0 auto; scroll-snap-align: start; } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs [data-custom-scrollbar-items]::after { content: ""; display: block; position: relative; padding: 0 calc(max(var(--outer) - var(--IMAGE-SPACING),0px)/2); } }
.cl-sec-home-tabs { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; }
.cl-sec-home-tabs { font-size: 16px; scroll-behavior: smooth; --scroll-behavior: smooth; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-tabs { font-size: 15px; } }
@media only screen and (max-width: 479px) { .cl-sec-home-tabs { font-size: 14px; } }
.cl-sec-home-tabs { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: var(--text); }
.cl-sec-home-tabs, .cl-sec-home-tabs input, .cl-sec-home-tabs textarea, .cl-sec-home-tabs select, .cl-sec-home-tabs .popout__toggle { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); color: var(--text); }
.cl-sec-home-tabs h1, .cl-sec-home-tabs h2, .cl-sec-home-tabs h3, .cl-sec-home-tabs h4, .cl-sec-home-tabs h5, .cl-sec-home-tabs h6 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-tabs h2 { font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-tight); }
.cl-sec-home-tabs h1, .cl-sec-home-tabs h2, .cl-sec-home-tabs h3, .cl-sec-home-tabs h4, .cl-sec-home-tabs h5, .cl-sec-home-tabs h6 { margin: 0px 0px 0.75em; }
.cl-sec-home-tabs p { margin: 0px; }
.cl-sec-home-tabs { --gutter: var(--LAYOUT-GUTTER); --outer: var(--LAYOUT-OUTER); --inner: 20px; --nav-gutter: var(--NAV-GUTTER); --gutter-offset: var(--LAYOUT-GUTTER-OFFSET); --outer-offset: calc(var(--LAYOUT-OUTER) * -1); --radius-sm: 3px; --radius-md: 12px; --radius-lg: 36px; --page-width: var(--LAYOUT-WIDTH); --grid-xl: 50px; --grid-lg: 32px; --grid-md: 22px; --grid-sm: 16px; --grid-0: 0px; --grid-standard-page-margin: var(--outer); --grid-standard-gutter: var(--gutter); --grid-page-margin: var(--grid-standard-page-margin); --grid-gutter: var(--grid-standard-gutter); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-tabs { --grid-xl: 32px; --grid-lg: 22px; --grid-md: 18px; --grid-sm: 12px; --inner: 18px; --gutter: calc(var(--LAYOUT-GUTTER) * .8); --outer: calc(var(--LAYOUT-OUTER) * .8); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8); --outer-offset: calc(var(--LAYOUT-OUTER) * -.8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs { --grid-xl: 22px; --grid-lg: 22px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: calc(var(--LAYOUT-GUTTER) * .6); --outer: calc(var(--LAYOUT-OUTER) * .6); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .6); --outer-offset: calc(var(--LAYOUT-OUTER) * -.6); } }
@media only screen and (max-width: 479px) { .cl-sec-home-tabs { --grid-xl: 16px; --grid-lg: 16px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: max(calc(var(--LAYOUT-GUTTER) * .6), 16px); --outer: 16px; --gutter-offset: min(calc(var(--LAYOUT-GUTTER-OFFSET) * .6), -16px); --outer-offset: -16px; } }
.cl-sec-home-tabs { --max-w-page: var(--LAYOUT-WIDTH); --max-w-page-narrow: 50%; --max-w-page-tiny: 33%; }
@media only screen and (max-width: 1099px) { .cl-sec-home-tabs { --max-w-page-narrow: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs { --max-w-page-narrow: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1399px) { .cl-sec-home-tabs { --max-w-page-tiny: 45%; } }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-tabs { --max-w-page-tiny: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-tabs { --max-w-page-tiny: 66%; } }
@media only screen and (max-width: 479px) { .cl-sec-home-tabs { --max-w-page-tiny: 100%; } }
.cl-sec-home-tabs [tabindex="-1"]:focus { outline: none; }
.cl-sec-home-tabs .wrapper, .cl-sec-home-tabs .wrapper .grandparent .header__dropdown__wrapper { width: 100%; max-width: var(--LAYOUT-WIDTH); margin: 0px auto; padding-left: var(--outer); padding-right: var(--outer); }
.cl-sec-home-tabs .wrapper::after, .cl-sec-home-tabs .wrapper .grandparent .header__dropdown__wrapper::after { content: ""; display: table; clear: both; }
.cl-sec-home-tabs .hero__content__wrapper.section-padding, .cl-sec-home-tabs .brick__section .section-padding, .cl-sec-home-tabs .section-padding, .cl-sec-home-tabs .section-without-title:not(.section-without-title--skip) { --padding-top: var(--PT); --padding-bottom: var(--PB); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-tabs .hero__content__wrapper.section-padding, .cl-sec-home-tabs .brick__section .section-padding, .cl-sec-home-tabs .section-padding, .cl-sec-home-tabs .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .8); --padding-bottom: calc(var(--PB) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs .hero__content__wrapper.section-padding, .cl-sec-home-tabs .brick__section .section-padding, .cl-sec-home-tabs .section-padding, .cl-sec-home-tabs .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .6); --padding-bottom: calc(var(--PB) * .6); } }
.cl-sec-home-tabs .icon-theme { display: flex; align-items: center; width: 1em; height: 1em; }
.cl-sec-home-tabs .icon-theme-stroke { fill: none; stroke: currentcolor; stroke-miterlimit: 10; stroke-width: var(--ICON-STROKE-WIDTH); }
.cl-sec-home-tabs .icon-cart-full { fill: none; stroke: none; stroke-width: 0; }
.cl-sec-home-tabs .btn-state-ready { transition: color 0.2s, opacity 0.2s, visibility 0.2s; }
.cl-sec-home-tabs [data-add-to-cart] { position: relative; }
.cl-sec-home-tabs .btn-state-loading { visibility: hidden; position: absolute; top: 50%; left: 50%; z-index: 2; opacity: 0; transform: translate(-50%, -50%); transition: opacity 0.2s, visibility 0.2s; }
.cl-sec-home-tabs .btn-state-complete { visibility: hidden; position: absolute; top: 50%; left: 50%; width: 14px; height: 8px; border-left: 1px solid var(--primary); border-bottom: 1px solid var(--primary); margin-top: -2px; transform: translate(-50%, -50%) rotate(-45deg); opacity: 0; transition: opacity 0.2s, visibility 0.2s; }
.cl-sec-home-tabs a, .cl-sec-home-tabs .text-link-bare { color: currentcolor; text-decoration: none; background: transparent; }
.cl-sec-home-tabs a:hover, .cl-sec-home-tabs a:focus, .cl-sec-home-tabs .text-link-bare:hover, .cl-sec-home-tabs .text-link-bare:focus { color: currentcolor; }
.cl-sec-home-tabs form { margin-bottom: var(--gutter); }
.cl-sec-home-tabs form:last-child { margin-bottom: 0px; }
@media only screen and (max-width: 767px) { .cl-sec-home-tabs input, .cl-sec-home-tabs textarea, .cl-sec-home-tabs select, .cl-sec-home-tabs .popout__toggle { font-size: 16px; } }
.cl-sec-home-tabs button, .cl-sec-home-tabs input[type="text"], .cl-sec-home-tabs input[type="search"], .cl-sec-home-tabs input[type="password"], .cl-sec-home-tabs input[type="email"], .cl-sec-home-tabs input[type="file"], .cl-sec-home-tabs input[type="number"], .cl-sec-home-tabs input[type="tel"], .cl-sec-home-tabs input[type="submit"], .cl-sec-home-tabs input[type="url"], .cl-sec-home-tabs .quantity__wrapper input, .cl-sec-home-tabs textarea { appearance: none; }
.cl-sec-home-tabs input, .cl-sec-home-tabs textarea, .cl-sec-home-tabs select, .cl-sec-home-tabs .popout__toggle, .cl-sec-home-tabs fieldset { border-radius: var(--radius-sm); max-width: 100%; }
.cl-sec-home-tabs input, .cl-sec-home-tabs select, .cl-sec-home-tabs .popout__toggle, .cl-sec-home-tabs textarea { padding: 8px 10px; font-family: inherit; line-height: 1.42; }
.cl-sec-home-tabs input { display: inline-block; width: auto; }
.cl-sec-home-tabs button, .cl-sec-home-tabs input[type="submit"] { cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit; }
.cl-sec-home-tabs button { background-color: transparent; overflow: visible; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: inherit; }
.cl-sec-home-tabs button[disabled], .cl-sec-home-tabs input[disabled] { cursor: default; }
.cl-sec-home-tabs { --OPTION-SIZE-SWATCH: 34px; --OPTION-SIZE-RADIO: 50px; }
.cl-sec-home-tabs img { border: 0px; }
.cl-sec-home-tabs svg:not(:root) { overflow: hidden; }
.cl-sec-home-tabs { --placeholder-bg: #eeeeee; --placeholder-fill: #B4B6B9; }
.cl-sec-home-tabs .text-center { text-align: center; }
.cl-sec-home-tabs .visually-hidden, .cl-sec-home-tabs [data-shopify-xr-hidden] { overflow: hidden; clip: rect(0px, 0px, 0px, 0px); height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px; position: absolute !important; }
.cl-sec-home-tabs .is-hidden { visibility: hidden; max-height: 0px; overflow: hidden; opacity: 0; transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-tabs :not(.no-js) body:not(.focus-enabled) :focus { outline: none; }
.cl-sec-home-tabs .svg-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.cl-sec-home-tabs .svg-loader circle { stroke-width: 1; stroke: var(--border); fill: none; }
.cl-sec-home-tabs .svg-loader circle ~ circle { stroke: var(--text); stroke-dashoffset: 88; animation: 1s linear 0s infinite normal none paused animate-svg; }
.cl-sec-home-tabs .kicker-flourished { font-family: var(--TYPE-STACK-KICKER); font-style: var(--TYPE-STYLE-KICKER); font-weight: var(--TYPE-WEIGHT-KICKER); text-transform: var(--FONT-KICKER-TRANSFORM); letter-spacing: var(--FONT-KICKER-LETTER-SPACING); font-size: calc(var(--font-4) * var(--TYPE-ADJUST-KICKER)); color: var(--text); padding-bottom: var(--inner); position: relative; text-align: center; }
.cl-sec-home-tabs .kicker-flourished::after { content: ""; width: 30px; height: 3px; position: absolute; bottom: 0px; inset-inline: 0px; margin-inline-start: var(--kicker-flourish-left, auto); margin-inline-end: var(--kicker-flourish-right, auto); background: var(--text); opacity: 0.2; }
.cl-sec-home-tabs .text-center, .cl-sec-home-tabs .align--top-center, .cl-sec-home-tabs .align--middle-center, .cl-sec-home-tabs .align--bottom-center { --kicker-flourish-left: auto; --kicker-flourish-right: auto; }
.cl-sec-home-tabs .palette--light, .cl-sec-home-tabs { --bg: var(--COLOR-BG); --bg-accent: var(--COLOR-BG-ACCENT); --text-dark: var(--COLOR-TEXT-DARK); --text: var(--COLOR-TEXT); --text-light: var(--COLOR-TEXT-LIGHT); --hover: var(--COLOR-A95); --muted: var(--COLOR-A35); --border: var(--COLOR-A20); --hairline: var(--COLOR-A5); --hairline-hover: var(--COLOR-A10); --contrast: #000; --primary: var(--COLOR-PRIMARY); --primary-fade: var(--COLOR-PRIMARY-FADE); --secondary: var(--COLOR-SECONDARY); --secondary-fade: var(--COLOR-SECONDARY-FADE); --rgb-canvas: var(--RGB-CANVAS); --rgb-content: var(--RGB-CONTENT); --rgb-primary: var(--RGB-PRIMARY); --rgb-secondary: var(--RGB-SECONDARY); --rgb-primary-contrast: var(--RGB-PRIMARY-CONTRAST); --rgb-secondary-contrast: var(--RGB-SECONDARY-CONTRAST); --rgb-black: 0 0 0; --rgb-white: 255 255 255; --rgb-black-contrast: var(--rgb-white); --rgb-white-contrast: var(--rgb-black); --rgb-canvas-contrast: var(--rgb-content); --rgb-content-contrast: var(--rgb-canvas); --rgb-button-main: var(--rgb-content); --rgb-button-contrast: var(--rgb-content-contrast); --color-error: #D02E2E; --color-success: #56AD6A; }
.cl-sec-home-tabs .palette--dark, .cl-sec-home-tabs .palette--light, .cl-sec-home-tabs .palette--bright, .cl-sec-home-tabs .main-content { color: var(--text); background-color: var(--bg); }
.cl-sec-home-tabs .bg--neutral { --bg: var(--COLOR-BG); }
.cl-sec-home-tabs .stain-button-canvas { --rgb-button-main: var(--rgb-canvas); --rgb-button-contrast: var(--rgb-content); }
.cl-sec-home-tabs { --full-screen: 100vh; --three-quarters: 75vh; --two-thirds: 66vh; --one-half: 50vh; --one-third: 33vh; --one-fifth: 20vh; --header-height: 100px; --footer-height: 500px; --announcement-height: 33px; --content-full: 90vh; --scrollbar-width: 0; }
.cl-sec-home-tabs { --ease-out-fast: cubic-bezier(.215, .61, .355, 1); --ease-out-sharp: cubic-bezier(.25, .1, .25, 1); }
@media print { .cl-sec-home-tabs p, .cl-sec-home-tabs h2, .cl-sec-home-tabs h3 { orphans: 3; widows: 3; } }
@media print { .cl-sec-home-tabs h2, .cl-sec-home-tabs h3 { break-after: avoid; } }
@media print { .cl-sec-home-tabs, .cl-sec-home-tabs { background-color: rgb(255, 255, 255); } }
.cl-sec-home-tabs .tabs__arrow { position: absolute; top: 50%; display: block; width: 26px; height: 26px; max-height: none; margin-top: -17px; border-radius: 0px; background: none; box-shadow: none; transition: 0.2s; }
.cl-sec-home-tabs .tabs__arrow::before { position: absolute; top: 50%; left: 0px; width: 100%; height: 200%; transform: translateY(-50%); background: linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--bg) 20%); content: ""; }
.cl-sec-home-tabs .tabs__arrow::after { content: ""; display: inline-block; width: 8px; height: 8px; border-width: 0px 0px 2px 2px; border-style: solid; border-color: currentcolor; margin: -4px 0px 0px; vertical-align: middle; transform: rotate(-135deg); transform-origin: 50% 50%; transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-tabs .tabs__arrow--prev { left: 0px; transform: scaleX(-1); }
.cl-sec-home-tabs .tabs__arrow--next { right: 0px; }
.cl-sec-home-tabs .tabs { display: block; overflow-x: auto; white-space: nowrap; margin: 0px; padding: 0px; list-style: none; position: relative; scrollbar-width: none; }
.cl-sec-home-tabs .tabs--center { text-align: center; }
.cl-sec-home-tabs .tab-link { background: none; color: var(--text-light); display: inline-block; padding: 10px 0px; margin: 0px 40px 0px 0px; font-weight: var(--FONT-WEIGHT-BODY); cursor: pointer; vertical-align: bottom; border-bottom: 3px solid transparent; }
.cl-sec-home-tabs .tab-link.current { border-bottom-color: var(--border); color: var(--text-dark); font-weight: var(--FONT-WEIGHT-BODY-BOLD); }
.cl-sec-home-tabs .tabs--center > .tab-link { margin: 0px 15px; }
.cl-sec-home-tabs .tabs--pill > .tab-link { font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); font-weight: var(--FONT-WEIGHT-ACCENT-BOLD); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT)); line-height: var(--leading-normal); color: var(--text); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 6px 16px; border-radius: 100px; margin: 0px; }
.cl-sec-home-tabs .tabs--pill > .tab-link.current { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--text); background-color: var(--hairline); }
.cl-sec-home-tabs .tab-content { visibility: hidden; position: absolute; top: 0px; width: 100%; opacity: 0; padding: 5px 15px 15px 0px; min-height: var(--space-13); }
.cl-sec-home-tabs .tab-content:not(.current) *, .cl-sec-home-tabs .tab-content:not(.current) { pointer-events: none !important; }
.cl-sec-home-tabs .tab-content.current { visibility: visible; position: static; opacity: 1; display: inherit; }
.cl-sec-home-tabs .tab__scroll, .cl-sec-home-tabs .accordion-content__holder, .cl-sec-home-tabs .tab-content__holder { position: relative; word-break: break-word; }
.cl-sec-home-tabs .frame, .cl-sec-home-tabs .section-recent, .cl-sec-home-tabs .section-list-collections, .cl-sec-home-tabs .section-related, .cl-sec-home-tabs .section-collection-tabs, .cl-sec-home-tabs .section-carousel, .cl-sec-home-tabs .section-blog { position: relative; overflow: hidden; }
.cl-sec-home-tabs .collection-tabs { --buttons-top: 0; }
.cl-sec-home-tabs .collection-tabs .flickity-button { top: var(--buttons-top); }
@media only screen and (max-width: 479px) { .cl-sec-home-tabs .collection-tabs .flickity-prev-next-button { display: none; } }
.cl-sec-home-tabs .collection-tabs .flickity-prev-next-button.previous { left: -70px; }
.cl-sec-home-tabs .collection-tabs .flickity-prev-next-button.next { right: -70px; }
.cl-sec-home-tabs .collection-tabs .flickity-button { background: var(--hairline); color: var(--text); }
.cl-sec-home-tabs .collection-tabs .flickity-button:hover { background: var(--hairline-hover); }
.cl-sec-home-tabs .collection-tabs .tab-content { margin-top: var(--space-11); padding: 0px; }
.cl-sec-home-tabs .collection-tabs .tabs__arrow { height: 36px; }
.cl-sec-home-tabs .flickity-grid .product-grid-slide { position: relative; overflow: hidden; padding-left: calc(var(--outer) / 2); padding-right: calc(var(--outer) / 2); }
@media only screen and (max-width: 479px) { .cl-sec-home-tabs .flickity-grid .product-grid-slide { padding-right: 0px; padding-left: var(--outer); } }
.cl-sec-home-tabs .product-grid-slide .product-grid-item { width: 100%; }
.cl-sec-home-tabs .product-grid-item { position: relative; text-align: center; }
.cl-sec-home-tabs .product-grid-item a { display: block; }
.cl-sec-home-tabs .product-grid-item a:focus { outline: none; }
.cl-sec-home-tabs .on-sale { color: var(--primary); }
.cl-sec-home-tabs .compare-at { margin-top: calc(var(--gutter) / 2); color: var(--text-light); text-decoration: line-through !important; }
.cl-sec-home-tabs .product-grid-item .compare-at { margin-inline-start: 8px; }
.cl-sec-home-tabs .product__grid__info { position: relative; padding: 8px 0px 0px; }
.cl-sec-home-tabs .product__grid__info a { display: block; text-decoration: none; color: var(--text-dark); }
.cl-sec-home-tabs .product__grid__title { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY-BOLD); font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); margin: 8px 0px 2px; word-break: break-word; text-transform: none; letter-spacing: 0px; }
.cl-sec-home-tabs .product__grid__price { overflow: hidden; margin: 3px 0px; font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); }
.cl-sec-home-tabs .text-center .product__grid__price { justify-content: center; }
.cl-sec-home-tabs .product__grid__price--nowrap { display: flex; flex-flow: row; align-items: center; }
.cl-sec-home-tabs .product__grid__price--nowrap .compare-at { margin-top: 0px; }
.cl-sec-home-tabs .product__grid__price--nowrap .price, .cl-sec-home-tabs .product__grid__price--nowrap .compare-at { flex: 0 1 auto; white-space: nowrap; }
.cl-sec-home-tabs .product__grid__cutline { position: relative; display: inline-block; overflow: hidden; white-space: nowrap; padding-inline-end: 6px; margin-inline-end: 5px; text-overflow: ellipsis; max-width: 100%; vertical-align: top; }
.cl-sec-home-tabs .product__grid__cutline:empty { padding-inline-end: 0px; margin-inline-end: 0px; }
.cl-sec-home-tabs .product__grid__cutline::before { content: ""; position: absolute; top: 4px; bottom: 4px; inset-inline-end: 0px; border-inline-end: 1px solid currentcolor; }
.cl-sec-home-tabs .product-grid-item__container { position: relative; overflow: hidden; }
.cl-sec-home-tabs .product-grid-item__image-wrapper { background: var(--bg); display: block; position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.15s linear 0.15s, visibility 0.15s linear; }
.cl-sec-home-tabs .product-grid-item__image-wrapper.is-active { opacity: 1; visibility: visible; transition-delay: 0s; }
.cl-sec-home-tabs .product-grid-item__pagination { display: flex; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 5; padding: 12px 12px 15px; background: linear-gradient(to bottom,var(--COLOR-PRODUCT-SLIDER-OPPOSITE) 0%,rgba(255,255,255,0) 100%); opacity: 0; pointer-events: none; transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-tabs .product-grid-item__content:not(.is-mobile):hover .product-grid-item__pagination { opacity: 1; }
.cl-sec-home-tabs .product-grid-item__pagination span { --width: 100%; flex: 1 0 auto; position: relative; height: 2px; overflow: hidden; border-radius: 5px; margin: 0px 1px; font-size: 0px; transform: translateY(-5px); transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-tabs .product-grid-item__pagination span::before, .cl-sec-home-tabs .product-grid-item__pagination span::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--COLOR-PRODUCT-SLIDER); }
.cl-sec-home-tabs .product-grid-item__pagination span::before { opacity: 0.4; }
.cl-sec-home-tabs .product-grid-item__pagination span::after { width: var(--width); }
.cl-sec-home-tabs .product-grid-item:hover .product-grid-item__pagination span { transform: translateY(0px); }
.cl-sec-home-tabs .product-grid-item__pagination span.is-active { --width: 0%; }
.cl-sec-home-tabs .product-grid-item__pagination span.is-active ~ span { --width: 0% !important; }
.cl-sec-home-tabs .product-grid-item__error-display { display: none; position: absolute; top: 0px; right: 0px; left: 0px; z-index: 100; padding: calc(var(--inner) / 2); }
.cl-sec-home-tabs .collection-tabs { --offset: 50px; position: relative; }
@media only screen and (min-width: 480px) { .cl-sec-home-tabs .collection-tabs .kicker-flourished { padding-left: var(--offset); padding-right: var(--offset); } }
@media only screen and (min-width: 480px) { .cl-sec-home-tabs .collection-tabs .tab__scroll { margin-left: var(--offset); margin-right: var(--offset); } }
.cl-sec-home-tabs .product__media img, .cl-sec-home-tabs .media__thumb img, .cl-sec-home-tabs .cart__items__img, .cl-sec-home-tabs .product__popdown__image img, .cl-sec-home-tabs .sibling__image img, .cl-sec-home-tabs img.product-clip__image__inner, .cl-sec-home-tabs .product-grid-item__image, .cl-sec-home-tabs .collection__products .float-grid img, .cl-sec-home-tabs .collection__products .grid--full img { filter: brightness(var(--PHOTO-CORRECTION)); }
.cl-sec-home-tabs .product__grid__title__wrapper { display: flex; justify-content: space-between; align-items: center; }
.cl-sec-home-tabs .product__grid__info.text-center .product__grid__title__wrapper { justify-content: center; flex-direction: column; }
.cl-sec-home-tabs { --form-top: 14px; --form-left: 20px; }
.cl-sec-home-tabs { --OPTION-SIZE-SIBLING: 50px; }
.cl-sec-home-tabs .custom-scrollbar { clear: both; position: relative; display: none; width: 100%; height: 4px; padding: 0px; border-radius: 2px; background-color: var(--bg-accent); }
.cl-sec-home-tabs .custom-scrollbar__track { position: absolute; top: 0px; left: 0px; width: var(--track-width); height: 100%; border-radius: 2px; background-color: var(--border); transform: translate(var(--position)); transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform; }
.cl-sec-home-tabs .group\/option-button:hover .group-hover\/option-button\:bg-button-contrast\/5 { background-color: rgb(var(--rgb-button-contrast) / .05); }
.cl-sec-home-tabs .group\/option-button:hover .group-hover\/option-button\:text-button-contrast { --tw-text-opacity: 1; color: rgb(var(--rgb-button-contrast) / var(--tw-text-opacity)); }
@media (min-width: 768px) { .cl-sec-home-tabs .md\:block { display: block; } }
@media (min-width: 768px) { .cl-sec-home-tabs .md\:hidden { display: none; } }
@media (min-width: 768px) { .cl-sec-home-tabs .md\:min-h-\[48px\] { min-height: 48px; } }
@media (min-width: 768px) { .cl-sec-home-tabs .md\:w-full { width: 100%; } }
@media (min-width: 768px) { .cl-sec-home-tabs .md\:translate-y-r4 { --tw-translate-y: var(--space-4); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
@media (min-width: 768px) { .cl-sec-home-tabs .md\:gap-y-r2 { row-gap: var(--space-2); } }
@media (min-width: 768px) { .cl-sec-home-tabs .md\:px-r8 { padding-left: var(--space-8); padding-right: var(--space-8); } }
@media (min-width: 768px) { .cl-sec-home-tabs .md\:py-r5 { padding-top: var(--space-5); padding-bottom: var(--space-5); } }
@media (min-width: 768px) { .cl-sec-home-tabs .md\:opacity-0 { opacity: 0; } }
@media (min-width: 768px) { .cl-sec-home-tabs .md\:opacity-100 { opacity: 1; } }
@media (min-width: 768px) { .cl-sec-home-tabs .group\/product-grid-item:hover .md\:group-hover\/product-grid-item\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
@media (min-width: 768px) { .cl-sec-home-tabs .group\/product-grid-item:hover .md\:group-hover\/product-grid-item\:opacity-100 { opacity: 1; } }
.cl-sec-home-tabs, .cl-sec-home-tabs { scroll-behavior: auto !important; }
.cl-sec-home-tabs { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-sec-home-tabs { --kaching-cart-font-size-scale: 1; } }
.cl-sec-home-tabs .kaching-cart :is(a[href], button, input, select, textarea, summary, [role="button"], [contenteditable]):focus-visible { outline: var(--kaching-cart-focus-ring-width) solid currentColor !important; outline-offset: var(--kaching-cart-focus-ring-offset) !important; }
.cl-sec-home-tabs { --oke-widget-spaceAbove: 20px; --oke-widget-spaceBelow: 20px; --oke-starRating-spaceAbove: 0; --oke-starRating-spaceBelow: 0; --oke-button-backgroundColor: #000; --oke-button-backgroundColorHover: #000; --oke-button-backgroundColorActive: #000; --oke-button-textColor: #fff; --oke-button-textColorHover: #272d45; --oke-button-textColorActive: #fff; --oke-button-borderColor: #dbdde4; --oke-button-borderColorHover: #dbdde4; --oke-button-borderColorActive: #000; --oke-button-borderRadius: 4px; --oke-button-borderWidth: 1px; --oke-button-fontWeight: 700; --oke-button-fontSize: var(--oke-text-regular,14px); --oke-button-fontFamily: inherit; --oke-border-color: #e5e5eb; --oke-border-width: 1px; --oke-text-primaryColor: #000; --oke-text-secondaryColor: #070707; --oke-text-small: 12px; --oke-text-regular: 14px; --oke-text-large: 20px; --oke-text-fontFamily: inherit; --oke-avatar-size: 48px; --oke-avatar-backgroundColor: #e5e5eb; --oke-avatar-placeholderTextColor: #000; --oke-highlightColor: #000; --oke-shadingColor: #f7f7f8; --oke-productImageSize: 48px; --oke-attributeBar-shadingColor: #9a9db1; --oke-attributeBar-borderColor: undefined; --oke-attributeBar-backgroundColor: #d3d4dd; --oke-attributeBar-markerColor: #000; --oke-filter-backgroundColor: #fff; --oke-filter-backgroundColorActive: #676986; --oke-filter-borderColor: #dbdde4; --oke-filter-borderColorActive: #676986; --oke-filter-textColor: #000; --oke-filter-textColorActive: #fff; --oke-filter-borderRadius: 100px; --oke-filter-searchHighlightColor: #999; --oke-mediaGrid-chevronColor: #676986; --oke-stars-foregroundColor: #161616; --oke-stars-backgroundColor: #e5e5e5; --oke-stars-borderWidth: 0; }
.cl-sec-home-tabs { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 15px; --menu-backfill-height: auto; }
/* ==== home-tabs [vm] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
@media only screen and (min-width: 768px) { .cl-sec-home-tabs .js [data-carousel]:not(.flickity-enabled) { display: flex; flex-wrap: nowrap; overflow: hidden; } }
@media only screen and (min-width: 768px) { .cl-sec-home-tabs .js [data-carousel]:not(.flickity-enabled) .grid__item, .cl-sec-home-tabs .js [data-carousel]:not(.flickity-enabled) .gallery__item, .cl-sec-home-tabs .js [data-carousel]:not(.flickity-enabled) .slide-item { flex-shrink: 0; } }
.cl-sec-home-tabs .loading-shimmer { position: relative; background-color: var(--hairline); }
.cl-sec-home-tabs .loading-shimmer img { opacity: 0; }
.cl-sec-home-tabs .loading-shimmer::after { content: ""; position: absolute; inset: -30%; animation-duration: 2.4s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: imgLoadingShimmer; animation-timing-function: linear; background: linear-gradient(to right,transparent 16%,var(--bg) 32%,transparent 48%); transform: translate(-100%) rotate(32deg); }
@media only screen and (min-width: 768px) { .cl-sec-home-tabs .collection-tabs .flickity-grid:not(.flickity-enabled) { display: flex; flex-wrap: nowrap; overflow: hidden; } }
@media only screen and (min-width: 768px) { .cl-sec-home-tabs .collection-tabs .flickity-grid:not(.flickity-enabled) .slide-item { flex-shrink: 0; } }
.cl-sec-home-tabs { --kl-reviews-color-light-gray: #e9e9eb; }
/* ==== home-vision [vd] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-vision { --LAYOUT-WIDTH: 1200px; --LAYOUT-GUTTER: 20px; --LAYOUT-GUTTER-OFFSET: -20px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 36px; --COLOR-VIDEO-BG: #ffe9da; --COLOR-BG: #FFF8F3; --COLOR-BG-ACCENT: #fae9de; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #222222; --COLOR-TEXT-LIGHT: #646261; --COLOR-PRIMARY: #D65461; --COLOR-PRIMARY-HOVER: #c31a2b; --COLOR-PRIMARY-FADE: rgba(214, 84, 97, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(214, 84, 97, 0.1); --COLOR-PRIMARY-OPPOSITE: #ffffff; --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1); --COLOR-SECONDARY-OPPOSITE: #ffffff; --COLOR-A5: rgba(34, 34, 34, 0.05); --COLOR-A10: rgba(34, 34, 34, 0.1); --COLOR-A20: rgba(34, 34, 34, 0.2); --COLOR-A35: rgba(34, 34, 34, 0.35); --COLOR-A50: rgba(34, 34, 34, 0.5); --COLOR-A80: rgba(34, 34, 34, 0.8); --COLOR-A90: rgba(34, 34, 34, 0.9); --COLOR-A95: rgba(34, 34, 34, 0.95); --INVERSE-BG: #d65461; --INVERSE-BG-ACCENT: #222324; --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #f3ccd0; --INVERSE-PRIMARY: #fcd8c8; --INVERSE-PRIMARY-HOVER: #ffa278; --INVERSE-PRIMARY-FADE: rgba(252, 216, 200, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(252, 216, 200, 0.1); --INVERSE-PRIMARY-OPPOSITE: #000000; --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1); --INVERSE-SECONDARY-OPPOSITE: #000000; --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); --BRIGHT-BG: #d3836a; --BRIGHT-BG-ACCENT: #2693cf; --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #f2dad2; --BRIGHT-PRIMARY: #2693cf; --BRIGHT-PRIMARY-HOVER: #0e699b; --BRIGHT-PRIMARY-FADE: rgba(38, 147, 207, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(38, 147, 207, 0.1); --BRIGHT-PRIMARY-OPPOSITE: #000000; --BRIGHT-SECONDARY: #f4a482; --BRIGHT-SECONDARY-HOVER: #fd6b2c; --BRIGHT-SECONDARY-FADE: rgba(244, 164, 130, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(244, 164, 130, 0.1); --BRIGHT-SECONDARY-OPPOSITE: #000000; --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); --COLOR-ANNOUNCEMENT-BG: #D65461; --COLOR-ANNOUNCEMENT-TEXT: #FAE9DE; --COLOR-NAV: #FFF8F3; --COLOR-NAV-TEXT: #222222; --COLOR-NAV-TEXT-DARK: #000000; --COLOR-NAV-TEXT-LIGHT: #646261; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(34, 34, 34, 0.1); --COLOR-NAV-A50: rgba(34, 34, 34, 0.5); --COLOR-HIGHLIGHT-LINK: #d65461; --COLOR-FOOTER-BG: #d65461; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); --COLOR-SUB-FOOTER-BG: #2e3438; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); --PRODUCT-GRID-ASPECT-RATIO: 90.0%; --COLOR-BADGE: #ffffff; --COLOR-BADGE-TEXT: #656565; --COLOR-BADGE-TEXT-DARK: #453939; --COLOR-BADGE-TEXT-HOVER: #8b8b8b; --COLOR-BADGE-HAIRLINE: #f7f7f7; --COLOR-PRODUCT-SLIDER: #ffffff; --COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06); --COLOR-DISABLED-BG: #e9e3de; --COLOR-DISABLED-TEXT: #b2adaa; --INVERSE-DISABLED-BG: #da6571; --INVERSE-DISABLED-TEXT: #e49098; --RGB-CANVAS: 255 248 243; --RGB-CONTENT: 34 34 34; --RGB-PRIMARY: 214 84 97; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 214 84 97; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 252 216 200; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 211 131 106; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 38 147 207; --RGB-BRIGHT-SECONDARY: 244 164 130; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; --BUTTON-RADIUS: 0px; --ICON-STROKE-WIDTH: 2px; --FONT-STACK-BODY: Barlow, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --FONT-ADJUST-BODY: 1.0; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-PRODUCT-CARD: var(--FONT-STACK-BODY); --FONT-STACK-HEADING: "Gowun Batang", serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 400; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 1.0; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.09em; --FONT-STACK-ACCENT: Archivo, serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 500; --FONT-WEIGHT-ACCENT-BOLD: 600; --FONT-ADJUST-ACCENT: 1.0; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.09em; --TYPE-STACK-NAV: Archivo, sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 1.0; --TYPE-WEIGHT-NAV: 500; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.09em; --TYPE-STACK-BUTTON: Archivo, sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.0; --TYPE-WEIGHT-BUTTON: 600; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.09em; --TYPE-STACK-KICKER: Archivo, sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.0; --TYPE-WEIGHT-KICKER: 600; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.09em; --ICO-SELECT: url({{ 'cl-ff3a3308-ico-select.svg' | asset_url }}); --PHOTO-CORRECTION: 100%; }
.cl-sec-home-vision { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10: 32px; --font-11: 37px; --font-12: 43px; --font-13: 49px; --font-14: 57px; --font-15: 67px; }
@media only screen and (min-width: 480px) and (max-width: 1099px) { .cl-sec-home-vision { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10: 34px; --font-11: 40px; --font-12: 47px; --font-13: 56px; --font-14: 65px; --font-15: 77px; } }
@media only screen and (min-width: 1100px) { .cl-sec-home-vision { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10: 48px; --font-11: 58px; --font-12: 71px; --font-13: 87px; --font-14: 106px; --font-15: 129px; } }
.cl-sec-home-vision .aos-initialized [data-aos][data-aos][data-aos-duration="400"], .cl-sec-home-vision .aos-initialized body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; }
.cl-sec-home-vision .aos-initialized [data-aos][data-aos][data-aos-easing="ease"], .cl-sec-home-vision .aos-initialized body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; }
.cl-sec-home-vision .aos-initialized [data-aos][data-aos][data-aos-order="1"] { --aos-delay: 0ms; animation-delay: 0ms; }
.cl-sec-home-vision .aos-initialized [data-aos][data-aos][data-aos-order="2"] { --aos-delay: .25s; animation-delay: 0.25s; }
.cl-sec-home-vision .aos-initialized [data-aos][data-aos][data-aos-order="3"] { --aos-delay: .5s; animation-delay: 0.5s; }
.cl-sec-home-vision .aos-initialized [data-aos][data-aos][data-aos-order="4"] { --aos-delay: .75s; animation-delay: 0.75s; }
.cl-sec-home-vision .aos-initialized [data-aos="hero"] { opacity: 0; will-change: transform, opacity; }
.cl-sec-home-vision .aos-initialized .main-content .cl-shopify-section:nth-child(1) [data-aos="hero"], .cl-sec-home-vision .aos-initialized .main-content .cl-shopify-section:nth-child(2) [data-aos="hero"], .cl-sec-home-vision .aos-initialized [data-aos="hero"].aos-animate { animation-name: heroFade; animation-duration: 1s; animation-fill-mode: both; backface-visibility: hidden; }
.cl-sec-home-vision *, .cl-sec-home-vision ::before, .cl-sec-home-vision ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
.cl-sec-home-vision, .cl-sec-home-vision :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
.cl-sec-home-vision { margin: 0px; line-height: inherit; }
.cl-sec-home-vision a { color: inherit; text-decoration: inherit; }
.cl-sec-home-vision blockquote, .cl-sec-home-vision dl, .cl-sec-home-vision dd, .cl-sec-home-vision h1, .cl-sec-home-vision h2, .cl-sec-home-vision h3, .cl-sec-home-vision h4, .cl-sec-home-vision h5, .cl-sec-home-vision h6, .cl-sec-home-vision hr, .cl-sec-home-vision figure, .cl-sec-home-vision p, .cl-sec-home-vision pre { margin: 0px; }
.cl-sec-home-vision { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 20px; --space-9: 25px; --space-10: 32px; --space-11: 40px; --space-12: 50px; --space-13: 60px; --space-14: 80px; --space-15: 120px; }
@media (min-width: 768px) { .cl-sec-home-vision { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 15px; --space-7: 18px; --space-8: 22px; --space-9: 27px; --space-10: 35px; --space-11: 45px; --space-12: 56px; --space-13: 75px; --space-14: 105px; --space-15: 150px; } }
@media (min-width: 1100px) { .cl-sec-home-vision { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 16px; --space-7: 20px; --space-8: 24px; --space-9: 32px; --space-10: 38px; --space-11: 50px; --space-12: 68px; --space-13: 96px; --space-14: 128px; --space-15: 192px; } }
.cl-sec-home-vision { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --highlight-initial-position-x: 50%; --highlight-position-y: 50%; --highlight-height: 100%; }
.cl-sec-home-vision *, .cl-sec-home-vision ::before, .cl-sec-home-vision ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.cl-sec-home-vision .mb-r5 { margin-bottom: var(--space-5); }
.cl-sec-home-vision .text-center { text-align: center !important; }
.cl-sec-home-vision { line-height: var(--leading-norma); font-family: var(--FONT-STACK-BODY); }
.cl-sec-home-vision *, .cl-sec-home-vision input, .cl-sec-home-vision ::before, .cl-sec-home-vision ::after { box-sizing: border-box; }
.cl-sec-home-vision, .cl-sec-home-vision { padding: 0px; margin: 0px; }
.cl-sec-home-vision { min-height: var(--full-screen); display: flex; flex-direction: column; }
.cl-sec-home-vision article, .cl-sec-home-vision aside, .cl-sec-home-vision details, .cl-sec-home-vision figcaption, .cl-sec-home-vision figure, .cl-sec-home-vision footer, .cl-sec-home-vision header, .cl-sec-home-vision hgroup, .cl-sec-home-vision main, .cl-sec-home-vision nav, .cl-sec-home-vision section, .cl-sec-home-vision summary { display: block; }
.cl-sec-home-vision { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; }
.cl-sec-home-vision .body-size-1, .cl-sec-home-vision .body-size-2, .cl-sec-home-vision .body-size-3, .cl-sec-home-vision .body-size-4, .cl-sec-home-vision .body-size-5, .cl-sec-home-vision .body-size-6, .cl-sec-home-vision .body-size-7, .cl-sec-home-vision .body-size-8, .cl-sec-home-vision .body-size-9, .cl-sec-home-vision .body-size-10, .cl-sec-home-vision .body-size-11, .cl-sec-home-vision .body-size-12, .cl-sec-home-vision .body-size-13, .cl-sec-home-vision .body-size-14, .cl-sec-home-vision .body-size-15 { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); }
.cl-sec-home-vision .body-size-4 { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); }
.cl-sec-home-vision .accent-size-1, .cl-sec-home-vision .accent-size-2, .cl-sec-home-vision .accent-size-3, .cl-sec-home-vision .accent-size-4, .cl-sec-home-vision .accent-size-5, .cl-sec-home-vision .accent-size-6, .cl-sec-home-vision .accent-size-7, .cl-sec-home-vision .accent-size-8, .cl-sec-home-vision .accent-size-9, .cl-sec-home-vision .accent-size-10, .cl-sec-home-vision .accent-size-11, .cl-sec-home-vision .accent-size-12, .cl-sec-home-vision .accent-size-13, .cl-sec-home-vision .accent-size-14, .cl-sec-home-vision .accent-size-15 { font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); font-weight: var(--FONT-WEIGHT-ACCENT); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); }
.cl-sec-home-vision .accent-size-4 { font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT)); line-height: var(--leading-normal); }
.cl-sec-home-vision .heading-size-1, .cl-sec-home-vision .heading-size-2, .cl-sec-home-vision .heading-size-3, .cl-sec-home-vision .heading-size-4, .cl-sec-home-vision .heading-size-5, .cl-sec-home-vision .heading-size-6, .cl-sec-home-vision .heading-size-7, .cl-sec-home-vision .heading-size-8, .cl-sec-home-vision .heading-size-9, .cl-sec-home-vision .heading-size-10, .cl-sec-home-vision .heading-size-11, .cl-sec-home-vision .heading-size-12, .cl-sec-home-vision .heading-size-13, .cl-sec-home-vision .heading-size-14, .cl-sec-home-vision .heading-size-15 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-vision .heading-size-7 { font-size: calc(var(--font-7) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-snug); }
.cl-sec-home-vision { font-size: 16px; scroll-behavior: smooth; --scroll-behavior: smooth; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-vision { font-size: 15px; } }
@media only screen and (max-width: 479px) { .cl-sec-home-vision { font-size: 14px; } }
.cl-sec-home-vision { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: var(--text); }
.cl-sec-home-vision, .cl-sec-home-vision input, .cl-sec-home-vision textarea, .cl-sec-home-vision select, .cl-sec-home-vision .popout__toggle { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); color: var(--text); }
.cl-sec-home-vision p { margin: 0px; }
.cl-sec-home-vision { --gutter: var(--LAYOUT-GUTTER); --outer: var(--LAYOUT-OUTER); --inner: 20px; --nav-gutter: var(--NAV-GUTTER); --gutter-offset: var(--LAYOUT-GUTTER-OFFSET); --outer-offset: calc(var(--LAYOUT-OUTER) * -1); --radius-sm: 3px; --radius-md: 12px; --radius-lg: 36px; --page-width: var(--LAYOUT-WIDTH); --grid-xl: 50px; --grid-lg: 32px; --grid-md: 22px; --grid-sm: 16px; --grid-0: 0px; --grid-standard-page-margin: var(--outer); --grid-standard-gutter: var(--gutter); --grid-page-margin: var(--grid-standard-page-margin); --grid-gutter: var(--grid-standard-gutter); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-vision { --grid-xl: 32px; --grid-lg: 22px; --grid-md: 18px; --grid-sm: 12px; --inner: 18px; --gutter: calc(var(--LAYOUT-GUTTER) * .8); --outer: calc(var(--LAYOUT-OUTER) * .8); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8); --outer-offset: calc(var(--LAYOUT-OUTER) * -.8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-vision { --grid-xl: 22px; --grid-lg: 22px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: calc(var(--LAYOUT-GUTTER) * .6); --outer: calc(var(--LAYOUT-OUTER) * .6); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .6); --outer-offset: calc(var(--LAYOUT-OUTER) * -.6); } }
@media only screen and (max-width: 479px) { .cl-sec-home-vision { --grid-xl: 16px; --grid-lg: 16px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: max(calc(var(--LAYOUT-GUTTER) * .6), 16px); --outer: 16px; --gutter-offset: min(calc(var(--LAYOUT-GUTTER-OFFSET) * .6), -16px); --outer-offset: -16px; } }
.cl-sec-home-vision { --max-w-page: var(--LAYOUT-WIDTH); --max-w-page-narrow: 50%; --max-w-page-tiny: 33%; }
@media only screen and (max-width: 1099px) { .cl-sec-home-vision { --max-w-page-narrow: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-vision { --max-w-page-narrow: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1399px) { .cl-sec-home-vision { --max-w-page-tiny: 45%; } }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-vision { --max-w-page-tiny: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-vision { --max-w-page-tiny: 66%; } }
@media only screen and (max-width: 479px) { .cl-sec-home-vision { --max-w-page-tiny: 100%; } }
.cl-sec-home-vision .wrapper, .cl-sec-home-vision .wrapper .grandparent .header__dropdown__wrapper { width: 100%; max-width: var(--LAYOUT-WIDTH); margin: 0px auto; padding-left: var(--outer); padding-right: var(--outer); }
.cl-sec-home-vision .wrapper::after, .cl-sec-home-vision .wrapper .grandparent .header__dropdown__wrapper::after { content: ""; display: table; clear: both; }
.cl-sec-home-vision .hero__content__wrapper.section-padding, .cl-sec-home-vision .brick__section .section-padding, .cl-sec-home-vision .section-padding, .cl-sec-home-vision .section-without-title:not(.section-without-title--skip) { --padding-top: var(--PT); --padding-bottom: var(--PB); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-vision .hero__content__wrapper.section-padding, .cl-sec-home-vision .brick__section .section-padding, .cl-sec-home-vision .section-padding, .cl-sec-home-vision .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .8); --padding-bottom: calc(var(--PB) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-vision .hero__content__wrapper.section-padding, .cl-sec-home-vision .brick__section .section-padding, .cl-sec-home-vision .section-padding, .cl-sec-home-vision .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .6); --padding-bottom: calc(var(--PB) * .6); } }
.cl-sec-home-vision [class*="-size-"] > p, .cl-sec-home-vision .rte [class*="-size-"] > p { font-size: inherit; }
.cl-sec-home-vision .rte { margin-bottom: var(--space-5); overflow-wrap: break-word; }
.cl-sec-home-vision .rte p { margin: 0 0 var(--space-4); }
.cl-sec-home-vision .rte p:last-child { margin-bottom: 0px; }
.cl-sec-home-vision .btn, .cl-sec-home-vision .shopify-challenge__button, .cl-sec-home-vision .btn--soft { font-family: var(--TYPE-STACK-BUTTON); font-style: var(--TYPE-STYLE-BUTTON); font-weight: var(--TYPE-WEIGHT-BUTTON); text-transform: var(--FONT-BUTTON-TRANSFORM); letter-spacing: var(--FONT-BUTTON-LETTER-SPACING); display: inline-block; padding: var(--space-5) var(--space-8); margin: 0px; line-height: 1; text-decoration: none; text-align: center; vertical-align: middle; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; user-select: none; appearance: none; border-radius: var(--BUTTON-RADIUS); font-size: calc(var(--font-3) * var(--TYPE-ADJUST-BUTTON)); background-color: var(--btn-bg); color: var(--btn-text); transition: background-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-vision .btn:hover, .cl-sec-home-vision .shopify-challenge__button:hover, .cl-sec-home-vision .btn:active, .cl-sec-home-vision .shopify-challenge__button:active, .cl-sec-home-vision .btn:focus, .cl-sec-home-vision .shopify-challenge__button:focus, .cl-sec-home-vision .btn--soft:hover, .cl-sec-home-vision .btn--soft:active, .cl-sec-home-vision .btn--soft:focus { color: var(--btn-text-hover); background-color: var(--btn-bg-hover); }
.cl-sec-home-vision .btn, .cl-sec-home-vision .shopify-challenge__button { --btn-bg: var(--text); --btn-text: var(--bg); --btn-bg-hover: var(--hover); --btn-text-hover: var(--bg); }
.cl-sec-home-vision .btn--neutral.btn, .cl-sec-home-vision .btn--neutral.shopify-challenge__button { --btn-bg: var(--COLOR-TEXT); --btn-text: var(--COLOR-BG); --btn-bg-hover: var(--COLOR-A95); --btn-text-hover: var(--COLOR-BG); }
.cl-sec-home-vision a, .cl-sec-home-vision .text-link-bare { color: currentcolor; text-decoration: none; background: transparent; }
.cl-sec-home-vision a:hover, .cl-sec-home-vision a:focus, .cl-sec-home-vision .text-link-bare:hover, .cl-sec-home-vision .text-link-bare:focus { color: currentcolor; }
.cl-sec-home-vision { --OPTION-SIZE-SWATCH: 34px; --OPTION-SIZE-RADIO: 50px; }
.cl-sec-home-vision { --placeholder-bg: #eeeeee; --placeholder-fill: #B4B6B9; }
.cl-sec-home-vision .text-center { text-align: center; }
.cl-sec-home-vision .hero__content__wrapper, .cl-sec-home-vision .text__standard { --cta-column-gap: 8px; }
.cl-sec-home-vision .block__kicker--flourished { --inner: var(--gap, var(--grid-md)); padding-bottom: var(--inner); position: relative; }
.cl-sec-home-vision .block__kicker--flourished::after { content: ""; width: 30px; height: 3px; position: absolute; bottom: 0px; inset-inline: 0px; margin-inline-start: var(--kicker-flourish-left, auto); margin-inline-end: var(--kicker-flourish-right, auto); background: var(--text); opacity: 0.2; }
.cl-sec-home-vision .text-center, .cl-sec-home-vision .align--top-center, .cl-sec-home-vision .align--middle-center, .cl-sec-home-vision .align--bottom-center { --kicker-flourish-left: auto; --kicker-flourish-right: auto; }
.cl-sec-home-vision .hero__kicker, .cl-sec-home-vision .hero__description, .cl-sec-home-vision .hero__cta__wrapper, .cl-sec-home-vision .hero__title { overflow: hidden; }
.cl-sec-home-vision .hero__cta__wrapper { display: flex; flex-wrap: wrap; align-items: center; overflow: visible; margin: 0 calc(-1 * var(--cta-column-gap)); width: calc(100% + 2 * var(--cta-column-gap)); }
.cl-sec-home-vision .text-center .hero__cta__wrapper { justify-content: center; }
@media only screen and (max-width: 479px) { .cl-sec-home-vision .hero__cta__wrapper { flex-direction: column; } }
.cl-sec-home-vision .hero__cta__wrapper .hero__btn { margin-bottom: 0px; }
.cl-sec-home-vision .hero__btn:not(.btn--block), .cl-sec-home-vision .btn-text-thick-line + .hero__btn, .cl-sec-home-vision .hero__btn + .btn-text-thick-line { margin-left: var(--cta-column-gap); margin-right: var(--cta-column-gap); }
.cl-sec-home-vision .text__standard { color: var(--text); }
@media only screen and (max-width: 767px) { .cl-sec-home-vision .text__standard { padding-top: 10px; padding-bottom: 10px; } }
.cl-sec-home-vision .text__standard .standard__cta { display: inline-block; margin: var(--space-6) var(--cta-column-gap) 0; vertical-align: middle; }
.cl-sec-home-vision .text__standard :last-child:not(.standard__cta):not(.timer) { margin-bottom: 0px; }
.cl-sec-home-vision .standard__kicker { font-family: var(--TYPE-STACK-KICKER); font-style: var(--TYPE-STYLE-KICKER); font-weight: var(--TYPE-WEIGHT-KICKER); text-transform: var(--FONT-KICKER-TRANSFORM); letter-spacing: var(--FONT-KICKER-LETTER-SPACING); overflow: hidden; color: var(--text); margin: 0px; }
.cl-sec-home-vision .hero__title, .cl-sec-home-vision .hero__title p, .cl-sec-home-vision .standard__heading, .cl-sec-home-vision .standard__heading p { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-vision .standard__kicker, .cl-sec-home-vision .standard__heading, .cl-sec-home-vision .standard__rte, .cl-sec-home-vision .standard__cta, .cl-sec-home-vision .standard__icons, .cl-sec-home-vision .standard__image, .cl-sec-home-vision .standard__list { overflow: hidden; margin-bottom: var(--space-6); }
.cl-sec-home-vision .text__standard { max-width: var(--CONTENT-WIDTH, 100%); }
.cl-sec-home-vision .text__standard.text-center { margin-left: auto; margin-right: auto; }
.cl-sec-home-vision .standard__cta.btn--small, .cl-sec-home-vision .standard__cta.btn--medium, .cl-sec-home-vision .standard__cta.btn--large, .cl-sec-home-vision .standard__cta.shopify-challenge__button, .cl-sec-home-vision .standard__cta.btn--long { margin-top: var(--space-8); font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT)); }
.cl-sec-home-vision .standard__cta:not(.btn--block), .cl-sec-home-vision .standard__cta + .standard__icon, .cl-sec-home-vision .standard__icon + .standard__cta { margin-left: var(--cta-column-gap); margin-right: var(--cta-column-gap); }
.cl-sec-home-vision .palette--light, .cl-sec-home-vision { --bg: var(--COLOR-BG); --bg-accent: var(--COLOR-BG-ACCENT); --text-dark: var(--COLOR-TEXT-DARK); --text: var(--COLOR-TEXT); --text-light: var(--COLOR-TEXT-LIGHT); --hover: var(--COLOR-A95); --muted: var(--COLOR-A35); --border: var(--COLOR-A20); --hairline: var(--COLOR-A5); --hairline-hover: var(--COLOR-A10); --contrast: #000; --primary: var(--COLOR-PRIMARY); --primary-fade: var(--COLOR-PRIMARY-FADE); --secondary: var(--COLOR-SECONDARY); --secondary-fade: var(--COLOR-SECONDARY-FADE); --rgb-canvas: var(--RGB-CANVAS); --rgb-content: var(--RGB-CONTENT); --rgb-primary: var(--RGB-PRIMARY); --rgb-secondary: var(--RGB-SECONDARY); --rgb-primary-contrast: var(--RGB-PRIMARY-CONTRAST); --rgb-secondary-contrast: var(--RGB-SECONDARY-CONTRAST); --rgb-black: 0 0 0; --rgb-white: 255 255 255; --rgb-black-contrast: var(--rgb-white); --rgb-white-contrast: var(--rgb-black); --rgb-canvas-contrast: var(--rgb-content); --rgb-content-contrast: var(--rgb-canvas); --rgb-button-main: var(--rgb-content); --rgb-button-contrast: var(--rgb-content-contrast); --color-error: #D02E2E; --color-success: #56AD6A; }
.cl-sec-home-vision .palette--dark, .cl-sec-home-vision .palette--light, .cl-sec-home-vision .palette--bright, .cl-sec-home-vision .main-content { color: var(--text); background-color: var(--bg); }
.cl-sec-home-vision .text--neutral { --text-dark: var(--COLOR-TEXT-DARK); --text: var(--COLOR-TEXT); --text-light: var(--COLOR-TEXT-LIGHT); }
.cl-sec-home-vision .bg--neutral { --bg: var(--COLOR-BG); }
.cl-sec-home-vision { --full-screen: 100vh; --three-quarters: 75vh; --two-thirds: 66vh; --one-half: 50vh; --one-third: 33vh; --one-fifth: 20vh; --header-height: 100px; --footer-height: 500px; --announcement-height: 33px; --content-full: 90vh; --scrollbar-width: 0; }
.cl-sec-home-vision { --ease-out-fast: cubic-bezier(.215, .61, .355, 1); --ease-out-sharp: cubic-bezier(.25, .1, .25, 1); }
@media print { .cl-sec-home-vision p, .cl-sec-home-vision h2, .cl-sec-home-vision h3 { orphans: 3; widows: 3; } }
@media print { .cl-sec-home-vision, .cl-sec-home-vision { background-color: rgb(255, 255, 255); } }
.cl-sec-home-vision { --form-top: 14px; --form-left: 20px; }
.cl-sec-home-vision { --OPTION-SIZE-SIBLING: 50px; }
.cl-sec-home-vision, .cl-sec-home-vision { scroll-behavior: auto !important; }
.cl-sec-home-vision { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-sec-home-vision { --kaching-cart-font-size-scale: 1; } }
.cl-sec-home-vision { --oke-widget-spaceAbove: 20px; --oke-widget-spaceBelow: 20px; --oke-starRating-spaceAbove: 0; --oke-starRating-spaceBelow: 0; --oke-button-backgroundColor: #000; --oke-button-backgroundColorHover: #000; --oke-button-backgroundColorActive: #000; --oke-button-textColor: #fff; --oke-button-textColorHover: #272d45; --oke-button-textColorActive: #fff; --oke-button-borderColor: #dbdde4; --oke-button-borderColorHover: #dbdde4; --oke-button-borderColorActive: #000; --oke-button-borderRadius: 4px; --oke-button-borderWidth: 1px; --oke-button-fontWeight: 700; --oke-button-fontSize: var(--oke-text-regular,14px); --oke-button-fontFamily: inherit; --oke-border-color: #e5e5eb; --oke-border-width: 1px; --oke-text-primaryColor: #000; --oke-text-secondaryColor: #070707; --oke-text-small: 12px; --oke-text-regular: 14px; --oke-text-large: 20px; --oke-text-fontFamily: inherit; --oke-avatar-size: 48px; --oke-avatar-backgroundColor: #e5e5eb; --oke-avatar-placeholderTextColor: #000; --oke-highlightColor: #000; --oke-shadingColor: #f7f7f8; --oke-productImageSize: 48px; --oke-attributeBar-shadingColor: #9a9db1; --oke-attributeBar-borderColor: undefined; --oke-attributeBar-backgroundColor: #d3d4dd; --oke-attributeBar-markerColor: #000; --oke-filter-backgroundColor: #fff; --oke-filter-backgroundColorActive: #676986; --oke-filter-borderColor: #dbdde4; --oke-filter-borderColorActive: #676986; --oke-filter-textColor: #000; --oke-filter-textColorActive: #fff; --oke-filter-borderRadius: 100px; --oke-filter-searchHighlightColor: #999; --oke-mediaGrid-chevronColor: #676986; --oke-stars-foregroundColor: #161616; --oke-stars-backgroundColor: #e5e5e5; --oke-stars-borderWidth: 0; }
.cl-sec-home-vision { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 15px; --menu-backfill-height: auto; }
/* ==== home-vision [vm] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-vision { --kl-reviews-color-light-gray: #e9e9eb; }
/* ==== home-custom [vd] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-custom .product-grid-item .product__grid__info, .cl-sec-home-custom .product-grid-item .product__grid__title, .cl-sec-home-custom .product-grid-item .product__grid__price, .cl-sec-home-custom .product-grid-item .product__grid__cutline { font-family: var(--FONT-STACK-PRODUCT-CARD); }
.cl-sec-home-custom { --LAYOUT-WIDTH: 1200px; --LAYOUT-GUTTER: 20px; --LAYOUT-GUTTER-OFFSET: -20px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 36px; --COLOR-VIDEO-BG: #ffe9da; --COLOR-BG: #FFF8F3; --COLOR-BG-ACCENT: #fae9de; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #222222; --COLOR-TEXT-LIGHT: #646261; --COLOR-PRIMARY: #D65461; --COLOR-PRIMARY-HOVER: #c31a2b; --COLOR-PRIMARY-FADE: rgba(214, 84, 97, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(214, 84, 97, 0.1); --COLOR-PRIMARY-OPPOSITE: #ffffff; --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1); --COLOR-SECONDARY-OPPOSITE: #ffffff; --COLOR-A5: rgba(34, 34, 34, 0.05); --COLOR-A10: rgba(34, 34, 34, 0.1); --COLOR-A20: rgba(34, 34, 34, 0.2); --COLOR-A35: rgba(34, 34, 34, 0.35); --COLOR-A50: rgba(34, 34, 34, 0.5); --COLOR-A80: rgba(34, 34, 34, 0.8); --COLOR-A90: rgba(34, 34, 34, 0.9); --COLOR-A95: rgba(34, 34, 34, 0.95); --INVERSE-BG: #d65461; --INVERSE-BG-ACCENT: #222324; --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #f3ccd0; --INVERSE-PRIMARY: #fcd8c8; --INVERSE-PRIMARY-HOVER: #ffa278; --INVERSE-PRIMARY-FADE: rgba(252, 216, 200, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(252, 216, 200, 0.1); --INVERSE-PRIMARY-OPPOSITE: #000000; --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1); --INVERSE-SECONDARY-OPPOSITE: #000000; --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); --BRIGHT-BG: #d3836a; --BRIGHT-BG-ACCENT: #2693cf; --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #f2dad2; --BRIGHT-PRIMARY: #2693cf; --BRIGHT-PRIMARY-HOVER: #0e699b; --BRIGHT-PRIMARY-FADE: rgba(38, 147, 207, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(38, 147, 207, 0.1); --BRIGHT-PRIMARY-OPPOSITE: #000000; --BRIGHT-SECONDARY: #f4a482; --BRIGHT-SECONDARY-HOVER: #fd6b2c; --BRIGHT-SECONDARY-FADE: rgba(244, 164, 130, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(244, 164, 130, 0.1); --BRIGHT-SECONDARY-OPPOSITE: #000000; --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); --COLOR-ANNOUNCEMENT-BG: #D65461; --COLOR-ANNOUNCEMENT-TEXT: #FAE9DE; --COLOR-NAV: #FFF8F3; --COLOR-NAV-TEXT: #222222; --COLOR-NAV-TEXT-DARK: #000000; --COLOR-NAV-TEXT-LIGHT: #646261; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(34, 34, 34, 0.1); --COLOR-NAV-A50: rgba(34, 34, 34, 0.5); --COLOR-HIGHLIGHT-LINK: #d65461; --COLOR-FOOTER-BG: #d65461; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); --COLOR-SUB-FOOTER-BG: #2e3438; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); --PRODUCT-GRID-ASPECT-RATIO: 90.0%; --COLOR-BADGE: #ffffff; --COLOR-BADGE-TEXT: #656565; --COLOR-BADGE-TEXT-DARK: #453939; --COLOR-BADGE-TEXT-HOVER: #8b8b8b; --COLOR-BADGE-HAIRLINE: #f7f7f7; --COLOR-PRODUCT-SLIDER: #ffffff; --COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06); --COLOR-DISABLED-BG: #e9e3de; --COLOR-DISABLED-TEXT: #b2adaa; --INVERSE-DISABLED-BG: #da6571; --INVERSE-DISABLED-TEXT: #e49098; --RGB-CANVAS: 255 248 243; --RGB-CONTENT: 34 34 34; --RGB-PRIMARY: 214 84 97; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 214 84 97; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 252 216 200; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 211 131 106; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 38 147 207; --RGB-BRIGHT-SECONDARY: 244 164 130; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; --BUTTON-RADIUS: 0px; --ICON-STROKE-WIDTH: 2px; --FONT-STACK-BODY: Barlow, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --FONT-ADJUST-BODY: 1.0; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-PRODUCT-CARD: var(--FONT-STACK-BODY); --FONT-STACK-HEADING: "Gowun Batang", serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 400; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 1.0; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.09em; --FONT-STACK-ACCENT: Archivo, serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 500; --FONT-WEIGHT-ACCENT-BOLD: 600; --FONT-ADJUST-ACCENT: 1.0; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.09em; --TYPE-STACK-NAV: Archivo, sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 1.0; --TYPE-WEIGHT-NAV: 500; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.09em; --TYPE-STACK-BUTTON: Archivo, sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.0; --TYPE-WEIGHT-BUTTON: 600; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.09em; --TYPE-STACK-KICKER: Archivo, sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.0; --TYPE-WEIGHT-KICKER: 600; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.09em; --ICO-SELECT: url({{ 'cl-ff3a3308-ico-select.svg' | asset_url }}); --PHOTO-CORRECTION: 100%; }
.cl-sec-home-custom { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10: 32px; --font-11: 37px; --font-12: 43px; --font-13: 49px; --font-14: 57px; --font-15: 67px; }
@media only screen and (min-width: 480px) and (max-width: 1099px) { .cl-sec-home-custom { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10: 34px; --font-11: 40px; --font-12: 47px; --font-13: 56px; --font-14: 65px; --font-15: 77px; } }
@media only screen and (min-width: 1100px) { .cl-sec-home-custom { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10: 48px; --font-11: 58px; --font-12: 71px; --font-13: 87px; --font-14: 106px; --font-15: 129px; } }
.cl-sec-home-custom .aos-initialized [data-aos][data-aos][data-aos-duration="400"], .cl-sec-home-custom .aos-initialized body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; }
.cl-sec-home-custom .aos-initialized [data-aos][data-aos][data-aos-easing="ease"], .cl-sec-home-custom .aos-initialized body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; }
.cl-sec-home-custom .aos-initialized [data-aos][data-aos][data-aos-order="1"] { --aos-delay: 0ms; animation-delay: 0ms; }
.cl-sec-home-custom .aos-initialized [data-aos][data-aos][data-aos-order="2"] { --aos-delay: .25s; animation-delay: 0.25s; }
.cl-sec-home-custom .aos-initialized [data-aos][data-aos][data-aos-order="3"] { --aos-delay: .5s; animation-delay: 0.5s; }
.cl-sec-home-custom .aos-initialized [data-aos][data-aos][data-aos-order="4"] { --aos-delay: .75s; animation-delay: 0.75s; }
.cl-sec-home-custom .aos-initialized [data-aos="hero"] { opacity: 0; will-change: transform, opacity; }
.cl-sec-home-custom .aos-initialized .main-content .cl-shopify-section:nth-child(1) [data-aos="hero"], .cl-sec-home-custom .aos-initialized .main-content .cl-shopify-section:nth-child(2) [data-aos="hero"], .cl-sec-home-custom .aos-initialized [data-aos="hero"].aos-animate { animation-name: heroFade; animation-duration: 1s; animation-fill-mode: both; backface-visibility: hidden; }
.cl-sec-home-custom *, .cl-sec-home-custom ::before, .cl-sec-home-custom ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
.cl-sec-home-custom, .cl-sec-home-custom :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
.cl-sec-home-custom { margin: 0px; line-height: inherit; }
.cl-sec-home-custom h1, .cl-sec-home-custom h2, .cl-sec-home-custom h3, .cl-sec-home-custom h4, .cl-sec-home-custom h5, .cl-sec-home-custom h6 { font-size: inherit; font-weight: inherit; }
.cl-sec-home-custom a { color: inherit; text-decoration: inherit; }
.cl-sec-home-custom button, .cl-sec-home-custom input, .cl-sec-home-custom optgroup, .cl-sec-home-custom select, .cl-sec-home-custom textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
.cl-sec-home-custom button, .cl-sec-home-custom select { text-transform: none; }
.cl-sec-home-custom button, .cl-sec-home-custom input:where([type="button"]), .cl-sec-home-custom input:where([type="reset"]), .cl-sec-home-custom input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
.cl-sec-home-custom blockquote, .cl-sec-home-custom dl, .cl-sec-home-custom dd, .cl-sec-home-custom h1, .cl-sec-home-custom h2, .cl-sec-home-custom h3, .cl-sec-home-custom h4, .cl-sec-home-custom h5, .cl-sec-home-custom h6, .cl-sec-home-custom hr, .cl-sec-home-custom figure, .cl-sec-home-custom p, .cl-sec-home-custom pre { margin: 0px; }
.cl-sec-home-custom input::placeholder, .cl-sec-home-custom textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
.cl-sec-home-custom button, .cl-sec-home-custom [role="button"] { cursor: pointer; }
.cl-sec-home-custom :disabled { cursor: default; }
.cl-sec-home-custom img, .cl-sec-home-custom svg, .cl-sec-home-custom video, .cl-sec-home-custom canvas, .cl-sec-home-custom audio, .cl-sec-home-custom iframe, .cl-sec-home-custom embed, .cl-sec-home-custom object { display: block; vertical-align: middle; }
.cl-sec-home-custom img, .cl-sec-home-custom video { max-width: 100%; height: auto; }
.cl-sec-home-custom [hidden] { display: none; }
.cl-sec-home-custom { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 20px; --space-9: 25px; --space-10: 32px; --space-11: 40px; --space-12: 50px; --space-13: 60px; --space-14: 80px; --space-15: 120px; }
@media (min-width: 768px) { .cl-sec-home-custom { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 15px; --space-7: 18px; --space-8: 22px; --space-9: 27px; --space-10: 35px; --space-11: 45px; --space-12: 56px; --space-13: 75px; --space-14: 105px; --space-15: 150px; } }
@media (min-width: 1100px) { .cl-sec-home-custom { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 16px; --space-7: 20px; --space-8: 24px; --space-9: 32px; --space-10: 38px; --space-11: 50px; --space-12: 68px; --space-13: 96px; --space-14: 128px; --space-15: 192px; } }
.cl-sec-home-custom { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --highlight-initial-position-x: 50%; --highlight-position-y: 50%; --highlight-height: 100%; }
.cl-sec-home-custom *, .cl-sec-home-custom ::before, .cl-sec-home-custom ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.cl-sec-home-custom .type-accent { --font-adjust: var(--FONT-ADJUST-ACCENT); --font-family: var(--FONT-STACK-ACCENT); --font-style: var(--FONT-STYLE-ACCENT); --font-weight: var(--FONT-WEIGHT-ACCENT); --font-weight-bold: var(--FONT-WEIGHT-ACCENT-BOLD); --font-transform: var(--FONT-ACCENT-TRANSFORM); --font-letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); font-family: var(--font-family); font-style: var(--font-style); font-weight: var(--font-weight, var(--font-weight-normal)); text-transform: var(--font-transform); letter-spacing: var(--font-letter-spacing); }
.cl-sec-home-custom .pointer-events-none { pointer-events: none; }
.cl-sec-home-custom .pointer-events-auto { pointer-events: auto; }
.cl-sec-home-custom .absolute { position: absolute; }
.cl-sec-home-custom .relative { position: relative; }
.cl-sec-home-custom .bottom-0 { bottom: 0px; }
.cl-sec-home-custom .bottom-\[calc\(var\(--inner\)\/2\)\] { bottom: calc(var(--inner) / 2); }
.cl-sec-home-custom .left-0 { left: 0px; }
.cl-sec-home-custom .left-\[calc\(var\(--inner\)\/2\)\] { left: calc(var(--inner) / 2); }
.cl-sec-home-custom .right-0 { right: 0px; }
.cl-sec-home-custom .right-\[calc\(var\(--inner\)\/2\)\] { right: calc(var(--inner) / 2); }
.cl-sec-home-custom .top-0 { top: 0px; }
.cl-sec-home-custom .top-\[calc\(var\(--inner\)\/2\)\] { top: calc(var(--inner) / 2); }
.cl-sec-home-custom .top-auto { top: auto; }
.cl-sec-home-custom .block { display: block; }
.cl-sec-home-custom .inline-block { display: inline-block; }
.cl-sec-home-custom .flex { display: flex; }
.cl-sec-home-custom .hidden { display: none; }
.cl-sec-home-custom .h-full { height: 100%; }
.cl-sec-home-custom .max-h-full { max-height: 100%; }
.cl-sec-home-custom .min-h-\[40px\] { min-height: 40px; }
.cl-sec-home-custom .w-full { width: 100%; }
.cl-sec-home-custom .w-r12 { width: var(--space-12); }
.cl-sec-home-custom .min-w-\[40px\] { min-width: 40px; }
.cl-sec-home-custom .origin-bottom { transform-origin: center bottom; }
.cl-sec-home-custom .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cl-sec-home-custom .translate-y-full { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cl-sec-home-custom .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cl-sec-home-custom .flex-row { flex-direction: row; }
.cl-sec-home-custom .flex-col { flex-direction: column; }
.cl-sec-home-custom .flex-wrap { flex-wrap: wrap; }
.cl-sec-home-custom .items-end { align-items: flex-end; }
.cl-sec-home-custom .items-center { align-items: center; }
.cl-sec-home-custom .justify-end { justify-content: flex-end; }
.cl-sec-home-custom .justify-center { justify-content: center; }
.cl-sec-home-custom .space-x-r2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(var(--space-2) * var(--tw-space-x-reverse)); margin-left: calc(var(--space-2) * calc(1 - var(--tw-space-x-reverse))); }
.cl-sec-home-custom .overflow-hidden { overflow: hidden; }
.cl-sec-home-custom .overflow-scroll { overflow: scroll; }
.cl-sec-home-custom .whitespace-nowrap { white-space: nowrap; }
.cl-sec-home-custom .bg-button { --tw-bg-opacity: 1; background-color: rgb(var(--rgb-button-main) / var(--tw-bg-opacity)); }
.cl-sec-home-custom .object-cover { object-fit: cover; }
.cl-sec-home-custom .px-r4 { padding-left: var(--space-4); padding-right: var(--space-4); }
.cl-sec-home-custom .py-r4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
.cl-sec-home-custom .text-r2 { font-size: calc(var(--font-2) * var(--font-adjust, 1)); line-height: var(--leading-relaxed); }
.cl-sec-home-custom .text-r3 { font-size: calc(var(--font-3) * var(--font-adjust, 1)); line-height: var(--leading-normal); }
.cl-sec-home-custom .font-bold { font-weight: var(--font-weight-bold); }
.cl-sec-home-custom .text-button-contrast { --tw-text-opacity: 1; color: rgb(var(--rgb-button-contrast) / var(--tw-text-opacity)); }
.cl-sec-home-custom .line-through { text-decoration-line: line-through; }
.cl-sec-home-custom .opacity-0 { opacity: 0; }
.cl-sec-home-custom .opacity-100 { opacity: 1; }
.cl-sec-home-custom .opacity-70 { opacity: 0.7; }
.cl-sec-home-custom .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, visibility, -webkit-backdrop-filter; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-custom .transition-opacity { transition-property: opacity; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-custom .delay-0 { transition-delay: 0s; }
.cl-sec-home-custom .delay-\[--exit-animation-duration\] { transition-delay: var(--exit-animation-duration); }
.cl-sec-home-custom .delay-\[calc\(var\(--exit-animation-duration\)\)\] { transition-delay: calc(var(--exit-animation-duration)); }
.cl-sec-home-custom .duration-300 { transition-duration: 0.3s; }
.cl-sec-home-custom .duration-\[--enter-animation-duration\] { transition-duration: var(--enter-animation-duration); }
.cl-sec-home-custom .duration-\[--exit-animation-duration\] { transition-duration: var(--exit-animation-duration); }
.cl-sec-home-custom .scrollbar-hide { scrollbar-width: none; }
.cl-sec-home-custom .text-center { text-align: center !important; }
@supports (aspect-ratio: auto) { .cl-sec-home-custom .aspect-\[--wh-ratio-mobile\] { aspect-ratio: var(--wh-ratio-mobile); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-custom .aspect-\[--wh-ratio-mobile\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio-mobile))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-custom .aspect-\[--wh-ratio-mobile\]::after { content: ""; display: table; clear: both; } }
@supports (aspect-ratio: auto) { .cl-sec-home-custom .aspect-\[--wh-ratio\] { aspect-ratio: var(--wh-ratio); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-custom .aspect-\[--wh-ratio\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-custom .aspect-\[--wh-ratio\]::after { content: ""; display: table; clear: both; } }
@supports (aspect-ratio: auto) { .cl-sec-home-custom .aspect-square { aspect-ratio: 1 / 1; } }
@supports not (aspect-ratio: auto) { .cl-sec-home-custom .aspect-square::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: 100%; } }
@supports not (aspect-ratio: auto) { .cl-sec-home-custom .aspect-square::after { content: ""; display: table; clear: both; } }
.cl-sec-home-custom { line-height: var(--leading-norma); font-family: var(--FONT-STACK-BODY); }
.cl-sec-home-custom *, .cl-sec-home-custom input, .cl-sec-home-custom ::before, .cl-sec-home-custom ::after { box-sizing: border-box; }
.cl-sec-home-custom, .cl-sec-home-custom { padding: 0px; margin: 0px; }
.cl-sec-home-custom { min-height: var(--full-screen); display: flex; flex-direction: column; }
.cl-sec-home-custom article, .cl-sec-home-custom aside, .cl-sec-home-custom details, .cl-sec-home-custom figcaption, .cl-sec-home-custom figure, .cl-sec-home-custom footer, .cl-sec-home-custom header, .cl-sec-home-custom hgroup, .cl-sec-home-custom main, .cl-sec-home-custom nav, .cl-sec-home-custom section, .cl-sec-home-custom summary { display: block; }
.cl-sec-home-custom { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; }
.cl-sec-home-custom .body-size-1, .cl-sec-home-custom .body-size-2, .cl-sec-home-custom .body-size-3, .cl-sec-home-custom .body-size-4, .cl-sec-home-custom .body-size-5, .cl-sec-home-custom .body-size-6, .cl-sec-home-custom .body-size-7, .cl-sec-home-custom .body-size-8, .cl-sec-home-custom .body-size-9, .cl-sec-home-custom .body-size-10, .cl-sec-home-custom .body-size-11, .cl-sec-home-custom .body-size-12, .cl-sec-home-custom .body-size-13, .cl-sec-home-custom .body-size-14, .cl-sec-home-custom .body-size-15 { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); }
.cl-sec-home-custom .body-size-6 { font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-snug); }
.cl-sec-home-custom .heading-size-1, .cl-sec-home-custom .heading-size-2, .cl-sec-home-custom .heading-size-3, .cl-sec-home-custom .heading-size-4, .cl-sec-home-custom .heading-size-5, .cl-sec-home-custom .heading-size-6, .cl-sec-home-custom .heading-size-7, .cl-sec-home-custom .heading-size-8, .cl-sec-home-custom .heading-size-9, .cl-sec-home-custom .heading-size-10, .cl-sec-home-custom .heading-size-11, .cl-sec-home-custom .heading-size-12, .cl-sec-home-custom .heading-size-13, .cl-sec-home-custom .heading-size-14, .cl-sec-home-custom .heading-size-15 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-custom .heading-size-9 { font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-tight); }
.cl-sec-home-custom { font-size: 16px; scroll-behavior: smooth; --scroll-behavior: smooth; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-custom { font-size: 15px; } }
@media only screen and (max-width: 479px) { .cl-sec-home-custom { font-size: 14px; } }
.cl-sec-home-custom { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: var(--text); }
.cl-sec-home-custom, .cl-sec-home-custom input, .cl-sec-home-custom textarea, .cl-sec-home-custom select, .cl-sec-home-custom .popout__toggle { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); color: var(--text); }
.cl-sec-home-custom h1, .cl-sec-home-custom h2, .cl-sec-home-custom h3, .cl-sec-home-custom h4, .cl-sec-home-custom h5, .cl-sec-home-custom h6 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-custom h1 { font-size: calc(var(--font-10) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-tight); }
.cl-sec-home-custom h1, .cl-sec-home-custom h2, .cl-sec-home-custom h3, .cl-sec-home-custom h4, .cl-sec-home-custom h5, .cl-sec-home-custom h6 { margin: 0px 0px 0.75em; }
.cl-sec-home-custom p { margin: 0px; }
.cl-sec-home-custom { --gutter: var(--LAYOUT-GUTTER); --outer: var(--LAYOUT-OUTER); --inner: 20px; --nav-gutter: var(--NAV-GUTTER); --gutter-offset: var(--LAYOUT-GUTTER-OFFSET); --outer-offset: calc(var(--LAYOUT-OUTER) * -1); --radius-sm: 3px; --radius-md: 12px; --radius-lg: 36px; --page-width: var(--LAYOUT-WIDTH); --grid-xl: 50px; --grid-lg: 32px; --grid-md: 22px; --grid-sm: 16px; --grid-0: 0px; --grid-standard-page-margin: var(--outer); --grid-standard-gutter: var(--gutter); --grid-page-margin: var(--grid-standard-page-margin); --grid-gutter: var(--grid-standard-gutter); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-custom { --grid-xl: 32px; --grid-lg: 22px; --grid-md: 18px; --grid-sm: 12px; --inner: 18px; --gutter: calc(var(--LAYOUT-GUTTER) * .8); --outer: calc(var(--LAYOUT-OUTER) * .8); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8); --outer-offset: calc(var(--LAYOUT-OUTER) * -.8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-custom { --grid-xl: 22px; --grid-lg: 22px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: calc(var(--LAYOUT-GUTTER) * .6); --outer: calc(var(--LAYOUT-OUTER) * .6); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .6); --outer-offset: calc(var(--LAYOUT-OUTER) * -.6); } }
@media only screen and (max-width: 479px) { .cl-sec-home-custom { --grid-xl: 16px; --grid-lg: 16px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: max(calc(var(--LAYOUT-GUTTER) * .6), 16px); --outer: 16px; --gutter-offset: min(calc(var(--LAYOUT-GUTTER-OFFSET) * .6), -16px); --outer-offset: -16px; } }
.cl-sec-home-custom { --max-w-page: var(--LAYOUT-WIDTH); --max-w-page-narrow: 50%; --max-w-page-tiny: 33%; }
@media only screen and (max-width: 1099px) { .cl-sec-home-custom { --max-w-page-narrow: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-custom { --max-w-page-narrow: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1399px) { .cl-sec-home-custom { --max-w-page-tiny: 45%; } }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-custom { --max-w-page-tiny: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-custom { --max-w-page-tiny: 66%; } }
@media only screen and (max-width: 479px) { .cl-sec-home-custom { --max-w-page-tiny: 100%; } }
.cl-sec-home-custom [tabindex="-1"]:focus { outline: none; }
.cl-sec-home-custom .wrapper--none::after { content: ""; display: table; clear: both; }
.cl-sec-home-custom .hero__content__wrapper.section-padding, .cl-sec-home-custom .brick__section .section-padding, .cl-sec-home-custom .section-padding, .cl-sec-home-custom .section-without-title:not(.section-without-title--skip) { --padding-top: var(--PT); --padding-bottom: var(--PB); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-custom .hero__content__wrapper.section-padding, .cl-sec-home-custom .brick__section .section-padding, .cl-sec-home-custom .section-padding, .cl-sec-home-custom .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .8); --padding-bottom: calc(var(--PB) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-custom .hero__content__wrapper.section-padding, .cl-sec-home-custom .brick__section .section-padding, .cl-sec-home-custom .section-padding, .cl-sec-home-custom .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .6); --padding-bottom: calc(var(--PB) * .6); } }
.cl-sec-home-custom .icon-theme { display: flex; align-items: center; width: 1em; height: 1em; }
.cl-sec-home-custom .icon-theme-stroke { fill: none; stroke: currentcolor; stroke-miterlimit: 10; stroke-width: var(--ICON-STROKE-WIDTH); }
.cl-sec-home-custom .icon-cart-full { fill: none; stroke: none; stroke-width: 0; }
.cl-sec-home-custom [class*="-size-"] > p, .cl-sec-home-custom .rte [class*="-size-"] > p { font-size: inherit; }
.cl-sec-home-custom .rte { margin-bottom: var(--space-5); overflow-wrap: break-word; }
.cl-sec-home-custom .rte p { margin: 0 0 var(--space-4); }
.cl-sec-home-custom .rte p:last-child { margin-bottom: 0px; }
.cl-sec-home-custom .btn, .cl-sec-home-custom .shopify-challenge__button, .cl-sec-home-custom .btn--soft { font-family: var(--TYPE-STACK-BUTTON); font-style: var(--TYPE-STYLE-BUTTON); font-weight: var(--TYPE-WEIGHT-BUTTON); text-transform: var(--FONT-BUTTON-TRANSFORM); letter-spacing: var(--FONT-BUTTON-LETTER-SPACING); display: inline-block; padding: var(--space-5) var(--space-8); margin: 0px; line-height: 1; text-decoration: none; text-align: center; vertical-align: middle; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; user-select: none; appearance: none; border-radius: var(--BUTTON-RADIUS); font-size: calc(var(--font-3) * var(--TYPE-ADJUST-BUTTON)); background-color: var(--btn-bg); color: var(--btn-text); transition: background-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-custom .btn:hover, .cl-sec-home-custom .shopify-challenge__button:hover, .cl-sec-home-custom .btn:active, .cl-sec-home-custom .shopify-challenge__button:active, .cl-sec-home-custom .btn:focus, .cl-sec-home-custom .shopify-challenge__button:focus, .cl-sec-home-custom .btn--soft:hover, .cl-sec-home-custom .btn--soft:active, .cl-sec-home-custom .btn--soft:focus { color: var(--btn-text-hover); background-color: var(--btn-bg-hover); }
.cl-sec-home-custom .btn, .cl-sec-home-custom .shopify-challenge__button { --btn-bg: var(--text); --btn-text: var(--bg); --btn-bg-hover: var(--hover); --btn-text-hover: var(--bg); }
.cl-sec-home-custom .btn--white.btn, .cl-sec-home-custom .btn--white.shopify-challenge__button { --btn-bg: #FFF; --btn-text: #000; --btn-bg-hover: #FFF; --btn-text-hover: #333; }
.cl-sec-home-custom .btn-state-ready { transition: color 0.2s, opacity 0.2s, visibility 0.2s; }
.cl-sec-home-custom [data-add-to-cart] { position: relative; }
.cl-sec-home-custom .btn-state-loading { visibility: hidden; position: absolute; top: 50%; left: 50%; z-index: 2; opacity: 0; transform: translate(-50%, -50%); transition: opacity 0.2s, visibility 0.2s; }
.cl-sec-home-custom .btn-state-complete { visibility: hidden; position: absolute; top: 50%; left: 50%; width: 14px; height: 8px; border-left: 1px solid var(--primary); border-bottom: 1px solid var(--primary); margin-top: -2px; transform: translate(-50%, -50%) rotate(-45deg); opacity: 0; transition: opacity 0.2s, visibility 0.2s; }
.cl-sec-home-custom a, .cl-sec-home-custom .text-link-bare { color: currentcolor; text-decoration: none; background: transparent; }
.cl-sec-home-custom a:hover, .cl-sec-home-custom a:focus, .cl-sec-home-custom .text-link-bare:hover, .cl-sec-home-custom .text-link-bare:focus { color: currentcolor; }
.cl-sec-home-custom form { margin-bottom: var(--gutter); }
.cl-sec-home-custom form:last-child { margin-bottom: 0px; }
@media only screen and (max-width: 767px) { .cl-sec-home-custom input, .cl-sec-home-custom textarea, .cl-sec-home-custom select, .cl-sec-home-custom .popout__toggle { font-size: 16px; } }
.cl-sec-home-custom button, .cl-sec-home-custom input[type="text"], .cl-sec-home-custom input[type="search"], .cl-sec-home-custom input[type="password"], .cl-sec-home-custom input[type="email"], .cl-sec-home-custom input[type="file"], .cl-sec-home-custom input[type="number"], .cl-sec-home-custom input[type="tel"], .cl-sec-home-custom input[type="submit"], .cl-sec-home-custom input[type="url"], .cl-sec-home-custom .quantity__wrapper input, .cl-sec-home-custom textarea { appearance: none; }
.cl-sec-home-custom input, .cl-sec-home-custom textarea, .cl-sec-home-custom select, .cl-sec-home-custom .popout__toggle, .cl-sec-home-custom fieldset { border-radius: var(--radius-sm); max-width: 100%; }
.cl-sec-home-custom input, .cl-sec-home-custom select, .cl-sec-home-custom .popout__toggle, .cl-sec-home-custom textarea { padding: 8px 10px; font-family: inherit; line-height: 1.42; }
.cl-sec-home-custom input { display: inline-block; width: auto; }
.cl-sec-home-custom button, .cl-sec-home-custom input[type="submit"] { cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit; }
.cl-sec-home-custom button { background-color: transparent; overflow: visible; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: inherit; }
.cl-sec-home-custom button[disabled], .cl-sec-home-custom input[disabled] { cursor: default; }
.cl-sec-home-custom { --OPTION-SIZE-SWATCH: 34px; --OPTION-SIZE-RADIO: 50px; }
.cl-sec-home-custom .swatch__button { --swatch: #CCC; --swatch-offset: 2px; --swatch-border-width: 2px; --swatch-size: var(--OPTION-SIZE-SWATCH); display: inline-block; }
.cl-sec-home-custom .swatch__button label, .cl-sec-home-custom .swatch__label { position: relative; overflow: hidden; width: var(--swatch-size); height: var(--swatch-size); border-radius: var(--swatch-border-radius, 100%); background-color: var(--swatch); }
.cl-sec-home-custom .swatch__button label[data-swatch="white" i], .cl-sec-home-custom .swatch__button .swatch__label[data-swatch="white" i], .cl-sec-home-custom .swatch__button label[style*="ffffff" i], .cl-sec-home-custom .swatch__button .swatch__label[style*="ffffff" i] { box-shadow: 0 0 0 1px var(--text-light) inset; }
.cl-sec-home-custom .swatch__button label[data-swatch="white" i]::after, .cl-sec-home-custom .swatch__button .swatch__label[data-swatch="white" i]::after, .cl-sec-home-custom .swatch__button label[style*="ffffff" i]::after, .cl-sec-home-custom .swatch__button .swatch__label[style*="ffffff" i]::after { --bg: var(--text-light); }
.cl-sec-home-custom .swatch__button label[data-swatch="white" i]::before, .cl-sec-home-custom .swatch__button .swatch__label[data-swatch="white" i]::before, .cl-sec-home-custom .swatch__button label[style*="ffffff" i]::before, .cl-sec-home-custom .swatch__button .swatch__label[style*="ffffff" i]::before { --bg: var(--text-light); }
.cl-sec-home-custom img { border: 0px; }
.cl-sec-home-custom svg:not(:root) { overflow: hidden; }
.cl-sec-home-custom { --placeholder-bg: #eeeeee; --placeholder-fill: #B4B6B9; }
.cl-sec-home-custom .image__hero__scale { --placeholder-bg: #ffffff; --placeholder-fill: #eeeeee; }
.cl-sec-home-custom .loading-shimmer { position: relative; background-color: var(--hairline); }
.cl-sec-home-custom .loading-shimmer img { opacity: 0; }
.cl-sec-home-custom .loading-shimmer::after { content: ""; position: absolute; inset: -30%; animation-duration: 2.4s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: imgLoadingShimmer; animation-timing-function: linear; background: linear-gradient(to right,transparent 16%,var(--bg) 32%,transparent 48%); transform: translate(-100%) rotate(32deg); }
.cl-sec-home-custom .image__hero__frame { position: relative; overflow: hidden; max-width: 100%; }
.cl-sec-home-custom .image__hero__frame noscript, .cl-sec-home-custom .image__hero__pane { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.cl-sec-home-custom .image__hero__scale { position: relative; display: block; width: 100%; height: 100%; min-height: 100%; }
.cl-sec-home-custom .image-overlay { position: absolute; inset: 0px; z-index: 2; background-color: var(--bg); opacity: var(--overlay-opacity, 0); }
.cl-sec-home-custom .hero__content { --default-max-width: calc(66% - var(--outer)); --content-width-fallback: var(--CONTENT-WIDTH, var(--default-max-width)); max-width: min(var(--content-width-fallback),var(--default-max-width)); width: 100%; margin: var(--inner); padding: var(--outer); color: var(--text); }
@media only screen and (max-width: 1099px) { .cl-sec-home-custom .hero__content { --default-max-width: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-custom .hero__content { --default-max-width: 100%; } }
.cl-sec-home-custom .hero__content__wrapper { position: absolute; display: flex; z-index: 10; top: 0px; left: 0px; height: 100%; width: 100%; padding-top: var(--image-top); padding-bottom: var(--image-bottom); }
.cl-sec-home-custom .align--middle-center { align-items: center; justify-content: center; text-align: center; }
.cl-sec-home-custom .text-center { text-align: center; }
.cl-sec-home-custom .visually-hidden, .cl-sec-home-custom [data-shopify-xr-hidden] { overflow: hidden; clip: rect(0px, 0px, 0px, 0px); height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px; position: absolute !important; }
.cl-sec-home-custom :not(.no-js) body:not(.focus-enabled) :focus { outline: none; }
.cl-sec-home-custom .svg-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.cl-sec-home-custom .svg-loader circle { stroke-width: 1; stroke: var(--border); fill: none; }
.cl-sec-home-custom .svg-loader circle ~ circle { stroke: var(--text); stroke-dashoffset: 88; animation: 1s linear 0s infinite normal none paused animate-svg; }
.cl-sec-home-custom .hero__content__wrapper, .cl-sec-home-custom .text__standard { --cta-column-gap: 8px; }
.cl-sec-home-custom .kicker__line { padding-bottom: var(--inner); position: relative; }
.cl-sec-home-custom .kicker__line::after { content: ""; width: 30px; height: 3px; position: absolute; bottom: 0px; inset-inline: 0px; margin-inline-start: var(--kicker-flourish-left, auto); margin-inline-end: var(--kicker-flourish-right, auto); background: var(--text); opacity: 0.2; }
.cl-sec-home-custom .hero__content__wrapper .rte p:last-child { margin-bottom: 0px; }
.cl-sec-home-custom .hero__kicker { font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); font-weight: var(--FONT-WEIGHT-ACCENT-BOLD); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); margin: 0px; }
.cl-sec-home-custom .hero__kicker:not([class*="body-size-"], [class*="accent-size-"]) { font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT)); line-height: var(--leading-normal); }
.cl-sec-home-custom .text-center, .cl-sec-home-custom .align--top-center, .cl-sec-home-custom .align--middle-center, .cl-sec-home-custom .align--bottom-center { --kicker-flourish-left: auto; --kicker-flourish-right: auto; }
.cl-sec-home-custom .hero__title { margin: 0px; }
.cl-sec-home-custom .hero__kicker + .hero__title { margin: var(--space-2) 0 0 0; }
.cl-sec-home-custom .hero__title + .hero__description { margin: var(--space-4) 0 0 0; }
.cl-sec-home-custom .hero__kicker, .cl-sec-home-custom .hero__description, .cl-sec-home-custom .hero__cta__wrapper, .cl-sec-home-custom .hero__title { overflow: hidden; }
.cl-sec-home-custom .hero__cta__wrapper { display: flex; flex-wrap: wrap; align-items: center; overflow: visible; margin: 0 calc(-1 * var(--cta-column-gap)); width: calc(100% + 2 * var(--cta-column-gap)); }
@media only screen and (max-width: 479px) { .cl-sec-home-custom .hero__cta__wrapper { flex-direction: column; } }
.cl-sec-home-custom .hero__cta__wrapper .hero__btn { margin-bottom: 0px; }
.cl-sec-home-custom .hero__btn:not(.btn--block), .cl-sec-home-custom .btn-text-thick-line + .hero__btn, .cl-sec-home-custom .hero__btn + .btn-text-thick-line { margin-left: var(--cta-column-gap); margin-right: var(--cta-column-gap); }
.cl-sec-home-custom .hero__cta__wrapper .hero__btn + .hero__btn:not(.standard__cta), .cl-sec-home-custom .hero__cta__wrapper .hero__btn:not(.standard__cta), .cl-sec-home-custom .hero__cta__wrapper .btn-text-thick-line { margin-top: var(--space-8); }
.cl-sec-home-custom .hero__content.text-center .hero__cta__wrapper, .cl-sec-home-custom .align--top-center .hero__cta__wrapper, .cl-sec-home-custom .align--middle-center .hero__cta__wrapper, .cl-sec-home-custom .align--bottom-center .hero__cta__wrapper { justify-content: center; }
@media only screen and (max-width: 479px) { .cl-sec-home-custom .hero__content.text-center .hero__cta__wrapper, .cl-sec-home-custom .align--top-center .hero__cta__wrapper, .cl-sec-home-custom .align--middle-center .hero__cta__wrapper, .cl-sec-home-custom .align--bottom-center .hero__cta__wrapper { align-items: center; } }
.cl-sec-home-custom .text__standard { color: var(--text); }
@media only screen and (max-width: 767px) { .cl-sec-home-custom .text__standard { padding-top: 10px; padding-bottom: 10px; } }
.cl-sec-home-custom .text__standard :last-child:not(.standard__cta):not(.timer) { margin-bottom: 0px; }
.cl-sec-home-custom .standard__kicker { font-family: var(--TYPE-STACK-KICKER); font-style: var(--TYPE-STYLE-KICKER); font-weight: var(--TYPE-WEIGHT-KICKER); text-transform: var(--FONT-KICKER-TRANSFORM); letter-spacing: var(--FONT-KICKER-LETTER-SPACING); overflow: hidden; color: var(--text); margin: 0px; }
.cl-sec-home-custom .hero__title, .cl-sec-home-custom .hero__title p, .cl-sec-home-custom .standard__heading, .cl-sec-home-custom .standard__heading p { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-custom .standard__kicker, .cl-sec-home-custom .standard__heading, .cl-sec-home-custom .standard__rte, .cl-sec-home-custom .standard__cta, .cl-sec-home-custom .standard__icons, .cl-sec-home-custom .standard__image, .cl-sec-home-custom .standard__list { overflow: hidden; margin-bottom: var(--space-6); }
.cl-sec-home-custom .text__standard { max-width: var(--CONTENT-WIDTH, 100%); }
.cl-sec-home-custom .text__standard.text-center { margin-left: auto; margin-right: auto; }
.cl-sec-home-custom .text--neutral { --text-dark: var(--COLOR-TEXT-DARK); --text: var(--COLOR-TEXT); --text-light: var(--COLOR-TEXT-LIGHT); }
.cl-sec-home-custom .text--white { --text: #FFF; --text-light: #FFF; --text-dark: #F7F7F7; }
.cl-sec-home-custom .stain-button-canvas { --rgb-button-main: var(--rgb-canvas); --rgb-button-contrast: var(--rgb-content); }
.cl-sec-home-custom { --full-screen: 100vh; --three-quarters: 75vh; --two-thirds: 66vh; --one-half: 50vh; --one-third: 33vh; --one-fifth: 20vh; --header-height: 100px; --footer-height: 500px; --announcement-height: 33px; --content-full: 90vh; --scrollbar-width: 0; }
.cl-sec-home-custom .use_screen_two_thirds { height: var(--two-thirds); }
.cl-sec-home-custom { --ease-out-fast: cubic-bezier(.215, .61, .355, 1); --ease-out-sharp: cubic-bezier(.25, .1, .25, 1); }
@media print { .cl-sec-home-custom p, .cl-sec-home-custom h2, .cl-sec-home-custom h3 { orphans: 3; widows: 3; } }
@media print { .cl-sec-home-custom, .cl-sec-home-custom { background-color: rgb(255, 255, 255); } }
.cl-sec-home-custom .brick__section { display: flex; align-items: stretch; --menu-height: 0; --brick-gutter: var(--BRICK-GUTTER); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-custom .brick__section { --brick-gutter: calc(var(--BRICK-GUTTER) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-custom .brick__section { --brick-gutter: calc(var(--BRICK-GUTTER) * .6); flex-direction: column; height: auto; } }
@media only screen and (max-width: 479px) { .cl-sec-home-custom .brick__section { --brick-gutter-trimmed: calc(var(--BRICK-GUTTER) * .6); --brick-gutter: min(var(--brick-gutter-trimmed),16px); } }
@media only screen and (min-width: 768px) { .cl-sec-home-custom .brick--2 .brick__block { width: 50%; } }
.cl-sec-home-custom .brick__block { width: 100%; height: 100%; position: relative; }
.cl-sec-home-custom .brick__block__text { height: 100%; display: flex; padding-inline-start: var(--outer); padding-inline-end: var(--outer); align-items: center; background-color: var(--bg); }
@media only screen and (max-width: 767px) { .cl-sec-home-custom .brick__block__text .text__standard { padding-top: 36px; padding-bottom: 36px; } }
@media only screen and (min-width: 768px) { .cl-sec-home-custom .brick__block .video-background, .cl-sec-home-custom .brick__block .image__hero__frame, .cl-sec-home-custom .brick__block__video, .cl-sec-home-custom .brick__block__image { height: 100%; } }
.cl-sec-home-custom .brick__section .hero__content { position: relative; z-index: 25; pointer-events: none; padding-left: 0px; padding-right: 0px; }
.cl-sec-home-custom .brick__section .hero__content a, .cl-sec-home-custom .brick__section .hero__content button { pointer-events: auto; }
.cl-sec-home-custom .brick__block__image, .cl-sec-home-custom .brick__block__video, .cl-sec-home-custom .brick__block__text { color: var(--text); }
.cl-sec-home-custom .brick__block__image { overflow: hidden; position: relative; }
.cl-sec-home-custom .brick__block__product__inner { width: 100%; }
.cl-sec-home-custom .brick__block__product__inner .standard__kicker { max-width: 350px; width: 100%; margin: 0px auto; }
.cl-sec-home-custom .brick__product { background-color: var(--bg-accent); padding: var(--inner); display: block; max-width: 350px; margin: var(--outer) auto 0 auto; }
.cl-sec-home-custom .brick__product .product-grid-item .product__grid__info { padding-bottom: 0px; }
.cl-sec-home-custom .product-grid-item { position: relative; text-align: center; }
.cl-sec-home-custom .product-grid-item a { display: block; }
.cl-sec-home-custom .product-grid-item a:focus { outline: none; }
.cl-sec-home-custom .product__grid__info { position: relative; padding: 8px 0px 0px; }
.cl-sec-home-custom .product__grid__info a { display: block; text-decoration: none; color: var(--text-dark); }
.cl-sec-home-custom .product__grid__title { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY-BOLD); font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); margin: 8px 0px 2px; word-break: break-word; text-transform: none; letter-spacing: 0px; }
.cl-sec-home-custom .product__grid__price { overflow: hidden; margin: 3px 0px; font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); }
.cl-sec-home-custom .text-center .product__grid__price { justify-content: center; }
.cl-sec-home-custom .product__grid__price--nowrap { display: flex; flex-flow: row; align-items: center; }
.cl-sec-home-custom .product__grid__price--nowrap .price, .cl-sec-home-custom .product__grid__price--nowrap .compare-at { flex: 0 1 auto; white-space: nowrap; }
.cl-sec-home-custom .product__grid__cutline { position: relative; display: inline-block; overflow: hidden; white-space: nowrap; padding-inline-end: 6px; margin-inline-end: 5px; text-overflow: ellipsis; max-width: 100%; vertical-align: top; }
.cl-sec-home-custom .product__grid__cutline:empty { padding-inline-end: 0px; margin-inline-end: 0px; }
.cl-sec-home-custom .product__grid__cutline::before { content: ""; position: absolute; top: 4px; bottom: 4px; inset-inline-end: 0px; border-inline-end: 1px solid currentcolor; }
.cl-sec-home-custom .grid__swatch__placeholder { margin: 0px; padding: 0px; font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-relaxed); letter-spacing: 0.06em; text-transform: uppercase; opacity: 1; transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-custom .grid__swatch__container { min-height: 28px; overflow: hidden; margin: 4px 0px 0px; position: relative; display: flex; align-items: flex-start; }
.cl-sec-home-custom .text-center .grid__swatch__container { justify-content: center; }
.cl-sec-home-custom .grid__swatch__container .swatch__button { margin: 0px 4px; }
.cl-sec-home-custom .grid__swatch__container .swatch__button { --OPTION-SIZE-SWATCH: 24px; --swatch-offset: 2px; --swatch-border-width: 2px; }
.cl-sec-home-custom .grid__swatch__container .grid__swatch__more-link { width: 24px; height: 24px; font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); font-size: calc(var(--font-2) * var(--FONT-ADJUST-ACCENT)); line-height: var(--leading-relaxed); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.cl-sec-home-custom .product__grid__info .grid__swatch__hover { overflow-x: auto; position: absolute; display: flex; flex-flow: row; max-width: 100%; padding: 0px 0px 32px; margin: 0px 0px -32px; opacity: 0; transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-custom :not(.supports-touch) product-grid-item:hover .grid__swatch__container .grid__swatch__hover, .cl-sec-home-custom :not(.supports-touch) product-grid-item:hover .sibs__slider .grid__swatch__hover, .cl-sec-home-custom product-grid-item:focus-within .grid__swatch__container .grid__swatch__hover, .cl-sec-home-custom product-grid-item:focus-within .sibs__slider .grid__swatch__hover, .cl-sec-home-custom .supports-touch product-grid-item .grid__swatch__container:hover .grid__swatch__hover, .cl-sec-home-custom .supports-touch product-grid-item .sibs__slider:hover .grid__swatch__hover, .cl-sec-home-custom .supports-touch product-grid-item .grid__swatch__container:focus-within .grid__swatch__hover, .cl-sec-home-custom .supports-touch product-grid-item .sibs__slider:focus-within .grid__swatch__hover { top: 0px; height: auto; }
.cl-sec-home-custom :not(.supports-touch) product-grid-item:hover .grid__swatch__container .grid__swatch__hover, .cl-sec-home-custom :not(.supports-touch) product-grid-item:hover .grid__swatch__container .tabs__arrow, .cl-sec-home-custom :not(.supports-touch) product-grid-item:hover .sibs__slider .grid__swatch__hover, .cl-sec-home-custom :not(.supports-touch) product-grid-item:hover .sibs__slider .tabs__arrow, .cl-sec-home-custom product-grid-item:focus-within .grid__swatch__container .grid__swatch__hover, .cl-sec-home-custom product-grid-item:focus-within .grid__swatch__container .tabs__arrow, .cl-sec-home-custom product-grid-item:focus-within .sibs__slider .grid__swatch__hover, .cl-sec-home-custom product-grid-item:focus-within .sibs__slider .tabs__arrow, .cl-sec-home-custom .supports-touch product-grid-item .grid__swatch__container:hover .grid__swatch__hover, .cl-sec-home-custom .supports-touch product-grid-item .grid__swatch__container:hover .tabs__arrow, .cl-sec-home-custom .supports-touch product-grid-item .sibs__slider:hover .grid__swatch__hover, .cl-sec-home-custom .supports-touch product-grid-item .sibs__slider:hover .tabs__arrow, .cl-sec-home-custom .supports-touch product-grid-item .grid__swatch__container:focus-within .grid__swatch__hover, .cl-sec-home-custom .supports-touch product-grid-item .grid__swatch__container:focus-within .tabs__arrow, .cl-sec-home-custom .supports-touch product-grid-item .sibs__slider:focus-within .grid__swatch__hover, .cl-sec-home-custom .supports-touch product-grid-item .sibs__slider:focus-within .tabs__arrow { transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); visibility: visible; opacity: 1; z-index: 3; }
.cl-sec-home-custom :not(.supports-touch) product-grid-item:hover .grid__swatch__container .is-hidden, .cl-sec-home-custom :not(.supports-touch) product-grid-item:hover .grid__swatch__container .grid__swatch__placeholder, .cl-sec-home-custom :not(.supports-touch) product-grid-item:hover .sibs__slider .is-hidden, .cl-sec-home-custom :not(.supports-touch) product-grid-item:hover .sibs__slider .grid__swatch__placeholder, .cl-sec-home-custom product-grid-item:focus-within .grid__swatch__container .is-hidden, .cl-sec-home-custom product-grid-item:focus-within .grid__swatch__container .grid__swatch__placeholder, .cl-sec-home-custom product-grid-item:focus-within .sibs__slider .is-hidden, .cl-sec-home-custom product-grid-item:focus-within .sibs__slider .grid__swatch__placeholder, .cl-sec-home-custom .supports-touch product-grid-item .grid__swatch__container:hover .is-hidden, .cl-sec-home-custom .supports-touch product-grid-item .grid__swatch__container:hover .grid__swatch__placeholder, .cl-sec-home-custom .supports-touch product-grid-item .sibs__slider:hover .is-hidden, .cl-sec-home-custom .supports-touch product-grid-item .sibs__slider:hover .grid__swatch__placeholder, .cl-sec-home-custom .supports-touch product-grid-item .grid__swatch__container:focus-within .is-hidden, .cl-sec-home-custom .supports-touch product-grid-item .grid__swatch__container:focus-within .grid__swatch__placeholder, .cl-sec-home-custom .supports-touch product-grid-item .sibs__slider:focus-within .is-hidden, .cl-sec-home-custom .supports-touch product-grid-item .sibs__slider:focus-within .grid__swatch__placeholder { transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.3s; opacity: 0; visibility: hidden; pointer-events: none; }
.cl-sec-home-custom :not(.supports-touch) body:not(.focus-enabled) .product-grid-item:hover .grid__swatch__container .grid__swatch__placeholder { display: none; }
.cl-sec-home-custom .product__badge { font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); font-weight: var(--FONT-WEIGHT-ACCENT-BOLD); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); font-size: calc(var(--font-2) * var(--FONT-ADJUST-ACCENT)); line-height: var(--leading-relaxed); position: absolute; inset-inline-end: calc(var(--inner) / 2); top: calc(var(--inner) / 2); max-width: calc(100% - var(--inner)); padding: 5px 10px; background: var(--COLOR-BADGE); color: var(--COLOR-BADGE-TEXT); z-index: 400; text-align: end; transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-custom .product-grid-item__content.is-slideshow:not(.is-mobile):hover .product__badge { opacity: 0; }
.cl-sec-home-custom .product__badge--custom { background: var(--badge-bg, var(--COLOR-BADGE)); color: var(--badge-color, var(--COLOR-BADGE-TEXT)); }
.cl-sec-home-custom .product-grid-item__container { position: relative; overflow: hidden; }
.cl-sec-home-custom .product-grid-item__image-wrapper { background: var(--bg); display: block; position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.15s linear 0.15s, visibility 0.15s linear; }
.cl-sec-home-custom .product-grid-item__image-wrapper.is-active { opacity: 1; visibility: visible; transition-delay: 0s; }
.cl-sec-home-custom .product-grid-item__pagination { display: flex; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 5; padding: 12px 12px 15px; background: linear-gradient(to bottom,var(--COLOR-PRODUCT-SLIDER-OPPOSITE) 0%,rgba(255,255,255,0) 100%); opacity: 0; pointer-events: none; transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-custom .product-grid-item__content:not(.is-mobile):hover .product-grid-item__pagination { opacity: 1; }
.cl-sec-home-custom .product-grid-item__pagination span { --width: 100%; flex: 1 0 auto; position: relative; height: 2px; overflow: hidden; border-radius: 5px; margin: 0px 1px; font-size: 0px; transform: translateY(-5px); transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-custom .product-grid-item__pagination span::before, .cl-sec-home-custom .product-grid-item__pagination span::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--COLOR-PRODUCT-SLIDER); }
.cl-sec-home-custom .product-grid-item__pagination span::before { opacity: 0.4; }
.cl-sec-home-custom .product-grid-item__pagination span::after { width: var(--width); }
.cl-sec-home-custom .product-grid-item:hover .product-grid-item__pagination span { transform: translateY(0px); }
.cl-sec-home-custom .product-grid-item__pagination span.is-active { --width: 0%; }
.cl-sec-home-custom .product-grid-item__pagination span.is-active ~ span { --width: 0% !important; }
.cl-sec-home-custom .product-grid-item__error-display { display: none; position: absolute; top: 0px; right: 0px; left: 0px; z-index: 100; padding: calc(var(--inner) / 2); }
.cl-sec-home-custom .product__media img, .cl-sec-home-custom .media__thumb img, .cl-sec-home-custom .cart__items__img, .cl-sec-home-custom .product__popdown__image img, .cl-sec-home-custom .sibling__image img, .cl-sec-home-custom img.product-clip__image__inner, .cl-sec-home-custom .product-grid-item__image, .cl-sec-home-custom .collection__products .float-grid img, .cl-sec-home-custom .collection__products .grid--full img { filter: brightness(var(--PHOTO-CORRECTION)); }
.cl-sec-home-custom .product__grid__title__wrapper { display: flex; justify-content: space-between; align-items: center; }
.cl-sec-home-custom .product__grid__info.text-center .product__grid__title__wrapper { justify-content: center; flex-direction: column; }
.cl-sec-home-custom { --form-top: 14px; --form-left: 20px; }
.cl-sec-home-custom { --OPTION-SIZE-SIBLING: 50px; }
.cl-sec-home-custom .group\/option-button:hover .group-hover\/option-button\:bg-button-contrast\/5 { background-color: rgb(var(--rgb-button-contrast) / .05); }
.cl-sec-home-custom .group\/option-button:hover .group-hover\/option-button\:text-button-contrast { --tw-text-opacity: 1; color: rgb(var(--rgb-button-contrast) / var(--tw-text-opacity)); }
@media (min-width: 768px) { .cl-sec-home-custom .md\:block { display: block; } }
@media (min-width: 768px) { .cl-sec-home-custom .md\:hidden { display: none; } }
@media (min-width: 768px) { .cl-sec-home-custom .md\:min-h-\[48px\] { min-height: 48px; } }
@media (min-width: 768px) { .cl-sec-home-custom .md\:w-full { width: 100%; } }
@media (min-width: 768px) { .cl-sec-home-custom .md\:translate-y-r4 { --tw-translate-y: var(--space-4); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
@media (min-width: 768px) { .cl-sec-home-custom .md\:gap-y-r2 { row-gap: var(--space-2); } }
@media (min-width: 768px) { .cl-sec-home-custom .md\:px-r8 { padding-left: var(--space-8); padding-right: var(--space-8); } }
@media (min-width: 768px) { .cl-sec-home-custom .md\:py-r5 { padding-top: var(--space-5); padding-bottom: var(--space-5); } }
@media (min-width: 768px) { .cl-sec-home-custom .md\:opacity-0 { opacity: 0; } }
@media (min-width: 768px) { .cl-sec-home-custom .md\:opacity-100 { opacity: 1; } }
@media (min-width: 768px) { .cl-sec-home-custom .group\/product-grid-item:focus-within .md\:group-focus-within\/product-grid-item\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
@media (min-width: 768px) { .cl-sec-home-custom .group\/product-grid-item:focus-within .md\:group-focus-within\/product-grid-item\:opacity-100 { opacity: 1; } }
@media (min-width: 768px) { .cl-sec-home-custom .group\/product-grid-item:hover .md\:group-hover\/product-grid-item\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
@media (min-width: 768px) { .cl-sec-home-custom .group\/product-grid-item:hover .md\:group-hover\/product-grid-item\:opacity-100 { opacity: 1; } }
.cl-sec-home-custom, .cl-sec-home-custom { scroll-behavior: auto !important; }
.cl-sec-home-custom { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-sec-home-custom { --kaching-cart-font-size-scale: 1; } }
.cl-sec-home-custom .kaching-cart :is(a[href], button, input, select, textarea, summary, [role="button"], [contenteditable]):focus-visible { outline: var(--kaching-cart-focus-ring-width) solid currentColor !important; outline-offset: var(--kaching-cart-focus-ring-offset) !important; }
.cl-sec-home-custom { --oke-widget-spaceAbove: 20px; --oke-widget-spaceBelow: 20px; --oke-starRating-spaceAbove: 0; --oke-starRating-spaceBelow: 0; --oke-button-backgroundColor: #000; --oke-button-backgroundColorHover: #000; --oke-button-backgroundColorActive: #000; --oke-button-textColor: #fff; --oke-button-textColorHover: #272d45; --oke-button-textColorActive: #fff; --oke-button-borderColor: #dbdde4; --oke-button-borderColorHover: #dbdde4; --oke-button-borderColorActive: #000; --oke-button-borderRadius: 4px; --oke-button-borderWidth: 1px; --oke-button-fontWeight: 700; --oke-button-fontSize: var(--oke-text-regular,14px); --oke-button-fontFamily: inherit; --oke-border-color: #e5e5eb; --oke-border-width: 1px; --oke-text-primaryColor: #000; --oke-text-secondaryColor: #070707; --oke-text-small: 12px; --oke-text-regular: 14px; --oke-text-large: 20px; --oke-text-fontFamily: inherit; --oke-avatar-size: 48px; --oke-avatar-backgroundColor: #e5e5eb; --oke-avatar-placeholderTextColor: #000; --oke-highlightColor: #000; --oke-shadingColor: #f7f7f8; --oke-productImageSize: 48px; --oke-attributeBar-shadingColor: #9a9db1; --oke-attributeBar-borderColor: undefined; --oke-attributeBar-backgroundColor: #d3d4dd; --oke-attributeBar-markerColor: #000; --oke-filter-backgroundColor: #fff; --oke-filter-backgroundColorActive: #676986; --oke-filter-borderColor: #dbdde4; --oke-filter-borderColorActive: #676986; --oke-filter-textColor: #000; --oke-filter-textColorActive: #fff; --oke-filter-borderRadius: 100px; --oke-filter-searchHighlightColor: #999; --oke-mediaGrid-chevronColor: #676986; --oke-stars-foregroundColor: #161616; --oke-stars-backgroundColor: #e5e5e5; --oke-stars-borderWidth: 0; }
.cl-sec-home-custom { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 15px; --menu-backfill-height: auto; }
/* ==== home-custom [vm] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-custom { --kl-reviews-color-light-gray: #e9e9eb; }
/* ==== home-columns [vd] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-columns { --LAYOUT-WIDTH: 1200px; --LAYOUT-GUTTER: 20px; --LAYOUT-GUTTER-OFFSET: -20px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 36px; --COLOR-VIDEO-BG: #ffe9da; --COLOR-BG: #FFF8F3; --COLOR-BG-ACCENT: #fae9de; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #222222; --COLOR-TEXT-LIGHT: #646261; --COLOR-PRIMARY: #D65461; --COLOR-PRIMARY-HOVER: #c31a2b; --COLOR-PRIMARY-FADE: rgba(214, 84, 97, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(214, 84, 97, 0.1); --COLOR-PRIMARY-OPPOSITE: #ffffff; --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1); --COLOR-SECONDARY-OPPOSITE: #ffffff; --COLOR-A5: rgba(34, 34, 34, 0.05); --COLOR-A10: rgba(34, 34, 34, 0.1); --COLOR-A20: rgba(34, 34, 34, 0.2); --COLOR-A35: rgba(34, 34, 34, 0.35); --COLOR-A50: rgba(34, 34, 34, 0.5); --COLOR-A80: rgba(34, 34, 34, 0.8); --COLOR-A90: rgba(34, 34, 34, 0.9); --COLOR-A95: rgba(34, 34, 34, 0.95); --INVERSE-BG: #d65461; --INVERSE-BG-ACCENT: #222324; --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #f3ccd0; --INVERSE-PRIMARY: #fcd8c8; --INVERSE-PRIMARY-HOVER: #ffa278; --INVERSE-PRIMARY-FADE: rgba(252, 216, 200, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(252, 216, 200, 0.1); --INVERSE-PRIMARY-OPPOSITE: #000000; --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1); --INVERSE-SECONDARY-OPPOSITE: #000000; --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); --BRIGHT-BG: #d3836a; --BRIGHT-BG-ACCENT: #2693cf; --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #f2dad2; --BRIGHT-PRIMARY: #2693cf; --BRIGHT-PRIMARY-HOVER: #0e699b; --BRIGHT-PRIMARY-FADE: rgba(38, 147, 207, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(38, 147, 207, 0.1); --BRIGHT-PRIMARY-OPPOSITE: #000000; --BRIGHT-SECONDARY: #f4a482; --BRIGHT-SECONDARY-HOVER: #fd6b2c; --BRIGHT-SECONDARY-FADE: rgba(244, 164, 130, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(244, 164, 130, 0.1); --BRIGHT-SECONDARY-OPPOSITE: #000000; --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); --COLOR-ANNOUNCEMENT-BG: #D65461; --COLOR-ANNOUNCEMENT-TEXT: #FAE9DE; --COLOR-NAV: #FFF8F3; --COLOR-NAV-TEXT: #222222; --COLOR-NAV-TEXT-DARK: #000000; --COLOR-NAV-TEXT-LIGHT: #646261; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(34, 34, 34, 0.1); --COLOR-NAV-A50: rgba(34, 34, 34, 0.5); --COLOR-HIGHLIGHT-LINK: #d65461; --COLOR-FOOTER-BG: #d65461; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); --COLOR-SUB-FOOTER-BG: #2e3438; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); --PRODUCT-GRID-ASPECT-RATIO: 90.0%; --COLOR-BADGE: #ffffff; --COLOR-BADGE-TEXT: #656565; --COLOR-BADGE-TEXT-DARK: #453939; --COLOR-BADGE-TEXT-HOVER: #8b8b8b; --COLOR-BADGE-HAIRLINE: #f7f7f7; --COLOR-PRODUCT-SLIDER: #ffffff; --COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06); --COLOR-DISABLED-BG: #e9e3de; --COLOR-DISABLED-TEXT: #b2adaa; --INVERSE-DISABLED-BG: #da6571; --INVERSE-DISABLED-TEXT: #e49098; --RGB-CANVAS: 255 248 243; --RGB-CONTENT: 34 34 34; --RGB-PRIMARY: 214 84 97; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 214 84 97; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 252 216 200; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 211 131 106; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 38 147 207; --RGB-BRIGHT-SECONDARY: 244 164 130; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; --BUTTON-RADIUS: 0px; --ICON-STROKE-WIDTH: 2px; --FONT-STACK-BODY: Barlow, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --FONT-ADJUST-BODY: 1.0; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-PRODUCT-CARD: var(--FONT-STACK-BODY); --FONT-STACK-HEADING: "Gowun Batang", serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 400; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 1.0; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.09em; --FONT-STACK-ACCENT: Archivo, serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 500; --FONT-WEIGHT-ACCENT-BOLD: 600; --FONT-ADJUST-ACCENT: 1.0; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.09em; --TYPE-STACK-NAV: Archivo, sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 1.0; --TYPE-WEIGHT-NAV: 500; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.09em; --TYPE-STACK-BUTTON: Archivo, sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.0; --TYPE-WEIGHT-BUTTON: 600; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.09em; --TYPE-STACK-KICKER: Archivo, sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.0; --TYPE-WEIGHT-KICKER: 600; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.09em; --ICO-SELECT: url({{ 'cl-ff3a3308-ico-select.svg' | asset_url }}); --PHOTO-CORRECTION: 100%; }
.cl-sec-home-columns { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10: 32px; --font-11: 37px; --font-12: 43px; --font-13: 49px; --font-14: 57px; --font-15: 67px; }
@media only screen and (min-width: 480px) and (max-width: 1099px) { .cl-sec-home-columns { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10: 34px; --font-11: 40px; --font-12: 47px; --font-13: 56px; --font-14: 65px; --font-15: 77px; } }
@media only screen and (min-width: 1100px) { .cl-sec-home-columns { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10: 48px; --font-11: 58px; --font-12: 71px; --font-13: 87px; --font-14: 106px; --font-15: 129px; } }
.cl-sec-home-columns *, .cl-sec-home-columns ::before, .cl-sec-home-columns ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
.cl-sec-home-columns, .cl-sec-home-columns :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
.cl-sec-home-columns { margin: 0px; line-height: inherit; }
.cl-sec-home-columns h1, .cl-sec-home-columns h2, .cl-sec-home-columns h3, .cl-sec-home-columns h4, .cl-sec-home-columns h5, .cl-sec-home-columns h6 { font-size: inherit; font-weight: inherit; }
.cl-sec-home-columns blockquote, .cl-sec-home-columns dl, .cl-sec-home-columns dd, .cl-sec-home-columns h1, .cl-sec-home-columns h2, .cl-sec-home-columns h3, .cl-sec-home-columns h4, .cl-sec-home-columns h5, .cl-sec-home-columns h6, .cl-sec-home-columns hr, .cl-sec-home-columns figure, .cl-sec-home-columns p, .cl-sec-home-columns pre { margin: 0px; }
.cl-sec-home-columns img, .cl-sec-home-columns svg, .cl-sec-home-columns video, .cl-sec-home-columns canvas, .cl-sec-home-columns audio, .cl-sec-home-columns iframe, .cl-sec-home-columns embed, .cl-sec-home-columns object { display: block; vertical-align: middle; }
.cl-sec-home-columns img, .cl-sec-home-columns video { max-width: 100%; height: auto; }
.cl-sec-home-columns { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 20px; --space-9: 25px; --space-10: 32px; --space-11: 40px; --space-12: 50px; --space-13: 60px; --space-14: 80px; --space-15: 120px; }
@media (min-width: 768px) { .cl-sec-home-columns { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 15px; --space-7: 18px; --space-8: 22px; --space-9: 27px; --space-10: 35px; --space-11: 45px; --space-12: 56px; --space-13: 75px; --space-14: 105px; --space-15: 150px; } }
@media (min-width: 1100px) { .cl-sec-home-columns { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 16px; --space-7: 20px; --space-8: 24px; --space-9: 32px; --space-10: 38px; --space-11: 50px; --space-12: 68px; --space-13: 96px; --space-14: 128px; --space-15: 192px; } }
.cl-sec-home-columns { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --highlight-initial-position-x: 50%; --highlight-position-y: 50%; --highlight-height: 100%; }
.cl-sec-home-columns *, .cl-sec-home-columns ::before, .cl-sec-home-columns ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.cl-sec-home-columns .relative { position: relative; }
.cl-sec-home-columns .mb-r11 { margin-bottom: var(--space-11); }
.cl-sec-home-columns .mb-r4 { margin-bottom: var(--space-4); }
.cl-sec-home-columns .block { display: block; }
.cl-sec-home-columns .h-full { height: 100%; }
.cl-sec-home-columns .w-full { width: 100%; }
.cl-sec-home-columns .overflow-hidden { overflow: hidden; }
.cl-sec-home-columns .object-cover { object-fit: cover; }
.cl-sec-home-columns .transition-opacity { transition-property: opacity; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-columns .duration-300 { transition-duration: 0.3s; }
.cl-sec-home-columns .text-center { text-align: center !important; }
@supports (aspect-ratio: auto) { .cl-sec-home-columns .aspect-\[--wh-ratio\] { aspect-ratio: var(--wh-ratio); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-columns .aspect-\[--wh-ratio\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-columns .aspect-\[--wh-ratio\]::after { content: ""; display: table; clear: both; } }
.cl-sec-home-columns { line-height: var(--leading-norma); font-family: var(--FONT-STACK-BODY); }
.cl-sec-home-columns *, .cl-sec-home-columns input, .cl-sec-home-columns ::before, .cl-sec-home-columns ::after { box-sizing: border-box; }
.cl-sec-home-columns, .cl-sec-home-columns { padding: 0px; margin: 0px; }
.cl-sec-home-columns { min-height: var(--full-screen); display: flex; flex-direction: column; }
.cl-sec-home-columns .grid__item { float: left; padding-left: calc(var(--gutter) / 2); padding-right: calc(var(--gutter) / 2); width: 100%; }
.cl-sec-home-columns [data-grid-flex] { display: flex; flex-flow: wrap; }
.cl-sec-home-columns [data-grid] { position: relative; width: calc(100% - var(--gutter-offset)); margin: 0 calc(var(--gutter-offset) / 2); }
.cl-sec-home-columns [data-grid]:not([data-grid-no-gutters]) [data-item] { padding: 0 calc(var(--gutter) / 2); }
.cl-sec-home-columns [data-grid] [data-item].index__column { padding-bottom: 30px; }
.cl-sec-home-columns [data-grid][data-grid-large] [data-item] { width: calc(100% / var(--grid-large-items)); }
@media only screen and (max-width: 1099px) { .cl-sec-home-columns [data-grid][data-grid-large] [data-item] { width: 25%; } }
@media only screen and (max-width: 1099px) { .cl-sec-home-columns [data-grid][data-grid-medium] [data-item] { width: calc(100% / var(--grid-medium-items)); } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-grid]:not([data-grid-no-gutters]), .cl-sec-home-columns [data-grid][data-grid-no-gutters], .cl-sec-home-columns [data-grid] { position: relative; width: calc(100% + var(--outer) * 2); margin: 0 var(--outer-offset); padding-right: 0px; padding-left: var(--outer); scroll-padding: var(--outer); } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-grid]:not([data-grid-no-gutters])::after, .cl-sec-home-columns [data-grid][data-grid-no-gutters]::after, .cl-sec-home-columns [data-grid]::after { content: ""; display: block; padding-right: var(--outer); position: relative; } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-grid]:not([data-grid-no-gutters]) [data-item], .cl-sec-home-columns [data-grid][data-grid-no-gutters] [data-item], .cl-sec-home-columns [data-grid] [data-item] { padding: 0px; margin-left: 0px; } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-grid]:not([data-grid-no-gutters]) [data-item], .cl-sec-home-columns [data-grid][data-grid-no-gutters] .grid__item { margin-inline-end: calc(var(--gutter) + 1px); } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-grid]:not([data-grid-no-gutters]) [data-item]:last-child, .cl-sec-home-columns [data-grid][data-grid-no-gutters] .grid__item:last-child { margin-inline-end: 0px; } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-grid] [data-item].index__column { padding-bottom: 30px; } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-grid][data-grid-large] [data-item], .cl-sec-home-columns [data-grid][data-grid-medium] [data-item] { width: 50%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-grid][data-grid-small] [data-item] { width: calc((100% - var(--outer)) / var(--grid-small-items) - (var(--gutter) - 1px / var(--grid-small-items) * (var(--grid-small-items) - 1))); } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-custom-scrollbar-items] { margin-right: calc(var(--outer) * -1); margin-left: calc(var(--outer) * -1); scroll-snap-type: x mandatory; overflow: auto hidden; display: flex; scroll-behavior: smooth; scrollbar-width: none; touch-action: auto; scroll-padding: max(var(--outer) - var(--IMAGE-SPACING),0px); flex-flow: row !important; } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-custom-scrollbar-items] > * { flex: 0 0 auto; scroll-snap-align: start; } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns [data-custom-scrollbar-items]::after { content: ""; display: block; position: relative; padding: 0 calc(max(var(--outer) - var(--IMAGE-SPACING),0px)/2); } }
.cl-sec-home-columns { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; }
.cl-sec-home-columns .accent-title-large { font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); font-weight: var(--FONT-WEIGHT-ACCENT); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT)); line-height: var(--leading-normal); }
.cl-sec-home-columns .accent-title-large .strong, .cl-sec-home-columns .accent-title-large.strong, .cl-sec-home-columns .accent-title-large strong { font-weight: var(--FONT-WEIGHT-ACCENT-BOLD); }
.cl-sec-home-columns .body-size-1, .cl-sec-home-columns .body-size-2, .cl-sec-home-columns .body-size-3, .cl-sec-home-columns .body-size-4, .cl-sec-home-columns .body-size-5, .cl-sec-home-columns .body-size-6, .cl-sec-home-columns .body-size-7, .cl-sec-home-columns .body-size-8, .cl-sec-home-columns .body-size-9, .cl-sec-home-columns .body-size-10, .cl-sec-home-columns .body-size-11, .cl-sec-home-columns .body-size-12, .cl-sec-home-columns .body-size-13, .cl-sec-home-columns .body-size-14, .cl-sec-home-columns .body-size-15 { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); }
.cl-sec-home-columns .body-size-4 { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); }
.cl-sec-home-columns { font-size: 16px; scroll-behavior: smooth; --scroll-behavior: smooth; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-columns { font-size: 15px; } }
@media only screen and (max-width: 479px) { .cl-sec-home-columns { font-size: 14px; } }
.cl-sec-home-columns { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: var(--text); }
.cl-sec-home-columns, .cl-sec-home-columns input, .cl-sec-home-columns textarea, .cl-sec-home-columns select, .cl-sec-home-columns .popout__toggle { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); color: var(--text); }
.cl-sec-home-columns h1, .cl-sec-home-columns h2, .cl-sec-home-columns h3, .cl-sec-home-columns h4, .cl-sec-home-columns h5, .cl-sec-home-columns h6 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-columns h2 { font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-tight); }
.cl-sec-home-columns h1, .cl-sec-home-columns h2, .cl-sec-home-columns h3, .cl-sec-home-columns h4, .cl-sec-home-columns h5, .cl-sec-home-columns h6 { margin: 0px 0px 0.75em; }
.cl-sec-home-columns p { margin: 0px; }
.cl-sec-home-columns b, .cl-sec-home-columns strong, .cl-sec-home-columns .strong { font-weight: var(--FONT-WEIGHT-BODY-BOLD); }
.cl-sec-home-columns { --gutter: var(--LAYOUT-GUTTER); --outer: var(--LAYOUT-OUTER); --inner: 20px; --nav-gutter: var(--NAV-GUTTER); --gutter-offset: var(--LAYOUT-GUTTER-OFFSET); --outer-offset: calc(var(--LAYOUT-OUTER) * -1); --radius-sm: 3px; --radius-md: 12px; --radius-lg: 36px; --page-width: var(--LAYOUT-WIDTH); --grid-xl: 50px; --grid-lg: 32px; --grid-md: 22px; --grid-sm: 16px; --grid-0: 0px; --grid-standard-page-margin: var(--outer); --grid-standard-gutter: var(--gutter); --grid-page-margin: var(--grid-standard-page-margin); --grid-gutter: var(--grid-standard-gutter); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-columns { --grid-xl: 32px; --grid-lg: 22px; --grid-md: 18px; --grid-sm: 12px; --inner: 18px; --gutter: calc(var(--LAYOUT-GUTTER) * .8); --outer: calc(var(--LAYOUT-OUTER) * .8); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8); --outer-offset: calc(var(--LAYOUT-OUTER) * -.8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns { --grid-xl: 22px; --grid-lg: 22px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: calc(var(--LAYOUT-GUTTER) * .6); --outer: calc(var(--LAYOUT-OUTER) * .6); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .6); --outer-offset: calc(var(--LAYOUT-OUTER) * -.6); } }
@media only screen and (max-width: 479px) { .cl-sec-home-columns { --grid-xl: 16px; --grid-lg: 16px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: max(calc(var(--LAYOUT-GUTTER) * .6), 16px); --outer: 16px; --gutter-offset: min(calc(var(--LAYOUT-GUTTER-OFFSET) * .6), -16px); --outer-offset: -16px; } }
.cl-sec-home-columns { --max-w-page: var(--LAYOUT-WIDTH); --max-w-page-narrow: 50%; --max-w-page-tiny: 33%; }
@media only screen and (max-width: 1099px) { .cl-sec-home-columns { --max-w-page-narrow: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns { --max-w-page-narrow: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1399px) { .cl-sec-home-columns { --max-w-page-tiny: 45%; } }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-columns { --max-w-page-tiny: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-columns { --max-w-page-tiny: 66%; } }
@media only screen and (max-width: 479px) { .cl-sec-home-columns { --max-w-page-tiny: 100%; } }
.cl-sec-home-columns .wrapper, .cl-sec-home-columns .wrapper .grandparent .header__dropdown__wrapper { width: 100%; max-width: var(--LAYOUT-WIDTH); margin: 0px auto; padding-left: var(--outer); padding-right: var(--outer); }
.cl-sec-home-columns .wrapper::after, .cl-sec-home-columns .wrapper .grandparent .header__dropdown__wrapper::after { content: ""; display: table; clear: both; }
.cl-sec-home-columns .hero__content__wrapper.section-padding, .cl-sec-home-columns .brick__section .section-padding, .cl-sec-home-columns .section-padding, .cl-sec-home-columns .section-without-title:not(.section-without-title--skip) { --padding-top: var(--PT); --padding-bottom: var(--PB); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-columns .hero__content__wrapper.section-padding, .cl-sec-home-columns .brick__section .section-padding, .cl-sec-home-columns .section-padding, .cl-sec-home-columns .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .8); --padding-bottom: calc(var(--PB) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-columns .hero__content__wrapper.section-padding, .cl-sec-home-columns .brick__section .section-padding, .cl-sec-home-columns .section-padding, .cl-sec-home-columns .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .6); --padding-bottom: calc(var(--PB) * .6); } }
.cl-sec-home-columns [class*="-size-"] > p, .cl-sec-home-columns .rte [class*="-size-"] > p { font-size: inherit; }
.cl-sec-home-columns .rte { margin-bottom: var(--space-5); overflow-wrap: break-word; }
.cl-sec-home-columns .rte:last-child { margin-bottom: 0px; }
.cl-sec-home-columns .rte p { margin: 0 0 var(--space-4); }
.cl-sec-home-columns .rte p:last-child { margin-bottom: 0px; }
.cl-sec-home-columns { --OPTION-SIZE-SWATCH: 34px; --OPTION-SIZE-RADIO: 50px; }
.cl-sec-home-columns img { border: 0px; }
.cl-sec-home-columns { --placeholder-bg: #eeeeee; --placeholder-fill: #B4B6B9; }
.cl-sec-home-columns img.auto, .cl-sec-home-columns .grid__item img, .cl-sec-home-columns .grid__item iframe { max-width: 100%; }
.cl-sec-home-columns .text-center { text-align: center; }
.cl-sec-home-columns .kicker-flourished { font-family: var(--TYPE-STACK-KICKER); font-style: var(--TYPE-STYLE-KICKER); font-weight: var(--TYPE-WEIGHT-KICKER); text-transform: var(--FONT-KICKER-TRANSFORM); letter-spacing: var(--FONT-KICKER-LETTER-SPACING); font-size: calc(var(--font-4) * var(--TYPE-ADJUST-KICKER)); color: var(--text); padding-bottom: var(--inner); position: relative; text-align: center; }
.cl-sec-home-columns .kicker-flourished::after { content: ""; width: 30px; height: 3px; position: absolute; bottom: 0px; inset-inline: 0px; margin-inline-start: var(--kicker-flourish-left, auto); margin-inline-end: var(--kicker-flourish-right, auto); background: var(--text); opacity: 0.2; }
.cl-sec-home-columns .text-center, .cl-sec-home-columns .align--top-center, .cl-sec-home-columns .align--middle-center, .cl-sec-home-columns .align--bottom-center { --kicker-flourish-left: auto; --kicker-flourish-right: auto; }
.cl-sec-home-columns .palette--light, .cl-sec-home-columns { --bg: var(--COLOR-BG); --bg-accent: var(--COLOR-BG-ACCENT); --text-dark: var(--COLOR-TEXT-DARK); --text: var(--COLOR-TEXT); --text-light: var(--COLOR-TEXT-LIGHT); --hover: var(--COLOR-A95); --muted: var(--COLOR-A35); --border: var(--COLOR-A20); --hairline: var(--COLOR-A5); --hairline-hover: var(--COLOR-A10); --contrast: #000; --primary: var(--COLOR-PRIMARY); --primary-fade: var(--COLOR-PRIMARY-FADE); --secondary: var(--COLOR-SECONDARY); --secondary-fade: var(--COLOR-SECONDARY-FADE); --rgb-canvas: var(--RGB-CANVAS); --rgb-content: var(--RGB-CONTENT); --rgb-primary: var(--RGB-PRIMARY); --rgb-secondary: var(--RGB-SECONDARY); --rgb-primary-contrast: var(--RGB-PRIMARY-CONTRAST); --rgb-secondary-contrast: var(--RGB-SECONDARY-CONTRAST); --rgb-black: 0 0 0; --rgb-white: 255 255 255; --rgb-black-contrast: var(--rgb-white); --rgb-white-contrast: var(--rgb-black); --rgb-canvas-contrast: var(--rgb-content); --rgb-content-contrast: var(--rgb-canvas); --rgb-button-main: var(--rgb-content); --rgb-button-contrast: var(--rgb-content-contrast); --color-error: #D02E2E; --color-success: #56AD6A; }
.cl-sec-home-columns .palette--dark, .cl-sec-home-columns .palette--light, .cl-sec-home-columns .palette--bright, .cl-sec-home-columns .main-content { color: var(--text); background-color: var(--bg); }
.cl-sec-home-columns .bg--neutral { --bg: var(--COLOR-BG); }
.cl-sec-home-columns { --full-screen: 100vh; --three-quarters: 75vh; --two-thirds: 66vh; --one-half: 50vh; --one-third: 33vh; --one-fifth: 20vh; --header-height: 100px; --footer-height: 500px; --announcement-height: 33px; --content-full: 90vh; --scrollbar-width: 0; }
.cl-sec-home-columns { --ease-out-fast: cubic-bezier(.215, .61, .355, 1); --ease-out-sharp: cubic-bezier(.25, .1, .25, 1); }
@media print { .cl-sec-home-columns p, .cl-sec-home-columns h2, .cl-sec-home-columns h3 { orphans: 3; widows: 3; } }
@media print { .cl-sec-home-columns h2, .cl-sec-home-columns h3 { break-after: avoid; } }
@media print { .cl-sec-home-columns, .cl-sec-home-columns { background-color: rgb(255, 255, 255); } }
.cl-sec-home-columns .index__column { padding-bottom: 30px; }
.cl-sec-home-columns .section-columns .rte p:last-child, .cl-sec-home-columns .section-columns div:last-child, .cl-sec-home-columns .section-columns h3:last-child { margin-bottom: 0px; }
.cl-sec-home-columns .column__image { position: relative; margin-bottom: 20px; }
.cl-sec-home-columns { --form-top: 14px; --form-left: 20px; }
.cl-sec-home-columns { --OPTION-SIZE-SIBLING: 50px; }
.cl-sec-home-columns, .cl-sec-home-columns { scroll-behavior: auto !important; }
.cl-sec-home-columns { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-sec-home-columns { --kaching-cart-font-size-scale: 1; } }
.cl-sec-home-columns { --oke-widget-spaceAbove: 20px; --oke-widget-spaceBelow: 20px; --oke-starRating-spaceAbove: 0; --oke-starRating-spaceBelow: 0; --oke-button-backgroundColor: #000; --oke-button-backgroundColorHover: #000; --oke-button-backgroundColorActive: #000; --oke-button-textColor: #fff; --oke-button-textColorHover: #272d45; --oke-button-textColorActive: #fff; --oke-button-borderColor: #dbdde4; --oke-button-borderColorHover: #dbdde4; --oke-button-borderColorActive: #000; --oke-button-borderRadius: 4px; --oke-button-borderWidth: 1px; --oke-button-fontWeight: 700; --oke-button-fontSize: var(--oke-text-regular,14px); --oke-button-fontFamily: inherit; --oke-border-color: #e5e5eb; --oke-border-width: 1px; --oke-text-primaryColor: #000; --oke-text-secondaryColor: #070707; --oke-text-small: 12px; --oke-text-regular: 14px; --oke-text-large: 20px; --oke-text-fontFamily: inherit; --oke-avatar-size: 48px; --oke-avatar-backgroundColor: #e5e5eb; --oke-avatar-placeholderTextColor: #000; --oke-highlightColor: #000; --oke-shadingColor: #f7f7f8; --oke-productImageSize: 48px; --oke-attributeBar-shadingColor: #9a9db1; --oke-attributeBar-borderColor: undefined; --oke-attributeBar-backgroundColor: #d3d4dd; --oke-attributeBar-markerColor: #000; --oke-filter-backgroundColor: #fff; --oke-filter-backgroundColorActive: #676986; --oke-filter-borderColor: #dbdde4; --oke-filter-borderColorActive: #676986; --oke-filter-textColor: #000; --oke-filter-textColorActive: #fff; --oke-filter-borderRadius: 100px; --oke-filter-searchHighlightColor: #999; --oke-mediaGrid-chevronColor: #676986; --oke-stars-foregroundColor: #161616; --oke-stars-backgroundColor: #e5e5e5; --oke-stars-borderWidth: 0; }
.cl-sec-home-columns { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 15px; --menu-backfill-height: auto; }
/* ==== home-columns [vm] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-columns { --kl-reviews-color-light-gray: #e9e9eb; }
/* ==== home-banner [vd] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-banner { --LAYOUT-WIDTH: 1200px; --LAYOUT-GUTTER: 20px; --LAYOUT-GUTTER-OFFSET: -20px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 36px; --COLOR-VIDEO-BG: #ffe9da; --COLOR-BG: #FFF8F3; --COLOR-BG-ACCENT: #fae9de; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #222222; --COLOR-TEXT-LIGHT: #646261; --COLOR-PRIMARY: #D65461; --COLOR-PRIMARY-HOVER: #c31a2b; --COLOR-PRIMARY-FADE: rgba(214, 84, 97, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(214, 84, 97, 0.1); --COLOR-PRIMARY-OPPOSITE: #ffffff; --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1); --COLOR-SECONDARY-OPPOSITE: #ffffff; --COLOR-A5: rgba(34, 34, 34, 0.05); --COLOR-A10: rgba(34, 34, 34, 0.1); --COLOR-A20: rgba(34, 34, 34, 0.2); --COLOR-A35: rgba(34, 34, 34, 0.35); --COLOR-A50: rgba(34, 34, 34, 0.5); --COLOR-A80: rgba(34, 34, 34, 0.8); --COLOR-A90: rgba(34, 34, 34, 0.9); --COLOR-A95: rgba(34, 34, 34, 0.95); --INVERSE-BG: #d65461; --INVERSE-BG-ACCENT: #222324; --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #f3ccd0; --INVERSE-PRIMARY: #fcd8c8; --INVERSE-PRIMARY-HOVER: #ffa278; --INVERSE-PRIMARY-FADE: rgba(252, 216, 200, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(252, 216, 200, 0.1); --INVERSE-PRIMARY-OPPOSITE: #000000; --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1); --INVERSE-SECONDARY-OPPOSITE: #000000; --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); --BRIGHT-BG: #d3836a; --BRIGHT-BG-ACCENT: #2693cf; --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #f2dad2; --BRIGHT-PRIMARY: #2693cf; --BRIGHT-PRIMARY-HOVER: #0e699b; --BRIGHT-PRIMARY-FADE: rgba(38, 147, 207, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(38, 147, 207, 0.1); --BRIGHT-PRIMARY-OPPOSITE: #000000; --BRIGHT-SECONDARY: #f4a482; --BRIGHT-SECONDARY-HOVER: #fd6b2c; --BRIGHT-SECONDARY-FADE: rgba(244, 164, 130, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(244, 164, 130, 0.1); --BRIGHT-SECONDARY-OPPOSITE: #000000; --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); --COLOR-ANNOUNCEMENT-BG: #D65461; --COLOR-ANNOUNCEMENT-TEXT: #FAE9DE; --COLOR-NAV: #FFF8F3; --COLOR-NAV-TEXT: #222222; --COLOR-NAV-TEXT-DARK: #000000; --COLOR-NAV-TEXT-LIGHT: #646261; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(34, 34, 34, 0.1); --COLOR-NAV-A50: rgba(34, 34, 34, 0.5); --COLOR-HIGHLIGHT-LINK: #d65461; --COLOR-FOOTER-BG: #d65461; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); --COLOR-SUB-FOOTER-BG: #2e3438; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); --PRODUCT-GRID-ASPECT-RATIO: 90.0%; --COLOR-BADGE: #ffffff; --COLOR-BADGE-TEXT: #656565; --COLOR-BADGE-TEXT-DARK: #453939; --COLOR-BADGE-TEXT-HOVER: #8b8b8b; --COLOR-BADGE-HAIRLINE: #f7f7f7; --COLOR-PRODUCT-SLIDER: #ffffff; --COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06); --COLOR-DISABLED-BG: #e9e3de; --COLOR-DISABLED-TEXT: #b2adaa; --INVERSE-DISABLED-BG: #da6571; --INVERSE-DISABLED-TEXT: #e49098; --RGB-CANVAS: 255 248 243; --RGB-CONTENT: 34 34 34; --RGB-PRIMARY: 214 84 97; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 214 84 97; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 252 216 200; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 211 131 106; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 38 147 207; --RGB-BRIGHT-SECONDARY: 244 164 130; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; --BUTTON-RADIUS: 0px; --ICON-STROKE-WIDTH: 2px; --FONT-STACK-BODY: Barlow, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --FONT-ADJUST-BODY: 1.0; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-PRODUCT-CARD: var(--FONT-STACK-BODY); --FONT-STACK-HEADING: "Gowun Batang", serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 400; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 1.0; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.09em; --FONT-STACK-ACCENT: Archivo, serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 500; --FONT-WEIGHT-ACCENT-BOLD: 600; --FONT-ADJUST-ACCENT: 1.0; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.09em; --TYPE-STACK-NAV: Archivo, sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 1.0; --TYPE-WEIGHT-NAV: 500; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.09em; --TYPE-STACK-BUTTON: Archivo, sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.0; --TYPE-WEIGHT-BUTTON: 600; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.09em; --TYPE-STACK-KICKER: Archivo, sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.0; --TYPE-WEIGHT-KICKER: 600; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.09em; --ICO-SELECT: url({{ 'cl-ff3a3308-ico-select.svg' | asset_url }}); --PHOTO-CORRECTION: 100%; }
.cl-sec-home-banner { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10: 32px; --font-11: 37px; --font-12: 43px; --font-13: 49px; --font-14: 57px; --font-15: 67px; }
@media only screen and (min-width: 480px) and (max-width: 1099px) { .cl-sec-home-banner { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10: 34px; --font-11: 40px; --font-12: 47px; --font-13: 56px; --font-14: 65px; --font-15: 77px; } }
@media only screen and (min-width: 1100px) { .cl-sec-home-banner { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10: 48px; --font-11: 58px; --font-12: 71px; --font-13: 87px; --font-14: 106px; --font-15: 129px; } }
.cl-sec-home-banner .aos-initialized [data-aos][data-aos][data-aos-duration="400"], .cl-sec-home-banner .aos-initialized body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; }
.cl-sec-home-banner .aos-initialized [data-aos][data-aos][data-aos-easing="ease"], .cl-sec-home-banner .aos-initialized body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; }
.cl-sec-home-banner .aos-initialized [data-aos][data-aos][data-aos-order="1"] { --aos-delay: 0ms; animation-delay: 0ms; }
.cl-sec-home-banner .aos-initialized [data-aos][data-aos][data-aos-order="2"] { --aos-delay: .25s; animation-delay: 0.25s; }
.cl-sec-home-banner .aos-initialized [data-aos][data-aos][data-aos-order="3"] { --aos-delay: .5s; animation-delay: 0.5s; }
.cl-sec-home-banner .aos-initialized [data-aos][data-aos][data-aos-order="4"] { --aos-delay: .75s; animation-delay: 0.75s; }
.cl-sec-home-banner .aos-initialized [data-aos="hero"] { opacity: 0; will-change: transform, opacity; }
.cl-sec-home-banner .aos-initialized .main-content .cl-shopify-section:nth-child(1) [data-aos="hero"], .cl-sec-home-banner .aos-initialized .main-content .cl-shopify-section:nth-child(2) [data-aos="hero"], .cl-sec-home-banner .aos-initialized [data-aos="hero"].aos-animate { animation-name: heroFade; animation-duration: 1s; animation-fill-mode: both; backface-visibility: hidden; }
.cl-sec-home-banner *, .cl-sec-home-banner ::before, .cl-sec-home-banner ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
.cl-sec-home-banner, .cl-sec-home-banner :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
.cl-sec-home-banner { margin: 0px; line-height: inherit; }
.cl-sec-home-banner h1, .cl-sec-home-banner h2, .cl-sec-home-banner h3, .cl-sec-home-banner h4, .cl-sec-home-banner h5, .cl-sec-home-banner h6 { font-size: inherit; font-weight: inherit; }
.cl-sec-home-banner a { color: inherit; text-decoration: inherit; }
.cl-sec-home-banner blockquote, .cl-sec-home-banner dl, .cl-sec-home-banner dd, .cl-sec-home-banner h1, .cl-sec-home-banner h2, .cl-sec-home-banner h3, .cl-sec-home-banner h4, .cl-sec-home-banner h5, .cl-sec-home-banner h6, .cl-sec-home-banner hr, .cl-sec-home-banner figure, .cl-sec-home-banner p, .cl-sec-home-banner pre { margin: 0px; }
.cl-sec-home-banner img, .cl-sec-home-banner svg, .cl-sec-home-banner video, .cl-sec-home-banner canvas, .cl-sec-home-banner audio, .cl-sec-home-banner iframe, .cl-sec-home-banner embed, .cl-sec-home-banner object { display: block; vertical-align: middle; }
.cl-sec-home-banner img, .cl-sec-home-banner video { max-width: 100%; height: auto; }
.cl-sec-home-banner { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 20px; --space-9: 25px; --space-10: 32px; --space-11: 40px; --space-12: 50px; --space-13: 60px; --space-14: 80px; --space-15: 120px; }
@media (min-width: 768px) { .cl-sec-home-banner { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 15px; --space-7: 18px; --space-8: 22px; --space-9: 27px; --space-10: 35px; --space-11: 45px; --space-12: 56px; --space-13: 75px; --space-14: 105px; --space-15: 150px; } }
@media (min-width: 1100px) { .cl-sec-home-banner { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 16px; --space-7: 20px; --space-8: 24px; --space-9: 32px; --space-10: 38px; --space-11: 50px; --space-12: 68px; --space-13: 96px; --space-14: 128px; --space-15: 192px; } }
.cl-sec-home-banner { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --highlight-initial-position-x: 50%; --highlight-position-y: 50%; --highlight-height: 100%; }
.cl-sec-home-banner *, .cl-sec-home-banner ::before, .cl-sec-home-banner ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.cl-sec-home-banner .relative { position: relative; }
.cl-sec-home-banner .block { display: block; }
.cl-sec-home-banner .h-full { height: 100%; }
.cl-sec-home-banner .w-full { width: 100%; }
.cl-sec-home-banner .overflow-hidden { overflow: hidden; }
.cl-sec-home-banner .object-cover { object-fit: cover; }
.cl-sec-home-banner .transition-opacity { transition-property: opacity; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-banner .duration-300 { transition-duration: 0.3s; }
@supports (aspect-ratio: auto) { .cl-sec-home-banner .aspect-\[--wh-ratio-mobile\] { aspect-ratio: var(--wh-ratio-mobile); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-banner .aspect-\[--wh-ratio-mobile\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio-mobile))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-banner .aspect-\[--wh-ratio-mobile\]::after { content: ""; display: table; clear: both; } }
@supports (aspect-ratio: auto) { .cl-sec-home-banner .aspect-\[--wh-ratio\] { aspect-ratio: var(--wh-ratio); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-banner .aspect-\[--wh-ratio\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-banner .aspect-\[--wh-ratio\]::after { content: ""; display: table; clear: both; } }
.cl-sec-home-banner { line-height: var(--leading-norma); font-family: var(--FONT-STACK-BODY); }
.cl-sec-home-banner *, .cl-sec-home-banner input, .cl-sec-home-banner ::before, .cl-sec-home-banner ::after { box-sizing: border-box; }
.cl-sec-home-banner, .cl-sec-home-banner { padding: 0px; margin: 0px; }
.cl-sec-home-banner { min-height: var(--full-screen); display: flex; flex-direction: column; }
.cl-sec-home-banner article, .cl-sec-home-banner aside, .cl-sec-home-banner details, .cl-sec-home-banner figcaption, .cl-sec-home-banner figure, .cl-sec-home-banner footer, .cl-sec-home-banner header, .cl-sec-home-banner hgroup, .cl-sec-home-banner main, .cl-sec-home-banner nav, .cl-sec-home-banner section, .cl-sec-home-banner summary { display: block; }
.cl-sec-home-banner { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; }
.cl-sec-home-banner .body-size-1, .cl-sec-home-banner .body-size-2, .cl-sec-home-banner .body-size-3, .cl-sec-home-banner .body-size-4, .cl-sec-home-banner .body-size-5, .cl-sec-home-banner .body-size-6, .cl-sec-home-banner .body-size-7, .cl-sec-home-banner .body-size-8, .cl-sec-home-banner .body-size-9, .cl-sec-home-banner .body-size-10, .cl-sec-home-banner .body-size-11, .cl-sec-home-banner .body-size-12, .cl-sec-home-banner .body-size-13, .cl-sec-home-banner .body-size-14, .cl-sec-home-banner .body-size-15 { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); }
.cl-sec-home-banner .body-size-6 { font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-snug); }
.cl-sec-home-banner .heading-size-1, .cl-sec-home-banner .heading-size-2, .cl-sec-home-banner .heading-size-3, .cl-sec-home-banner .heading-size-4, .cl-sec-home-banner .heading-size-5, .cl-sec-home-banner .heading-size-6, .cl-sec-home-banner .heading-size-7, .cl-sec-home-banner .heading-size-8, .cl-sec-home-banner .heading-size-9, .cl-sec-home-banner .heading-size-10, .cl-sec-home-banner .heading-size-11, .cl-sec-home-banner .heading-size-12, .cl-sec-home-banner .heading-size-13, .cl-sec-home-banner .heading-size-14, .cl-sec-home-banner .heading-size-15 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-banner .heading-size-9 { font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-tight); }
.cl-sec-home-banner { font-size: 16px; scroll-behavior: smooth; --scroll-behavior: smooth; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-banner { font-size: 15px; } }
@media only screen and (max-width: 479px) { .cl-sec-home-banner { font-size: 14px; } }
.cl-sec-home-banner { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: var(--text); }
.cl-sec-home-banner, .cl-sec-home-banner input, .cl-sec-home-banner textarea, .cl-sec-home-banner select, .cl-sec-home-banner .popout__toggle { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); color: var(--text); }
.cl-sec-home-banner h1, .cl-sec-home-banner h2, .cl-sec-home-banner h3, .cl-sec-home-banner h4, .cl-sec-home-banner h5, .cl-sec-home-banner h6 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-banner h1 { font-size: calc(var(--font-10) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-tight); }
.cl-sec-home-banner h1, .cl-sec-home-banner h2, .cl-sec-home-banner h3, .cl-sec-home-banner h4, .cl-sec-home-banner h5, .cl-sec-home-banner h6 { margin: 0px 0px 0.75em; }
.cl-sec-home-banner p { margin: 0px; }
.cl-sec-home-banner { --gutter: var(--LAYOUT-GUTTER); --outer: var(--LAYOUT-OUTER); --inner: 20px; --nav-gutter: var(--NAV-GUTTER); --gutter-offset: var(--LAYOUT-GUTTER-OFFSET); --outer-offset: calc(var(--LAYOUT-OUTER) * -1); --radius-sm: 3px; --radius-md: 12px; --radius-lg: 36px; --page-width: var(--LAYOUT-WIDTH); --grid-xl: 50px; --grid-lg: 32px; --grid-md: 22px; --grid-sm: 16px; --grid-0: 0px; --grid-standard-page-margin: var(--outer); --grid-standard-gutter: var(--gutter); --grid-page-margin: var(--grid-standard-page-margin); --grid-gutter: var(--grid-standard-gutter); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-banner { --grid-xl: 32px; --grid-lg: 22px; --grid-md: 18px; --grid-sm: 12px; --inner: 18px; --gutter: calc(var(--LAYOUT-GUTTER) * .8); --outer: calc(var(--LAYOUT-OUTER) * .8); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8); --outer-offset: calc(var(--LAYOUT-OUTER) * -.8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-banner { --grid-xl: 22px; --grid-lg: 22px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: calc(var(--LAYOUT-GUTTER) * .6); --outer: calc(var(--LAYOUT-OUTER) * .6); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .6); --outer-offset: calc(var(--LAYOUT-OUTER) * -.6); } }
@media only screen and (max-width: 479px) { .cl-sec-home-banner { --grid-xl: 16px; --grid-lg: 16px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: max(calc(var(--LAYOUT-GUTTER) * .6), 16px); --outer: 16px; --gutter-offset: min(calc(var(--LAYOUT-GUTTER-OFFSET) * .6), -16px); --outer-offset: -16px; } }
.cl-sec-home-banner { --max-w-page: var(--LAYOUT-WIDTH); --max-w-page-narrow: 50%; --max-w-page-tiny: 33%; }
@media only screen and (max-width: 1099px) { .cl-sec-home-banner { --max-w-page-narrow: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-banner { --max-w-page-narrow: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1399px) { .cl-sec-home-banner { --max-w-page-tiny: 45%; } }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-banner { --max-w-page-tiny: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-banner { --max-w-page-tiny: 66%; } }
@media only screen and (max-width: 479px) { .cl-sec-home-banner { --max-w-page-tiny: 100%; } }
.cl-sec-home-banner .wrapper--none::after { content: ""; display: table; clear: both; }
.cl-sec-home-banner .hero__content__wrapper.section-padding, .cl-sec-home-banner .brick__section .section-padding, .cl-sec-home-banner .section-padding, .cl-sec-home-banner .section-without-title:not(.section-without-title--skip) { --padding-top: var(--PT); --padding-bottom: var(--PB); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-banner .hero__content__wrapper.section-padding, .cl-sec-home-banner .brick__section .section-padding, .cl-sec-home-banner .section-padding, .cl-sec-home-banner .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .8); --padding-bottom: calc(var(--PB) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-banner .hero__content__wrapper.section-padding, .cl-sec-home-banner .brick__section .section-padding, .cl-sec-home-banner .section-padding, .cl-sec-home-banner .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .6); --padding-bottom: calc(var(--PB) * .6); } }
.cl-sec-home-banner [class*="-size-"] > p, .cl-sec-home-banner .rte [class*="-size-"] > p { font-size: inherit; }
.cl-sec-home-banner .rte { margin-bottom: var(--space-5); overflow-wrap: break-word; }
.cl-sec-home-banner .rte p { margin: 0 0 var(--space-4); }
.cl-sec-home-banner .rte p:last-child { margin-bottom: 0px; }
.cl-sec-home-banner .btn, .cl-sec-home-banner .shopify-challenge__button, .cl-sec-home-banner .btn--soft { font-family: var(--TYPE-STACK-BUTTON); font-style: var(--TYPE-STYLE-BUTTON); font-weight: var(--TYPE-WEIGHT-BUTTON); text-transform: var(--FONT-BUTTON-TRANSFORM); letter-spacing: var(--FONT-BUTTON-LETTER-SPACING); display: inline-block; padding: var(--space-5) var(--space-8); margin: 0px; line-height: 1; text-decoration: none; text-align: center; vertical-align: middle; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; user-select: none; appearance: none; border-radius: var(--BUTTON-RADIUS); font-size: calc(var(--font-3) * var(--TYPE-ADJUST-BUTTON)); background-color: var(--btn-bg); color: var(--btn-text); transition: background-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-banner .btn:hover, .cl-sec-home-banner .shopify-challenge__button:hover, .cl-sec-home-banner .btn:active, .cl-sec-home-banner .shopify-challenge__button:active, .cl-sec-home-banner .btn:focus, .cl-sec-home-banner .shopify-challenge__button:focus, .cl-sec-home-banner .btn--soft:hover, .cl-sec-home-banner .btn--soft:active, .cl-sec-home-banner .btn--soft:focus { color: var(--btn-text-hover); background-color: var(--btn-bg-hover); }
.cl-sec-home-banner .btn, .cl-sec-home-banner .shopify-challenge__button { --btn-bg: var(--text); --btn-text: var(--bg); --btn-bg-hover: var(--hover); --btn-text-hover: var(--bg); }
.cl-sec-home-banner .btn--white.btn, .cl-sec-home-banner .btn--white.shopify-challenge__button { --btn-bg: #FFF; --btn-text: #000; --btn-bg-hover: #FFF; --btn-text-hover: #333; }
.cl-sec-home-banner a, .cl-sec-home-banner .text-link-bare { color: currentcolor; text-decoration: none; background: transparent; }
.cl-sec-home-banner a:hover, .cl-sec-home-banner a:focus, .cl-sec-home-banner .text-link-bare:hover, .cl-sec-home-banner .text-link-bare:focus { color: currentcolor; }
.cl-sec-home-banner { --OPTION-SIZE-SWATCH: 34px; --OPTION-SIZE-RADIO: 50px; }
.cl-sec-home-banner img { border: 0px; }
.cl-sec-home-banner { --placeholder-bg: #eeeeee; --placeholder-fill: #B4B6B9; }
.cl-sec-home-banner .image__hero__scale { --placeholder-bg: #ffffff; --placeholder-fill: #eeeeee; }
.cl-sec-home-banner .image__hero__frame { position: relative; overflow: hidden; max-width: 100%; }
.cl-sec-home-banner .image__hero__frame noscript, .cl-sec-home-banner .image__hero__pane { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.cl-sec-home-banner .image__hero__scale { position: relative; display: block; width: 100%; height: 100%; min-height: 100%; }
.cl-sec-home-banner .image-overlay { position: absolute; inset: 0px; z-index: 2; background-color: var(--bg); opacity: var(--overlay-opacity, 0); }
.cl-sec-home-banner .hero__content { --default-max-width: calc(66% - var(--outer)); --content-width-fallback: var(--CONTENT-WIDTH, var(--default-max-width)); max-width: min(var(--content-width-fallback),var(--default-max-width)); width: 100%; margin: var(--inner); padding: var(--outer); color: var(--text); }
@media only screen and (max-width: 1099px) { .cl-sec-home-banner .hero__content { --default-max-width: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-banner .hero__content { --default-max-width: 100%; } }
.cl-sec-home-banner .hero__content__wrapper { position: absolute; display: flex; z-index: 10; top: 0px; left: 0px; height: 100%; width: 100%; padding-top: var(--image-top); padding-bottom: var(--image-bottom); }
.cl-sec-home-banner .align--middle-center { align-items: center; justify-content: center; text-align: center; }
.cl-sec-home-banner .hero__content__wrapper, .cl-sec-home-banner .text__standard { --cta-column-gap: 8px; }
.cl-sec-home-banner .hero__content__wrapper .rte p:last-child { margin-bottom: 0px; }
.cl-sec-home-banner .hero__kicker { font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); font-weight: var(--FONT-WEIGHT-ACCENT-BOLD); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); margin: 0px; }
.cl-sec-home-banner .hero__kicker:not([class*="body-size-"], [class*="accent-size-"]) { font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT)); line-height: var(--leading-normal); }
.cl-sec-home-banner .text-center, .cl-sec-home-banner .align--top-center, .cl-sec-home-banner .align--middle-center, .cl-sec-home-banner .align--bottom-center { --kicker-flourish-left: auto; --kicker-flourish-right: auto; }
.cl-sec-home-banner .hero__title { margin: 0px; }
.cl-sec-home-banner .hero__kicker + .hero__title { margin: var(--space-2) 0 0 0; }
.cl-sec-home-banner .hero__title + .hero__description { margin: var(--space-4) 0 0 0; }
.cl-sec-home-banner .hero__kicker, .cl-sec-home-banner .hero__description, .cl-sec-home-banner .hero__cta__wrapper, .cl-sec-home-banner .hero__title { overflow: hidden; }
.cl-sec-home-banner .hero__cta__wrapper { display: flex; flex-wrap: wrap; align-items: center; overflow: visible; margin: 0 calc(-1 * var(--cta-column-gap)); width: calc(100% + 2 * var(--cta-column-gap)); }
@media only screen and (max-width: 479px) { .cl-sec-home-banner .hero__cta__wrapper { flex-direction: column; } }
.cl-sec-home-banner .hero__cta__wrapper .hero__btn { margin-bottom: 0px; }
.cl-sec-home-banner .hero__btn:not(.btn--block), .cl-sec-home-banner .btn-text-thick-line + .hero__btn, .cl-sec-home-banner .hero__btn + .btn-text-thick-line { margin-left: var(--cta-column-gap); margin-right: var(--cta-column-gap); }
.cl-sec-home-banner .hero__cta__wrapper .hero__btn + .hero__btn:not(.standard__cta), .cl-sec-home-banner .hero__cta__wrapper .hero__btn:not(.standard__cta), .cl-sec-home-banner .hero__cta__wrapper .btn-text-thick-line { margin-top: var(--space-8); }
.cl-sec-home-banner .hero__content.text-center .hero__cta__wrapper, .cl-sec-home-banner .align--top-center .hero__cta__wrapper, .cl-sec-home-banner .align--middle-center .hero__cta__wrapper, .cl-sec-home-banner .align--bottom-center .hero__cta__wrapper { justify-content: center; }
@media only screen and (max-width: 479px) { .cl-sec-home-banner .hero__content.text-center .hero__cta__wrapper, .cl-sec-home-banner .align--top-center .hero__cta__wrapper, .cl-sec-home-banner .align--middle-center .hero__cta__wrapper, .cl-sec-home-banner .align--bottom-center .hero__cta__wrapper { align-items: center; } }
.cl-sec-home-banner .hero__title, .cl-sec-home-banner .hero__title p, .cl-sec-home-banner .standard__heading, .cl-sec-home-banner .standard__heading p { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-banner .text--white { --text: #FFF; --text-light: #FFF; --text-dark: #F7F7F7; }
.cl-sec-home-banner { --full-screen: 100vh; --three-quarters: 75vh; --two-thirds: 66vh; --one-half: 50vh; --one-third: 33vh; --one-fifth: 20vh; --header-height: 100px; --footer-height: 500px; --announcement-height: 33px; --content-full: 90vh; --scrollbar-width: 0; }
.cl-sec-home-banner .use_screen_two_thirds { height: var(--two-thirds); }
.cl-sec-home-banner { --ease-out-fast: cubic-bezier(.215, .61, .355, 1); --ease-out-sharp: cubic-bezier(.25, .1, .25, 1); }
@media print { .cl-sec-home-banner p, .cl-sec-home-banner h2, .cl-sec-home-banner h3 { orphans: 3; widows: 3; } }
@media print { .cl-sec-home-banner, .cl-sec-home-banner { background-color: rgb(255, 255, 255); } }
.cl-sec-home-banner .brick__section { display: flex; align-items: stretch; --menu-height: 0; --brick-gutter: var(--BRICK-GUTTER); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-banner .brick__section { --brick-gutter: calc(var(--BRICK-GUTTER) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-banner .brick__section { --brick-gutter: calc(var(--BRICK-GUTTER) * .6); flex-direction: column; height: auto; } }
@media only screen and (max-width: 479px) { .cl-sec-home-banner .brick__section { --brick-gutter-trimmed: calc(var(--BRICK-GUTTER) * .6); --brick-gutter: min(var(--brick-gutter-trimmed),16px); } }
.cl-sec-home-banner .brick__block { width: 100%; height: 100%; position: relative; }
@media only screen and (min-width: 768px) { .cl-sec-home-banner .brick__block .video-background, .cl-sec-home-banner .brick__block .image__hero__frame, .cl-sec-home-banner .brick__block__video, .cl-sec-home-banner .brick__block__image { height: 100%; } }
.cl-sec-home-banner .brick__section .hero__content { position: relative; z-index: 25; pointer-events: none; padding-left: 0px; padding-right: 0px; }
.cl-sec-home-banner .brick__section .hero__content a, .cl-sec-home-banner .brick__section .hero__content button { pointer-events: auto; }
.cl-sec-home-banner .brick__block__image, .cl-sec-home-banner .brick__block__video, .cl-sec-home-banner .brick__block__text { color: var(--text); }
.cl-sec-home-banner .brick__block__image { overflow: hidden; position: relative; }
.cl-sec-home-banner { --form-top: 14px; --form-left: 20px; }
.cl-sec-home-banner { --OPTION-SIZE-SIBLING: 50px; }
.cl-sec-home-banner, .cl-sec-home-banner { scroll-behavior: auto !important; }
.cl-sec-home-banner { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-sec-home-banner { --kaching-cart-font-size-scale: 1; } }
.cl-sec-home-banner { --oke-widget-spaceAbove: 20px; --oke-widget-spaceBelow: 20px; --oke-starRating-spaceAbove: 0; --oke-starRating-spaceBelow: 0; --oke-button-backgroundColor: #000; --oke-button-backgroundColorHover: #000; --oke-button-backgroundColorActive: #000; --oke-button-textColor: #fff; --oke-button-textColorHover: #272d45; --oke-button-textColorActive: #fff; --oke-button-borderColor: #dbdde4; --oke-button-borderColorHover: #dbdde4; --oke-button-borderColorActive: #000; --oke-button-borderRadius: 4px; --oke-button-borderWidth: 1px; --oke-button-fontWeight: 700; --oke-button-fontSize: var(--oke-text-regular,14px); --oke-button-fontFamily: inherit; --oke-border-color: #e5e5eb; --oke-border-width: 1px; --oke-text-primaryColor: #000; --oke-text-secondaryColor: #070707; --oke-text-small: 12px; --oke-text-regular: 14px; --oke-text-large: 20px; --oke-text-fontFamily: inherit; --oke-avatar-size: 48px; --oke-avatar-backgroundColor: #e5e5eb; --oke-avatar-placeholderTextColor: #000; --oke-highlightColor: #000; --oke-shadingColor: #f7f7f8; --oke-productImageSize: 48px; --oke-attributeBar-shadingColor: #9a9db1; --oke-attributeBar-borderColor: undefined; --oke-attributeBar-backgroundColor: #d3d4dd; --oke-attributeBar-markerColor: #000; --oke-filter-backgroundColor: #fff; --oke-filter-backgroundColorActive: #676986; --oke-filter-borderColor: #dbdde4; --oke-filter-borderColorActive: #676986; --oke-filter-textColor: #000; --oke-filter-textColorActive: #fff; --oke-filter-borderRadius: 100px; --oke-filter-searchHighlightColor: #999; --oke-mediaGrid-chevronColor: #676986; --oke-stars-foregroundColor: #161616; --oke-stars-backgroundColor: #e5e5e5; --oke-stars-borderWidth: 0; }
.cl-sec-home-banner { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 15px; --menu-backfill-height: auto; }
/* ==== home-banner [vm] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-banner { --kl-reviews-color-light-gray: #e9e9eb; }
/* ==== home-grid [vd] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-grid .product-grid-item .product__grid__info, .cl-sec-home-grid .product-grid-item .product__grid__title, .cl-sec-home-grid .product-grid-item .product__grid__price, .cl-sec-home-grid .product-grid-item .product__grid__cutline { font-family: var(--FONT-STACK-PRODUCT-CARD); }
.cl-sec-home-grid .product-grid-item .price.on-sale, .cl-sec-home-grid .product__price--sale { color: rgb(214, 84, 97) !important; }
.cl-sec-home-grid .product-grid-item .compare-at, .cl-sec-home-grid .product__price--compare, .cl-sec-home-grid [data-compare-price] { color: rgb(153, 153, 153) !important; }
.cl-sec-home-grid { --LAYOUT-WIDTH: 1200px; --LAYOUT-GUTTER: 20px; --LAYOUT-GUTTER-OFFSET: -20px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 36px; --COLOR-VIDEO-BG: #ffe9da; --COLOR-BG: #FFF8F3; --COLOR-BG-ACCENT: #fae9de; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #222222; --COLOR-TEXT-LIGHT: #646261; --COLOR-PRIMARY: #D65461; --COLOR-PRIMARY-HOVER: #c31a2b; --COLOR-PRIMARY-FADE: rgba(214, 84, 97, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(214, 84, 97, 0.1); --COLOR-PRIMARY-OPPOSITE: #ffffff; --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1); --COLOR-SECONDARY-OPPOSITE: #ffffff; --COLOR-A5: rgba(34, 34, 34, 0.05); --COLOR-A10: rgba(34, 34, 34, 0.1); --COLOR-A20: rgba(34, 34, 34, 0.2); --COLOR-A35: rgba(34, 34, 34, 0.35); --COLOR-A50: rgba(34, 34, 34, 0.5); --COLOR-A80: rgba(34, 34, 34, 0.8); --COLOR-A90: rgba(34, 34, 34, 0.9); --COLOR-A95: rgba(34, 34, 34, 0.95); --INVERSE-BG: #d65461; --INVERSE-BG-ACCENT: #222324; --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #f3ccd0; --INVERSE-PRIMARY: #fcd8c8; --INVERSE-PRIMARY-HOVER: #ffa278; --INVERSE-PRIMARY-FADE: rgba(252, 216, 200, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(252, 216, 200, 0.1); --INVERSE-PRIMARY-OPPOSITE: #000000; --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1); --INVERSE-SECONDARY-OPPOSITE: #000000; --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); --BRIGHT-BG: #d3836a; --BRIGHT-BG-ACCENT: #2693cf; --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #f2dad2; --BRIGHT-PRIMARY: #2693cf; --BRIGHT-PRIMARY-HOVER: #0e699b; --BRIGHT-PRIMARY-FADE: rgba(38, 147, 207, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(38, 147, 207, 0.1); --BRIGHT-PRIMARY-OPPOSITE: #000000; --BRIGHT-SECONDARY: #f4a482; --BRIGHT-SECONDARY-HOVER: #fd6b2c; --BRIGHT-SECONDARY-FADE: rgba(244, 164, 130, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(244, 164, 130, 0.1); --BRIGHT-SECONDARY-OPPOSITE: #000000; --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); --COLOR-ANNOUNCEMENT-BG: #D65461; --COLOR-ANNOUNCEMENT-TEXT: #FAE9DE; --COLOR-NAV: #FFF8F3; --COLOR-NAV-TEXT: #222222; --COLOR-NAV-TEXT-DARK: #000000; --COLOR-NAV-TEXT-LIGHT: #646261; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(34, 34, 34, 0.1); --COLOR-NAV-A50: rgba(34, 34, 34, 0.5); --COLOR-HIGHLIGHT-LINK: #d65461; --COLOR-FOOTER-BG: #d65461; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); --COLOR-SUB-FOOTER-BG: #2e3438; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); --PRODUCT-GRID-ASPECT-RATIO: 90.0%; --COLOR-BADGE: #ffffff; --COLOR-BADGE-TEXT: #656565; --COLOR-BADGE-TEXT-DARK: #453939; --COLOR-BADGE-TEXT-HOVER: #8b8b8b; --COLOR-BADGE-HAIRLINE: #f7f7f7; --COLOR-PRODUCT-SLIDER: #ffffff; --COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06); --COLOR-DISABLED-BG: #e9e3de; --COLOR-DISABLED-TEXT: #b2adaa; --INVERSE-DISABLED-BG: #da6571; --INVERSE-DISABLED-TEXT: #e49098; --RGB-CANVAS: 255 248 243; --RGB-CONTENT: 34 34 34; --RGB-PRIMARY: 214 84 97; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 214 84 97; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 252 216 200; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 211 131 106; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 38 147 207; --RGB-BRIGHT-SECONDARY: 244 164 130; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; --BUTTON-RADIUS: 0px; --ICON-STROKE-WIDTH: 2px; --FONT-STACK-BODY: Barlow, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --FONT-ADJUST-BODY: 1.0; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-PRODUCT-CARD: var(--FONT-STACK-BODY); --FONT-STACK-HEADING: "Gowun Batang", serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 400; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 1.0; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.09em; --FONT-STACK-ACCENT: Archivo, serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 500; --FONT-WEIGHT-ACCENT-BOLD: 600; --FONT-ADJUST-ACCENT: 1.0; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.09em; --TYPE-STACK-NAV: Archivo, sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 1.0; --TYPE-WEIGHT-NAV: 500; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.09em; --TYPE-STACK-BUTTON: Archivo, sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.0; --TYPE-WEIGHT-BUTTON: 600; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.09em; --TYPE-STACK-KICKER: Archivo, sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.0; --TYPE-WEIGHT-KICKER: 600; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.09em; --ICO-SELECT: url({{ 'cl-ff3a3308-ico-select.svg' | asset_url }}); --PHOTO-CORRECTION: 100%; }
.cl-sec-home-grid { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10: 32px; --font-11: 37px; --font-12: 43px; --font-13: 49px; --font-14: 57px; --font-15: 67px; }
@media only screen and (min-width: 480px) and (max-width: 1099px) { .cl-sec-home-grid { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10: 34px; --font-11: 40px; --font-12: 47px; --font-13: 56px; --font-14: 65px; --font-15: 77px; } }
@media only screen and (min-width: 1100px) { .cl-sec-home-grid { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10: 48px; --font-11: 58px; --font-12: 71px; --font-13: 87px; --font-14: 106px; --font-15: 129px; } }
.cl-sec-home-grid *, .cl-sec-home-grid ::before, .cl-sec-home-grid ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
.cl-sec-home-grid, .cl-sec-home-grid :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
.cl-sec-home-grid { margin: 0px; line-height: inherit; }
.cl-sec-home-grid h1, .cl-sec-home-grid h2, .cl-sec-home-grid h3, .cl-sec-home-grid h4, .cl-sec-home-grid h5, .cl-sec-home-grid h6 { font-size: inherit; font-weight: inherit; }
.cl-sec-home-grid a { color: inherit; text-decoration: inherit; }
.cl-sec-home-grid button, .cl-sec-home-grid input, .cl-sec-home-grid optgroup, .cl-sec-home-grid select, .cl-sec-home-grid textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
.cl-sec-home-grid button, .cl-sec-home-grid select { text-transform: none; }
.cl-sec-home-grid button, .cl-sec-home-grid input:where([type="button"]), .cl-sec-home-grid input:where([type="reset"]), .cl-sec-home-grid input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
.cl-sec-home-grid blockquote, .cl-sec-home-grid dl, .cl-sec-home-grid dd, .cl-sec-home-grid h1, .cl-sec-home-grid h2, .cl-sec-home-grid h3, .cl-sec-home-grid h4, .cl-sec-home-grid h5, .cl-sec-home-grid h6, .cl-sec-home-grid hr, .cl-sec-home-grid figure, .cl-sec-home-grid p, .cl-sec-home-grid pre { margin: 0px; }
.cl-sec-home-grid input::placeholder, .cl-sec-home-grid textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
.cl-sec-home-grid button, .cl-sec-home-grid [role="button"] { cursor: pointer; }
.cl-sec-home-grid :disabled { cursor: default; }
.cl-sec-home-grid img, .cl-sec-home-grid svg, .cl-sec-home-grid video, .cl-sec-home-grid canvas, .cl-sec-home-grid audio, .cl-sec-home-grid iframe, .cl-sec-home-grid embed, .cl-sec-home-grid object { display: block; vertical-align: middle; }
.cl-sec-home-grid img, .cl-sec-home-grid video { max-width: 100%; height: auto; }
.cl-sec-home-grid { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 20px; --space-9: 25px; --space-10: 32px; --space-11: 40px; --space-12: 50px; --space-13: 60px; --space-14: 80px; --space-15: 120px; }
@media (min-width: 768px) { .cl-sec-home-grid { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 15px; --space-7: 18px; --space-8: 22px; --space-9: 27px; --space-10: 35px; --space-11: 45px; --space-12: 56px; --space-13: 75px; --space-14: 105px; --space-15: 150px; } }
@media (min-width: 1100px) { .cl-sec-home-grid { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 16px; --space-7: 20px; --space-8: 24px; --space-9: 32px; --space-10: 38px; --space-11: 50px; --space-12: 68px; --space-13: 96px; --space-14: 128px; --space-15: 192px; } }
.cl-sec-home-grid { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --highlight-initial-position-x: 50%; --highlight-position-y: 50%; --highlight-height: 100%; }
.cl-sec-home-grid *, .cl-sec-home-grid ::before, .cl-sec-home-grid ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.cl-sec-home-grid .type-accent { --font-adjust: var(--FONT-ADJUST-ACCENT); --font-family: var(--FONT-STACK-ACCENT); --font-style: var(--FONT-STYLE-ACCENT); --font-weight: var(--FONT-WEIGHT-ACCENT); --font-weight-bold: var(--FONT-WEIGHT-ACCENT-BOLD); --font-transform: var(--FONT-ACCENT-TRANSFORM); --font-letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); font-family: var(--font-family); font-style: var(--font-style); font-weight: var(--font-weight, var(--font-weight-normal)); text-transform: var(--font-transform); letter-spacing: var(--font-letter-spacing); }
.cl-sec-home-grid .pointer-events-none { pointer-events: none; }
.cl-sec-home-grid .pointer-events-auto { pointer-events: auto; }
.cl-sec-home-grid .absolute { position: absolute; }
.cl-sec-home-grid .relative { position: relative; }
.cl-sec-home-grid .bottom-0 { bottom: 0px; }
.cl-sec-home-grid .bottom-\[calc\(var\(--inner\)\/2\)\] { bottom: calc(var(--inner) / 2); }
.cl-sec-home-grid .left-0 { left: 0px; }
.cl-sec-home-grid .left-\[calc\(var\(--inner\)\/2\)\] { left: calc(var(--inner) / 2); }
.cl-sec-home-grid .right-0 { right: 0px; }
.cl-sec-home-grid .right-\[calc\(var\(--inner\)\/2\)\] { right: calc(var(--inner) / 2); }
.cl-sec-home-grid .top-0 { top: 0px; }
.cl-sec-home-grid .top-\[calc\(var\(--inner\)\/2\)\] { top: calc(var(--inner) / 2); }
.cl-sec-home-grid .top-auto { top: auto; }
.cl-sec-home-grid .mb-r11 { margin-bottom: var(--space-11); }
.cl-sec-home-grid .mt-r8 { margin-top: var(--space-8); }
.cl-sec-home-grid .block { display: block; }
.cl-sec-home-grid .inline-block { display: inline-block; }
.cl-sec-home-grid .flex { display: flex; }
.cl-sec-home-grid .hidden { display: none; }
.cl-sec-home-grid .h-full { height: 100%; }
.cl-sec-home-grid .max-h-full { max-height: 100%; }
.cl-sec-home-grid .min-h-\[40px\] { min-height: 40px; }
.cl-sec-home-grid .w-full { width: 100%; }
.cl-sec-home-grid .w-r12 { width: var(--space-12); }
.cl-sec-home-grid .min-w-\[40px\] { min-width: 40px; }
.cl-sec-home-grid .origin-bottom { transform-origin: center bottom; }
.cl-sec-home-grid .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cl-sec-home-grid .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cl-sec-home-grid .flex-row { flex-direction: row; }
.cl-sec-home-grid .flex-col { flex-direction: column; }
.cl-sec-home-grid .flex-wrap { flex-wrap: wrap; }
.cl-sec-home-grid .items-end { align-items: flex-end; }
.cl-sec-home-grid .items-center { align-items: center; }
.cl-sec-home-grid .justify-end { justify-content: flex-end; }
.cl-sec-home-grid .justify-center { justify-content: center; }
.cl-sec-home-grid .space-x-r2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(var(--space-2) * var(--tw-space-x-reverse)); margin-left: calc(var(--space-2) * calc(1 - var(--tw-space-x-reverse))); }
.cl-sec-home-grid .overflow-hidden { overflow: hidden; }
.cl-sec-home-grid .overflow-scroll { overflow: scroll; }
.cl-sec-home-grid .whitespace-nowrap { white-space: nowrap; }
.cl-sec-home-grid .bg-button { --tw-bg-opacity: 1; background-color: rgb(var(--rgb-button-main) / var(--tw-bg-opacity)); }
.cl-sec-home-grid .object-cover { object-fit: cover; }
.cl-sec-home-grid .px-r4 { padding-left: var(--space-4); padding-right: var(--space-4); }
.cl-sec-home-grid .py-r4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
.cl-sec-home-grid .text-r2 { font-size: calc(var(--font-2) * var(--font-adjust, 1)); line-height: var(--leading-relaxed); }
.cl-sec-home-grid .text-r3 { font-size: calc(var(--font-3) * var(--font-adjust, 1)); line-height: var(--leading-normal); }
.cl-sec-home-grid .font-bold { font-weight: var(--font-weight-bold); }
.cl-sec-home-grid .text-button-contrast { --tw-text-opacity: 1; color: rgb(var(--rgb-button-contrast) / var(--tw-text-opacity)); }
.cl-sec-home-grid .line-through { text-decoration-line: line-through; }
.cl-sec-home-grid .opacity-100 { opacity: 1; }
.cl-sec-home-grid .opacity-70 { opacity: 0.7; }
.cl-sec-home-grid .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, visibility, -webkit-backdrop-filter; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-grid .transition-opacity { transition-property: opacity; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-grid .delay-\[--exit-animation-duration\] { transition-delay: var(--exit-animation-duration); }
.cl-sec-home-grid .delay-\[calc\(var\(--exit-animation-duration\)\)\] { transition-delay: calc(var(--exit-animation-duration)); }
.cl-sec-home-grid .duration-300 { transition-duration: 0.3s; }
.cl-sec-home-grid .duration-\[--enter-animation-duration\] { transition-duration: var(--enter-animation-duration); }
.cl-sec-home-grid .duration-\[--exit-animation-duration\] { transition-duration: var(--exit-animation-duration); }
.cl-sec-home-grid .scrollbar-hide { scrollbar-width: none; }
.cl-sec-home-grid .text-center { text-align: center !important; }
@supports (aspect-ratio: auto) { .cl-sec-home-grid .aspect-\[--wh-ratio\] { aspect-ratio: var(--wh-ratio); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-grid .aspect-\[--wh-ratio\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-grid .aspect-\[--wh-ratio\]::after { content: ""; display: table; clear: both; } }
@supports (aspect-ratio: auto) { .cl-sec-home-grid .aspect-square { aspect-ratio: 1 / 1; } }
@supports not (aspect-ratio: auto) { .cl-sec-home-grid .aspect-square::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: 100%; } }
@supports not (aspect-ratio: auto) { .cl-sec-home-grid .aspect-square::after { content: ""; display: table; clear: both; } }
.cl-sec-home-grid { line-height: var(--leading-norma); font-family: var(--FONT-STACK-BODY); }
.cl-sec-home-grid *, .cl-sec-home-grid input, .cl-sec-home-grid ::before, .cl-sec-home-grid ::after { box-sizing: border-box; }
.cl-sec-home-grid, .cl-sec-home-grid { padding: 0px; margin: 0px; }
.cl-sec-home-grid { min-height: var(--full-screen); display: flex; flex-direction: column; }
.cl-sec-home-grid { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; }
.cl-sec-home-grid { font-size: 16px; scroll-behavior: smooth; --scroll-behavior: smooth; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-grid { font-size: 15px; } }
@media only screen and (max-width: 479px) { .cl-sec-home-grid { font-size: 14px; } }
.cl-sec-home-grid { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: var(--text); }
.cl-sec-home-grid, .cl-sec-home-grid input, .cl-sec-home-grid textarea, .cl-sec-home-grid select, .cl-sec-home-grid .popout__toggle { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); color: var(--text); }
.cl-sec-home-grid h1, .cl-sec-home-grid h2, .cl-sec-home-grid h3, .cl-sec-home-grid h4, .cl-sec-home-grid h5, .cl-sec-home-grid h6 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-grid h2 { font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-tight); }
.cl-sec-home-grid h1, .cl-sec-home-grid h2, .cl-sec-home-grid h3, .cl-sec-home-grid h4, .cl-sec-home-grid h5, .cl-sec-home-grid h6 { margin: 0px 0px 0.75em; }
.cl-sec-home-grid p { margin: 0px; }
.cl-sec-home-grid { --gutter: var(--LAYOUT-GUTTER); --outer: var(--LAYOUT-OUTER); --inner: 20px; --nav-gutter: var(--NAV-GUTTER); --gutter-offset: var(--LAYOUT-GUTTER-OFFSET); --outer-offset: calc(var(--LAYOUT-OUTER) * -1); --radius-sm: 3px; --radius-md: 12px; --radius-lg: 36px; --page-width: var(--LAYOUT-WIDTH); --grid-xl: 50px; --grid-lg: 32px; --grid-md: 22px; --grid-sm: 16px; --grid-0: 0px; --grid-standard-page-margin: var(--outer); --grid-standard-gutter: var(--gutter); --grid-page-margin: var(--grid-standard-page-margin); --grid-gutter: var(--grid-standard-gutter); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-grid { --grid-xl: 32px; --grid-lg: 22px; --grid-md: 18px; --grid-sm: 12px; --inner: 18px; --gutter: calc(var(--LAYOUT-GUTTER) * .8); --outer: calc(var(--LAYOUT-OUTER) * .8); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8); --outer-offset: calc(var(--LAYOUT-OUTER) * -.8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-grid { --grid-xl: 22px; --grid-lg: 22px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: calc(var(--LAYOUT-GUTTER) * .6); --outer: calc(var(--LAYOUT-OUTER) * .6); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .6); --outer-offset: calc(var(--LAYOUT-OUTER) * -.6); } }
@media only screen and (max-width: 479px) { .cl-sec-home-grid { --grid-xl: 16px; --grid-lg: 16px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: max(calc(var(--LAYOUT-GUTTER) * .6), 16px); --outer: 16px; --gutter-offset: min(calc(var(--LAYOUT-GUTTER-OFFSET) * .6), -16px); --outer-offset: -16px; } }
.cl-sec-home-grid { --max-w-page: var(--LAYOUT-WIDTH); --max-w-page-narrow: 50%; --max-w-page-tiny: 33%; }
@media only screen and (max-width: 1099px) { .cl-sec-home-grid { --max-w-page-narrow: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-grid { --max-w-page-narrow: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1399px) { .cl-sec-home-grid { --max-w-page-tiny: 45%; } }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-grid { --max-w-page-tiny: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-grid { --max-w-page-tiny: 66%; } }
@media only screen and (max-width: 479px) { .cl-sec-home-grid { --max-w-page-tiny: 100%; } }
.cl-sec-home-grid [tabindex="-1"]:focus { outline: none; }
.cl-sec-home-grid .wrapper, .cl-sec-home-grid .wrapper .grandparent .header__dropdown__wrapper { width: 100%; max-width: var(--LAYOUT-WIDTH); margin: 0px auto; padding-left: var(--outer); padding-right: var(--outer); }
.cl-sec-home-grid .wrapper::after, .cl-sec-home-grid .wrapper .grandparent .header__dropdown__wrapper::after { content: ""; display: table; clear: both; }
.cl-sec-home-grid .hero__content__wrapper.section-padding, .cl-sec-home-grid .brick__section .section-padding, .cl-sec-home-grid .section-padding, .cl-sec-home-grid .section-without-title:not(.section-without-title--skip) { --padding-top: var(--PT); --padding-bottom: var(--PB); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-grid .hero__content__wrapper.section-padding, .cl-sec-home-grid .brick__section .section-padding, .cl-sec-home-grid .section-padding, .cl-sec-home-grid .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .8); --padding-bottom: calc(var(--PB) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-grid .hero__content__wrapper.section-padding, .cl-sec-home-grid .brick__section .section-padding, .cl-sec-home-grid .section-padding, .cl-sec-home-grid .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .6); --padding-bottom: calc(var(--PB) * .6); } }
.cl-sec-home-grid .icon-theme { display: flex; align-items: center; width: 1em; height: 1em; }
.cl-sec-home-grid .icon-theme-stroke { fill: none; stroke: currentcolor; stroke-miterlimit: 10; stroke-width: var(--ICON-STROKE-WIDTH); }
.cl-sec-home-grid .icon-cart-full { fill: none; stroke: none; stroke-width: 0; }
.cl-sec-home-grid .btn--outline { font-family: var(--TYPE-STACK-BUTTON); font-style: var(--TYPE-STYLE-BUTTON); font-weight: var(--TYPE-WEIGHT-BUTTON); text-transform: var(--FONT-BUTTON-TRANSFORM); letter-spacing: var(--FONT-BUTTON-LETTER-SPACING); display: inline-block; padding: var(--space-5) var(--space-8); margin: 0px; line-height: 1; text-decoration: none; text-align: center; vertical-align: middle; cursor: pointer; user-select: none; appearance: none; border-radius: var(--BUTTON-RADIUS); --btn-bg: rgb(255 255 255 / 0%); font-size: calc(var(--font-3) * var(--TYPE-ADJUST-BUTTON)); background-color: rgba(255, 255, 255, 0); transition: background-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); border: 1px solid var(--btn-text); color: var(--btn-text); }
.cl-sec-home-grid .btn--outline:hover, .cl-sec-home-grid .btn--outline:active, .cl-sec-home-grid .btn--outline:focus { background-color: var(--btn-bg-hover); border: 1px solid var(--btn-text); color: var(--btn-text); }
.cl-sec-home-grid .btn--outline { --btn-text: var(--text); --btn-bg-hover: var(--hairline); }
.cl-sec-home-grid .btn-state-ready { transition: color 0.2s, opacity 0.2s, visibility 0.2s; }
.cl-sec-home-grid [data-add-to-cart] { position: relative; }
.cl-sec-home-grid .btn-state-loading { visibility: hidden; position: absolute; top: 50%; left: 50%; z-index: 2; opacity: 0; transform: translate(-50%, -50%); transition: opacity 0.2s, visibility 0.2s; }
.cl-sec-home-grid .btn-state-complete { visibility: hidden; position: absolute; top: 50%; left: 50%; width: 14px; height: 8px; border-left: 1px solid var(--primary); border-bottom: 1px solid var(--primary); margin-top: -2px; transform: translate(-50%, -50%) rotate(-45deg); opacity: 0; transition: opacity 0.2s, visibility 0.2s; }
.cl-sec-home-grid a, .cl-sec-home-grid .text-link-bare { color: currentcolor; text-decoration: none; background: transparent; }
.cl-sec-home-grid a:hover, .cl-sec-home-grid a:focus, .cl-sec-home-grid .text-link-bare:hover, .cl-sec-home-grid .text-link-bare:focus { color: currentcolor; }
.cl-sec-home-grid form { margin-bottom: var(--gutter); }
.cl-sec-home-grid form:last-child { margin-bottom: 0px; }
@media only screen and (max-width: 767px) { .cl-sec-home-grid input, .cl-sec-home-grid textarea, .cl-sec-home-grid select, .cl-sec-home-grid .popout__toggle { font-size: 16px; } }
.cl-sec-home-grid button, .cl-sec-home-grid input[type="text"], .cl-sec-home-grid input[type="search"], .cl-sec-home-grid input[type="password"], .cl-sec-home-grid input[type="email"], .cl-sec-home-grid input[type="file"], .cl-sec-home-grid input[type="number"], .cl-sec-home-grid input[type="tel"], .cl-sec-home-grid input[type="submit"], .cl-sec-home-grid input[type="url"], .cl-sec-home-grid .quantity__wrapper input, .cl-sec-home-grid textarea { appearance: none; }
.cl-sec-home-grid input, .cl-sec-home-grid textarea, .cl-sec-home-grid select, .cl-sec-home-grid .popout__toggle, .cl-sec-home-grid fieldset { border-radius: var(--radius-sm); max-width: 100%; }
.cl-sec-home-grid input, .cl-sec-home-grid select, .cl-sec-home-grid .popout__toggle, .cl-sec-home-grid textarea { padding: 8px 10px; font-family: inherit; line-height: 1.42; }
.cl-sec-home-grid input { display: inline-block; width: auto; }
.cl-sec-home-grid button, .cl-sec-home-grid input[type="submit"] { cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit; }
.cl-sec-home-grid button { background-color: transparent; overflow: visible; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: inherit; }
.cl-sec-home-grid button[disabled], .cl-sec-home-grid input[disabled] { cursor: default; }
.cl-sec-home-grid { --OPTION-SIZE-SWATCH: 34px; --OPTION-SIZE-RADIO: 50px; }
.cl-sec-home-grid img { border: 0px; }
.cl-sec-home-grid svg:not(:root) { overflow: hidden; }
.cl-sec-home-grid { --placeholder-bg: #eeeeee; --placeholder-fill: #B4B6B9; }
.cl-sec-home-grid .text-center { text-align: center; }
.cl-sec-home-grid .visually-hidden, .cl-sec-home-grid [data-shopify-xr-hidden] { overflow: hidden; clip: rect(0px, 0px, 0px, 0px); height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px; position: absolute !important; }
.cl-sec-home-grid :not(.no-js) body:not(.focus-enabled) :focus { outline: none; }
.cl-sec-home-grid .svg-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.cl-sec-home-grid .svg-loader circle { stroke-width: 1; stroke: var(--border); fill: none; }
.cl-sec-home-grid .svg-loader circle ~ circle { stroke: var(--text); stroke-dashoffset: 88; animation: 1s linear 0s infinite normal none paused animate-svg; }
.cl-sec-home-grid .kicker-flourished { font-family: var(--TYPE-STACK-KICKER); font-style: var(--TYPE-STYLE-KICKER); font-weight: var(--TYPE-WEIGHT-KICKER); text-transform: var(--FONT-KICKER-TRANSFORM); letter-spacing: var(--FONT-KICKER-LETTER-SPACING); font-size: calc(var(--font-4) * var(--TYPE-ADJUST-KICKER)); color: var(--text); padding-bottom: var(--inner); position: relative; text-align: center; }
.cl-sec-home-grid .kicker-flourished::after { content: ""; width: 30px; height: 3px; position: absolute; bottom: 0px; inset-inline: 0px; margin-inline-start: var(--kicker-flourish-left, auto); margin-inline-end: var(--kicker-flourish-right, auto); background: var(--text); opacity: 0.2; }
.cl-sec-home-grid .text-center, .cl-sec-home-grid .align--top-center, .cl-sec-home-grid .align--middle-center, .cl-sec-home-grid .align--bottom-center { --kicker-flourish-left: auto; --kicker-flourish-right: auto; }
.cl-sec-home-grid .palette--light, .cl-sec-home-grid { --bg: var(--COLOR-BG); --bg-accent: var(--COLOR-BG-ACCENT); --text-dark: var(--COLOR-TEXT-DARK); --text: var(--COLOR-TEXT); --text-light: var(--COLOR-TEXT-LIGHT); --hover: var(--COLOR-A95); --muted: var(--COLOR-A35); --border: var(--COLOR-A20); --hairline: var(--COLOR-A5); --hairline-hover: var(--COLOR-A10); --contrast: #000; --primary: var(--COLOR-PRIMARY); --primary-fade: var(--COLOR-PRIMARY-FADE); --secondary: var(--COLOR-SECONDARY); --secondary-fade: var(--COLOR-SECONDARY-FADE); --rgb-canvas: var(--RGB-CANVAS); --rgb-content: var(--RGB-CONTENT); --rgb-primary: var(--RGB-PRIMARY); --rgb-secondary: var(--RGB-SECONDARY); --rgb-primary-contrast: var(--RGB-PRIMARY-CONTRAST); --rgb-secondary-contrast: var(--RGB-SECONDARY-CONTRAST); --rgb-black: 0 0 0; --rgb-white: 255 255 255; --rgb-black-contrast: var(--rgb-white); --rgb-white-contrast: var(--rgb-black); --rgb-canvas-contrast: var(--rgb-content); --rgb-content-contrast: var(--rgb-canvas); --rgb-button-main: var(--rgb-content); --rgb-button-contrast: var(--rgb-content-contrast); --color-error: #D02E2E; --color-success: #56AD6A; }
.cl-sec-home-grid .palette--dark, .cl-sec-home-grid .palette--light, .cl-sec-home-grid .palette--bright, .cl-sec-home-grid .main-content { color: var(--text); background-color: var(--bg); }
.cl-sec-home-grid .bg--neutral { --bg: var(--COLOR-BG); }
.cl-sec-home-grid .stain-button-canvas { --rgb-button-main: var(--rgb-canvas); --rgb-button-contrast: var(--rgb-content); }
.cl-sec-home-grid { --full-screen: 100vh; --three-quarters: 75vh; --two-thirds: 66vh; --one-half: 50vh; --one-third: 33vh; --one-fifth: 20vh; --header-height: 100px; --footer-height: 500px; --announcement-height: 33px; --content-full: 90vh; --scrollbar-width: 0; }
.cl-sec-home-grid { --ease-out-fast: cubic-bezier(.215, .61, .355, 1); --ease-out-sharp: cubic-bezier(.25, .1, .25, 1); }
@media print { .cl-sec-home-grid p, .cl-sec-home-grid h2, .cl-sec-home-grid h3 { orphans: 3; widows: 3; } }
@media print { .cl-sec-home-grid h2, .cl-sec-home-grid h3 { break-after: avoid; } }
@media print { .cl-sec-home-grid, .cl-sec-home-grid { background-color: rgb(255, 255, 255); } }
@media only screen and (max-width: 479px) { .cl-sec-home-grid .js-grid[data-grid-small="2"] { grid-template-columns: repeat(2, minmax(0px, 1fr)); } }
.cl-sec-home-grid .js-grid { display: grid; column-gap: var(--gutter); row-gap: var(--gutter); }
.cl-sec-home-grid .js-grid > * { min-width: 0px; }
@media only screen and (min-width: 480px) { .cl-sec-home-grid .js-grid[data-grid-large="3"] { grid-template-columns: repeat(3, minmax(0px, 1fr)); } }
.cl-sec-home-grid .product-grid-item { position: relative; text-align: center; }
.cl-sec-home-grid .product-grid-item a { display: block; }
.cl-sec-home-grid .product-grid-item a:focus { outline: none; }
.cl-sec-home-grid .on-sale { color: var(--primary); }
.cl-sec-home-grid .compare-at { margin-top: calc(var(--gutter) / 2); color: var(--text-light); text-decoration: line-through !important; }
.cl-sec-home-grid .product-grid-item .compare-at { margin-inline-start: 8px; }
.cl-sec-home-grid .product__grid__info { position: relative; padding: 8px 0px 0px; }
.cl-sec-home-grid .product__grid__info a { display: block; text-decoration: none; color: var(--text-dark); }
.cl-sec-home-grid .product__grid__title { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY-BOLD); font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); margin: 8px 0px 2px; word-break: break-word; text-transform: none; letter-spacing: 0px; }
.cl-sec-home-grid .product__grid__price { overflow: hidden; margin: 3px 0px; font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); }
.cl-sec-home-grid .text-center .product__grid__price { justify-content: center; }
.cl-sec-home-grid .product__grid__price--nowrap { display: flex; flex-flow: row; align-items: center; }
.cl-sec-home-grid .product__grid__price--nowrap .compare-at { margin-top: 0px; }
.cl-sec-home-grid .product__grid__price--nowrap .price, .cl-sec-home-grid .product__grid__price--nowrap .compare-at { flex: 0 1 auto; white-space: nowrap; }
.cl-sec-home-grid .product__grid__cutline { position: relative; display: inline-block; overflow: hidden; white-space: nowrap; padding-inline-end: 6px; margin-inline-end: 5px; text-overflow: ellipsis; max-width: 100%; vertical-align: top; }
.cl-sec-home-grid .product__grid__cutline:empty { padding-inline-end: 0px; margin-inline-end: 0px; }
.cl-sec-home-grid .product__grid__cutline::before { content: ""; position: absolute; top: 4px; bottom: 4px; inset-inline-end: 0px; border-inline-end: 1px solid currentcolor; }
.cl-sec-home-grid .product-grid-item__container { position: relative; overflow: hidden; }
.cl-sec-home-grid .product-grid-item__image-wrapper { background: var(--bg); display: block; position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.15s linear 0.15s, visibility 0.15s linear; }
.cl-sec-home-grid .product-grid-item__image-wrapper.is-active { opacity: 1; visibility: visible; transition-delay: 0s; }
.cl-sec-home-grid .product-grid-item__pagination { display: flex; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 5; padding: 12px 12px 15px; background: linear-gradient(to bottom,var(--COLOR-PRODUCT-SLIDER-OPPOSITE) 0%,rgba(255,255,255,0) 100%); opacity: 0; pointer-events: none; transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-grid .product-grid-item__content:not(.is-mobile):hover .product-grid-item__pagination { opacity: 1; }
.cl-sec-home-grid .product-grid-item__pagination span { --width: 100%; flex: 1 0 auto; position: relative; height: 2px; overflow: hidden; border-radius: 5px; margin: 0px 1px; font-size: 0px; transform: translateY(-5px); transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-grid .product-grid-item__pagination span::before, .cl-sec-home-grid .product-grid-item__pagination span::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--COLOR-PRODUCT-SLIDER); }
.cl-sec-home-grid .product-grid-item__pagination span::before { opacity: 0.4; }
.cl-sec-home-grid .product-grid-item__pagination span::after { width: var(--width); }
.cl-sec-home-grid .product-grid-item:hover .product-grid-item__pagination span { transform: translateY(0px); }
.cl-sec-home-grid .product-grid-item__pagination span.is-active { --width: 0%; }
.cl-sec-home-grid .product-grid-item__pagination span.is-active ~ span { --width: 0% !important; }
.cl-sec-home-grid .product-grid-item__error-display { display: none; position: absolute; top: 0px; right: 0px; left: 0px; z-index: 100; padding: calc(var(--inner) / 2); }
.cl-sec-home-grid .product__media img, .cl-sec-home-grid .media__thumb img, .cl-sec-home-grid .cart__items__img, .cl-sec-home-grid .product__popdown__image img, .cl-sec-home-grid .sibling__image img, .cl-sec-home-grid img.product-clip__image__inner, .cl-sec-home-grid .product-grid-item__image, .cl-sec-home-grid .collection__products .float-grid img, .cl-sec-home-grid .collection__products .grid--full img { filter: brightness(var(--PHOTO-CORRECTION)); }
.cl-sec-home-grid .product__grid__title__wrapper { display: flex; justify-content: space-between; align-items: center; }
.cl-sec-home-grid .product__grid__info.text-center .product__grid__title__wrapper { justify-content: center; flex-direction: column; }
.cl-sec-home-grid { --form-top: 14px; --form-left: 20px; }
.cl-sec-home-grid { --OPTION-SIZE-SIBLING: 50px; }
.cl-sec-home-grid .group\/option-button:hover .group-hover\/option-button\:bg-button-contrast\/5 { background-color: rgb(var(--rgb-button-contrast) / .05); }
.cl-sec-home-grid .group\/option-button:hover .group-hover\/option-button\:text-button-contrast { --tw-text-opacity: 1; color: rgb(var(--rgb-button-contrast) / var(--tw-text-opacity)); }
@media (min-width: 768px) { .cl-sec-home-grid .md\:block { display: block; } }
@media (min-width: 768px) { .cl-sec-home-grid .md\:hidden { display: none; } }
@media (min-width: 768px) { .cl-sec-home-grid .md\:min-h-\[48px\] { min-height: 48px; } }
@media (min-width: 768px) { .cl-sec-home-grid .md\:w-full { width: 100%; } }
@media (min-width: 768px) { .cl-sec-home-grid .md\:translate-y-r4 { --tw-translate-y: var(--space-4); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
@media (min-width: 768px) { .cl-sec-home-grid .md\:gap-y-r2 { row-gap: var(--space-2); } }
@media (min-width: 768px) { .cl-sec-home-grid .md\:px-r8 { padding-left: var(--space-8); padding-right: var(--space-8); } }
@media (min-width: 768px) { .cl-sec-home-grid .md\:py-r5 { padding-top: var(--space-5); padding-bottom: var(--space-5); } }
@media (min-width: 768px) { .cl-sec-home-grid .md\:opacity-0 { opacity: 0; } }
@media (min-width: 768px) { .cl-sec-home-grid .md\:opacity-100 { opacity: 1; } }
@media (min-width: 768px) { .cl-sec-home-grid .group\/product-grid-item:focus-within .md\:group-focus-within\/product-grid-item\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
@media (min-width: 768px) { .cl-sec-home-grid .group\/product-grid-item:focus-within .md\:group-focus-within\/product-grid-item\:opacity-100 { opacity: 1; } }
@media (min-width: 768px) { .cl-sec-home-grid .group\/product-grid-item:hover .md\:group-hover\/product-grid-item\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
@media (min-width: 768px) { .cl-sec-home-grid .group\/product-grid-item:hover .md\:group-hover\/product-grid-item\:opacity-100 { opacity: 1; } }
.cl-sec-home-grid, .cl-sec-home-grid { scroll-behavior: auto !important; }
.cl-sec-home-grid { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-sec-home-grid { --kaching-cart-font-size-scale: 1; } }
.cl-sec-home-grid .kaching-cart :is(a[href], button, input, select, textarea, summary, [role="button"], [contenteditable]):focus-visible { outline: var(--kaching-cart-focus-ring-width) solid currentColor !important; outline-offset: var(--kaching-cart-focus-ring-offset) !important; }
.cl-sec-home-grid { --oke-widget-spaceAbove: 20px; --oke-widget-spaceBelow: 20px; --oke-starRating-spaceAbove: 0; --oke-starRating-spaceBelow: 0; --oke-button-backgroundColor: #000; --oke-button-backgroundColorHover: #000; --oke-button-backgroundColorActive: #000; --oke-button-textColor: #fff; --oke-button-textColorHover: #272d45; --oke-button-textColorActive: #fff; --oke-button-borderColor: #dbdde4; --oke-button-borderColorHover: #dbdde4; --oke-button-borderColorActive: #000; --oke-button-borderRadius: 4px; --oke-button-borderWidth: 1px; --oke-button-fontWeight: 700; --oke-button-fontSize: var(--oke-text-regular,14px); --oke-button-fontFamily: inherit; --oke-border-color: #e5e5eb; --oke-border-width: 1px; --oke-text-primaryColor: #000; --oke-text-secondaryColor: #070707; --oke-text-small: 12px; --oke-text-regular: 14px; --oke-text-large: 20px; --oke-text-fontFamily: inherit; --oke-avatar-size: 48px; --oke-avatar-backgroundColor: #e5e5eb; --oke-avatar-placeholderTextColor: #000; --oke-highlightColor: #000; --oke-shadingColor: #f7f7f8; --oke-productImageSize: 48px; --oke-attributeBar-shadingColor: #9a9db1; --oke-attributeBar-borderColor: undefined; --oke-attributeBar-backgroundColor: #d3d4dd; --oke-attributeBar-markerColor: #000; --oke-filter-backgroundColor: #fff; --oke-filter-backgroundColorActive: #676986; --oke-filter-borderColor: #dbdde4; --oke-filter-borderColorActive: #676986; --oke-filter-textColor: #000; --oke-filter-textColorActive: #fff; --oke-filter-borderRadius: 100px; --oke-filter-searchHighlightColor: #999; --oke-mediaGrid-chevronColor: #676986; --oke-stars-foregroundColor: #161616; --oke-stars-backgroundColor: #e5e5e5; --oke-stars-borderWidth: 0; }
.cl-sec-home-grid { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 15px; --menu-backfill-height: auto; }
/* ==== home-grid [vm] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-grid { --kl-reviews-color-light-gray: #e9e9eb; }
/* ==== home-homme [vd] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-homme .product-grid-item .product__grid__info, .cl-sec-home-homme .product-grid-item .product__grid__title, .cl-sec-home-homme .product-grid-item .product__grid__price, .cl-sec-home-homme .product-grid-item .product__grid__cutline { font-family: var(--FONT-STACK-PRODUCT-CARD); }
.cl-sec-home-homme .product-grid-item .price.on-sale, .cl-sec-home-homme .product__price--sale { color: rgb(214, 84, 97) !important; }
.cl-sec-home-homme .product-grid-item .compare-at, .cl-sec-home-homme .product__price--compare, .cl-sec-home-homme [data-compare-price] { color: rgb(153, 153, 153) !important; }
.cl-sec-home-homme { --LAYOUT-WIDTH: 1200px; --LAYOUT-GUTTER: 20px; --LAYOUT-GUTTER-OFFSET: -20px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 36px; --COLOR-VIDEO-BG: #ffe9da; --COLOR-BG: #FFF8F3; --COLOR-BG-ACCENT: #fae9de; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #222222; --COLOR-TEXT-LIGHT: #646261; --COLOR-PRIMARY: #D65461; --COLOR-PRIMARY-HOVER: #c31a2b; --COLOR-PRIMARY-FADE: rgba(214, 84, 97, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(214, 84, 97, 0.1); --COLOR-PRIMARY-OPPOSITE: #ffffff; --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1); --COLOR-SECONDARY-OPPOSITE: #ffffff; --COLOR-A5: rgba(34, 34, 34, 0.05); --COLOR-A10: rgba(34, 34, 34, 0.1); --COLOR-A20: rgba(34, 34, 34, 0.2); --COLOR-A35: rgba(34, 34, 34, 0.35); --COLOR-A50: rgba(34, 34, 34, 0.5); --COLOR-A80: rgba(34, 34, 34, 0.8); --COLOR-A90: rgba(34, 34, 34, 0.9); --COLOR-A95: rgba(34, 34, 34, 0.95); --INVERSE-BG: #d65461; --INVERSE-BG-ACCENT: #222324; --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #f3ccd0; --INVERSE-PRIMARY: #fcd8c8; --INVERSE-PRIMARY-HOVER: #ffa278; --INVERSE-PRIMARY-FADE: rgba(252, 216, 200, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(252, 216, 200, 0.1); --INVERSE-PRIMARY-OPPOSITE: #000000; --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1); --INVERSE-SECONDARY-OPPOSITE: #000000; --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); --BRIGHT-BG: #d3836a; --BRIGHT-BG-ACCENT: #2693cf; --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #f2dad2; --BRIGHT-PRIMARY: #2693cf; --BRIGHT-PRIMARY-HOVER: #0e699b; --BRIGHT-PRIMARY-FADE: rgba(38, 147, 207, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(38, 147, 207, 0.1); --BRIGHT-PRIMARY-OPPOSITE: #000000; --BRIGHT-SECONDARY: #f4a482; --BRIGHT-SECONDARY-HOVER: #fd6b2c; --BRIGHT-SECONDARY-FADE: rgba(244, 164, 130, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(244, 164, 130, 0.1); --BRIGHT-SECONDARY-OPPOSITE: #000000; --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); --COLOR-ANNOUNCEMENT-BG: #D65461; --COLOR-ANNOUNCEMENT-TEXT: #FAE9DE; --COLOR-NAV: #FFF8F3; --COLOR-NAV-TEXT: #222222; --COLOR-NAV-TEXT-DARK: #000000; --COLOR-NAV-TEXT-LIGHT: #646261; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(34, 34, 34, 0.1); --COLOR-NAV-A50: rgba(34, 34, 34, 0.5); --COLOR-HIGHLIGHT-LINK: #d65461; --COLOR-FOOTER-BG: #d65461; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); --COLOR-SUB-FOOTER-BG: #2e3438; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); --PRODUCT-GRID-ASPECT-RATIO: 90.0%; --COLOR-BADGE: #ffffff; --COLOR-BADGE-TEXT: #656565; --COLOR-BADGE-TEXT-DARK: #453939; --COLOR-BADGE-TEXT-HOVER: #8b8b8b; --COLOR-BADGE-HAIRLINE: #f7f7f7; --COLOR-PRODUCT-SLIDER: #ffffff; --COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06); --COLOR-DISABLED-BG: #e9e3de; --COLOR-DISABLED-TEXT: #b2adaa; --INVERSE-DISABLED-BG: #da6571; --INVERSE-DISABLED-TEXT: #e49098; --RGB-CANVAS: 255 248 243; --RGB-CONTENT: 34 34 34; --RGB-PRIMARY: 214 84 97; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 214 84 97; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 252 216 200; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 211 131 106; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 38 147 207; --RGB-BRIGHT-SECONDARY: 244 164 130; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; --BUTTON-RADIUS: 0px; --ICON-STROKE-WIDTH: 2px; --FONT-STACK-BODY: Barlow, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --FONT-ADJUST-BODY: 1.0; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-PRODUCT-CARD: var(--FONT-STACK-BODY); --FONT-STACK-HEADING: "Gowun Batang", serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 400; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 1.0; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.09em; --FONT-STACK-ACCENT: Archivo, serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 500; --FONT-WEIGHT-ACCENT-BOLD: 600; --FONT-ADJUST-ACCENT: 1.0; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.09em; --TYPE-STACK-NAV: Archivo, sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 1.0; --TYPE-WEIGHT-NAV: 500; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.09em; --TYPE-STACK-BUTTON: Archivo, sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.0; --TYPE-WEIGHT-BUTTON: 600; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.09em; --TYPE-STACK-KICKER: Archivo, sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.0; --TYPE-WEIGHT-KICKER: 600; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.09em; --ICO-SELECT: url({{ 'cl-ff3a3308-ico-select.svg' | asset_url }}); --PHOTO-CORRECTION: 100%; }
.cl-sec-home-homme { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10: 32px; --font-11: 37px; --font-12: 43px; --font-13: 49px; --font-14: 57px; --font-15: 67px; }
@media only screen and (min-width: 480px) and (max-width: 1099px) { .cl-sec-home-homme { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10: 34px; --font-11: 40px; --font-12: 47px; --font-13: 56px; --font-14: 65px; --font-15: 77px; } }
@media only screen and (min-width: 1100px) { .cl-sec-home-homme { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10: 48px; --font-11: 58px; --font-12: 71px; --font-13: 87px; --font-14: 106px; --font-15: 129px; } }
.cl-sec-home-homme .flickity-disabled-mobile::after { font-size: 0px; line-height: 0; position: absolute; display: none; content: "flickity" !important; }
@media only screen and (max-width: 767px) { .cl-sec-home-homme .flickity-disabled-mobile::after { content: "" !important; } }
.cl-sec-home-homme .flickity-enabled { position: relative; }
.cl-sec-home-homme .flickity-enabled:focus { outline: none; }
.cl-sec-home-homme .flickity-viewport { overflow: hidden; position: relative; height: 100%; width: 100%; }
.cl-sec-home-homme .flickity-slider { position: absolute; left: 0px; width: 100%; height: 100%; touch-action: pan-y; user-select: none; -webkit-user-drag: none; }
.cl-sec-home-homme .flickity-cell { position: absolute !important; left: 0px; }
.cl-sec-home-homme .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; user-select: none; }
.cl-sec-home-homme .flickity-enabled.is-draggable .flickity-viewport { cursor: grab; }
.cl-sec-home-homme .flickity-button { position: absolute; background: rgba(255, 255, 255, 0.75); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--text); }
.cl-sec-home-homme .flickity-button:hover { background: rgb(255, 255, 255); cursor: pointer; }
.cl-sec-home-homme .flickity-button:focus { outline: none; }
.cl-sec-home-homme .flickity-button:active { opacity: 0.6; }
.cl-sec-home-homme .flickity-button:disabled { opacity: 0.3; cursor: auto; pointer-events: none; }
.cl-sec-home-homme .flickity-button-icon { fill: currentcolor; }
.cl-sec-home-homme .flickity-prev-next-button { top: 50%; width: 36px; height: 36px; border-radius: 50%; transform: translateY(-50%); }
.cl-sec-home-homme .flickity-prev-next-button.previous { left: 10px; }
.cl-sec-home-homme .flickity-prev-next-button.next { right: 10px; }
.cl-sec-home-homme .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 33%; top: 33%; width: 35%; height: 35%; }
.cl-sec-home-homme [data-carousel] + * { margin-top: max(var(--gutter),20px); }
.cl-sec-home-homme [data-carousel] .flickity-button { position: absolute; top: var(--buttons-top); width: 36px; height: 36px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: var(--hairline); color: var(--text); transform: translateY(-50%); transition: 0.3s; }
.cl-sec-home-homme [data-carousel] .flickity-button svg { position: absolute; left: 33%; top: 33%; width: 35%; height: 35%; fill: currentcolor; }
.cl-sec-home-homme [data-carousel] .flickity-button.next, .cl-sec-home-homme [data-carousel].flickity-rtl .flickity-button.previous { right: -70px; }
.cl-sec-home-homme [data-carousel] .flickity-button.previous, .cl-sec-home-homme [data-carousel].flickity-rtl .flickity-button.next { left: -70px; }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-carousel] .slide-item:first-child { margin-left: max(var(--outer) - var(--gutter),0px); } }
.cl-sec-home-homme *, .cl-sec-home-homme ::before, .cl-sec-home-homme ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
.cl-sec-home-homme, .cl-sec-home-homme :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
.cl-sec-home-homme { margin: 0px; line-height: inherit; }
.cl-sec-home-homme h1, .cl-sec-home-homme h2, .cl-sec-home-homme h3, .cl-sec-home-homme h4, .cl-sec-home-homme h5, .cl-sec-home-homme h6 { font-size: inherit; font-weight: inherit; }
.cl-sec-home-homme a { color: inherit; text-decoration: inherit; }
.cl-sec-home-homme button, .cl-sec-home-homme input, .cl-sec-home-homme optgroup, .cl-sec-home-homme select, .cl-sec-home-homme textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
.cl-sec-home-homme button, .cl-sec-home-homme select { text-transform: none; }
.cl-sec-home-homme button, .cl-sec-home-homme input:where([type="button"]), .cl-sec-home-homme input:where([type="reset"]), .cl-sec-home-homme input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
.cl-sec-home-homme blockquote, .cl-sec-home-homme dl, .cl-sec-home-homme dd, .cl-sec-home-homme h1, .cl-sec-home-homme h2, .cl-sec-home-homme h3, .cl-sec-home-homme h4, .cl-sec-home-homme h5, .cl-sec-home-homme h6, .cl-sec-home-homme hr, .cl-sec-home-homme figure, .cl-sec-home-homme p, .cl-sec-home-homme pre { margin: 0px; }
.cl-sec-home-homme input::placeholder, .cl-sec-home-homme textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
.cl-sec-home-homme button, .cl-sec-home-homme [role="button"] { cursor: pointer; }
.cl-sec-home-homme :disabled { cursor: default; }
.cl-sec-home-homme img, .cl-sec-home-homme svg, .cl-sec-home-homme video, .cl-sec-home-homme canvas, .cl-sec-home-homme audio, .cl-sec-home-homme iframe, .cl-sec-home-homme embed, .cl-sec-home-homme object { display: block; vertical-align: middle; }
.cl-sec-home-homme img, .cl-sec-home-homme video { max-width: 100%; height: auto; }
.cl-sec-home-homme { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 20px; --space-9: 25px; --space-10: 32px; --space-11: 40px; --space-12: 50px; --space-13: 60px; --space-14: 80px; --space-15: 120px; }
@media (min-width: 768px) { .cl-sec-home-homme { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 15px; --space-7: 18px; --space-8: 22px; --space-9: 27px; --space-10: 35px; --space-11: 45px; --space-12: 56px; --space-13: 75px; --space-14: 105px; --space-15: 150px; } }
@media (min-width: 1100px) { .cl-sec-home-homme { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 16px; --space-7: 20px; --space-8: 24px; --space-9: 32px; --space-10: 38px; --space-11: 50px; --space-12: 68px; --space-13: 96px; --space-14: 128px; --space-15: 192px; } }
.cl-sec-home-homme { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --highlight-initial-position-x: 50%; --highlight-position-y: 50%; --highlight-height: 100%; }
.cl-sec-home-homme *, .cl-sec-home-homme ::before, .cl-sec-home-homme ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.cl-sec-home-homme .type-accent { --font-adjust: var(--FONT-ADJUST-ACCENT); --font-family: var(--FONT-STACK-ACCENT); --font-style: var(--FONT-STYLE-ACCENT); --font-weight: var(--FONT-WEIGHT-ACCENT); --font-weight-bold: var(--FONT-WEIGHT-ACCENT-BOLD); --font-transform: var(--FONT-ACCENT-TRANSFORM); --font-letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); font-family: var(--font-family); font-style: var(--font-style); font-weight: var(--font-weight, var(--font-weight-normal)); text-transform: var(--font-transform); letter-spacing: var(--font-letter-spacing); }
.cl-sec-home-homme .pointer-events-none { pointer-events: none; }
.cl-sec-home-homme .pointer-events-auto { pointer-events: auto; }
.cl-sec-home-homme .absolute { position: absolute; }
.cl-sec-home-homme .relative { position: relative; }
.cl-sec-home-homme .bottom-0 { bottom: 0px; }
.cl-sec-home-homme .bottom-\[calc\(var\(--inner\)\/2\)\] { bottom: calc(var(--inner) / 2); }
.cl-sec-home-homme .left-0 { left: 0px; }
.cl-sec-home-homme .left-\[calc\(var\(--inner\)\/2\)\] { left: calc(var(--inner) / 2); }
.cl-sec-home-homme .right-0 { right: 0px; }
.cl-sec-home-homme .right-\[calc\(var\(--inner\)\/2\)\] { right: calc(var(--inner) / 2); }
.cl-sec-home-homme .top-0 { top: 0px; }
.cl-sec-home-homme .top-\[calc\(var\(--inner\)\/2\)\] { top: calc(var(--inner) / 2); }
.cl-sec-home-homme .top-auto { top: auto; }
.cl-sec-home-homme .mb-r11 { margin-bottom: var(--space-11); }
.cl-sec-home-homme .block { display: block; }
.cl-sec-home-homme .inline-block { display: inline-block; }
.cl-sec-home-homme .flex { display: flex; }
.cl-sec-home-homme .hidden { display: none; }
.cl-sec-home-homme .h-full { height: 100%; }
.cl-sec-home-homme .max-h-full { max-height: 100%; }
.cl-sec-home-homme .min-h-\[40px\] { min-height: 40px; }
.cl-sec-home-homme .w-full { width: 100%; }
.cl-sec-home-homme .w-r12 { width: var(--space-12); }
.cl-sec-home-homme .min-w-\[40px\] { min-width: 40px; }
.cl-sec-home-homme .origin-bottom { transform-origin: center bottom; }
.cl-sec-home-homme .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cl-sec-home-homme .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cl-sec-home-homme .flex-row { flex-direction: row; }
.cl-sec-home-homme .flex-col { flex-direction: column; }
.cl-sec-home-homme .flex-wrap { flex-wrap: wrap; }
.cl-sec-home-homme .items-end { align-items: flex-end; }
.cl-sec-home-homme .items-center { align-items: center; }
.cl-sec-home-homme .justify-end { justify-content: flex-end; }
.cl-sec-home-homme .justify-center { justify-content: center; }
.cl-sec-home-homme .space-x-r2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(var(--space-2) * var(--tw-space-x-reverse)); margin-left: calc(var(--space-2) * calc(1 - var(--tw-space-x-reverse))); }
.cl-sec-home-homme .overflow-hidden { overflow: hidden; }
.cl-sec-home-homme .overflow-scroll { overflow: scroll; }
.cl-sec-home-homme .whitespace-nowrap { white-space: nowrap; }
.cl-sec-home-homme .bg-button { --tw-bg-opacity: 1; background-color: rgb(var(--rgb-button-main) / var(--tw-bg-opacity)); }
.cl-sec-home-homme .object-cover { object-fit: cover; }
.cl-sec-home-homme .px-r4 { padding-left: var(--space-4); padding-right: var(--space-4); }
.cl-sec-home-homme .py-r4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
.cl-sec-home-homme .text-r2 { font-size: calc(var(--font-2) * var(--font-adjust, 1)); line-height: var(--leading-relaxed); }
.cl-sec-home-homme .text-r3 { font-size: calc(var(--font-3) * var(--font-adjust, 1)); line-height: var(--leading-normal); }
.cl-sec-home-homme .font-bold { font-weight: var(--font-weight-bold); }
.cl-sec-home-homme .text-button-contrast { --tw-text-opacity: 1; color: rgb(var(--rgb-button-contrast) / var(--tw-text-opacity)); }
.cl-sec-home-homme .opacity-100 { opacity: 1; }
.cl-sec-home-homme .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, visibility, -webkit-backdrop-filter; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-homme .transition-opacity { transition-property: opacity; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-homme .delay-\[--exit-animation-duration\] { transition-delay: var(--exit-animation-duration); }
.cl-sec-home-homme .delay-\[calc\(var\(--exit-animation-duration\)\)\] { transition-delay: calc(var(--exit-animation-duration)); }
.cl-sec-home-homme .duration-300 { transition-duration: 0.3s; }
.cl-sec-home-homme .duration-\[--enter-animation-duration\] { transition-duration: var(--enter-animation-duration); }
.cl-sec-home-homme .duration-\[--exit-animation-duration\] { transition-duration: var(--exit-animation-duration); }
.cl-sec-home-homme .scrollbar-hide { scrollbar-width: none; }
.cl-sec-home-homme .text-center { text-align: center !important; }
@supports (aspect-ratio: auto) { .cl-sec-home-homme .aspect-\[--wh-ratio\] { aspect-ratio: var(--wh-ratio); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-homme .aspect-\[--wh-ratio\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-homme .aspect-\[--wh-ratio\]::after { content: ""; display: table; clear: both; } }
@supports (aspect-ratio: auto) { .cl-sec-home-homme .aspect-square { aspect-ratio: 1 / 1; } }
@supports not (aspect-ratio: auto) { .cl-sec-home-homme .aspect-square::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: 100%; } }
@supports not (aspect-ratio: auto) { .cl-sec-home-homme .aspect-square::after { content: ""; display: table; clear: both; } }
.cl-sec-home-homme { line-height: var(--leading-norma); font-family: var(--FONT-STACK-BODY); }
.cl-sec-home-homme *, .cl-sec-home-homme input, .cl-sec-home-homme ::before, .cl-sec-home-homme ::after { box-sizing: border-box; }
.cl-sec-home-homme, .cl-sec-home-homme { padding: 0px; margin: 0px; }
.cl-sec-home-homme { min-height: var(--full-screen); display: flex; flex-direction: column; }
@media only screen and (max-width: 767px) { .cl-sec-home-homme .small-down--show { display: block !important; } }
.cl-sec-home-homme [data-grid] { position: relative; width: calc(100% - var(--gutter-offset)); margin: 0 calc(var(--gutter-offset) / 2); }
.cl-sec-home-homme [data-grid]:not([data-grid-no-gutters]) [data-item] { padding: 0 calc(var(--gutter) / 2); }
.cl-sec-home-homme [data-grid][data-grid-large] [data-item] { width: calc(100% / var(--grid-large-items)); }
@media only screen and (max-width: 1099px) { .cl-sec-home-homme [data-grid][data-grid-large] [data-item] { width: 25%; } }
@media only screen and (max-width: 1099px) { .cl-sec-home-homme [data-grid][data-grid-medium] [data-item] { width: calc(100% / var(--grid-medium-items)); } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-grid]:not([data-grid-no-gutters]), .cl-sec-home-homme [data-grid][data-grid-no-gutters], .cl-sec-home-homme [data-grid] { position: relative; width: calc(100% + var(--outer) * 2); margin: 0 var(--outer-offset); padding-right: 0px; padding-left: var(--outer); scroll-padding: var(--outer); } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-grid]:not([data-grid-no-gutters])::after, .cl-sec-home-homme [data-grid][data-grid-no-gutters]::after, .cl-sec-home-homme [data-grid]::after { content: ""; display: block; padding-right: var(--outer); position: relative; } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-grid]:not([data-grid-no-gutters]) [data-item], .cl-sec-home-homme [data-grid][data-grid-no-gutters] [data-item], .cl-sec-home-homme [data-grid] [data-item] { padding: 0px; margin-left: 0px; } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-grid]:not([data-grid-no-gutters]).flickity-enabled, .cl-sec-home-homme [data-grid][data-grid-no-gutters].flickity-enabled, .cl-sec-home-homme [data-grid].flickity-enabled { padding-right: var(--outer); } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-grid]:not([data-grid-no-gutters]).flickity-enabled [data-item], .cl-sec-home-homme [data-grid][data-grid-no-gutters].flickity-enabled [data-item], .cl-sec-home-homme [data-grid].flickity-enabled [data-item] { width: calc(100% / var(--grid-small-items) - var(--gutter) / var(--grid-small-items) * (var(--grid-small-items) - 1)); } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-grid]:not([data-grid-no-gutters]) .flickity-viewport, .cl-sec-home-homme [data-grid][data-grid-no-gutters] .flickity-viewport, .cl-sec-home-homme [data-grid] .flickity-viewport { overflow: visible; } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-grid]:not([data-grid-no-gutters]) [data-item], .cl-sec-home-homme [data-grid][data-grid-no-gutters] .grid__item { margin-inline-end: calc(var(--gutter) + 1px); } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-grid]:not([data-grid-no-gutters]) [data-item]:last-child, .cl-sec-home-homme [data-grid][data-grid-no-gutters] .grid__item:last-child { margin-inline-end: 0px; } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-grid][data-grid-large] [data-item], .cl-sec-home-homme [data-grid][data-grid-medium] [data-item] { width: 50%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-grid][data-grid-small] [data-item] { width: calc((100% - var(--outer)) / var(--grid-small-items) - (var(--gutter) - 1px / var(--grid-small-items) * (var(--grid-small-items) - 1))); } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-custom-scrollbar-items] { margin-right: calc(var(--outer) * -1); margin-left: calc(var(--outer) * -1); scroll-snap-type: x mandatory; overflow: auto hidden; display: flex; scroll-behavior: smooth; scrollbar-width: none; touch-action: auto; scroll-padding: max(var(--outer) - var(--IMAGE-SPACING),0px); flex-flow: row !important; } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-custom-scrollbar-items] > * { flex: 0 0 auto; scroll-snap-align: start; } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme [data-custom-scrollbar-items]::after { content: ""; display: block; position: relative; padding: 0 calc(max(var(--outer) - var(--IMAGE-SPACING),0px)/2); } }
.cl-sec-home-homme { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; }
.cl-sec-home-homme { font-size: 16px; scroll-behavior: smooth; --scroll-behavior: smooth; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-homme { font-size: 15px; } }
@media only screen and (max-width: 479px) { .cl-sec-home-homme { font-size: 14px; } }
.cl-sec-home-homme { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: var(--text); }
.cl-sec-home-homme, .cl-sec-home-homme input, .cl-sec-home-homme textarea, .cl-sec-home-homme select, .cl-sec-home-homme .popout__toggle { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); color: var(--text); }
.cl-sec-home-homme h1, .cl-sec-home-homme h2, .cl-sec-home-homme h3, .cl-sec-home-homme h4, .cl-sec-home-homme h5, .cl-sec-home-homme h6 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-homme h2 { font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-tight); }
.cl-sec-home-homme h1, .cl-sec-home-homme h2, .cl-sec-home-homme h3, .cl-sec-home-homme h4, .cl-sec-home-homme h5, .cl-sec-home-homme h6 { margin: 0px 0px 0.75em; }
.cl-sec-home-homme p { margin: 0px; }
.cl-sec-home-homme { --gutter: var(--LAYOUT-GUTTER); --outer: var(--LAYOUT-OUTER); --inner: 20px; --nav-gutter: var(--NAV-GUTTER); --gutter-offset: var(--LAYOUT-GUTTER-OFFSET); --outer-offset: calc(var(--LAYOUT-OUTER) * -1); --radius-sm: 3px; --radius-md: 12px; --radius-lg: 36px; --page-width: var(--LAYOUT-WIDTH); --grid-xl: 50px; --grid-lg: 32px; --grid-md: 22px; --grid-sm: 16px; --grid-0: 0px; --grid-standard-page-margin: var(--outer); --grid-standard-gutter: var(--gutter); --grid-page-margin: var(--grid-standard-page-margin); --grid-gutter: var(--grid-standard-gutter); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-homme { --grid-xl: 32px; --grid-lg: 22px; --grid-md: 18px; --grid-sm: 12px; --inner: 18px; --gutter: calc(var(--LAYOUT-GUTTER) * .8); --outer: calc(var(--LAYOUT-OUTER) * .8); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8); --outer-offset: calc(var(--LAYOUT-OUTER) * -.8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme { --grid-xl: 22px; --grid-lg: 22px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: calc(var(--LAYOUT-GUTTER) * .6); --outer: calc(var(--LAYOUT-OUTER) * .6); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .6); --outer-offset: calc(var(--LAYOUT-OUTER) * -.6); } }
@media only screen and (max-width: 479px) { .cl-sec-home-homme { --grid-xl: 16px; --grid-lg: 16px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: max(calc(var(--LAYOUT-GUTTER) * .6), 16px); --outer: 16px; --gutter-offset: min(calc(var(--LAYOUT-GUTTER-OFFSET) * .6), -16px); --outer-offset: -16px; } }
.cl-sec-home-homme { --max-w-page: var(--LAYOUT-WIDTH); --max-w-page-narrow: 50%; --max-w-page-tiny: 33%; }
@media only screen and (max-width: 1099px) { .cl-sec-home-homme { --max-w-page-narrow: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme { --max-w-page-narrow: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1399px) { .cl-sec-home-homme { --max-w-page-tiny: 45%; } }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-homme { --max-w-page-tiny: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-homme { --max-w-page-tiny: 66%; } }
@media only screen and (max-width: 479px) { .cl-sec-home-homme { --max-w-page-tiny: 100%; } }
.cl-sec-home-homme [tabindex="-1"]:focus { outline: none; }
.cl-sec-home-homme .wrapper, .cl-sec-home-homme .wrapper .grandparent .header__dropdown__wrapper { width: 100%; max-width: var(--LAYOUT-WIDTH); margin: 0px auto; padding-left: var(--outer); padding-right: var(--outer); }
.cl-sec-home-homme .wrapper::after, .cl-sec-home-homme .wrapper .grandparent .header__dropdown__wrapper::after { content: ""; display: table; clear: both; }
.cl-sec-home-homme .hero__content__wrapper.section-padding, .cl-sec-home-homme .brick__section .section-padding, .cl-sec-home-homme .section-padding, .cl-sec-home-homme .section-without-title:not(.section-without-title--skip) { --padding-top: var(--PT); --padding-bottom: var(--PB); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-homme .hero__content__wrapper.section-padding, .cl-sec-home-homme .brick__section .section-padding, .cl-sec-home-homme .section-padding, .cl-sec-home-homme .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .8); --padding-bottom: calc(var(--PB) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-homme .hero__content__wrapper.section-padding, .cl-sec-home-homme .brick__section .section-padding, .cl-sec-home-homme .section-padding, .cl-sec-home-homme .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .6); --padding-bottom: calc(var(--PB) * .6); } }
.cl-sec-home-homme .icon-theme { display: flex; align-items: center; width: 1em; height: 1em; }
.cl-sec-home-homme .icon-theme-stroke { fill: none; stroke: currentcolor; stroke-miterlimit: 10; stroke-width: var(--ICON-STROKE-WIDTH); }
.cl-sec-home-homme .icon-cart-full { fill: none; stroke: none; stroke-width: 0; }
.cl-sec-home-homme .btn-state-ready { transition: color 0.2s, opacity 0.2s, visibility 0.2s; }
.cl-sec-home-homme [data-add-to-cart] { position: relative; }
.cl-sec-home-homme .btn-state-loading { visibility: hidden; position: absolute; top: 50%; left: 50%; z-index: 2; opacity: 0; transform: translate(-50%, -50%); transition: opacity 0.2s, visibility 0.2s; }
.cl-sec-home-homme .btn-state-complete { visibility: hidden; position: absolute; top: 50%; left: 50%; width: 14px; height: 8px; border-left: 1px solid var(--primary); border-bottom: 1px solid var(--primary); margin-top: -2px; transform: translate(-50%, -50%) rotate(-45deg); opacity: 0; transition: opacity 0.2s, visibility 0.2s; }
.cl-sec-home-homme a, .cl-sec-home-homme .text-link-bare { color: currentcolor; text-decoration: none; background: transparent; }
.cl-sec-home-homme a:hover, .cl-sec-home-homme a:focus, .cl-sec-home-homme .text-link-bare:hover, .cl-sec-home-homme .text-link-bare:focus { color: currentcolor; }
.cl-sec-home-homme form { margin-bottom: var(--gutter); }
.cl-sec-home-homme form:last-child { margin-bottom: 0px; }
@media only screen and (max-width: 767px) { .cl-sec-home-homme input, .cl-sec-home-homme textarea, .cl-sec-home-homme select, .cl-sec-home-homme .popout__toggle { font-size: 16px; } }
.cl-sec-home-homme button, .cl-sec-home-homme input[type="text"], .cl-sec-home-homme input[type="search"], .cl-sec-home-homme input[type="password"], .cl-sec-home-homme input[type="email"], .cl-sec-home-homme input[type="file"], .cl-sec-home-homme input[type="number"], .cl-sec-home-homme input[type="tel"], .cl-sec-home-homme input[type="submit"], .cl-sec-home-homme input[type="url"], .cl-sec-home-homme .quantity__wrapper input, .cl-sec-home-homme textarea { appearance: none; }
.cl-sec-home-homme input, .cl-sec-home-homme textarea, .cl-sec-home-homme select, .cl-sec-home-homme .popout__toggle, .cl-sec-home-homme fieldset { border-radius: var(--radius-sm); max-width: 100%; }
.cl-sec-home-homme input, .cl-sec-home-homme select, .cl-sec-home-homme .popout__toggle, .cl-sec-home-homme textarea { padding: 8px 10px; font-family: inherit; line-height: 1.42; }
.cl-sec-home-homme input { display: inline-block; width: auto; }
.cl-sec-home-homme button, .cl-sec-home-homme input[type="submit"] { cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit; }
.cl-sec-home-homme button { background-color: transparent; overflow: visible; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: inherit; }
.cl-sec-home-homme button[disabled], .cl-sec-home-homme input[disabled] { cursor: default; }
.cl-sec-home-homme { --OPTION-SIZE-SWATCH: 34px; --OPTION-SIZE-RADIO: 50px; }
.cl-sec-home-homme img { border: 0px; }
.cl-sec-home-homme svg:not(:root) { overflow: hidden; }
.cl-sec-home-homme { --placeholder-bg: #eeeeee; --placeholder-fill: #B4B6B9; }
.cl-sec-home-homme .text-center { text-align: center; }
.cl-sec-home-homme .visually-hidden, .cl-sec-home-homme [data-shopify-xr-hidden] { overflow: hidden; clip: rect(0px, 0px, 0px, 0px); height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px; position: absolute !important; }
.cl-sec-home-homme .is-hidden { visibility: hidden; max-height: 0px; overflow: hidden; opacity: 0; transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-homme :not(.no-js) body:not(.focus-enabled) :focus { outline: none; }
.cl-sec-home-homme .svg-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.cl-sec-home-homme .svg-loader circle { stroke-width: 1; stroke: var(--border); fill: none; }
.cl-sec-home-homme .svg-loader circle ~ circle { stroke: var(--text); stroke-dashoffset: 88; animation: 1s linear 0s infinite normal none paused animate-svg; }
.cl-sec-home-homme .kicker-flourished { font-family: var(--TYPE-STACK-KICKER); font-style: var(--TYPE-STYLE-KICKER); font-weight: var(--TYPE-WEIGHT-KICKER); text-transform: var(--FONT-KICKER-TRANSFORM); letter-spacing: var(--FONT-KICKER-LETTER-SPACING); font-size: calc(var(--font-4) * var(--TYPE-ADJUST-KICKER)); color: var(--text); padding-bottom: var(--inner); position: relative; text-align: center; }
.cl-sec-home-homme .kicker-flourished::after { content: ""; width: 30px; height: 3px; position: absolute; bottom: 0px; inset-inline: 0px; margin-inline-start: var(--kicker-flourish-left, auto); margin-inline-end: var(--kicker-flourish-right, auto); background: var(--text); opacity: 0.2; }
.cl-sec-home-homme .text-center, .cl-sec-home-homme .align--top-center, .cl-sec-home-homme .align--middle-center, .cl-sec-home-homme .align--bottom-center { --kicker-flourish-left: auto; --kicker-flourish-right: auto; }
.cl-sec-home-homme .palette--light, .cl-sec-home-homme { --bg: var(--COLOR-BG); --bg-accent: var(--COLOR-BG-ACCENT); --text-dark: var(--COLOR-TEXT-DARK); --text: var(--COLOR-TEXT); --text-light: var(--COLOR-TEXT-LIGHT); --hover: var(--COLOR-A95); --muted: var(--COLOR-A35); --border: var(--COLOR-A20); --hairline: var(--COLOR-A5); --hairline-hover: var(--COLOR-A10); --contrast: #000; --primary: var(--COLOR-PRIMARY); --primary-fade: var(--COLOR-PRIMARY-FADE); --secondary: var(--COLOR-SECONDARY); --secondary-fade: var(--COLOR-SECONDARY-FADE); --rgb-canvas: var(--RGB-CANVAS); --rgb-content: var(--RGB-CONTENT); --rgb-primary: var(--RGB-PRIMARY); --rgb-secondary: var(--RGB-SECONDARY); --rgb-primary-contrast: var(--RGB-PRIMARY-CONTRAST); --rgb-secondary-contrast: var(--RGB-SECONDARY-CONTRAST); --rgb-black: 0 0 0; --rgb-white: 255 255 255; --rgb-black-contrast: var(--rgb-white); --rgb-white-contrast: var(--rgb-black); --rgb-canvas-contrast: var(--rgb-content); --rgb-content-contrast: var(--rgb-canvas); --rgb-button-main: var(--rgb-content); --rgb-button-contrast: var(--rgb-content-contrast); --color-error: #D02E2E; --color-success: #56AD6A; }
.cl-sec-home-homme .palette--dark, .cl-sec-home-homme .palette--light, .cl-sec-home-homme .palette--bright, .cl-sec-home-homme .main-content { color: var(--text); background-color: var(--bg); }
.cl-sec-home-homme .bg--neutral { --bg: var(--COLOR-BG); }
.cl-sec-home-homme .stain-button-canvas { --rgb-button-main: var(--rgb-canvas); --rgb-button-contrast: var(--rgb-content); }
.cl-sec-home-homme { --full-screen: 100vh; --three-quarters: 75vh; --two-thirds: 66vh; --one-half: 50vh; --one-third: 33vh; --one-fifth: 20vh; --header-height: 100px; --footer-height: 500px; --announcement-height: 33px; --content-full: 90vh; --scrollbar-width: 0; }
.cl-sec-home-homme { --ease-out-fast: cubic-bezier(.215, .61, .355, 1); --ease-out-sharp: cubic-bezier(.25, .1, .25, 1); }
@media print { .cl-sec-home-homme p, .cl-sec-home-homme h2, .cl-sec-home-homme h3 { orphans: 3; widows: 3; } }
@media print { .cl-sec-home-homme h2, .cl-sec-home-homme h3 { break-after: avoid; } }
@media print { .cl-sec-home-homme, .cl-sec-home-homme { background-color: rgb(255, 255, 255); } }
.cl-sec-home-homme .tabs__arrow { position: absolute; top: 50%; display: block; width: 26px; height: 26px; max-height: none; margin-top: -17px; border-radius: 0px; background: none; box-shadow: none; transition: 0.2s; }
.cl-sec-home-homme .tabs__arrow::before { position: absolute; top: 50%; left: 0px; width: 100%; height: 200%; transform: translateY(-50%); background: linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--bg) 20%); content: ""; }
.cl-sec-home-homme .tabs__arrow::after { content: ""; display: inline-block; width: 8px; height: 8px; border-width: 0px 0px 2px 2px; border-style: solid; border-color: currentcolor; margin: -4px 0px 0px; vertical-align: middle; transform: rotate(-135deg); transform-origin: 50% 50%; transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
.cl-sec-home-homme .tabs__arrow--prev { left: 0px; transform: scaleX(-1); }
.cl-sec-home-homme .tabs__arrow--next { right: 0px; }
.cl-sec-home-homme .tabs { display: block; overflow-x: auto; white-space: nowrap; margin: 0px; padding: 0px; list-style: none; position: relative; scrollbar-width: none; }
.cl-sec-home-homme .tabs--center { text-align: center; }
.cl-sec-home-homme .tab-link { background: none; color: var(--text-light); display: inline-block; padding: 10px 0px; margin: 0px 40px 0px 0px; font-weight: var(--FONT-WEIGHT-BODY); cursor: pointer; vertical-align: bottom; border-bottom: 3px solid transparent; }
.cl-sec-home-homme .tab-link.current { border-bottom-color: var(--border); color: var(--text-dark); font-weight: var(--FONT-WEIGHT-BODY-BOLD); }
.cl-sec-home-homme .tabs--center > .tab-link { margin: 0px 15px; }
.cl-sec-home-homme .tabs--pill > .tab-link { font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); font-weight: var(--FONT-WEIGHT-ACCENT-BOLD); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); font-size: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT)); line-height: var(--leading-normal); color: var(--text); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 6px 16px; border-radius: 100px; margin: 0px; }
.cl-sec-home-homme .tabs--pill > .tab-link.current { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--text); background-color: var(--hairline); }
.cl-sec-home-homme .tab-content { visibility: hidden; position: absolute; top: 0px; width: 100%; opacity: 0; padding: 5px 15px 15px 0px; min-height: var(--space-13); }
.cl-sec-home-homme .tab-content.current { visibility: visible; position: static; opacity: 1; display: inherit; }
.cl-sec-home-homme .tab__scroll, .cl-sec-home-homme .accordion-content__holder, .cl-sec-home-homme .tab-content__holder { position: relative; word-break: break-word; }
.cl-sec-home-homme .frame, .cl-sec-home-homme .section-recent, .cl-sec-home-homme .section-list-collections, .cl-sec-home-homme .section-related, .cl-sec-home-homme .section-collection-tabs, .cl-sec-home-homme .section-carousel, .cl-sec-home-homme .section-blog { position: relative; overflow: hidden; }
.cl-sec-home-homme .collection-tabs { --buttons-top: 0; }
.cl-sec-home-homme .collection-tabs .flickity-button { top: var(--buttons-top); }
@media only screen and (max-width: 479px) { .cl-sec-home-homme .collection-tabs .flickity-prev-next-button { display: none; } }
.cl-sec-home-homme .collection-tabs .flickity-prev-next-button.previous { left: -70px; }
.cl-sec-home-homme .collection-tabs .flickity-prev-next-button.next { right: -70px; }
.cl-sec-home-homme .collection-tabs .flickity-button { background: var(--hairline); color: var(--text); }
.cl-sec-home-homme .collection-tabs .flickity-button:hover { background: var(--hairline-hover); }
.cl-sec-home-homme .collection-tabs .tab-content { margin-top: var(--space-11); padding: 0px; }
.cl-sec-home-homme .collection-tabs .tabs__arrow { height: 36px; }
.cl-sec-home-homme .flickity-grid .product-grid-slide { position: relative; overflow: hidden; padding-left: calc(var(--outer) / 2); padding-right: calc(var(--outer) / 2); }
@media only screen and (max-width: 479px) { .cl-sec-home-homme .flickity-grid .product-grid-slide { padding-right: 0px; padding-left: var(--outer); } }
.cl-sec-home-homme .product-grid-slide .product-grid-item { width: 100%; }
.cl-sec-home-homme .product-grid-item { position: relative; text-align: center; }
.cl-sec-home-homme .product-grid-item a { display: block; }
.cl-sec-home-homme .product-grid-item a:focus { outline: none; }
.cl-sec-home-homme .on-sale { color: var(--primary); }
.cl-sec-home-homme .compare-at { margin-top: calc(var(--gutter) / 2); color: var(--text-light); text-decoration: line-through !important; }
.cl-sec-home-homme .product-grid-item .compare-at { margin-inline-start: 8px; }
.cl-sec-home-homme .product__grid__info { position: relative; padding: 8px 0px 0px; }
.cl-sec-home-homme .product__grid__info a { display: block; text-decoration: none; color: var(--text-dark); }
.cl-sec-home-homme .product__grid__title { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY-BOLD); font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); margin: 8px 0px 2px; word-break: break-word; text-transform: none; letter-spacing: 0px; }
.cl-sec-home-homme .product__grid__price { overflow: hidden; margin: 3px 0px; font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); }
.cl-sec-home-homme .text-center .product__grid__price { justify-content: center; }
.cl-sec-home-homme .product__grid__price--nowrap { display: flex; flex-flow: row; align-items: center; }
.cl-sec-home-homme .product__grid__price--nowrap .compare-at { margin-top: 0px; }
.cl-sec-home-homme .product__grid__price--nowrap .price, .cl-sec-home-homme .product__grid__price--nowrap .compare-at { flex: 0 1 auto; white-space: nowrap; }
.cl-sec-home-homme .product__grid__cutline { position: relative; display: inline-block; overflow: hidden; white-space: nowrap; padding-inline-end: 6px; margin-inline-end: 5px; text-overflow: ellipsis; max-width: 100%; vertical-align: top; }
.cl-sec-home-homme .product__grid__cutline:empty { padding-inline-end: 0px; margin-inline-end: 0px; }
.cl-sec-home-homme .product__grid__cutline::before { content: ""; position: absolute; top: 4px; bottom: 4px; inset-inline-end: 0px; border-inline-end: 1px solid currentcolor; }
.cl-sec-home-homme .product-grid-item__container { position: relative; overflow: hidden; }
.cl-sec-home-homme .product-grid-item__image-wrapper { background: var(--bg); display: block; position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.15s linear 0.15s, visibility 0.15s linear; }
.cl-sec-home-homme .product-grid-item__image-wrapper.is-active { opacity: 1; visibility: visible; transition-delay: 0s; }
.cl-sec-home-homme .product-grid-item__error-display { display: none; position: absolute; top: 0px; right: 0px; left: 0px; z-index: 100; padding: calc(var(--inner) / 2); }
.cl-sec-home-homme .collection-tabs { --offset: 50px; position: relative; }
@media only screen and (min-width: 480px) { .cl-sec-home-homme .collection-tabs .kicker-flourished { padding-left: var(--offset); padding-right: var(--offset); } }
@media only screen and (min-width: 480px) { .cl-sec-home-homme .collection-tabs .tab__scroll { margin-left: var(--offset); margin-right: var(--offset); } }
.cl-sec-home-homme .product__media img, .cl-sec-home-homme .media__thumb img, .cl-sec-home-homme .cart__items__img, .cl-sec-home-homme .product__popdown__image img, .cl-sec-home-homme .sibling__image img, .cl-sec-home-homme img.product-clip__image__inner, .cl-sec-home-homme .product-grid-item__image, .cl-sec-home-homme .collection__products .float-grid img, .cl-sec-home-homme .collection__products .grid--full img { filter: brightness(var(--PHOTO-CORRECTION)); }
.cl-sec-home-homme .product__grid__title__wrapper { display: flex; justify-content: space-between; align-items: center; }
.cl-sec-home-homme .product__grid__info.text-center .product__grid__title__wrapper { justify-content: center; flex-direction: column; }
.cl-sec-home-homme { --form-top: 14px; --form-left: 20px; }
.cl-sec-home-homme { --OPTION-SIZE-SIBLING: 50px; }
.cl-sec-home-homme .custom-scrollbar { clear: both; position: relative; display: none; width: 100%; height: 4px; padding: 0px; border-radius: 2px; background-color: var(--bg-accent); }
.cl-sec-home-homme .custom-scrollbar__track { position: absolute; top: 0px; left: 0px; width: var(--track-width); height: 100%; border-radius: 2px; background-color: var(--border); transform: translate(var(--position)); transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform; }
.cl-sec-home-homme .group\/option-button:hover .group-hover\/option-button\:bg-button-contrast\/5 { background-color: rgb(var(--rgb-button-contrast) / .05); }
.cl-sec-home-homme .group\/option-button:hover .group-hover\/option-button\:text-button-contrast { --tw-text-opacity: 1; color: rgb(var(--rgb-button-contrast) / var(--tw-text-opacity)); }
@media (min-width: 768px) { .cl-sec-home-homme .md\:block { display: block; } }
@media (min-width: 768px) { .cl-sec-home-homme .md\:hidden { display: none; } }
@media (min-width: 768px) { .cl-sec-home-homme .md\:min-h-\[48px\] { min-height: 48px; } }
@media (min-width: 768px) { .cl-sec-home-homme .md\:w-full { width: 100%; } }
@media (min-width: 768px) { .cl-sec-home-homme .md\:translate-y-r4 { --tw-translate-y: var(--space-4); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
@media (min-width: 768px) { .cl-sec-home-homme .md\:gap-y-r2 { row-gap: var(--space-2); } }
@media (min-width: 768px) { .cl-sec-home-homme .md\:px-r8 { padding-left: var(--space-8); padding-right: var(--space-8); } }
@media (min-width: 768px) { .cl-sec-home-homme .md\:py-r5 { padding-top: var(--space-5); padding-bottom: var(--space-5); } }
@media (min-width: 768px) { .cl-sec-home-homme .md\:opacity-0 { opacity: 0; } }
@media (min-width: 768px) { .cl-sec-home-homme .md\:opacity-100 { opacity: 1; } }
@media (min-width: 768px) { .cl-sec-home-homme .group\/product-grid-item:hover .md\:group-hover\/product-grid-item\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }
@media (min-width: 768px) { .cl-sec-home-homme .group\/product-grid-item:hover .md\:group-hover\/product-grid-item\:opacity-100 { opacity: 1; } }
.cl-sec-home-homme, .cl-sec-home-homme { scroll-behavior: auto !important; }
.cl-sec-home-homme { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-sec-home-homme { --kaching-cart-font-size-scale: 1; } }
.cl-sec-home-homme .kaching-cart :is(a[href], button, input, select, textarea, summary, [role="button"], [contenteditable]):focus-visible { outline: var(--kaching-cart-focus-ring-width) solid currentColor !important; outline-offset: var(--kaching-cart-focus-ring-offset) !important; }
.cl-sec-home-homme { --oke-widget-spaceAbove: 20px; --oke-widget-spaceBelow: 20px; --oke-starRating-spaceAbove: 0; --oke-starRating-spaceBelow: 0; --oke-button-backgroundColor: #000; --oke-button-backgroundColorHover: #000; --oke-button-backgroundColorActive: #000; --oke-button-textColor: #fff; --oke-button-textColorHover: #272d45; --oke-button-textColorActive: #fff; --oke-button-borderColor: #dbdde4; --oke-button-borderColorHover: #dbdde4; --oke-button-borderColorActive: #000; --oke-button-borderRadius: 4px; --oke-button-borderWidth: 1px; --oke-button-fontWeight: 700; --oke-button-fontSize: var(--oke-text-regular,14px); --oke-button-fontFamily: inherit; --oke-border-color: #e5e5eb; --oke-border-width: 1px; --oke-text-primaryColor: #000; --oke-text-secondaryColor: #070707; --oke-text-small: 12px; --oke-text-regular: 14px; --oke-text-large: 20px; --oke-text-fontFamily: inherit; --oke-avatar-size: 48px; --oke-avatar-backgroundColor: #e5e5eb; --oke-avatar-placeholderTextColor: #000; --oke-highlightColor: #000; --oke-shadingColor: #f7f7f8; --oke-productImageSize: 48px; --oke-attributeBar-shadingColor: #9a9db1; --oke-attributeBar-borderColor: undefined; --oke-attributeBar-backgroundColor: #d3d4dd; --oke-attributeBar-markerColor: #000; --oke-filter-backgroundColor: #fff; --oke-filter-backgroundColorActive: #676986; --oke-filter-borderColor: #dbdde4; --oke-filter-borderColorActive: #676986; --oke-filter-textColor: #000; --oke-filter-textColorActive: #fff; --oke-filter-borderRadius: 100px; --oke-filter-searchHighlightColor: #999; --oke-mediaGrid-chevronColor: #676986; --oke-stars-foregroundColor: #161616; --oke-stars-backgroundColor: #e5e5e5; --oke-stars-borderWidth: 0; }
.cl-sec-home-homme { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 15px; --menu-backfill-height: auto; }
/* ==== home-homme [vm] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
@media only screen and (min-width: 768px) { .cl-sec-home-homme .js [data-carousel]:not(.flickity-enabled) { display: flex; flex-wrap: nowrap; overflow: hidden; } }
@media only screen and (min-width: 768px) { .cl-sec-home-homme .js [data-carousel]:not(.flickity-enabled) .grid__item, .cl-sec-home-homme .js [data-carousel]:not(.flickity-enabled) .gallery__item, .cl-sec-home-homme .js [data-carousel]:not(.flickity-enabled) .slide-item { flex-shrink: 0; } }
.cl-sec-home-homme .loading-shimmer { position: relative; background-color: var(--hairline); }
.cl-sec-home-homme .loading-shimmer img { opacity: 0; }
.cl-sec-home-homme .loading-shimmer::after { content: ""; position: absolute; inset: -30%; animation-duration: 2.4s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: imgLoadingShimmer; animation-timing-function: linear; background: linear-gradient(to right,transparent 16%,var(--bg) 32%,transparent 48%); transform: translate(-100%) rotate(32deg); }
@media only screen and (min-width: 768px) { .cl-sec-home-homme .collection-tabs .flickity-grid:not(.flickity-enabled) { display: flex; flex-wrap: nowrap; overflow: hidden; } }
@media only screen and (min-width: 768px) { .cl-sec-home-homme .collection-tabs .flickity-grid:not(.flickity-enabled) .slide-item { flex-shrink: 0; } }
.cl-sec-home-homme { --kl-reviews-color-light-gray: #e9e9eb; }
/* ==== home-blog [vd] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-blog { --LAYOUT-WIDTH: 1200px; --LAYOUT-GUTTER: 20px; --LAYOUT-GUTTER-OFFSET: -20px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 36px; --COLOR-VIDEO-BG: #ffe9da; --COLOR-BG: #FFF8F3; --COLOR-BG-ACCENT: #fae9de; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #222222; --COLOR-TEXT-LIGHT: #646261; --COLOR-PRIMARY: #D65461; --COLOR-PRIMARY-HOVER: #c31a2b; --COLOR-PRIMARY-FADE: rgba(214, 84, 97, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(214, 84, 97, 0.1); --COLOR-PRIMARY-OPPOSITE: #ffffff; --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1); --COLOR-SECONDARY-OPPOSITE: #ffffff; --COLOR-A5: rgba(34, 34, 34, 0.05); --COLOR-A10: rgba(34, 34, 34, 0.1); --COLOR-A20: rgba(34, 34, 34, 0.2); --COLOR-A35: rgba(34, 34, 34, 0.35); --COLOR-A50: rgba(34, 34, 34, 0.5); --COLOR-A80: rgba(34, 34, 34, 0.8); --COLOR-A90: rgba(34, 34, 34, 0.9); --COLOR-A95: rgba(34, 34, 34, 0.95); --INVERSE-BG: #d65461; --INVERSE-BG-ACCENT: #222324; --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #f3ccd0; --INVERSE-PRIMARY: #fcd8c8; --INVERSE-PRIMARY-HOVER: #ffa278; --INVERSE-PRIMARY-FADE: rgba(252, 216, 200, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(252, 216, 200, 0.1); --INVERSE-PRIMARY-OPPOSITE: #000000; --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1); --INVERSE-SECONDARY-OPPOSITE: #000000; --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); --BRIGHT-BG: #d3836a; --BRIGHT-BG-ACCENT: #2693cf; --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #f2dad2; --BRIGHT-PRIMARY: #2693cf; --BRIGHT-PRIMARY-HOVER: #0e699b; --BRIGHT-PRIMARY-FADE: rgba(38, 147, 207, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(38, 147, 207, 0.1); --BRIGHT-PRIMARY-OPPOSITE: #000000; --BRIGHT-SECONDARY: #f4a482; --BRIGHT-SECONDARY-HOVER: #fd6b2c; --BRIGHT-SECONDARY-FADE: rgba(244, 164, 130, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(244, 164, 130, 0.1); --BRIGHT-SECONDARY-OPPOSITE: #000000; --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); --COLOR-ANNOUNCEMENT-BG: #D65461; --COLOR-ANNOUNCEMENT-TEXT: #FAE9DE; --COLOR-NAV: #FFF8F3; --COLOR-NAV-TEXT: #222222; --COLOR-NAV-TEXT-DARK: #000000; --COLOR-NAV-TEXT-LIGHT: #646261; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(34, 34, 34, 0.1); --COLOR-NAV-A50: rgba(34, 34, 34, 0.5); --COLOR-HIGHLIGHT-LINK: #d65461; --COLOR-FOOTER-BG: #d65461; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); --COLOR-SUB-FOOTER-BG: #2e3438; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); --PRODUCT-GRID-ASPECT-RATIO: 90.0%; --COLOR-BADGE: #ffffff; --COLOR-BADGE-TEXT: #656565; --COLOR-BADGE-TEXT-DARK: #453939; --COLOR-BADGE-TEXT-HOVER: #8b8b8b; --COLOR-BADGE-HAIRLINE: #f7f7f7; --COLOR-PRODUCT-SLIDER: #ffffff; --COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06); --COLOR-DISABLED-BG: #e9e3de; --COLOR-DISABLED-TEXT: #b2adaa; --INVERSE-DISABLED-BG: #da6571; --INVERSE-DISABLED-TEXT: #e49098; --RGB-CANVAS: 255 248 243; --RGB-CONTENT: 34 34 34; --RGB-PRIMARY: 214 84 97; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 214 84 97; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 252 216 200; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 211 131 106; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 38 147 207; --RGB-BRIGHT-SECONDARY: 244 164 130; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; --BUTTON-RADIUS: 0px; --ICON-STROKE-WIDTH: 2px; --FONT-STACK-BODY: Barlow, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --FONT-ADJUST-BODY: 1.0; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-PRODUCT-CARD: var(--FONT-STACK-BODY); --FONT-STACK-HEADING: "Gowun Batang", serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 400; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 1.0; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.09em; --FONT-STACK-ACCENT: Archivo, serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 500; --FONT-WEIGHT-ACCENT-BOLD: 600; --FONT-ADJUST-ACCENT: 1.0; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.09em; --TYPE-STACK-NAV: Archivo, sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 1.0; --TYPE-WEIGHT-NAV: 500; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.09em; --TYPE-STACK-BUTTON: Archivo, sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.0; --TYPE-WEIGHT-BUTTON: 600; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.09em; --TYPE-STACK-KICKER: Archivo, sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.0; --TYPE-WEIGHT-KICKER: 600; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.09em; --ICO-SELECT: url({{ 'cl-ff3a3308-ico-select.svg' | asset_url }}); --PHOTO-CORRECTION: 100%; }
.cl-sec-home-blog { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10: 32px; --font-11: 37px; --font-12: 43px; --font-13: 49px; --font-14: 57px; --font-15: 67px; }
@media only screen and (min-width: 480px) and (max-width: 1099px) { .cl-sec-home-blog { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10: 34px; --font-11: 40px; --font-12: 47px; --font-13: 56px; --font-14: 65px; --font-15: 77px; } }
@media only screen and (min-width: 1100px) { .cl-sec-home-blog { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10: 48px; --font-11: 58px; --font-12: 71px; --font-13: 87px; --font-14: 106px; --font-15: 129px; } }
.cl-sec-home-blog .flickity-disabled-mobile::after { font-size: 0px; line-height: 0; position: absolute; display: none; content: "flickity" !important; }
@media only screen and (max-width: 767px) { .cl-sec-home-blog .flickity-disabled-mobile::after { content: "" !important; } }
.cl-sec-home-blog .flickity-enabled { position: relative; }
.cl-sec-home-blog .flickity-enabled:focus { outline: none; }
.cl-sec-home-blog .flickity-viewport { overflow: hidden; position: relative; height: 100%; width: 100%; }
.cl-sec-home-blog .flickity-slider { position: absolute; left: 0px; width: 100%; height: 100%; touch-action: pan-y; user-select: none; -webkit-user-drag: none; }
.cl-sec-home-blog .flickity-cell { position: absolute !important; left: 0px; }
.cl-sec-home-blog .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; user-select: none; }
.cl-sec-home-blog .flickity-enabled.is-draggable .flickity-viewport { cursor: grab; }
.cl-sec-home-blog .flickity-button { position: absolute; background: rgba(255, 255, 255, 0.75); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--text); }
.cl-sec-home-blog .flickity-button:hover { background: rgb(255, 255, 255); cursor: pointer; }
.cl-sec-home-blog .flickity-button:focus { outline: none; }
.cl-sec-home-blog .flickity-button:active { opacity: 0.6; }
.cl-sec-home-blog .flickity-button:disabled { opacity: 0.3; cursor: auto; pointer-events: none; }
.cl-sec-home-blog .flickity-button-icon { fill: currentcolor; }
.cl-sec-home-blog .flickity-prev-next-button { top: 50%; width: 36px; height: 36px; border-radius: 50%; transform: translateY(-50%); }
.cl-sec-home-blog .flickity-prev-next-button.previous { left: 10px; }
.cl-sec-home-blog .flickity-prev-next-button.next { right: 10px; }
.cl-sec-home-blog .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 33%; top: 33%; width: 35%; height: 35%; }
.cl-sec-home-blog [data-carousel] + * { margin-top: max(var(--gutter),20px); }
.cl-sec-home-blog [data-carousel] .flickity-button { position: absolute; top: var(--buttons-top); width: 36px; height: 36px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: var(--hairline); color: var(--text); transform: translateY(-50%); transition: 0.3s; }
.cl-sec-home-blog [data-carousel] .flickity-button svg { position: absolute; left: 33%; top: 33%; width: 35%; height: 35%; fill: currentcolor; }
.cl-sec-home-blog [data-carousel] .flickity-button.next, .cl-sec-home-blog [data-carousel].flickity-rtl .flickity-button.previous { right: -70px; }
.cl-sec-home-blog [data-carousel] .flickity-button.previous, .cl-sec-home-blog [data-carousel].flickity-rtl .flickity-button.next { left: -70px; }
.cl-sec-home-blog *, .cl-sec-home-blog ::before, .cl-sec-home-blog ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
.cl-sec-home-blog, .cl-sec-home-blog :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
.cl-sec-home-blog { margin: 0px; line-height: inherit; }
.cl-sec-home-blog h1, .cl-sec-home-blog h2, .cl-sec-home-blog h3, .cl-sec-home-blog h4, .cl-sec-home-blog h5, .cl-sec-home-blog h6 { font-size: inherit; font-weight: inherit; }
.cl-sec-home-blog a { color: inherit; text-decoration: inherit; }
.cl-sec-home-blog button, .cl-sec-home-blog input, .cl-sec-home-blog optgroup, .cl-sec-home-blog select, .cl-sec-home-blog textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
.cl-sec-home-blog button, .cl-sec-home-blog select { text-transform: none; }
.cl-sec-home-blog button, .cl-sec-home-blog input:where([type="button"]), .cl-sec-home-blog input:where([type="reset"]), .cl-sec-home-blog input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
.cl-sec-home-blog blockquote, .cl-sec-home-blog dl, .cl-sec-home-blog dd, .cl-sec-home-blog h1, .cl-sec-home-blog h2, .cl-sec-home-blog h3, .cl-sec-home-blog h4, .cl-sec-home-blog h5, .cl-sec-home-blog h6, .cl-sec-home-blog hr, .cl-sec-home-blog figure, .cl-sec-home-blog p, .cl-sec-home-blog pre { margin: 0px; }
.cl-sec-home-blog button, .cl-sec-home-blog [role="button"] { cursor: pointer; }
.cl-sec-home-blog :disabled { cursor: default; }
.cl-sec-home-blog img, .cl-sec-home-blog svg, .cl-sec-home-blog video, .cl-sec-home-blog canvas, .cl-sec-home-blog audio, .cl-sec-home-blog iframe, .cl-sec-home-blog embed, .cl-sec-home-blog object { display: block; vertical-align: middle; }
.cl-sec-home-blog img, .cl-sec-home-blog video { max-width: 100%; height: auto; }
.cl-sec-home-blog { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 20px; --space-9: 25px; --space-10: 32px; --space-11: 40px; --space-12: 50px; --space-13: 60px; --space-14: 80px; --space-15: 120px; }
@media (min-width: 768px) { .cl-sec-home-blog { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 15px; --space-7: 18px; --space-8: 22px; --space-9: 27px; --space-10: 35px; --space-11: 45px; --space-12: 56px; --space-13: 75px; --space-14: 105px; --space-15: 150px; } }
@media (min-width: 1100px) { .cl-sec-home-blog { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 16px; --space-7: 20px; --space-8: 24px; --space-9: 32px; --space-10: 38px; --space-11: 50px; --space-12: 68px; --space-13: 96px; --space-14: 128px; --space-15: 192px; } }
.cl-sec-home-blog { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --highlight-initial-position-x: 50%; --highlight-position-y: 50%; --highlight-height: 100%; }
.cl-sec-home-blog *, .cl-sec-home-blog ::before, .cl-sec-home-blog ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.cl-sec-home-blog .relative { position: relative; }
.cl-sec-home-blog .mb-0 { margin-bottom: 0px; }
.cl-sec-home-blog .mb-r11 { margin-bottom: var(--space-11); }
.cl-sec-home-blog .block { display: block; }
.cl-sec-home-blog .h-full { height: 100%; }
.cl-sec-home-blog .w-full { width: 100%; }
.cl-sec-home-blog .overflow-hidden { overflow: hidden; }
.cl-sec-home-blog .object-cover { object-fit: cover; }
.cl-sec-home-blog .transition-opacity { transition-property: opacity; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-blog .duration-300 { transition-duration: 0.3s; }
.cl-sec-home-blog .text-center { text-align: center !important; }
@supports (aspect-ratio: auto) { .cl-sec-home-blog .aspect-\[--wh-ratio\] { aspect-ratio: var(--wh-ratio); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-blog .aspect-\[--wh-ratio\]::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0px; padding-top: calc((1 / (var(--wh-ratio))) * 100%); } }
@supports not (aspect-ratio: auto) { .cl-sec-home-blog .aspect-\[--wh-ratio\]::after { content: ""; display: table; clear: both; } }
.cl-sec-home-blog { line-height: var(--leading-norma); font-family: var(--FONT-STACK-BODY); }
.cl-sec-home-blog *, .cl-sec-home-blog input, .cl-sec-home-blog ::before, .cl-sec-home-blog ::after { box-sizing: border-box; }
.cl-sec-home-blog, .cl-sec-home-blog { padding: 0px; margin: 0px; }
.cl-sec-home-blog { min-height: var(--full-screen); display: flex; flex-direction: column; }
.cl-sec-home-blog .float-grid, .cl-sec-home-blog .grid--full { list-style: none; margin-top: 0px; margin-bottom: 0px; padding: 0px; margin-left: calc(var(--gutter-offset) / 2); margin-right: calc(var(--gutter-offset) / 2); }
.cl-sec-home-blog .float-grid::after, .cl-sec-home-blog .grid--full::after { content: ""; display: table; clear: both; }
.cl-sec-home-blog .grid__item { float: left; padding-left: calc(var(--gutter) / 2); padding-right: calc(var(--gutter) / 2); width: 100%; }
.cl-sec-home-blog .grid--articles .article__item, .cl-sec-home-blog .grid--articles[data-grid]:not([data-grid-no-gutters]) .article__item { margin-bottom: 0px; }
@media only screen and (max-width: 767px) { .cl-sec-home-blog .small-down--show { display: block !important; } }
.cl-sec-home-blog [data-grid] { position: relative; width: calc(100% - var(--gutter-offset)); margin: 0 calc(var(--gutter-offset) / 2); }
.cl-sec-home-blog [data-grid]:not([data-grid-no-gutters]) [data-item] { padding: 0 calc(var(--gutter) / 2); }
.cl-sec-home-blog [data-grid][data-grid-large] [data-item] { width: calc(100% / var(--grid-large-items)); }
@media only screen and (max-width: 1099px) { .cl-sec-home-blog [data-grid][data-grid-large] [data-item] { width: 25%; } }
@media only screen and (max-width: 1099px) { .cl-sec-home-blog [data-grid][data-grid-medium] [data-item] { width: calc(100% / var(--grid-medium-items)); } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-grid]:not([data-grid-no-gutters]), .cl-sec-home-blog [data-grid][data-grid-no-gutters], .cl-sec-home-blog [data-grid] { position: relative; width: calc(100% + var(--outer) * 2); margin: 0 var(--outer-offset); padding-right: 0px; padding-left: var(--outer); scroll-padding: var(--outer); } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-grid]:not([data-grid-no-gutters])::after, .cl-sec-home-blog [data-grid][data-grid-no-gutters]::after, .cl-sec-home-blog [data-grid]::after { content: ""; display: block; padding-right: var(--outer); position: relative; } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-grid]:not([data-grid-no-gutters]) [data-item], .cl-sec-home-blog [data-grid][data-grid-no-gutters] [data-item], .cl-sec-home-blog [data-grid] [data-item] { padding: 0px; margin-left: 0px; } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-grid]:not([data-grid-no-gutters]).flickity-enabled, .cl-sec-home-blog [data-grid][data-grid-no-gutters].flickity-enabled, .cl-sec-home-blog [data-grid].flickity-enabled { padding-right: var(--outer); } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-grid]:not([data-grid-no-gutters]).flickity-enabled [data-item], .cl-sec-home-blog [data-grid][data-grid-no-gutters].flickity-enabled [data-item], .cl-sec-home-blog [data-grid].flickity-enabled [data-item] { width: calc(100% / var(--grid-small-items) - var(--gutter) / var(--grid-small-items) * (var(--grid-small-items) - 1)); } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-grid]:not([data-grid-no-gutters]) .flickity-viewport, .cl-sec-home-blog [data-grid][data-grid-no-gutters] .flickity-viewport, .cl-sec-home-blog [data-grid] .flickity-viewport { overflow: visible; } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-grid]:not([data-grid-no-gutters]) [data-item], .cl-sec-home-blog [data-grid][data-grid-no-gutters] .grid__item { margin-inline-end: calc(var(--gutter) + 1px); } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-grid]:not([data-grid-no-gutters]) [data-item]:last-child, .cl-sec-home-blog [data-grid][data-grid-no-gutters] .grid__item:last-child { margin-inline-end: 0px; } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-grid][data-grid-large] [data-item], .cl-sec-home-blog [data-grid][data-grid-medium] [data-item] { width: 50%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-grid][data-grid-small] [data-item] { width: calc((100% - var(--outer)) / var(--grid-small-items) - (var(--gutter) - 1px / var(--grid-small-items) * (var(--grid-small-items) - 1))); } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-custom-scrollbar-items] { margin-right: calc(var(--outer) * -1); margin-left: calc(var(--outer) * -1); scroll-snap-type: x mandatory; overflow: auto hidden; display: flex; scroll-behavior: smooth; scrollbar-width: none; touch-action: auto; scroll-padding: max(var(--outer) - var(--IMAGE-SPACING),0px); flex-flow: row !important; } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-custom-scrollbar-items] > * { flex: 0 0 auto; scroll-snap-align: start; } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog [data-custom-scrollbar-items]::after { content: ""; display: block; position: relative; padding: 0 calc(max(var(--outer) - var(--IMAGE-SPACING),0px)/2); } }
.cl-sec-home-blog { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; }
.cl-sec-home-blog .heading-size-1, .cl-sec-home-blog .heading-size-2, .cl-sec-home-blog .heading-size-3, .cl-sec-home-blog .heading-size-4, .cl-sec-home-blog .heading-size-5, .cl-sec-home-blog .heading-size-6, .cl-sec-home-blog .heading-size-7, .cl-sec-home-blog .heading-size-8, .cl-sec-home-blog .heading-size-9, .cl-sec-home-blog .heading-size-10, .cl-sec-home-blog .heading-size-11, .cl-sec-home-blog .heading-size-12, .cl-sec-home-blog .heading-size-13, .cl-sec-home-blog .heading-size-14, .cl-sec-home-blog .heading-size-15 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-blog .heading-size-6 { font-size: calc(var(--font-6) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-snug); }
.cl-sec-home-blog { font-size: 16px; scroll-behavior: smooth; --scroll-behavior: smooth; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-blog { font-size: 15px; } }
@media only screen and (max-width: 479px) { .cl-sec-home-blog { font-size: 14px; } }
.cl-sec-home-blog { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: var(--text); }
.cl-sec-home-blog, .cl-sec-home-blog input, .cl-sec-home-blog textarea, .cl-sec-home-blog select, .cl-sec-home-blog .popout__toggle { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); color: var(--text); }
.cl-sec-home-blog h1, .cl-sec-home-blog h2, .cl-sec-home-blog h3, .cl-sec-home-blog h4, .cl-sec-home-blog h5, .cl-sec-home-blog h6 { font-family: var(--FONT-STACK-HEADING); font-style: var(--FONT-STYLE-HEADING); font-weight: var(--FONT-WEIGHT-HEADING); letter-spacing: var(--FONT-HEADING-LETTER-SPACING); text-transform: var(--FONT-HEADING-TRANSFORM); }
.cl-sec-home-blog h2 { font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-tight); }
.cl-sec-home-blog h3 { font-size: calc(var(--font-8) * var(--FONT-ADJUST-HEADING)); line-height: var(--leading-tight); }
.cl-sec-home-blog h1, .cl-sec-home-blog h2, .cl-sec-home-blog h3, .cl-sec-home-blog h4, .cl-sec-home-blog h5, .cl-sec-home-blog h6 { margin: 0px 0px 0.75em; }
.cl-sec-home-blog h1 a, .cl-sec-home-blog h2 a, .cl-sec-home-blog h3 a, .cl-sec-home-blog h4 a, .cl-sec-home-blog h5 a, .cl-sec-home-blog h6 a { text-decoration: none; font-weight: inherit; }
.cl-sec-home-blog { --gutter: var(--LAYOUT-GUTTER); --outer: var(--LAYOUT-OUTER); --inner: 20px; --nav-gutter: var(--NAV-GUTTER); --gutter-offset: var(--LAYOUT-GUTTER-OFFSET); --outer-offset: calc(var(--LAYOUT-OUTER) * -1); --radius-sm: 3px; --radius-md: 12px; --radius-lg: 36px; --page-width: var(--LAYOUT-WIDTH); --grid-xl: 50px; --grid-lg: 32px; --grid-md: 22px; --grid-sm: 16px; --grid-0: 0px; --grid-standard-page-margin: var(--outer); --grid-standard-gutter: var(--gutter); --grid-page-margin: var(--grid-standard-page-margin); --grid-gutter: var(--grid-standard-gutter); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-blog { --grid-xl: 32px; --grid-lg: 22px; --grid-md: 18px; --grid-sm: 12px; --inner: 18px; --gutter: calc(var(--LAYOUT-GUTTER) * .8); --outer: calc(var(--LAYOUT-OUTER) * .8); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8); --outer-offset: calc(var(--LAYOUT-OUTER) * -.8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog { --grid-xl: 22px; --grid-lg: 22px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: calc(var(--LAYOUT-GUTTER) * .6); --outer: calc(var(--LAYOUT-OUTER) * .6); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .6); --outer-offset: calc(var(--LAYOUT-OUTER) * -.6); } }
@media only screen and (max-width: 479px) { .cl-sec-home-blog { --grid-xl: 16px; --grid-lg: 16px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: max(calc(var(--LAYOUT-GUTTER) * .6), 16px); --outer: 16px; --gutter-offset: min(calc(var(--LAYOUT-GUTTER-OFFSET) * .6), -16px); --outer-offset: -16px; } }
.cl-sec-home-blog { --max-w-page: var(--LAYOUT-WIDTH); --max-w-page-narrow: 50%; --max-w-page-tiny: 33%; }
@media only screen and (max-width: 1099px) { .cl-sec-home-blog { --max-w-page-narrow: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog { --max-w-page-narrow: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1399px) { .cl-sec-home-blog { --max-w-page-tiny: 45%; } }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-blog { --max-w-page-tiny: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-blog { --max-w-page-tiny: 66%; } }
@media only screen and (max-width: 479px) { .cl-sec-home-blog { --max-w-page-tiny: 100%; } }
.cl-sec-home-blog .wrapper, .cl-sec-home-blog .wrapper .grandparent .header__dropdown__wrapper { width: 100%; max-width: var(--LAYOUT-WIDTH); margin: 0px auto; padding-left: var(--outer); padding-right: var(--outer); }
.cl-sec-home-blog .wrapper::after, .cl-sec-home-blog .wrapper .grandparent .header__dropdown__wrapper::after { content: ""; display: table; clear: both; }
.cl-sec-home-blog .hero__content__wrapper.section-padding, .cl-sec-home-blog .brick__section .section-padding, .cl-sec-home-blog .section-padding, .cl-sec-home-blog .section-without-title:not(.section-without-title--skip) { --padding-top: var(--PT); --padding-bottom: var(--PB); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-blog .hero__content__wrapper.section-padding, .cl-sec-home-blog .brick__section .section-padding, .cl-sec-home-blog .section-padding, .cl-sec-home-blog .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .8); --padding-bottom: calc(var(--PB) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-blog .hero__content__wrapper.section-padding, .cl-sec-home-blog .brick__section .section-padding, .cl-sec-home-blog .section-padding, .cl-sec-home-blog .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .6); --padding-bottom: calc(var(--PB) * .6); } }
.cl-sec-home-blog .btn--outline { font-family: var(--TYPE-STACK-BUTTON); font-style: var(--TYPE-STYLE-BUTTON); font-weight: var(--TYPE-WEIGHT-BUTTON); text-transform: var(--FONT-BUTTON-TRANSFORM); letter-spacing: var(--FONT-BUTTON-LETTER-SPACING); display: inline-block; padding: var(--space-5) var(--space-8); margin: 0px; line-height: 1; text-decoration: none; text-align: center; vertical-align: middle; cursor: pointer; user-select: none; appearance: none; border-radius: var(--BUTTON-RADIUS); --btn-bg: rgb(255 255 255 / 0%); font-size: calc(var(--font-3) * var(--TYPE-ADJUST-BUTTON)); background-color: rgba(255, 255, 255, 0); transition: background-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); border: 1px solid var(--btn-text); color: var(--btn-text); }
.cl-sec-home-blog .btn--outline:hover, .cl-sec-home-blog .btn--outline:active, .cl-sec-home-blog .btn--outline:focus { background-color: var(--btn-bg-hover); border: 1px solid var(--btn-text); color: var(--btn-text); }
.cl-sec-home-blog .btn--outline { --btn-text: var(--text); --btn-bg-hover: var(--hairline); }
.cl-sec-home-blog a, .cl-sec-home-blog .text-link-bare { color: currentcolor; text-decoration: none; background: transparent; }
.cl-sec-home-blog a:hover, .cl-sec-home-blog a:focus, .cl-sec-home-blog .text-link-bare:hover, .cl-sec-home-blog .text-link-bare:focus { color: currentcolor; }
.cl-sec-home-blog button, .cl-sec-home-blog input[type="text"], .cl-sec-home-blog input[type="search"], .cl-sec-home-blog input[type="password"], .cl-sec-home-blog input[type="email"], .cl-sec-home-blog input[type="file"], .cl-sec-home-blog input[type="number"], .cl-sec-home-blog input[type="tel"], .cl-sec-home-blog input[type="submit"], .cl-sec-home-blog input[type="url"], .cl-sec-home-blog .quantity__wrapper input, .cl-sec-home-blog textarea { appearance: none; }
.cl-sec-home-blog button, .cl-sec-home-blog input[type="submit"] { cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit; }
.cl-sec-home-blog button { background-color: transparent; overflow: visible; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: inherit; }
.cl-sec-home-blog button[disabled], .cl-sec-home-blog input[disabled] { cursor: default; }
.cl-sec-home-blog { --OPTION-SIZE-SWATCH: 34px; --OPTION-SIZE-RADIO: 50px; }
.cl-sec-home-blog img { border: 0px; }
.cl-sec-home-blog svg:not(:root) { overflow: hidden; }
.cl-sec-home-blog { --placeholder-bg: #eeeeee; --placeholder-fill: #B4B6B9; }
.cl-sec-home-blog .loading-shimmer { position: relative; background-color: var(--hairline); }
.cl-sec-home-blog .loading-shimmer img { opacity: 0; }
.cl-sec-home-blog .loading-shimmer::after { content: ""; position: absolute; inset: -30%; animation-duration: 2.4s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: imgLoadingShimmer; animation-timing-function: linear; background: linear-gradient(to right,transparent 16%,var(--bg) 32%,transparent 48%); transform: translate(-100%) rotate(32deg); }
.cl-sec-home-blog img.auto, .cl-sec-home-blog .grid__item img, .cl-sec-home-blog .grid__item iframe { max-width: 100%; }
.cl-sec-home-blog .text-center { text-align: center; }
.cl-sec-home-blog .kicker-flourished { font-family: var(--TYPE-STACK-KICKER); font-style: var(--TYPE-STYLE-KICKER); font-weight: var(--TYPE-WEIGHT-KICKER); text-transform: var(--FONT-KICKER-TRANSFORM); letter-spacing: var(--FONT-KICKER-LETTER-SPACING); font-size: calc(var(--font-4) * var(--TYPE-ADJUST-KICKER)); color: var(--text); padding-bottom: var(--inner); position: relative; text-align: center; }
.cl-sec-home-blog .kicker-flourished::after { content: ""; width: 30px; height: 3px; position: absolute; bottom: 0px; inset-inline: 0px; margin-inline-start: var(--kicker-flourish-left, auto); margin-inline-end: var(--kicker-flourish-right, auto); background: var(--text); opacity: 0.2; }
.cl-sec-home-blog .text-center, .cl-sec-home-blog .align--top-center, .cl-sec-home-blog .align--middle-center, .cl-sec-home-blog .align--bottom-center { --kicker-flourish-left: auto; --kicker-flourish-right: auto; }
.cl-sec-home-blog .palette--light, .cl-sec-home-blog { --bg: var(--COLOR-BG); --bg-accent: var(--COLOR-BG-ACCENT); --text-dark: var(--COLOR-TEXT-DARK); --text: var(--COLOR-TEXT); --text-light: var(--COLOR-TEXT-LIGHT); --hover: var(--COLOR-A95); --muted: var(--COLOR-A35); --border: var(--COLOR-A20); --hairline: var(--COLOR-A5); --hairline-hover: var(--COLOR-A10); --contrast: #000; --primary: var(--COLOR-PRIMARY); --primary-fade: var(--COLOR-PRIMARY-FADE); --secondary: var(--COLOR-SECONDARY); --secondary-fade: var(--COLOR-SECONDARY-FADE); --rgb-canvas: var(--RGB-CANVAS); --rgb-content: var(--RGB-CONTENT); --rgb-primary: var(--RGB-PRIMARY); --rgb-secondary: var(--RGB-SECONDARY); --rgb-primary-contrast: var(--RGB-PRIMARY-CONTRAST); --rgb-secondary-contrast: var(--RGB-SECONDARY-CONTRAST); --rgb-black: 0 0 0; --rgb-white: 255 255 255; --rgb-black-contrast: var(--rgb-white); --rgb-white-contrast: var(--rgb-black); --rgb-canvas-contrast: var(--rgb-content); --rgb-content-contrast: var(--rgb-canvas); --rgb-button-main: var(--rgb-content); --rgb-button-contrast: var(--rgb-content-contrast); --color-error: #D02E2E; --color-success: #56AD6A; }
.cl-sec-home-blog .palette--dark, .cl-sec-home-blog .palette--light, .cl-sec-home-blog .palette--bright, .cl-sec-home-blog .main-content { color: var(--text); background-color: var(--bg); }
.cl-sec-home-blog .bg--neutral { --bg: var(--COLOR-BG); }
.cl-sec-home-blog { --full-screen: 100vh; --three-quarters: 75vh; --two-thirds: 66vh; --one-half: 50vh; --one-third: 33vh; --one-fifth: 20vh; --header-height: 100px; --footer-height: 500px; --announcement-height: 33px; --content-full: 90vh; --scrollbar-width: 0; }
.cl-sec-home-blog { --ease-out-fast: cubic-bezier(.215, .61, .355, 1); --ease-out-sharp: cubic-bezier(.25, .1, .25, 1); }
@media print { .cl-sec-home-blog p, .cl-sec-home-blog h2, .cl-sec-home-blog h3 { orphans: 3; widows: 3; } }
@media print { .cl-sec-home-blog h2, .cl-sec-home-blog h3 { break-after: avoid; } }
@media print { .cl-sec-home-blog, .cl-sec-home-blog { background-color: rgb(255, 255, 255); } }
.cl-sec-home-blog .frame, .cl-sec-home-blog .section-recent, .cl-sec-home-blog .section-list-collections, .cl-sec-home-blog .section-related, .cl-sec-home-blog .section-collection-tabs, .cl-sec-home-blog .section-carousel, .cl-sec-home-blog .section-blog { position: relative; overflow: hidden; }
.cl-sec-home-blog .section-blog__btn, .cl-sec-home-blog .section-blog .custom-scrollbar { margin-top: 20px; }
@media only screen and (min-width: 1100px) { .cl-sec-home-blog .section-blog__btn, .cl-sec-home-blog .section-blog .custom-scrollbar { margin-top: 32px; } }
.cl-sec-home-blog .article__item { margin-bottom: 63px; }
.cl-sec-home-blog .article__item .rte p:last-child, .cl-sec-home-blog .article__item div:last-child, .cl-sec-home-blog .article__item h3:last-child { margin-bottom: 0px; }
.cl-sec-home-blog .article__item-image { margin-bottom: 16px; }
.cl-sec-home-blog .article__item-title { word-break: break-word; }
.cl-sec-home-blog .article__item-title a { text-decoration: none; }
.cl-sec-home-blog { --form-top: 14px; --form-left: 20px; }
.cl-sec-home-blog { --OPTION-SIZE-SIBLING: 50px; }
.cl-sec-home-blog .custom-scrollbar { clear: both; position: relative; display: none; width: 100%; height: 4px; padding: 0px; border-radius: 2px; background-color: var(--bg-accent); }
.cl-sec-home-blog .custom-scrollbar__track { position: absolute; top: 0px; left: 0px; width: var(--track-width); height: 100%; border-radius: 2px; background-color: var(--border); transform: translate(var(--position)); transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform; }
.cl-sec-home-blog, .cl-sec-home-blog { scroll-behavior: auto !important; }
.cl-sec-home-blog { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-sec-home-blog { --kaching-cart-font-size-scale: 1; } }
.cl-sec-home-blog .kaching-cart :is(a[href], button, input, select, textarea, summary, [role="button"], [contenteditable]):focus-visible { outline: var(--kaching-cart-focus-ring-width) solid currentColor !important; outline-offset: var(--kaching-cart-focus-ring-offset) !important; }
.cl-sec-home-blog { --oke-widget-spaceAbove: 20px; --oke-widget-spaceBelow: 20px; --oke-starRating-spaceAbove: 0; --oke-starRating-spaceBelow: 0; --oke-button-backgroundColor: #000; --oke-button-backgroundColorHover: #000; --oke-button-backgroundColorActive: #000; --oke-button-textColor: #fff; --oke-button-textColorHover: #272d45; --oke-button-textColorActive: #fff; --oke-button-borderColor: #dbdde4; --oke-button-borderColorHover: #dbdde4; --oke-button-borderColorActive: #000; --oke-button-borderRadius: 4px; --oke-button-borderWidth: 1px; --oke-button-fontWeight: 700; --oke-button-fontSize: var(--oke-text-regular,14px); --oke-button-fontFamily: inherit; --oke-border-color: #e5e5eb; --oke-border-width: 1px; --oke-text-primaryColor: #000; --oke-text-secondaryColor: #070707; --oke-text-small: 12px; --oke-text-regular: 14px; --oke-text-large: 20px; --oke-text-fontFamily: inherit; --oke-avatar-size: 48px; --oke-avatar-backgroundColor: #e5e5eb; --oke-avatar-placeholderTextColor: #000; --oke-highlightColor: #000; --oke-shadingColor: #f7f7f8; --oke-productImageSize: 48px; --oke-attributeBar-shadingColor: #9a9db1; --oke-attributeBar-borderColor: undefined; --oke-attributeBar-backgroundColor: #d3d4dd; --oke-attributeBar-markerColor: #000; --oke-filter-backgroundColor: #fff; --oke-filter-backgroundColorActive: #676986; --oke-filter-borderColor: #dbdde4; --oke-filter-borderColorActive: #676986; --oke-filter-textColor: #000; --oke-filter-textColorActive: #fff; --oke-filter-borderRadius: 100px; --oke-filter-searchHighlightColor: #999; --oke-mediaGrid-chevronColor: #676986; --oke-stars-foregroundColor: #161616; --oke-stars-backgroundColor: #e5e5e5; --oke-stars-borderWidth: 0; }
.cl-sec-home-blog { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 15px; --menu-backfill-height: auto; }
/* ==== home-blog [vm] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
@media only screen and (min-width: 768px) { .cl-sec-home-blog .js [data-carousel]:not(.flickity-enabled) { display: flex; flex-wrap: nowrap; overflow: hidden; } }
@media only screen and (min-width: 768px) { .cl-sec-home-blog .js [data-carousel]:not(.flickity-enabled) .grid__item, .cl-sec-home-blog .js [data-carousel]:not(.flickity-enabled) .gallery__item, .cl-sec-home-blog .js [data-carousel]:not(.flickity-enabled) .slide-item { flex-shrink: 0; } }
.cl-sec-home-blog { --kl-reviews-color-light-gray: #e9e9eb; }
/* ==== home-icons [vd] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-icons { --LAYOUT-WIDTH: 1200px; --LAYOUT-GUTTER: 20px; --LAYOUT-GUTTER-OFFSET: -20px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 36px; --COLOR-VIDEO-BG: #ffe9da; --COLOR-BG: #FFF8F3; --COLOR-BG-ACCENT: #fae9de; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #222222; --COLOR-TEXT-LIGHT: #646261; --COLOR-PRIMARY: #D65461; --COLOR-PRIMARY-HOVER: #c31a2b; --COLOR-PRIMARY-FADE: rgba(214, 84, 97, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(214, 84, 97, 0.1); --COLOR-PRIMARY-OPPOSITE: #ffffff; --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1); --COLOR-SECONDARY-OPPOSITE: #ffffff; --COLOR-A5: rgba(34, 34, 34, 0.05); --COLOR-A10: rgba(34, 34, 34, 0.1); --COLOR-A20: rgba(34, 34, 34, 0.2); --COLOR-A35: rgba(34, 34, 34, 0.35); --COLOR-A50: rgba(34, 34, 34, 0.5); --COLOR-A80: rgba(34, 34, 34, 0.8); --COLOR-A90: rgba(34, 34, 34, 0.9); --COLOR-A95: rgba(34, 34, 34, 0.95); --INVERSE-BG: #d65461; --INVERSE-BG-ACCENT: #222324; --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #f3ccd0; --INVERSE-PRIMARY: #fcd8c8; --INVERSE-PRIMARY-HOVER: #ffa278; --INVERSE-PRIMARY-FADE: rgba(252, 216, 200, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(252, 216, 200, 0.1); --INVERSE-PRIMARY-OPPOSITE: #000000; --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1); --INVERSE-SECONDARY-OPPOSITE: #000000; --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); --BRIGHT-BG: #d3836a; --BRIGHT-BG-ACCENT: #2693cf; --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #f2dad2; --BRIGHT-PRIMARY: #2693cf; --BRIGHT-PRIMARY-HOVER: #0e699b; --BRIGHT-PRIMARY-FADE: rgba(38, 147, 207, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(38, 147, 207, 0.1); --BRIGHT-PRIMARY-OPPOSITE: #000000; --BRIGHT-SECONDARY: #f4a482; --BRIGHT-SECONDARY-HOVER: #fd6b2c; --BRIGHT-SECONDARY-FADE: rgba(244, 164, 130, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(244, 164, 130, 0.1); --BRIGHT-SECONDARY-OPPOSITE: #000000; --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); --COLOR-ANNOUNCEMENT-BG: #D65461; --COLOR-ANNOUNCEMENT-TEXT: #FAE9DE; --COLOR-NAV: #FFF8F3; --COLOR-NAV-TEXT: #222222; --COLOR-NAV-TEXT-DARK: #000000; --COLOR-NAV-TEXT-LIGHT: #646261; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(34, 34, 34, 0.1); --COLOR-NAV-A50: rgba(34, 34, 34, 0.5); --COLOR-HIGHLIGHT-LINK: #d65461; --COLOR-FOOTER-BG: #d65461; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); --COLOR-SUB-FOOTER-BG: #2e3438; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); --PRODUCT-GRID-ASPECT-RATIO: 90.0%; --COLOR-BADGE: #ffffff; --COLOR-BADGE-TEXT: #656565; --COLOR-BADGE-TEXT-DARK: #453939; --COLOR-BADGE-TEXT-HOVER: #8b8b8b; --COLOR-BADGE-HAIRLINE: #f7f7f7; --COLOR-PRODUCT-SLIDER: #ffffff; --COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06); --COLOR-DISABLED-BG: #e9e3de; --COLOR-DISABLED-TEXT: #b2adaa; --INVERSE-DISABLED-BG: #da6571; --INVERSE-DISABLED-TEXT: #e49098; --RGB-CANVAS: 255 248 243; --RGB-CONTENT: 34 34 34; --RGB-PRIMARY: 214 84 97; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 214 84 97; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 252 216 200; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 211 131 106; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 38 147 207; --RGB-BRIGHT-SECONDARY: 244 164 130; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; --BUTTON-RADIUS: 0px; --ICON-STROKE-WIDTH: 2px; --FONT-STACK-BODY: Barlow, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --FONT-ADJUST-BODY: 1.0; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-PRODUCT-CARD: var(--FONT-STACK-BODY); --FONT-STACK-HEADING: "Gowun Batang", serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 400; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 1.0; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.09em; --FONT-STACK-ACCENT: Archivo, serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 500; --FONT-WEIGHT-ACCENT-BOLD: 600; --FONT-ADJUST-ACCENT: 1.0; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.09em; --TYPE-STACK-NAV: Archivo, sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 1.0; --TYPE-WEIGHT-NAV: 500; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.09em; --TYPE-STACK-BUTTON: Archivo, sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.0; --TYPE-WEIGHT-BUTTON: 600; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.09em; --TYPE-STACK-KICKER: Archivo, sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.0; --TYPE-WEIGHT-KICKER: 600; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.09em; --ICO-SELECT: url({{ 'cl-ff3a3308-ico-select.svg' | asset_url }}); --PHOTO-CORRECTION: 100%; }
.cl-sec-home-icons { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10: 32px; --font-11: 37px; --font-12: 43px; --font-13: 49px; --font-14: 57px; --font-15: 67px; }
@media only screen and (min-width: 480px) and (max-width: 1099px) { .cl-sec-home-icons { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10: 34px; --font-11: 40px; --font-12: 47px; --font-13: 56px; --font-14: 65px; --font-15: 77px; } }
@media only screen and (min-width: 1100px) { .cl-sec-home-icons { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10: 48px; --font-11: 58px; --font-12: 71px; --font-13: 87px; --font-14: 106px; --font-15: 129px; } }
.cl-sec-home-icons .aos-initialized [data-aos][data-aos][data-aos-delay="200"], .cl-sec-home-icons .aos-initialized body[data-aos-delay="200"] [data-aos] { transition-delay: 0s; }
.cl-sec-home-icons .aos-initialized [data-aos][data-aos][data-aos-delay="200"].aos-animate, .cl-sec-home-icons .aos-initialized body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; }
.cl-sec-home-icons .aos-initialized [data-aos][data-aos][data-aos-delay="300"], .cl-sec-home-icons .aos-initialized body[data-aos-delay="300"] [data-aos] { transition-delay: 0s; }
.cl-sec-home-icons .aos-initialized [data-aos][data-aos][data-aos-delay="300"].aos-animate, .cl-sec-home-icons .aos-initialized body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; }
.cl-sec-home-icons .aos-initialized [data-aos][data-aos][data-aos-duration="400"], .cl-sec-home-icons .aos-initialized body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; }
.cl-sec-home-icons .aos-initialized [data-aos][data-aos][data-aos-delay="400"], .cl-sec-home-icons .aos-initialized body[data-aos-delay="400"] [data-aos] { transition-delay: 0s; }
.cl-sec-home-icons .aos-initialized [data-aos][data-aos][data-aos-delay="400"].aos-animate, .cl-sec-home-icons .aos-initialized body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; }
.cl-sec-home-icons .aos-initialized [data-aos][data-aos][data-aos-easing="ease"], .cl-sec-home-icons .aos-initialized body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; }
.cl-sec-home-icons *, .cl-sec-home-icons ::before, .cl-sec-home-icons ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
.cl-sec-home-icons, .cl-sec-home-icons :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
.cl-sec-home-icons { margin: 0px; line-height: inherit; }
.cl-sec-home-icons blockquote, .cl-sec-home-icons dl, .cl-sec-home-icons dd, .cl-sec-home-icons h1, .cl-sec-home-icons h2, .cl-sec-home-icons h3, .cl-sec-home-icons h4, .cl-sec-home-icons h5, .cl-sec-home-icons h6, .cl-sec-home-icons hr, .cl-sec-home-icons figure, .cl-sec-home-icons p, .cl-sec-home-icons pre { margin: 0px; }
.cl-sec-home-icons img, .cl-sec-home-icons svg, .cl-sec-home-icons video, .cl-sec-home-icons canvas, .cl-sec-home-icons audio, .cl-sec-home-icons iframe, .cl-sec-home-icons embed, .cl-sec-home-icons object { display: block; vertical-align: middle; }
.cl-sec-home-icons img, .cl-sec-home-icons video { max-width: 100%; height: auto; }
.cl-sec-home-icons { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 20px; --space-9: 25px; --space-10: 32px; --space-11: 40px; --space-12: 50px; --space-13: 60px; --space-14: 80px; --space-15: 120px; }
@media (min-width: 768px) { .cl-sec-home-icons { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 15px; --space-7: 18px; --space-8: 22px; --space-9: 27px; --space-10: 35px; --space-11: 45px; --space-12: 56px; --space-13: 75px; --space-14: 105px; --space-15: 150px; } }
@media (min-width: 1100px) { .cl-sec-home-icons { --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px; --space-5: 12px; --space-6: 16px; --space-7: 20px; --space-8: 24px; --space-9: 32px; --space-10: 38px; --space-11: 50px; --space-12: 68px; --space-13: 96px; --space-14: 128px; --space-15: 192px; } }
.cl-sec-home-icons { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --highlight-initial-position-x: 50%; --highlight-position-y: 50%; --highlight-height: 100%; }
.cl-sec-home-icons *, .cl-sec-home-icons ::before, .cl-sec-home-icons ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.cl-sec-home-icons .relative { position: relative; }
.cl-sec-home-icons .block { display: block; }
.cl-sec-home-icons .h-full { height: 100%; }
.cl-sec-home-icons .w-full { width: 100%; }
.cl-sec-home-icons .overflow-hidden { overflow: hidden; }
.cl-sec-home-icons .object-contain { object-fit: contain; }
.cl-sec-home-icons .transition-opacity { transition-property: opacity; transition-timing-function: var(--ease-out-fast); transition-duration: 0.3s; }
.cl-sec-home-icons .duration-300 { transition-duration: 0.3s; }
.cl-sec-home-icons .text-center { text-align: center !important; }
.cl-sec-home-icons { line-height: var(--leading-norma); font-family: var(--FONT-STACK-BODY); }
.cl-sec-home-icons *, .cl-sec-home-icons input, .cl-sec-home-icons ::before, .cl-sec-home-icons ::after { box-sizing: border-box; }
.cl-sec-home-icons, .cl-sec-home-icons { padding: 0px; margin: 0px; }
.cl-sec-home-icons { min-height: var(--full-screen); display: flex; flex-direction: column; }
.cl-sec-home-icons .float-grid, .cl-sec-home-icons .grid--full { list-style: none; margin-top: 0px; margin-bottom: 0px; padding: 0px; margin-left: calc(var(--gutter-offset) / 2); margin-right: calc(var(--gutter-offset) / 2); }
.cl-sec-home-icons .float-grid::after, .cl-sec-home-icons .grid--full::after { content: ""; display: table; clear: both; }
.cl-sec-home-icons .grid__item { float: left; padding-left: calc(var(--gutter) / 2); padding-right: calc(var(--gutter) / 2); width: 100%; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-icons .small--one-third { width: 33.3333%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-icons .grid--uniform .small--one-half:nth-child(2n+1), .cl-sec-home-icons .grid--uniform .small--one-third:nth-child(3n+1), .cl-sec-home-icons .grid--uniform .small--one-quarter:nth-child(4n+1), .cl-sec-home-icons .grid--uniform .small--one-fifth:nth-child(5n+1), .cl-sec-home-icons .grid--uniform .small--one-sixth:nth-child(6n+1), .cl-sec-home-icons .grid--uniform .small--two-sixths:nth-child(3n+1), .cl-sec-home-icons .grid--uniform .small--three-sixths:nth-child(2n+1), .cl-sec-home-icons .grid--uniform .small--one-eighth:nth-child(8n+1), .cl-sec-home-icons .grid--uniform .small--two-eighths:nth-child(4n+1), .cl-sec-home-icons .grid--uniform .small--four-eighths:nth-child(2n+1), .cl-sec-home-icons .grid--uniform .small--five-tenths:nth-child(2n+1), .cl-sec-home-icons .grid--uniform .small--one-twelfth:nth-child(12n+1), .cl-sec-home-icons .grid--uniform .small--two-twelfths:nth-child(6n+1), .cl-sec-home-icons .grid--uniform .small--three-twelfths:nth-child(4n+1), .cl-sec-home-icons .grid--uniform .small--four-twelfths:nth-child(3n+1), .cl-sec-home-icons .grid--uniform .small--six-twelfths:nth-child(2n+1), .cl-sec-home-icons .gallery .small--one-half:nth-child(2n+1), .cl-sec-home-icons .gallery .small--one-third:nth-child(3n+1), .cl-sec-home-icons .gallery .small--one-quarter:nth-child(4n+1), .cl-sec-home-icons .gallery .small--one-fifth:nth-child(5n+1), .cl-sec-home-icons .gallery .small--one-sixth:nth-child(6n+1), .cl-sec-home-icons .gallery .small--two-sixths:nth-child(3n+1), .cl-sec-home-icons .gallery .small--three-sixths:nth-child(2n+1), .cl-sec-home-icons .gallery .small--one-eighth:nth-child(8n+1), .cl-sec-home-icons .gallery .small--two-eighths:nth-child(4n+1), .cl-sec-home-icons .gallery .small--four-eighths:nth-child(2n+1), .cl-sec-home-icons .gallery .small--five-tenths:nth-child(2n+1), .cl-sec-home-icons .gallery .small--one-twelfth:nth-child(12n+1), .cl-sec-home-icons .gallery .small--two-twelfths:nth-child(6n+1), .cl-sec-home-icons .gallery .small--three-twelfths:nth-child(4n+1), .cl-sec-home-icons .gallery .small--four-twelfths:nth-child(3n+1), .cl-sec-home-icons .gallery .small--six-twelfths:nth-child(2n+1) { clear: both; } }
@media only screen and (min-width: 768px) { .cl-sec-home-icons .medium-up--one-third { width: 33.3333%; } }
@media only screen and (min-width: 768px) { .cl-sec-home-icons .grid--uniform .medium-up--one-half:nth-child(2n+1), .cl-sec-home-icons .grid--uniform .medium-up--one-third:nth-child(3n+1), .cl-sec-home-icons .grid--uniform .medium-up--one-quarter:nth-child(4n+1), .cl-sec-home-icons .grid--uniform .medium-up--one-fifth:nth-child(5n+1), .cl-sec-home-icons .grid--uniform .medium-up--one-sixth:nth-child(6n+1), .cl-sec-home-icons .grid--uniform .medium-up--two-sixths:nth-child(3n+1), .cl-sec-home-icons .grid--uniform .medium-up--three-sixths:nth-child(2n+1), .cl-sec-home-icons .grid--uniform .medium-up--one-eighth:nth-child(8n+1), .cl-sec-home-icons .grid--uniform .medium-up--two-eighths:nth-child(4n+1), .cl-sec-home-icons .grid--uniform .medium-up--four-eighths:nth-child(2n+1), .cl-sec-home-icons .grid--uniform .medium-up--five-tenths:nth-child(2n+1), .cl-sec-home-icons .grid--uniform .medium-up--one-twelfth:nth-child(12n+1), .cl-sec-home-icons .grid--uniform .medium-up--two-twelfths:nth-child(6n+1), .cl-sec-home-icons .grid--uniform .medium-up--three-twelfths:nth-child(4n+1), .cl-sec-home-icons .grid--uniform .medium-up--four-twelfths:nth-child(3n+1), .cl-sec-home-icons .grid--uniform .medium-up--six-twelfths:nth-child(2n+1), .cl-sec-home-icons .gallery .medium-up--one-half:nth-child(2n+1), .cl-sec-home-icons .gallery .medium-up--one-third:nth-child(3n+1), .cl-sec-home-icons .gallery .medium-up--one-quarter:nth-child(4n+1), .cl-sec-home-icons .gallery .medium-up--one-fifth:nth-child(5n+1), .cl-sec-home-icons .gallery .medium-up--one-sixth:nth-child(6n+1), .cl-sec-home-icons .gallery .medium-up--two-sixths:nth-child(3n+1), .cl-sec-home-icons .gallery .medium-up--three-sixths:nth-child(2n+1), .cl-sec-home-icons .gallery .medium-up--one-eighth:nth-child(8n+1), .cl-sec-home-icons .gallery .medium-up--two-eighths:nth-child(4n+1), .cl-sec-home-icons .gallery .medium-up--four-eighths:nth-child(2n+1), .cl-sec-home-icons .gallery .medium-up--five-tenths:nth-child(2n+1), .cl-sec-home-icons .gallery .medium-up--one-twelfth:nth-child(12n+1), .cl-sec-home-icons .gallery .medium-up--two-twelfths:nth-child(6n+1), .cl-sec-home-icons .gallery .medium-up--three-twelfths:nth-child(4n+1), .cl-sec-home-icons .gallery .medium-up--four-twelfths:nth-child(3n+1), .cl-sec-home-icons .gallery .medium-up--six-twelfths:nth-child(2n+1) { clear: both; } }
.cl-sec-home-icons { --leading-none: 1; --leading-hairline: 1.25; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; }
.cl-sec-home-icons .body-size-1, .cl-sec-home-icons .body-size-2, .cl-sec-home-icons .body-size-3, .cl-sec-home-icons .body-size-4, .cl-sec-home-icons .body-size-5, .cl-sec-home-icons .body-size-6, .cl-sec-home-icons .body-size-7, .cl-sec-home-icons .body-size-8, .cl-sec-home-icons .body-size-9, .cl-sec-home-icons .body-size-10, .cl-sec-home-icons .body-size-11, .cl-sec-home-icons .body-size-12, .cl-sec-home-icons .body-size-13, .cl-sec-home-icons .body-size-14, .cl-sec-home-icons .body-size-15 { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); }
.cl-sec-home-icons .body-size-4 { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); }
.cl-sec-home-icons { font-size: 16px; scroll-behavior: smooth; --scroll-behavior: smooth; }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-icons { font-size: 15px; } }
@media only screen and (max-width: 479px) { .cl-sec-home-icons { font-size: 14px; } }
.cl-sec-home-icons { font-family: var(--FONT-STACK-BODY); font-style: var(--FONT-STYLE-BODY); font-weight: var(--FONT-WEIGHT-BODY); letter-spacing: var(--FONT-BODY-LETTER-SPACING); text-transform: var(--FONT-BODY-TRANSFORM); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: var(--text); }
.cl-sec-home-icons, .cl-sec-home-icons input, .cl-sec-home-icons textarea, .cl-sec-home-icons select, .cl-sec-home-icons .popout__toggle { font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY)); line-height: var(--leading-normal); color: var(--text); }
.cl-sec-home-icons p { margin: 0px; }
.cl-sec-home-icons { --gutter: var(--LAYOUT-GUTTER); --outer: var(--LAYOUT-OUTER); --inner: 20px; --nav-gutter: var(--NAV-GUTTER); --gutter-offset: var(--LAYOUT-GUTTER-OFFSET); --outer-offset: calc(var(--LAYOUT-OUTER) * -1); --radius-sm: 3px; --radius-md: 12px; --radius-lg: 36px; --page-width: var(--LAYOUT-WIDTH); --grid-xl: 50px; --grid-lg: 32px; --grid-md: 22px; --grid-sm: 16px; --grid-0: 0px; --grid-standard-page-margin: var(--outer); --grid-standard-gutter: var(--gutter); --grid-page-margin: var(--grid-standard-page-margin); --grid-gutter: var(--grid-standard-gutter); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-icons { --grid-xl: 32px; --grid-lg: 22px; --grid-md: 18px; --grid-sm: 12px; --inner: 18px; --gutter: calc(var(--LAYOUT-GUTTER) * .8); --outer: calc(var(--LAYOUT-OUTER) * .8); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .8); --outer-offset: calc(var(--LAYOUT-OUTER) * -.8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-icons { --grid-xl: 22px; --grid-lg: 22px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: calc(var(--LAYOUT-GUTTER) * .6); --outer: calc(var(--LAYOUT-OUTER) * .6); --gutter-offset: calc(var(--LAYOUT-GUTTER-OFFSET) * .6); --outer-offset: calc(var(--LAYOUT-OUTER) * -.6); } }
@media only screen and (max-width: 479px) { .cl-sec-home-icons { --grid-xl: 16px; --grid-lg: 16px; --grid-md: 16px; --grid-sm: 12px; --inner: 16px; --gutter: max(calc(var(--LAYOUT-GUTTER) * .6), 16px); --outer: 16px; --gutter-offset: min(calc(var(--LAYOUT-GUTTER-OFFSET) * .6), -16px); --outer-offset: -16px; } }
.cl-sec-home-icons { --max-w-page: var(--LAYOUT-WIDTH); --max-w-page-narrow: 50%; --max-w-page-tiny: 33%; }
@media only screen and (max-width: 1099px) { .cl-sec-home-icons { --max-w-page-narrow: 66%; } }
@media only screen and (max-width: 767px) { .cl-sec-home-icons { --max-w-page-narrow: 100%; } }
@media only screen and (min-width: 1100px) and (max-width: 1399px) { .cl-sec-home-icons { --max-w-page-tiny: 45%; } }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-icons { --max-w-page-tiny: 55%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .cl-sec-home-icons { --max-w-page-tiny: 66%; } }
@media only screen and (max-width: 479px) { .cl-sec-home-icons { --max-w-page-tiny: 100%; } }
.cl-sec-home-icons .wrapper, .cl-sec-home-icons .wrapper .grandparent .header__dropdown__wrapper { width: 100%; max-width: var(--LAYOUT-WIDTH); margin: 0px auto; padding-left: var(--outer); padding-right: var(--outer); }
.cl-sec-home-icons .wrapper::after, .cl-sec-home-icons .wrapper .grandparent .header__dropdown__wrapper::after { content: ""; display: table; clear: both; }
.cl-sec-home-icons .hero__content__wrapper.section-padding, .cl-sec-home-icons .brick__section .section-padding, .cl-sec-home-icons .section-padding, .cl-sec-home-icons .section-without-title:not(.section-without-title--skip) { --padding-top: var(--PT); --padding-bottom: var(--PB); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
@media only screen and (min-width: 768px) and (max-width: 1099px) { .cl-sec-home-icons .hero__content__wrapper.section-padding, .cl-sec-home-icons .brick__section .section-padding, .cl-sec-home-icons .section-padding, .cl-sec-home-icons .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .8); --padding-bottom: calc(var(--PB) * .8); } }
@media only screen and (max-width: 767px) { .cl-sec-home-icons .hero__content__wrapper.section-padding, .cl-sec-home-icons .brick__section .section-padding, .cl-sec-home-icons .section-padding, .cl-sec-home-icons .section-without-title:not(.section-without-title--skip) { --padding-top: calc(var(--PT) * .6); --padding-bottom: calc(var(--PB) * .6); } }
.cl-sec-home-icons [class*="-size-"] > p, .cl-sec-home-icons .rte [class*="-size-"] > p { font-size: inherit; }
.cl-sec-home-icons .rte { margin-bottom: var(--space-5); overflow-wrap: break-word; }
.cl-sec-home-icons .rte:last-child { margin-bottom: 0px; }
.cl-sec-home-icons .rte p { margin: 0 0 var(--space-4); }
.cl-sec-home-icons .rte p:last-child { margin-bottom: 0px; }
.cl-sec-home-icons { --OPTION-SIZE-SWATCH: 34px; --OPTION-SIZE-RADIO: 50px; }
.cl-sec-home-icons img { border: 0px; }
.cl-sec-home-icons { --placeholder-bg: #eeeeee; --placeholder-fill: #B4B6B9; }
.cl-sec-home-icons img.auto, .cl-sec-home-icons .grid__item img, .cl-sec-home-icons .grid__item iframe { max-width: 100%; }
.cl-sec-home-icons .text-center { text-align: center; }
.cl-sec-home-icons .text-center, .cl-sec-home-icons .align--top-center, .cl-sec-home-icons .align--middle-center, .cl-sec-home-icons .align--bottom-center { --kicker-flourish-left: auto; --kicker-flourish-right: auto; }
.cl-sec-home-icons .palette--light, .cl-sec-home-icons { --bg: var(--COLOR-BG); --bg-accent: var(--COLOR-BG-ACCENT); --text-dark: var(--COLOR-TEXT-DARK); --text: var(--COLOR-TEXT); --text-light: var(--COLOR-TEXT-LIGHT); --hover: var(--COLOR-A95); --muted: var(--COLOR-A35); --border: var(--COLOR-A20); --hairline: var(--COLOR-A5); --hairline-hover: var(--COLOR-A10); --contrast: #000; --primary: var(--COLOR-PRIMARY); --primary-fade: var(--COLOR-PRIMARY-FADE); --secondary: var(--COLOR-SECONDARY); --secondary-fade: var(--COLOR-SECONDARY-FADE); --rgb-canvas: var(--RGB-CANVAS); --rgb-content: var(--RGB-CONTENT); --rgb-primary: var(--RGB-PRIMARY); --rgb-secondary: var(--RGB-SECONDARY); --rgb-primary-contrast: var(--RGB-PRIMARY-CONTRAST); --rgb-secondary-contrast: var(--RGB-SECONDARY-CONTRAST); --rgb-black: 0 0 0; --rgb-white: 255 255 255; --rgb-black-contrast: var(--rgb-white); --rgb-white-contrast: var(--rgb-black); --rgb-canvas-contrast: var(--rgb-content); --rgb-content-contrast: var(--rgb-canvas); --rgb-button-main: var(--rgb-content); --rgb-button-contrast: var(--rgb-content-contrast); --color-error: #D02E2E; --color-success: #56AD6A; }
.cl-sec-home-icons .palette--dark, .cl-sec-home-icons .palette--light, .cl-sec-home-icons .palette--bright, .cl-sec-home-icons .main-content { color: var(--text); background-color: var(--bg); }
.cl-sec-home-icons .bg--accent { --bg: var(--COLOR-BG-ACCENT); }
.cl-sec-home-icons { --full-screen: 100vh; --three-quarters: 75vh; --two-thirds: 66vh; --one-half: 50vh; --one-third: 33vh; --one-fifth: 20vh; --header-height: 100px; --footer-height: 500px; --announcement-height: 33px; --content-full: 90vh; --scrollbar-width: 0; }
.cl-sec-home-icons { --ease-out-fast: cubic-bezier(.215, .61, .355, 1); --ease-out-sharp: cubic-bezier(.25, .1, .25, 1); }
@media print { .cl-sec-home-icons p, .cl-sec-home-icons h2, .cl-sec-home-icons h3 { orphans: 3; widows: 3; } }
@media print { .cl-sec-home-icons, .cl-sec-home-icons { background-color: rgb(255, 255, 255); } }
@media only screen and (max-width: 479px) { .cl-sec-home-icons .grid__item:not(:first-child) .icon__column { padding-top: 30px; } }
.cl-sec-home-icons .icon__column { stroke: var(--text-light); }
.cl-sec-home-icons .icon__column__icon { width: var(--ICON-SIZE, 20px); height: var(--ICON-SIZE, 20px); margin-bottom: 15px; background-size: contain; background-repeat: no-repeat; background-position: center center; font-size: 0px; }
.cl-sec-home-icons .text-center .icon--top .icon__column__icon { margin-left: auto; margin-right: auto; }
.cl-sec-home-icons .icon__column__text { overflow: hidden; }
.cl-sec-home-icons .icon__column__heading { font-family: var(--FONT-STACK-ACCENT); font-style: var(--FONT-STYLE-ACCENT); font-weight: var(--FONT-WEIGHT-ACCENT-BOLD); text-transform: var(--FONT-ACCENT-TRANSFORM); letter-spacing: var(--FONT-ACCENT-LETTER-SPACING); font-size: calc(var(--font-4) * var(--FONT-ADJUST-ACCENT)); line-height: var(--leading-normal); color: var(--text-dark); margin: 0px; }
.cl-sec-home-icons .rte.icon__column__paragraph { margin: 0.25em 0px; color: var(--text-light); }
.cl-sec-home-icons .rte.icon__column__paragraph:last-child { margin-bottom: 0px; }
.cl-sec-home-icons { --form-top: 14px; --form-left: 20px; }
.cl-sec-home-icons { --OPTION-SIZE-SIBLING: 50px; }
.cl-sec-home-icons, .cl-sec-home-icons { scroll-behavior: auto !important; }
.cl-sec-home-icons { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-sec-home-icons { --kaching-cart-font-size-scale: 1; } }
.cl-sec-home-icons { --oke-widget-spaceAbove: 20px; --oke-widget-spaceBelow: 20px; --oke-starRating-spaceAbove: 0; --oke-starRating-spaceBelow: 0; --oke-button-backgroundColor: #000; --oke-button-backgroundColorHover: #000; --oke-button-backgroundColorActive: #000; --oke-button-textColor: #fff; --oke-button-textColorHover: #272d45; --oke-button-textColorActive: #fff; --oke-button-borderColor: #dbdde4; --oke-button-borderColorHover: #dbdde4; --oke-button-borderColorActive: #000; --oke-button-borderRadius: 4px; --oke-button-borderWidth: 1px; --oke-button-fontWeight: 700; --oke-button-fontSize: var(--oke-text-regular,14px); --oke-button-fontFamily: inherit; --oke-border-color: #e5e5eb; --oke-border-width: 1px; --oke-text-primaryColor: #000; --oke-text-secondaryColor: #070707; --oke-text-small: 12px; --oke-text-regular: 14px; --oke-text-large: 20px; --oke-text-fontFamily: inherit; --oke-avatar-size: 48px; --oke-avatar-backgroundColor: #e5e5eb; --oke-avatar-placeholderTextColor: #000; --oke-highlightColor: #000; --oke-shadingColor: #f7f7f8; --oke-productImageSize: 48px; --oke-attributeBar-shadingColor: #9a9db1; --oke-attributeBar-borderColor: undefined; --oke-attributeBar-backgroundColor: #d3d4dd; --oke-attributeBar-markerColor: #000; --oke-filter-backgroundColor: #fff; --oke-filter-backgroundColorActive: #676986; --oke-filter-borderColor: #dbdde4; --oke-filter-borderColorActive: #676986; --oke-filter-textColor: #000; --oke-filter-textColorActive: #fff; --oke-filter-borderRadius: 100px; --oke-filter-searchHighlightColor: #999; --oke-mediaGrid-chevronColor: #676986; --oke-stars-foregroundColor: #161616; --oke-stars-backgroundColor: #e5e5e5; --oke-stars-borderWidth: 0; }
.cl-sec-home-icons { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 15px; --menu-backfill-height: auto; }
/* ==== home-icons [vm] ==== */
@font-face { font-family: "Gowun Batang"; font-weight: 400; font-style: normal; font-display: swap; src: url({{ 'gowunbatang_n4.woff2' | asset_url }}) format("woff2"); }
.cl-sec-home-icons { --kl-reviews-color-light-gray: #e9e9eb; }