.section-armaf-shade-collection{position:relative}.armaf-shade-collection{display:block;scroll-margin-top:150px;padding:clamp(4rem,9vw,8.75rem) 0 clamp(3rem,6vw,5.625rem);background:var(--armaf-collection-background, #f7f2ec);color:var(--armaf-collection-heading, #14100f)}.armaf-shade-collection__header{padding:0 clamp(1.25rem,5vw,4rem);display:flex;flex-direction:column;align-items:center;gap:clamp(1.125rem,2.2vw,1.875rem);text-align:center}.armaf-shade-collection__eyebrow{margin:0;color:var(--armaf-collection-accent, #a8874f);font-family:var(--font-body-family, Arial, sans-serif);font-size:11px;letter-spacing:.34em}.armaf-shade-collection__header h2{margin:0;font-family:var(--font-heading-family, "Marcellus", Georgia, serif);font-size:clamp(2.375rem,6vw,5.5rem);font-weight:400;line-height:1;letter-spacing:.01em}.armaf-shade-collection__description{max-width:560px;color:var(--armaf-collection-body, #5e534c);font-family:var(--font-body-family, Arial, sans-serif);font-size:1.6rem;font-weight:300;line-height:2}.armaf-shade-collection__description p{margin:0}.armaf-shade-collection__toolbar{z-index:10;margin-top:clamp(2.125rem,4vw,3.625rem);border-top:1px solid rgba(20,16,15,.12);border-bottom:1px solid rgba(20,16,15,.12);background:#f7f2eced;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.armaf-shade-collection__toolbar-inner{padding:13px clamp(1.25rem,5vw,4rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.armaf-shade-collection__filters{display:flex;gap:22px}.armaf-shade-collection__filters button{padding:3px 0;border:0;border-bottom:1px solid transparent;background:none;color:#8a7c72;font:400 11px/1.3 var(--font-body-family, Arial, sans-serif);letter-spacing:.24em;cursor:pointer}.armaf-shade-collection__filters button.is-active{border-bottom-color:var(--armaf-collection-heading, #14100f);color:var(--armaf-collection-heading, #14100f)}.armaf-shade-collection__swatches{display:flex;flex-wrap:wrap;gap:9px}.armaf-shade-collection__swatches button{width:24px;height:24px;padding:0;border:0;border-radius:50%;background:var(--armaf-swatch);box-shadow:0 0 0 1px #14100f24;cursor:pointer;transition:transform .3s ease}.armaf-shade-collection__swatches button:hover,.armaf-shade-collection__swatches button:focus-visible{transform:scale(1.2)}.armaf-shade-collection__sliders{display:flex;flex-direction:column}.armaf-shade-slider{width:min(100%,1400px);margin-inline:auto;padding:0 clamp(1.25rem,5vw,4rem)}.armaf-shade-slider__header{margin:clamp(1.875rem,3.4vw,3.125rem) 0 14px;display:flex;align-items:center;justify-content:space-between}.armaf-shade-slider__header>span{color:#8a7c72;font:400 11px/1.4 var(--font-body-family, Arial, sans-serif);letter-spacing:.3em}.armaf-shade-slider__arrows{display:flex;gap:10px}.armaf-shade-slider__arrows button{width:42px;height:42px;padding:0;border:1px solid rgba(20,16,15,.3);background:transparent;color:var(--armaf-collection-heading, #14100f);font-size:16.5px;cursor:pointer;transition:background .3s ease,color .3s ease}.armaf-shade-slider__arrows button:hover,.armaf-shade-slider__arrows button:focus-visible{background:var(--armaf-collection-heading, #14100f);color:#f7f2ec}.armaf-shade-slider__rail{display:flex;overflow-x:auto;border:1px solid rgba(20,16,15,.12);scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.armaf-shade-slider__rail::-webkit-scrollbar{display:none}.armaf-shade-slider__rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.armaf-shade-card{flex:0 0 33.3333%;min-width:0;box-sizing:border-box;display:flex;padding:clamp(1rem,2vw,2.125rem) clamp(7px,.9vw,15px);background:var(--armaf-collection-card-background, #fffdfa);scroll-snap-align:start}.armaf-shade-card[hidden]{display:none!important}.armaf-shade-card__story{flex:1;min-height:clamp(300px,33vw,430px);padding:clamp(1.625rem,2.6vw,2.875rem) clamp(1.125rem,2vw,2.25rem);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,1.1vw,16px);background:var(--armaf-shade-color);color:#f7f2ec;text-align:center}.armaf-shade-card__meta{color:#ffffffc7;font:400 10.5px/1.4 var(--font-body-family, Arial, sans-serif);letter-spacing:.3em}.armaf-shade-card__story h3{margin:0;font-family:var(--font-heading-family, "Marcellus", Georgia, serif);font-size:clamp(1.5rem,2.5vw,2.375rem);font-weight:400;line-height:1.08;letter-spacing:.07em;text-transform:uppercase}.armaf-shade-card__tagline{margin:0;font-family:var(--font-heading-family, "Cormorant Garamond", Georgia, serif);font-size:clamp(1.03125rem,1.2vw,1.125rem);font-style:italic;font-weight:300;color:#fffffff2}.armaf-shade-card__story-text{max-width:340px;font:300 13px/1.75 var(--font-body-family, Arial, sans-serif);color:#ffffffd9}.armaf-shade-card__story-text p{margin:0}.armaf-shade-card__traits{margin:4px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.35);color:#ffffffd9;font:400 10px/1.5 var(--font-body-family, Arial, sans-serif);letter-spacing:.2em}.armaf-shade-card__reveal{position:relative;flex:1;min-height:clamp(300px,33vw,430px);overflow:hidden;background:#f3e9dd}.armaf-shade-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.armaf-shade-card__placeholder{background:#f3e9dd;fill:#14100f26}.armaf-shade-card__image--hover{clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.45,0,.2,1)}.armaf-shade-card__reveal:hover .armaf-shade-card__image--hover,.armaf-shade-card__reveal:focus .armaf-shade-card__image--hover{clip-path:inset(0 0 0 0)}.armaf-shade-card__image-number,.armaf-shade-card__image-finish{position:absolute;pointer-events:none;color:#14100f99;font-family:var(--font-body-family, Arial, sans-serif)}.armaf-shade-card__image-number{top:14px;left:16px;font-size:10.5px;letter-spacing:.26em}.armaf-shade-card__image-finish{display:none;right:15px;bottom:13px;font-size:10px;letter-spacing:.24em}.armaf-shade-collection .is-rise-ready{opacity:0;transform:translateY(26px)}.armaf-shade-collection .is-rise-ready.is-visible{opacity:1;transform:none;transition:opacity 1.05s cubic-bezier(.16,.84,.24,1),transform 1.05s cubic-bezier(.16,.84,.24,1)}@media(max-width:989px){.armaf-shade-card{flex-basis:50%}}@media(max-width:749px){.armaf-shade-collection__toolbar-inner{align-items:flex-start;flex-direction:column}.armaf-shade-collection__swatches{gap:8px}.armaf-shade-collection__swatches button{width:20px;height:20px}.armaf-shade-card{flex-basis:85%}.armaf-shade-slider__header>span{letter-spacing:.2em}}@media(prefers-reduced-motion:reduce){.armaf-shade-slider__rail{scroll-behavior:auto!important}.armaf-shade-card__image--hover,.armaf-shade-collection .is-rise-ready{transition:none}.armaf-shade-collection .is-rise-ready{opacity:1;transform:none}}@media(min-width:1024px)and (max-width:1360px){.armaf-shade-collection__toolbar.is-sticky{top:81px!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/armaf-shade-collection.css.map */