.ec-home-tranches{--ec-tranches-gutter: 2.25rem;background:var(--color-background, var(--ec-color-bg));padding-top:var(--ec-home-tranches-pad-top, 64px);padding-bottom:var(--ec-home-tranches-pad-bottom, 40px)}.ec-home-tranches__inner{max-width:var(--ec-container-max);margin-inline:auto}.ec-home-tranches__header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--ec-space-10);margin-bottom:2.25rem;padding-inline:var(--ec-container-padding-inline)}.ec-home-tranches__eyebrow{margin:0;font-family:var(--ec-font-family-body);font-size:var(--ec-font-size-xs);letter-spacing:var(--ec-letter-spacing-label-max);text-transform:uppercase;font-weight:var(--ec-font-weight-semibold);color:var(--ec-color-brand-primary)}.ec-home-tranches__title{margin:var(--ec-space-2) 0 0;font-family:var(--ec-font-family-logo);font-weight:var(--ec-font-weight-regular);font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.05;letter-spacing:var(--ec-letter-spacing-tight);color:var(--ec-color-text)}.ec-home-tranches__title em{font-style:italic;font-weight:var(--ec-font-weight-medium);color:var(--ec-color-brand-primary)}.ec-home-tranches__header-link{display:inline-flex;align-items:center;gap:var(--ec-space-2);white-space:nowrap;font-family:var(--ec-font-family-body);font-size:var(--ec-font-size-xs);letter-spacing:var(--ec-letter-spacing-label-wider);text-transform:uppercase;font-weight:var(--ec-font-weight-semibold);color:var(--ec-color-text-secondary);padding-bottom:var(--ec-space-2);border-bottom:1px solid var(--ec-color-text);transition:color var(--ec-transition-fast),border-color var(--ec-transition-fast)}.ec-home-tranches__header-link:hover{color:var(--ec-color-brand-primary);border-color:var(--ec-color-brand-primary)}.ec-home-tranches__empty{margin-block:0;margin-inline:var(--ec-container-padding-inline);padding:var(--ec-space-10);border:1px dashed var(--ec-color-border-strong);text-align:center;font-family:var(--ec-font-family-body);font-size:var(--ec-font-size-body-sm);color:var(--ec-color-text-muted)}.ec-home-tranches__slices{display:flex;height:520px;gap:4px;overflow:hidden}.ec-home-tranches__slice{position:relative;flex:1 1 0;min-width:0;overflow:hidden}.ec-home-tranches__slice.is-active{flex-grow:4.2}.ec-home-tranches__slices.is-ready .ec-home-tranches__slice{flex:0 0 auto}.ec-home-tranches__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ec-tranche-bg, var(--ec-color-surface-warm));transition:filter var(--ec-transition-base)}.ec-home-tranches__slice.is-tint-0{--ec-tranche-bg: var(--ec-color-surface-warm)}.ec-home-tranches__slice.is-tint-1{--ec-tranche-bg: var(--ec-color-surface-brand-soft)}.ec-home-tranches__slice.is-tint-2{--ec-tranche-bg: var(--ec-color-surface-warm-subtle)}.ec-home-tranches__slice.is-tint-3{--ec-tranche-bg: var(--ec-color-surface-brand-softer)}.ec-home-tranches__slice:not(.is-active):hover .ec-home-tranches__bg{filter:brightness(.97)}.ec-home-tranches__media{position:absolute;inset:52% var(--ec-space-3) var(--ec-space-3);opacity:.45;pointer-events:none;transition:opacity .5s ease,top .7s var(--ec-easing-standard),right .7s var(--ec-easing-standard),bottom .7s var(--ec-easing-standard),left .7s var(--ec-easing-standard)}.ec-home-tranches__img{width:100%;height:100%;object-fit:contain}.ec-home-tranches__slice.is-active .ec-home-tranches__media{top:14%;right:var(--ec-tranches-gutter);bottom:var(--ec-tranches-gutter);left:60%;opacity:.92}.ec-home-tranches__toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.ec-home-tranches__slice.is-active .ec-home-tranches__toggle{pointer-events:none}.ec-home-tranches__toggle:focus-visible{outline:2px solid var(--ec-color-focus);outline-offset:-4px}.ec-home-tranches__num{position:absolute;top:var(--ec-space-6);left:50%;transform:translate(-50%);font-family:var(--ec-font-family-logo);font-size:var(--ec-font-size-md);font-weight:var(--ec-font-weight-medium);font-style:italic;color:var(--ec-color-text-muted);transition:opacity var(--ec-transition-fast)}.ec-home-tranches__slice.is-active .ec-home-tranches__num{opacity:0}.ec-home-tranches__num:after{content:"";display:block;width:14px;height:1px;margin:var(--ec-space-2) auto 0;background:var(--ec-color-brand-primary)}.ec-home-tranches__name{position:absolute;top:40px;left:36px;z-index:2;display:inline-block;transform:rotate(0);transform-origin:left top;font-family:var(--ec-font-family-logo);font-size:clamp(1.75rem,3vw,2.625rem);font-weight:var(--ec-font-weight-medium);line-height:1;letter-spacing:var(--ec-letter-spacing-tight);color:var(--ec-color-text);white-space:nowrap;pointer-events:none;transition:top .6s var(--ec-easing-standard),left .6s var(--ec-easing-standard),transform .6s var(--ec-easing-standard),font-size .6s var(--ec-easing-standard)}.ec-home-tranches__slice:not(.is-active) .ec-home-tranches__name{top:72px;left:calc(50% + .5em);transform:rotate(90deg);font-size:var(--ec-font-size-2xl)}.ec-home-tranches__panel{position:absolute;top:0;right:0;bottom:0;left:0;max-width:64%;padding:100px var(--ec-tranches-gutter) var(--ec-tranches-gutter);display:flex;flex-direction:column;justify-content:space-between;opacity:0;pointer-events:none;transition:opacity .3s ease}.ec-home-tranches__slice.is-active .ec-home-tranches__panel{opacity:1;pointer-events:auto;transition:opacity .35s ease .35s}.ec-home-tranches__scroll{--ec-tranches-fade-max: 44px;--ec-tranches-fade-top: 0px;--ec-tranches-fade-bottom: 0px;--ec-tranches-cue: 0;position:relative;display:flex;min-height:0}.ec-home-tranches__panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--ec-color-brand-primary) transparent;scroll-padding-block:var(--ec-tranches-fade-max);padding-inline:3px;margin-inline:-3px}.ec-home-tranches__slices.is-ready .ec-home-tranches__panel-body{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--ec-tranches-fade-top),#000 calc(100% - var(--ec-tranches-fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--ec-tranches-fade-top),#000 calc(100% - var(--ec-tranches-fade-bottom)),transparent 100%)}.ec-home-tranches__panel-body::-webkit-scrollbar{width:14px;background:transparent}.ec-home-tranches__panel-body::-webkit-scrollbar-thumb{background:var(--ec-color-brand-primary);border-radius:var(--ec-radius-pill)}.ec-home-tranches__scroll-cue{position:absolute;left:50%;bottom:-18px;width:28px;height:28px;margin-left:-14px;color:var(--ec-color-brand-primary);opacity:var(--ec-tranches-cue, 0);pointer-events:none}.ec-home-tranches__scroll-cue .ec-icon{display:block}.ec-home-tranches__slice.is-active .ec-home-tranches__scroll-cue{animation:ec-tranches-cue-bob 2.4s var(--ec-easing-standard) infinite}@keyframes ec-tranches-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.ec-home-tranches__sub-list{list-style:none;padding:0;margin:0}.ec-home-tranches__sub-link{display:flex;align-items:center;justify-content:space-between;padding:11px 4px 11px 0;border-bottom:1px solid var(--ec-color-divider-warm);font-family:var(--ec-font-family-body);font-size:var(--ec-font-size-sm);color:var(--ec-color-text-secondary);transition:color var(--ec-transition-fast),padding-left var(--ec-transition-base)}.ec-home-tranches__sub-link:hover{color:var(--ec-color-brand-primary);padding-left:4px}.ec-home-tranches__sub-arrow{color:var(--ec-color-text-subtle);transition:transform var(--ec-transition-base),color var(--ec-transition-fast)}.ec-home-tranches__sub-link:hover .ec-home-tranches__sub-arrow{color:var(--ec-color-brand-primary);transform:translate(4px)}.ec-home-tranches__cta{display:inline-flex;align-items:center;align-self:flex-start;flex-shrink:0;margin-top:var(--ec-space-6);gap:var(--ec-space-2);font-family:var(--ec-font-family-body);font-size:var(--ec-font-size-xs);letter-spacing:var(--ec-letter-spacing-label-wider);text-transform:uppercase;font-weight:var(--ec-font-weight-semibold);color:var(--ec-color-text);padding-bottom:var(--ec-space-2);border-bottom:1px solid var(--ec-color-text);transition:color var(--ec-transition-fast),border-color var(--ec-transition-fast),gap var(--ec-transition-base)}.ec-home-tranches__cta:hover{color:var(--ec-color-brand-primary);border-color:var(--ec-color-brand-primary);gap:14px}.ec-home-tranches__sub-link:focus-visible,.ec-home-tranches__cta:focus-visible,.ec-home-tranches__header-link:focus-visible{outline:2px solid var(--ec-color-focus);outline-offset:2px}@media(max-width:640px){.ec-home-tranches{--ec-tranches-gutter: var(--ec-space-4)}.ec-home-tranches__header{flex-direction:column;align-items:flex-start;gap:var(--ec-space-4);margin-bottom:var(--ec-space-6)}.ec-home-tranches__slices,.ec-home-tranches__slices.is-ready{flex-direction:column;height:auto;gap:3px}.ec-home-tranches__slice{flex:0 0 auto;display:grid;grid-template-rows:0fr;min-height:86px;transition:grid-template-rows .45s var(--ec-easing-standard)}.ec-home-tranches__slice.is-active{grid-template-rows:1fr}.ec-home-tranches__num{top:50%;left:18px;transform:translateY(-50%);font-size:var(--ec-font-size-sm)}.ec-home-tranches__num:after{display:none}.ec-home-tranches__name{top:20px;left:var(--ec-space-4);font-size:1.625rem;transform:translate(0) rotate(0);transition:transform .5s var(--ec-easing-standard),font-size .5s var(--ec-easing-standard),top .5s var(--ec-easing-standard),left .5s var(--ec-easing-standard)}.ec-home-tranches__slice:not(.is-active) .ec-home-tranches__name{top:43px;left:52px;font-size:var(--ec-font-size-xl);transform:translateY(-50%) rotate(0)}.ec-home-tranches__media{top:var(--ec-space-2);right:var(--ec-tranches-gutter);bottom:auto;left:66%;height:70px;transition:opacity .5s ease,left .45s var(--ec-easing-standard),height .45s var(--ec-easing-standard)}.ec-home-tranches__slice.is-active .ec-home-tranches__media{top:var(--ec-space-2);right:var(--ec-tranches-gutter);bottom:auto;left:62%;height:200px;opacity:.85}.ec-home-tranches__panel{position:relative;inset:auto;min-height:0;overflow:hidden;max-width:65%;padding:56px var(--ec-tranches-gutter) var(--ec-tranches-gutter)}.ec-home-tranches__slice.is-active .ec-home-tranches__panel{transition:opacity .3s ease .1s}.ec-home-tranches__panel-body{overflow:visible;scrollbar-gutter:auto;scroll-padding-block:0;padding-inline:0;margin-inline:0}.ec-home-tranches__slices.is-ready .ec-home-tranches__panel-body{-webkit-mask-image:none;mask-image:none}.ec-home-tranches__scroll-cue{display:none}.ec-home-tranches__cta{margin-top:var(--ec-space-7)}.ec-home-tranches__sub-link{padding:var(--ec-space-2) 0}}@media(prefers-reduced-motion:reduce){.ec-home-tranches__slice,.ec-home-tranches__bg,.ec-home-tranches__media,.ec-home-tranches__panel,.ec-home-tranches__name,.ec-home-tranches__num{transition:none}.ec-home-tranches__slice.is-active .ec-home-tranches__scroll-cue{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ec-home-tranches.css.map */