.ves-areas{position:relative;padding-block:calc(var(--ves-space-section) * var(--ves-pad-top, 1)) calc(var(--ves-space-section) * var(--ves-pad-bottom, 1));overflow:hidden;scroll-margin-top:clamp(72px,9vh,104px)}.ves-areas__inner{position:relative;z-index:1;max-width:var(--ves-measure);margin-inline:auto;padding-inline:var(--ves-gutter)}.ves-areas__inner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(32px,4vw,64px)}.ves-areas--text-right .ves-areas__head{order:2}.ves-areas__head{margin-bottom:0}.ves-areas__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.ves-areas__bg-img{width:100%;height:100%;object-fit:cover}.ves-areas__bg-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#263238bf,#263238f2)}.ves-areas--has-bg{--ves-text: #ffffff;color:#fff}.ves-areas--has-bg .ves-areas__fallback{background:linear-gradient(155deg,#fff3,#fff0 45%),color-mix(in srgb,var(--ves-accent) 88%,transparent);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ves-areas--has-bg .ves-areas__fallback{background:linear-gradient(155deg,#ffffff3d,#fff0 45%),var(--ves-accent)}}.ves-areas__rail{display:flex;gap:8px;list-style:none;margin:0;padding:0;height:clamp(440px,54vw,620px)}.ves-areas__panel{position:relative;flex:1 1 0;min-width:0;border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 12px 30px #26323829;transition:flex-grow var(--ves-dur) var(--ves-ease);--area-deep: color-mix(in srgb, var(--ves-accent) 42%, #0d1714)}.ves-areas__panel.is-active{flex-grow:3.4}.ves-areas__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;color:#fff}.ves-areas__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ves-areas__img,.ves-areas__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ves-areas__img{transform:scale(1.12);transition:transform calc(var(--ves-dur) * 1.4) var(--ves-ease)}.ves-areas__fallback{background:linear-gradient(155deg,#ffffff42,#fff0 46%),color-mix(in srgb,var(--ves-accent) 88%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ves-areas__fallback{background:linear-gradient(155deg,#ffffff42,#fff0 46%),var(--ves-accent)}}.ves-areas__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;padding:1px;background:linear-gradient(150deg,#ffffff6b,#fff0 48%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}.ves-areas__panel.is-active .ves-areas__img{transform:scale(1)}.ves-areas__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--ves-accent) 28%,transparent) 0%,color-mix(in srgb,var(--area-deep) 55%,transparent) 46%,var(--area-deep) 100%);opacity:1;transition:opacity var(--ves-dur) var(--ves-ease)}.ves-areas__panel.is-active .ves-areas__scrim{opacity:.72}.ves-areas__panel.ves-accent--facial{--ves-accent: #69246d}.ves-areas__hairline{position:absolute;left:0;right:0;bottom:0;height:3px;background-color:var(--ves-accent-ui);transform:scaleX(0);transform-origin:left;transition:transform var(--ves-dur) var(--ves-ease)}.ves-areas__panel.is-active .ves-areas__hairline{transform:scaleX(1)}.ves-areas__icon{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:#fff;opacity:.9;filter:drop-shadow(0 1px 3px rgb(38 50 56 / .45));z-index:2;transition:transform var(--ves-dur) var(--ves-ease)}.ves-areas__panel.is-active .ves-areas__icon{transform:translate(-50%) scale(1.1)}.ves-areas__icon .ves-icon,.ves-areas__icon-img{width:100%;height:100%;object-fit:contain}.ves-areas__spine{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:64px 0 28px;opacity:1;transition:opacity var(--ves-dur-fast) var(--ves-ease)}.ves-areas__spine-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.9375rem;font-weight:var(--ves-weight-subtitle);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.ves-areas__panel.is-active .ves-areas__spine{opacity:0}.ves-areas__reveal{position:absolute;inset:auto auto 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;opacity:0;transform:translateY(14px);transition:opacity var(--ves-dur) var(--ves-ease) .12s,transform var(--ves-dur) var(--ves-ease) .12s;width:clamp(260px,34vw,420px);max-width:100%}.ves-areas__panel.is-active .ves-areas__reveal{opacity:1;transform:translateY(0)}.ves-areas__tag{padding:4px 12px;border-radius:999px;background-color:var(--ves-accent-soft);color:var(--ves-graphite);font-size:.6875rem;font-weight:var(--ves-weight-subtitle);letter-spacing:.1em;text-transform:uppercase}.ves-areas__name{font-size:var(--ves-h3);font-weight:var(--ves-weight-title);line-height:1.1;letter-spacing:-.01em}.ves-areas__desc{font-size:.9375rem;line-height:1.55;max-width:34ch}.ves-areas__cta{margin-top:4px;font-size:.875rem}.ves-areas__link:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:4;border:3px solid #ffffff;border-radius:var(--ves-radius);box-shadow:0 0 0 1px #2632388c;opacity:0;pointer-events:none}.ves-areas__link:focus-visible{outline:none}.ves-areas__link:focus-visible:after{opacity:1}.ves-areas__hint{margin:24px 0 0;font-size:.8125rem;opacity:.7}@media(max-width:900px){.ves-areas__inner{grid-template-columns:1fr;gap:32px}.ves-areas--text-right .ves-areas__head{order:0}.ves-areas__rail{flex-direction:column;height:auto;gap:12px}.ves-areas__panel,.ves-areas__panel.is-active{flex:none;height:300px}.ves-areas__spine{display:none}.ves-areas__reveal{opacity:1;transform:none}.ves-areas__img{transform:scale(1)}.ves-areas__scrim{opacity:.82}.ves-areas__hairline{transform:scaleX(1)}.ves-areas__hint{display:none}}@media(prefers-reduced-motion:reduce){.ves-areas__panel,.ves-areas__img,.ves-areas__fallback,.ves-areas__scrim,.ves-areas__reveal,.ves-areas__spine,.ves-areas__hairline{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/ves-areas.css.map */