.cl-hero{--cl-hero-under: 0px;--cl-hero-h: clamp(520px, calc(100svh - 140px) , 680px);position:relative;display:flex;flex-direction:column;min-height:calc(var(--cl-hero-h) + var(--cl-hero-under));overflow:clip;background-color:var(--c-sabbia);color:var(--c-noce);font-family:var(--f-testo)}body:has(.header[transparent]) .content-for-layout>.shopify-section:first-child .cl-hero{--cl-hero-under: var(--header-group-height, 0px)}body:has(.cl-header--overlay) .content-for-layout>.shopify-section:first-child .cl-hero{--cl-hero-under: var(--cl-header-h, 80px)}.cl-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:clip}.cl-hero__parallax{position:absolute;top:0;right:0;bottom:0;left:0}.cl-hero .cl-hero__poster,.cl-hero .cl-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}.cl-hero__video--over-poster{opacity:0}.cl-hero__media[data-playing] .cl-hero__video--over-poster{opacity:1}@media(prefers-reduced-motion:no-preference){.cl-hero__video--over-poster{transition:opacity .6s var(--ease)}}.cl-hero__media--empty{background-color:var(--c-sabbia)}.cl-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgb(var(--c-latte-rgb) / .78) 0,rgb(var(--c-latte-rgb) / 0) calc(var(--cl-hero-under) + 60px)),linear-gradient(0deg,rgb(var(--c-latte-rgb) / .95),rgb(var(--c-latte-rgb) / .86) 45%,rgb(var(--c-latte-rgb) / 0) 80%)}.cl-hero__inner{position:relative;z-index:2;display:flex;flex:1 0 auto;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--cl-hero-under) + 96px);padding-bottom:28px}.cl-hero__content{display:flex;flex-direction:column;gap:16px;max-width:580px}.cl-hero__kicker{color:var(--c-noce)}.cl-hero__title{margin:0;font-family:var(--f-titoli);font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:clamp(44px,5.833vw,84px);line-height:1.048;letter-spacing:-.015em;text-transform:none;color:var(--c-noce)}.cl-hero__title>span{display:block}.cl-hero__title-em{font-style:italic}.cl-hero__text{max-width:460px}.cl-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px}.cl-hero__product{display:inline-flex;align-self:flex-start;align-items:center;gap:12px;max-width:100%;min-height:52px;margin-top:24px;padding:6px 18px 6px 6px;border-radius:var(--r-pill);background-color:rgb(var(--c-latte-rgb) / .94);color:var(--c-noce);font-family:var(--f-testo);font-size:var(--t-small);line-height:var(--l-small);font-weight:500;font-variant-numeric:tabular-nums;text-decoration:none}.cl-hero__product:hover{color:var(--c-tabacco)}.cl-hero .cl-hero__product-img{flex-shrink:0;width:40px;height:40px;border-radius:var(--r-pill);object-fit:cover}.cl-hero .cl-hero__toggle{position:absolute;top:calc(var(--cl-hero-under) + 16px);right:var(--cl-gutter);bottom:auto;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--r-pill);background-color:rgb(var(--c-latte-rgb) / .94);color:var(--c-noce);cursor:pointer}.cl-hero .cl-hero__toggle:hover{background-color:var(--c-latte)}.cl-hero__media .cl-hero__icon-pause,.cl-hero__media[data-playing] .cl-hero__icon-play{display:none}.cl-hero__media[data-playing] .cl-hero__icon-pause{display:block}.cl-hero--capitoli{background-color:var(--c-latte)}.cl-hero--capitoli .cl-hero__inner{justify-content:flex-start;padding-top:calc(var(--cl-hero-under) + 16px);padding-bottom:40px}.cl-hero__slides{display:block}.cl-hero__chapter{display:grid;gap:24px}.cl-hero__chapter[hidden]{display:none}.cl-hero__chapter-media{position:relative;order:-1;aspect-ratio:600 / 660;border-radius:var(--r-card);overflow:clip;background-color:var(--c-sabbia)}.cl-hero .cl-hero__chapter-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cl-hero__chapter-text{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:600px}.cl-hero__segs{display:flex;gap:6px;width:240px;max-width:100%}.cl-hero__seg{flex:1 1 0;height:3px;border-radius:var(--r-pill);background-color:var(--c-travertino)}.cl-hero__seg.is-on{background-color:var(--c-noce)}.cl-hero__chapter-title{margin:0;font-family:var(--f-titoli);font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:clamp(36px,4.722vw,68px);line-height:1.088;letter-spacing:-.015em;text-transform:none;color:var(--c-noce)}.cl-hero__chapter-desc{max-width:460px}.cl-hero__controls{display:flex;flex-wrap:wrap;gap:16px}.cl-hero__controls[hidden],.cl-hero__rotation[hidden],.cl-hero__rotation .cl-hero__rotation-play,.cl-hero__rotation.is-paused .cl-hero__rotation-pause{display:none}.cl-hero__rotation.is-paused .cl-hero__rotation-play{display:block}@media(prefers-reduced-motion:no-preference){.cl-motion .cl-hero__chapter.is-entering :is(.cl-hero__segs,.cl-hero__chapter-kicker,.cl-hero__chapter-title,.cl-hero__chapter-desc,.cl-hero__chapter-media){animation:sv-in .7s var(--ease) both}.cl-motion .cl-hero__chapter.is-entering .cl-hero__chapter-media{animation-duration:.9s}}@media screen and (min-width:990px){.cl-hero{--cl-hero-h: clamp(560px, calc(100svh - 160px) , 720px)}.cl-hero__shade{background:linear-gradient(180deg,rgb(var(--c-latte-rgb) / .78) 0,rgb(var(--c-latte-rgb) / 0) calc(var(--cl-hero-under) + 60px)),linear-gradient(90deg,rgb(var(--c-latte-rgb) / .95),rgb(var(--c-latte-rgb) / .86) 42%,rgb(var(--c-latte-rgb) / 0)) 0 0 / max(65.28%,940px) 100% no-repeat}.cl-hero__inner{justify-content:flex-start;padding-top:calc(var(--cl-hero-under) + clamp(48px,calc(var(--cl-hero-h) - 564px),156px));padding-bottom:40px}.cl-hero__content{gap:22px}.cl-hero--controluce .cl-hero__actions{gap:28px}.cl-hero__product{margin-top:auto}.cl-hero .cl-hero__toggle{top:auto;right:max(var(--cl-gutter),calc((100% - var(--contenuto)) / 2));bottom:40px;width:52px;height:52px}.cl-hero--capitoli .cl-hero__inner{padding-bottom:44px}.cl-hero__chapter{grid-template-columns:minmax(0,600fr) minmax(0,600fr);column-gap:80px;align-items:start}.cl-hero__chapter-media{order:0}.cl-hero__chapter-text{gap:22px;padding-top:100px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cl-section-hero.css.map */