.ladder{--focal-x: 50%;--focal-y: 30%;position:relative;background:#120c06;color:var(--c-on-dark);overflow:hidden;padding:0}.ladder__frame{position:relative;isolation:isolate;width:100%;max-width:640px;margin-inline:auto;overflow:hidden}.ladder__bg{z-index:-1}.ladder__bg img{object-position:var(--focal-x) var(--focal-y)}.ladder__inner{display:grid;gap:clamp(18px,4.6vw,30px);padding:clamp(30px,8vw,56px) clamp(18px,5vw,36px) clamp(26px,6vw,40px)}.ladder__head{display:grid;justify-items:start;gap:12px}.ladder__eyebrow{display:flex;align-items:center;gap:14px;margin:0;font-size:.75rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:#a8762a}.ladder__eyebrow:after{content:"";width:clamp(40px,12vw,64px);height:1px;background:#a8762a}.ladder__title{display:grid;margin:0;font-family:var(--font-serif);font-weight:500;text-transform:uppercase;letter-spacing:0;line-height:1.04;font-size:clamp(1.9rem,8.3vw,3.25rem);color:#15110d;text-align:left}.ladder__title span{display:block}.ladder__title span:last-child{color:#b07a2a}.ladder__rule{display:block;width:44px;height:2px;background:#b07a2a}.ladder__text{margin:0;max-width:16em;font-size:clamp(.75rem,3.1vw,1rem);line-height:1.5;color:#1b1510}.ladder__slider{position:relative;container-type:inline-size}.ladder__track{position:relative;display:flex;align-items:flex-start;gap:3cqi;margin:0;padding:48px 34.5px 44px;list-style:none;padding-inline:34.5cqi;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.ladder__track::-webkit-scrollbar{display:none}.ladder__track:focus-visible{outline:2px solid #e3c58a;outline-offset:-4px}.ladder__item{flex:0 0 110px;flex:0 0 31cqi;scroll-snap-align:center;transform:scale(.9);transform-origin:50% 35%;transition:transform .5s var(--ease-out)}.ladder__item.is-center{transform:scale(1.26);z-index:2}.ladder__link{position:relative;display:grid;justify-items:center;gap:10px;text-align:center;color:inherit}.ladder__watch{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background:#2a1f14;border:1px solid rgba(227,197,138,.55);box-shadow:0 18px 26px -16px #000c;transition:border-color .4s var(--ease),box-shadow .5s var(--ease)}.ladder__item.is-center .ladder__watch{border:2px solid #e8c882;box-shadow:0 0 0 4px #e8c88238,0 0 34px 2px #e8c8828c,0 22px 30px -16px #000000d9}.ladder__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}a.ladder__link:hover .ladder__img{transform:scale(1.06)}a.ladder__link:focus-visible{outline:2px solid #e8c882;outline-offset:6px;border-radius:12px}.ladder__name{font-size:clamp(.6875rem,2.9vw,.8125rem);line-height:1.25;letter-spacing:.04em;text-transform:uppercase;color:#fbf4e6;text-shadow:0 1px 10px rgba(0,0,0,.6)}.ladder__price{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.0625rem,4.6vw,1.375rem);line-height:1.1;color:#f1d18f;text-shadow:0 1px 10px rgba(0,0,0,.6);font-variant-numeric:lining-nums}.ladder__badge{position:absolute;z-index:3;top:-11px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:4px 9px;border-radius:999px;background:#fbf6ec;color:#1a1511;box-shadow:0 4px 12px -5px #0000008c;font-size:.5625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1}.ladder__badge .icon{flex:none;width:11px;height:11px;stroke-width:1.7}.ladder__arrow{position:absolute;z-index:4;top:calc(48px + 15.5cqi);transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0e0a06b8;border:1px solid #c9a462;color:#e8c882;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .3s var(--ease),color .3s var(--ease)}.ladder__arrow--prev{left:0}.ladder__arrow--next{right:0}.ladder__arrow .icon{width:15px;height:15px}.ladder__arrow:hover{background:#e8c882;color:#15110d}.ladder__arrow:disabled{opacity:.35;cursor:default;pointer-events:none}.ladder__arrow:focus-visible{outline:2px solid #fbf4e6;outline-offset:3px}.ladder__bars{display:flex;justify-content:center;gap:4px;margin-top:0}.ladder__bar{position:relative;width:clamp(28px,9cqi,56px);height:24px;background:none;border:0;padding:0;cursor:pointer}.ladder__bar:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#fbf4e647;transition:background-color .3s var(--ease)}.ladder__bar.is-active:before{background:linear-gradient(90deg,#8a5f1c,#f1d18f)}.ladder__bar:focus-visible{outline:2px solid #e8c882;outline-offset:2px}.ladder__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;margin:0;padding:18px 4px;list-style:none;background:#0e0a069e;border:1px solid rgba(208,176,122,.45);border-radius:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ladder__feature{display:grid;justify-items:center;align-content:start;gap:10px;padding:4px 6px;text-align:center;font-size:clamp(.75rem,3.3vw,.9375rem);line-height:1.25;color:#f6eedd}.ladder__feature+.ladder__feature{border-left:1px solid rgba(208,176,122,.32)}.ladder__feature .icon{width:30px;height:30px;color:#e3c58a;stroke-width:1.1}@media(min-width:750px){.ladder{padding-block:clamp(32px,4vw,56px)}.ladder__frame{border-radius:28px;box-shadow:0 40px 80px -40px #000000e6}}@media(prefers-reduced-motion:reduce){.ladder__item,.ladder__watch,.ladder__img,.ladder__arrow,.ladder__bar:before{transition:none}a.ladder__link:hover .ladder__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/section-ladder.css.map */