.df.df-exp-place{--xp-gap: clamp(14px, 1.6vw, 24px);--xp-line: rgba(255,255,255,.16);--xp-fill: rgba(255,255,255,.9);position:relative;overflow:hidden;isolation:isolate}.df.df-exp-place.xp--rule{border-top:1px solid rgba(255,255,255,.14)}.df-exp-place .xp-glow{position:absolute;z-index:-1;pointer-events:none;right:-10%;bottom:-20%;width:70%;height:80%;background:radial-gradient(closest-side,rgba(255,255,255,.07),transparent)}.df-exp-place .xp-head{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,24px);margin-bottom:clamp(40px,5vw,72px)}.df-exp-place .xp-head__title{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}.df-exp-place .shead__h{font-size:clamp(30px,4.2vw,60px)}.df-exp-place .shead__h em{color:#ffffff9e}.df-exp-place .xp-head__text{max-width:52ch}@media(min-width:990px){.df-exp-place .xp-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;column-gap:clamp(40px,6vw,96px)}}.df-exp-place .xp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--xp-count, 4),minmax(0,1fr));gap:var(--xp-gap)}.df-exp-place .xp-step__hit{display:flex;flex-direction:column;color:inherit;text-decoration:none;height:100%}.df-exp-place .xp-step__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:linear-gradient(160deg,#141414,#070707 70%);border:1px solid rgba(255,255,255,.1);transition:border-color .5s ease,box-shadow .5s ease,transform .6s cubic-bezier(.22,.7,.2,1)}.df-exp-place .xp-step__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.62);transition:filter .6s ease,transform 1.2s cubic-bezier(.22,.7,.2,1)}.df-exp-place .xp-step__ghost{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:700;letter-spacing:-.06em;line-height:1;font-size:clamp(120px,15vw,240px);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.22);transition:-webkit-text-stroke-color .5s ease}.df-exp-place .is-locked .xp-step__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px)}.df-exp-place a.xp-step__hit:hover .xp-step__media{border-color:#ffffff4d}.df-exp-place a.xp-step__hit:hover .xp-step__img{filter:none;transform:scale(1.04)}.df-exp-place .xp-step__hit:hover .xp-step__ghost{-webkit-text-stroke-color:rgba(255,255,255,.45)}.df-exp-place .is-current .xp-step__media{border-color:#ffffff8c;box-shadow:0 30px 80px #0009,0 0 60px #ffffff14}.df-exp-place .is-current .xp-step__img{filter:none}.df-exp-place .xp-step__badge{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff;font-family:var(--f-head);font-size:10px;letter-spacing:.18em;text-transform:uppercase;line-height:1}.df-exp-place .xp-step__pulse{position:relative;width:6px;height:6px;border-radius:50%;background:#fff}.df-exp-place .xp-step__pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid #fff;animation:xp-pulse 2s ease-out infinite}@keyframes xp-pulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}.df-exp-place .xp-step__node{position:relative;display:block;height:11px;margin:22px 0 18px}.df-exp-place .xp-step__node:before,.df-exp-place .xp-step__node:after{content:"";position:absolute;top:5px;height:1px;background:var(--xp-line)}.df-exp-place .xp-step__node:before{left:calc(var(--xp-gap) / -2);right:calc(100% - 5px)}.df-exp-place .xp-step__node:after{left:5px;right:calc(var(--xp-gap) / -2)}.df-exp-place .xp-step:first-child .xp-step__node:before,.df-exp-place .xp-step:last-child .xp-step__node:after{display:none}.df-exp-place .is-done .xp-step__node:before,.df-exp-place .is-before .xp-step__node:after{background:var(--xp-fill)}.df-exp-place .xp-step__dot{position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:#000;border:1px solid rgba(255,255,255,.35);z-index:1}.df-exp-place .is-done .xp-step__dot{background:#fff;border-color:#fff}.df-exp-place .is-current .xp-step__dot{box-shadow:0 0 0 5px #ffffff24}.df-exp-place .xp-step__num{font-family:var(--f-head);font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff80}.df-exp-place .xp-step__name{margin-top:8px;font-family:var(--f-head);font-weight:300;font-size:clamp(20px,1.9vw,28px);letter-spacing:-.01em;line-height:1.2;color:#fff}.df-exp-place .xp-step__name sup{font-size:.45em;vertical-align:super;line-height:0}.df-exp-place .xp-step__status{margin-top:8px;font-family:var(--f-head);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff78}.df-exp-place .is-locked .xp-step__num{margin-bottom:0}.df-exp-place .xp-links{display:flex;flex-wrap:wrap;gap:16px clamp(28px,4vw,56px);margin-top:clamp(36px,4.4vw,60px)}@media(max-width:899px){.df-exp-place .xp-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--pad-x, 20px) * -1);padding:0 var(--pad-x, 20px) 4px;scroll-padding:0 var(--pad-x, 20px)}.df-exp-place .xp-steps::-webkit-scrollbar{display:none}.df-exp-place .xp-step{flex:0 0 min(66vw,300px);scroll-snap-align:start}.df-exp-place .xp-step__ghost{font-size:clamp(120px,40vw,200px)}.df-exp-place .xp-links{flex-direction:column}}@media(prefers-reduced-motion:reduce){.df-exp-place .xp-step__img,.df-exp-place .xp-step__media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-df-exp-place.css.map */
