.container{max-width:1440px;padding-left:40px;padding-right:40px;margin:0 auto}.custom-home-banner{width:100%;background-color:#faf7f2}.custom-home-banner__container{display:flex;flex-wrap:wrap;width:100%}.custom-home-banner__image-wrapper{position:relative;width:57%;overflow:hidden}.custom-home-banner__image-wrapper .custom-home-banner__slider{height:100%}.custom-home-banner__image-wrapper .custom-home-banner__slider .swiper-slide{height:auto}.custom-home-banner__image-wrapper .wrap-img{position:relative;aspect-ratio:4 / 3;height:100%}.custom-home-banner__image-wrapper img,.custom-home-banner__image-wrapper .placeholder-svg{width:100%;height:100%;object-fit:cover}.custom-home-banner__content-wrapper{width:43%;position:relative;display:flex;padding:100px 20px 50px 40px}.custom-home-banner__icon{position:absolute;top:32px;right:40px;width:48px;height:48px}.custom-home-banner__icon img{width:100%;height:100%;object-fit:contain}.custom-home-banner__content-inner{max-width:480px;width:100%;display:flex;flex-direction:column;gap:20px;justify-content:space-between}.custom-home-banner__title{font-size:52px;line-height:60px;letter-spacing:-2px;color:#6b3e1f;margin:0 0 12px}.custom-home-banner__title b,.custom-home-banner__title strong{font-weight:700}.custom-home-banner__title i,.custom-home-banner__title em{font-family:"Merriweather 120pt";display:block;letter-spacing:0}.custom-home-banner__description{color:#404040;letter-spacing:-.32px}.custom-home-banner__description p{margin:0}.custom-home-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background-color:#6b3e1f;color:#fff;text-decoration:none;padding:20px 44px;font-size:16px;line-height:24px;letter-spacing:-.4px;font-weight:700;transition:opacity .3s ease}.custom-home-banner__button:hover{opacity:.9}.custom-home-banner__button .icon-arrow{width:17px;height:14px;transition:transform .3s ease}.custom-home-banner__button:hover .icon-arrow{transform:translate(4px)}.custom-home-banner-bottom.style-2 .custom-home-banner__button{background:transparent;color:#6b3e1f;border:1px solid #6B3E1F}.custom-home-banner .custom-home-banner__slider .swiper-pagination{left:30px;bottom:30px;width:auto;display:flex}.custom-home-banner__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#6b3e1f;width:28px;border-radius:99px}@media screen and (max-width:1199px){.custom-home-banner__content-wrapper{width:43%;padding:80px 20px 40px 40px}}@media screen and (max-width:1023px){.custom-home-banner__content-wrapper,.custom-home-banner__image-wrapper{width:50%}.custom-home-banner__content-wrapper{padding:80px 20px 30px 25px}.custom-home-banner__title{font-size:45px;line-height:50px}.custom-home-banner__button{padding:20px 35px}}@media screen and (max-width:749px){.custom-home-banner__content-inner{max-width:100%}.custom-home-banner__image-wrapper,.custom-home-banner__content-wrapper{flex:0 0 100%;width:100%}.custom-home-banner__image-wrapper .wrap-img{aspect-ratio:1}.custom-home-banner__content-wrapper{padding:60px 20px 40px}.custom-home-banner__title{font-size:40px}.custom-home-banner .custom-home-banner__slider .swiper-pagination{display:none}.custom-home-banner__icon{top:16px;right:16px}}.custom-home-banner--fullscreen{position:relative;height:calc(100svh - var(--header-height, 0px));min-height:560px;overflow:hidden;background-color:#2d2318}.custom-home-banner--fullscreen .custom-home-banner__slider{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.custom-home-banner--fullscreen .swiper-slide{height:100%}.custom-home-banner--fullscreen .custom-home-banner__bg{display:block;width:100%;height:100%;object-fit:cover}.custom-home-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#1a120cb3,#1a120c66 45%,#1a120c00 80%)}.custom-home-banner--fullscreen .custom-home-banner__icon{z-index:2}.custom-home-banner__hero-content{position:relative;z-index:2;display:flex;align-items:center;height:100%;max-width:var(--page-width, 1440px);margin:0 auto;padding:0 var(--page-margin, 40px);pointer-events:none}.custom-home-banner__hero-content a{pointer-events:auto}.custom-home-banner--fullscreen .custom-home-banner__content-inner{max-width:560px;justify-content:flex-start;gap:32px}.custom-home-banner--fullscreen .custom-home-banner__title{font-size:64px;line-height:72px;color:#fff}.custom-home-banner--fullscreen .custom-home-banner__description{font-size:18px;line-height:28px;color:#ffffffe6}.custom-home-banner--fullscreen .custom-home-banner__slider .swiper-pagination{z-index:3;left:40px;bottom:32px}.custom-home-banner--fullscreen .swiper-pagination-bullet{background:#fff;opacity:.5}.custom-home-banner--fullscreen .custom-home-banner__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;opacity:1}@media screen and (max-width:1023px){.custom-home-banner--fullscreen .custom-home-banner__title{font-size:52px;line-height:60px}}@media screen and (max-width:749px){.custom-home-banner__overlay{background:linear-gradient(0deg,#1a120cbf,#1a120c66 55%,#1a120c00)}.custom-home-banner__hero-content{align-items:flex-end;padding:0 20px 72px}.custom-home-banner--fullscreen .custom-home-banner__content-inner{gap:24px}.custom-home-banner--fullscreen .custom-home-banner__title{font-size:40px;line-height:46px}.custom-home-banner--fullscreen .custom-home-banner__description{font-size:16px;line-height:24px}.custom-home-banner--fullscreen .custom-home-banner__slider .swiper-pagination{display:flex;left:20px;bottom:28px}}.shopify-section:has(>.custom-home-banner--sticky){position:sticky;top:var(--header-height, 0px);z-index:0}.shopify-section:has(>.custom-home-banner--sticky)~.shopify-section{position:relative;background-color:var(--color-background, #fff)}.shopify-section:has(>.custom-home-banner--sticky)+.shopify-section{box-shadow:0 -16px 32px #1a120c2e}.custom-home-banner__nav{position:absolute;z-index:3;left:calc(max(0px,(100% - var(--page-width, 100%)) / 2) + var(--page-margin, 40px));bottom:36px;display:flex;gap:16px}.custom-home-banner__nav-item{display:flex;align-items:center;width:64px;padding:12px 0;border:0;background:none;color:#fff9;font:600 13px/1 var(--font-body--family, inherit);letter-spacing:.08em;cursor:pointer;transition:color .3s ease}.custom-home-banner__nav-item:hover,.custom-home-banner__nav-item.is-active{color:#fff}.custom-home-banner__nav-item:focus-visible{outline:2px solid #fff;outline-offset:4px}.custom-home-banner__nav-bar{position:relative;display:block;width:100%;height:2px;overflow:hidden;background:#ffffff59}.custom-home-banner__nav-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform-origin:left center;transform:scaleX(0)}.custom-home-banner__nav-item.is-active .custom-home-banner__nav-fill{transform:scaleX(var(--progress, 0))}@media(prefers-reduced-motion:reduce){.custom-home-banner__nav-item.is-active .custom-home-banner__nav-fill{transform:scaleX(1)}}@media screen and (max-width:749px){.custom-home-banner__nav{left:20px;bottom:24px;gap:12px}.custom-home-banner__nav-item{width:48px}.custom-home-banner__hero-content{padding-bottom:96px}}body:has(#header-component[transparent]) .custom-home-banner--fullscreen{height:100svh}body:has(#header-component[transparent]) .shopify-section:has(>.custom-home-banner--sticky){top:0}body:has(#header-component[transparent]) .custom-home-banner__overlay{background:linear-gradient(180deg,#1a120c73 0,#1a120c00 160px),linear-gradient(90deg,#1a120cb3,#1a120c66 45%,#1a120c00 80%)}body:has(#header-component[transparent]) .custom-home-banner--fullscreen .custom-home-banner__icon{top:104px}@media screen and (max-width:749px){body:has(#header-component[transparent]) .custom-home-banner__overlay{background:linear-gradient(180deg,#1a120c73 0,#1a120c00 140px),linear-gradient(0deg,#1a120cbf,#1a120c66 55%,#1a120c00)}body:has(#header-component[transparent]) .custom-home-banner--fullscreen .custom-home-banner__icon{top:88px}}.custom-home-banner--fullscreen .custom-home-banner__button,.custom-home-banner--fullscreen .custom-home-banner-bottom.style-2 .custom-home-banner__button{background:transparent;color:#fff;border:1px solid #fff;transition:background-color .3s ease,color .3s ease}.custom-home-banner--fullscreen .custom-home-banner__button:hover,.custom-home-banner--fullscreen .custom-home-banner__button:focus-visible{background:#fff;color:#2d2318;opacity:1}.custom-home-banner--fullscreen .custom-home-banner__button:focus-visible{outline:2px solid #fff;outline-offset:3px}.custom-home-banner--slides{--hero-ink: #2D2318;--hero-text: #5E5D58;--hero-track: #E2DED7;--hero-fill: #AB9878;position:relative;container-type:inline-size;--hero-h: min(calc(100svh - var(--header-height, 0px)), 62.5cqw);height:var(--hero-h);min-height:440px;overflow:hidden;background-color:#faf7f2}body:has(#header-component[transparent]) .custom-home-banner--slides{--hero-h: min(100svh, 62.5cqw);height:var(--hero-h)}.shopify-section:has(>.custom-home-banner--slides){container-type:inline-size}.custom-home-banner--slides .custom-home-banner__slider{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.custom-home-banner--slides .swiper-wrapper{transition-timing-function:cubic-bezier(.37,0,.63,1);will-change:transform}.custom-home-banner--slides .swiper-initialized .custom-home-banner__content-inner{transition:opacity .8s ease 1s,transform 1s cubic-bezier(.22,1,.36,1) 1s;will-change:opacity,transform}.custom-home-banner--slides .swiper-initialized .swiper-slide:not(.swiper-slide-active) .custom-home-banner__content-inner{opacity:0;transform:translateY(16px);transition:opacity .3s ease,transform 0s linear .3s}.custom-home-banner__slide--intro .custom-home-banner__content-inner{animation:ck-hero-intro 1.1s cubic-bezier(.22,1,.36,1) .15s backwards}@keyframes ck-hero-intro{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.custom-home-banner__slide--intro .custom-home-banner__content-inner{animation:none}.custom-home-banner--slides .swiper-initialized .custom-home-banner__content-inner,.custom-home-banner--slides .swiper-initialized .swiper-slide:not(.swiper-slide-active) .custom-home-banner__content-inner{transform:none;transition:none}}.custom-home-banner__slide{position:relative;height:100%;overflow:hidden}.custom-home-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.custom-home-banner__media picture{display:contents}.custom-home-banner__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.custom-home-banner__frame--flip{transform:scaleX(-1)}.custom-home-banner--slides .custom-home-banner__bg{--slide-x-image: var(--slide-x, 50%);display:block;width:100%;height:100%;object-fit:cover;object-position:var(--slide-x-image) var(--slide-y, 50%);transform-origin:var(--slide-x-image) var(--slide-y, 50%);transform:scale(var(--slide-zoom, 1))}.custom-home-banner__frame--flip .custom-home-banner__bg{--slide-x-image: calc(100% - var(--slide-x, 50%))}.custom-home-banner__slide-content{position:relative;z-index:1;display:flex;align-items:center;height:100%;max-width:var(--page-width, 1440px);margin:0 auto;padding:0 var(--page-margin, 40px)}body:has(#header-component[transparent]) .custom-home-banner__slide-content{padding-top:var(--header-height, 0px)}@media screen and (min-width:1024px){body:has(#header-component[transparent]) .custom-home-banner--slides .custom-home-banner__slide-content{padding-top:0}}.custom-home-banner--slides .custom-home-banner__content-inner{width:min(555px,38.55cqw);max-width:none;justify-content:flex-start;gap:0}.custom-home-banner--slides .custom-home-banner__title{margin:0;font-size:clamp(40px,4.167cqw,60px);line-height:1.2;font-weight:700;letter-spacing:-.5px;text-transform:uppercase;color:var(--hero-ink)}.custom-home-banner--slides .custom-home-banner__title :is(i,em){display:inline;font-family:inherit;font-style:normal;letter-spacing:inherit}.custom-home-banner--slides .custom-home-banner__description{max-width:none;margin-top:20px;font-size:clamp(16px,1.389cqw,20px);line-height:1.2;color:var(--hero-text)}.custom-home-banner--slides .custom-home-banner__description p{letter-spacing:0}.custom-home-banner--slides .custom-home-banner-bottom{margin-top:clamp(32px,3.611cqw,52px)}.custom-home-banner--slides .custom-home-banner__button{gap:5px;padding:23px 43px;border:1px solid #805333;border-radius:8px;background-color:#704321;color:#fff;font-size:16px;font-weight:700;line-height:21px;letter-spacing:0;transition:background-color .3s ease}.custom-home-banner--slides .custom-home-banner__button .icon-arrow{width:11px;height:10px}.custom-home-banner--slides .custom-home-banner__button:hover{background-color:#55301a;opacity:1}.custom-home-banner--slides .custom-home-banner__button:focus-visible{outline:2px solid var(--hero-ink);outline-offset:3px}.custom-home-banner__slide--light{--hero-ink: #fff;--hero-text: rgb(255 255 255 / .92)}.custom-home-banner__slide--light :is(.custom-home-banner__title,.custom-home-banner__description){text-shadow:0 1px 16px rgb(26 18 12 / .35)}.custom-home-banner__progress{position:absolute;z-index:3;left:calc(max(0px,(100% - var(--page-width, 100%)) / 2) + var(--page-margin, 40px));right:calc(max(0px,(100% - var(--page-width, 100%)) / 2) + var(--page-margin, 40px));bottom:28px;display:flex;gap:20px}.custom-home-banner__progress .custom-home-banner__nav-item{flex:1 1 0;width:auto}.custom-home-banner__progress .custom-home-banner__nav-bar{height:6px;border-radius:8px;background:var(--hero-track);transition:background-color .6s ease}.custom-home-banner__progress .custom-home-banner__nav-fill{background:var(--hero-fill);transition:background-color .6s ease}.custom-home-banner__progress .custom-home-banner__nav-item.is-active .custom-home-banner__nav-fill{transform:scaleX(0);animation:ck-hero-progress 6s linear var(--hero-progress-delay, 0ms) forwards}.custom-home-banner__progress.is-stopped .custom-home-banner__nav-item.is-active .custom-home-banner__nav-fill{animation:none;transform:scaleX(1)}@keyframes ck-hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.custom-home-banner__progress .custom-home-banner__nav-item.is-active .custom-home-banner__nav-fill{animation:none;transform:scaleX(1)}}.custom-home-banner__progress .custom-home-banner__nav-item:focus-visible{outline-color:var(--hero-fill)}#header-component[transparent][data-hero-tone=dark]{--color-transparent-text: #2D2318 !important;--color-transparent-text-rgb: 45 35 24 !important;--color-transparent-text-contrast: #fff !important}.header[transparent][data-hero-tone=dark] .header-logo__image-container--inverse img{filter:none}.header[transparent][data-hero-tone=dark]:not([data-sticky-state=active]):not(:has(.menu-list__link:is(:hover,[aria-expanded=true]))) header-menu.header-menu li.menu-list__list-item>a,.header[transparent][data-hero-tone=dark]:not([data-sticky-state=active]):not(:has(.menu-list__link:is(:hover,[aria-expanded=true]))) .header__column--right{color:#2d2318}.header[transparent][data-hero-tone=dark]:not([data-sticky-state=active]):not(:has(.menu-list__link:is(:hover,[aria-expanded=true]))) .header__row :is(.header__column--right,search-button) svg{filter:none}.header[transparent] header-menu.header-menu li.menu-list__list-item>a,.header[transparent] .header__column--right{transition:color .4s ease}.header[transparent]:not([data-sticky-state=active]) .menu-list__submenu :is(a,.mega-menu__link){transition:none!important}@media screen and (max-width:1023px){.custom-home-banner--slides,body:has(#header-component[transparent]) .custom-home-banner--slides{height:auto;min-height:0}.custom-home-banner--slides .custom-home-banner__slider{position:relative;inset:auto;height:auto}.custom-home-banner__slide{display:flex;flex-direction:column;height:auto;background-color:#faf7f2}.custom-home-banner__media{position:relative;inset:auto;aspect-ratio:4 / 3}body:has(#header-component[transparent]) .custom-home-banner__media{aspect-ratio:auto;height:calc(75vw + var(--header-height, 0px))}.custom-home-banner__slide-content,body:has(#header-component[transparent]) .custom-home-banner__slide-content{flex:1;align-items:flex-start;height:auto;padding:28px 20px 64px}.custom-home-banner__slide--light{--hero-ink: #2D2318;--hero-text: #4A4036}.custom-home-banner__slide--light :is(.custom-home-banner__title,.custom-home-banner__description){text-shadow:none}.custom-home-banner--slides .custom-home-banner__bg{transform:none;object-position:50% 50%}.custom-home-banner--slides .custom-home-banner__content-inner{width:auto;max-width:555px;gap:16px}.custom-home-banner--slides .custom-home-banner__title{font-size:34px;line-height:1.1;letter-spacing:-1px}.custom-home-banner--slides .custom-home-banner__description{margin-top:0;font-size:15px;line-height:22px}.custom-home-banner--slides .custom-home-banner-bottom{margin-top:4px}.custom-home-banner--slides .custom-home-banner__button{padding:15px 28px}.custom-home-banner__progress{left:20px;right:20px;bottom:24px;gap:10px}}@media screen and (min-width:1024px){.custom-home-banner__media{background-color:var(--slide-bg, transparent)}.custom-home-banner__slide--art .custom-home-banner__frame{--art-px: max(min(var(--hero-h) / 900, 100cqw / 1440), 100cqw / var(--art-r, 100000));inset:auto;left:calc(var(--art-x) * var(--art-px));top:calc(var(--art-y) * var(--art-px) + (100% - 900 * var(--art-px)) * var(--art-k, .5));width:calc(var(--art-w) * var(--art-px));height:calc(var(--art-h) * var(--art-px))}.custom-home-banner--slides .custom-home-banner__slide--art .custom-home-banner__bg,.custom-home-banner__slide--art .custom-home-banner__frame--flip .custom-home-banner__bg{object-position:50% 50%;transform:none}.custom-home-banner__slide--art.custom-home-banner__slide--shade .custom-home-banner__frame{isolation:isolate}.custom-home-banner__slide--art.custom-home-banner__slide--shade .custom-home-banner__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#8e7f75,#fff0 89.9%);mix-blend-mode:multiply;pointer-events:none}.custom-home-banner__slide--art.custom-home-banner__slide--shade :is(.custom-home-banner__title,.custom-home-banner__description){text-shadow:none}}.custom-home-banner__ghost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;pointer-events:none;opacity:1;transition:opacity 1.4s cubic-bezier(.37,0,.63,1)}.custom-home-banner__ghost.is-leaving{opacity:0}.custom-home-banner__ghost .custom-home-banner__content-inner{transition:opacity .5s ease}.custom-home-banner__ghost.is-leaving .custom-home-banner__content-inner{opacity:0}.custom-home-banner__ghost--wipe{--wipe-feather: 40cqw;--wipe-ease: cubic-bezier(.45, 0, .55, 1);inset:0 auto 0 calc(var(--wipe-feather) * -1);width:calc(100% + var(--wipe-feather));overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--wipe-feather));mask-image:linear-gradient(90deg,transparent 0,#000 var(--wipe-feather));transform:translate(0);transition:transform 1.6s var(--wipe-ease);will-change:transform}.custom-home-banner__ghost--wipe.is-leaving{opacity:1;transform:translate(100%)}.custom-home-banner__ghost--wipe>.custom-home-banner__slide{position:absolute;top:0;left:var(--wipe-feather);width:calc(100% - var(--wipe-feather));height:100%;transform:translate(0);transition:transform 1.6s var(--wipe-ease);will-change:transform}.custom-home-banner__ghost--wipe.is-leaving>.custom-home-banner__slide{transform:translate(calc(-100% - var(--wipe-feather)))}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-home-banner.css.map */
