.dlj-product-features{position:relative;overflow:hidden;background:var( --dlj-features-bg, var(--dlj-color-white) );color:var( --dlj-features-color, var(--dlj-color-black) )}.dlj-product-features__inner{width:100%;margin-inline:auto;padding-top:var( --dlj-features-padding-top, 120px );padding-bottom:var( --dlj-features-padding-bottom, 120px )}.dlj-product-features--contained .dlj-product-features__inner{max-width:var(--dlj-page-width);padding-left:var(--dlj-gutter);padding-right:var(--dlj-gutter)}.dlj-product-features--full .dlj-product-features__inner{padding-left:var(--dlj-gutter);padding-right:var(--dlj-gutter)}.dlj-product-features__header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(40px,7vw,120px);align-items:end;margin-bottom:clamp(42px,7vw,90px)}.dlj-product-features__heading{max-width:12ch;text-wrap:balance;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.dlj-product-features--heading-medium .dlj-product-features__heading{font-size:clamp(44px,5vw,78px)}.dlj-product-features--heading-large .dlj-product-features__heading{font-size:clamp(52px,6.5vw,108px)}.dlj-product-features__intro{max-width:560px}.dlj-product-features__copy{text-wrap:pretty}.dlj-product-features__cta{margin-top:26px}.dlj-product-features__layout{display:grid;grid-template-columns:var(--dlj-features-media-width, 58%) minmax(0,1fr);gap:clamp(30px,5vw,88px);align-items:start}.dlj-product-features--layout-media-right .dlj-product-features__layout{grid-template-columns:minmax(0,1fr) var(--dlj-features-media-width, 58%)}.dlj-product-features--layout-media-right .dlj-product-features__media-column{grid-column:2;grid-row:1}.dlj-product-features--layout-media-right .dlj-product-features__list{grid-column:1;grid-row:1}.dlj-product-features--layout-centered .dlj-product-features__layout{display:block}.dlj-product-features--layout-centered .dlj-product-features__media-column{max-width:1180px;margin-inline:auto}.dlj-product-features--layout-centered .dlj-product-features__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(36px,6vw,80px);border-top:1px solid currentColor}.dlj-product-features--layout-centered .dlj-product-features__item:nth-child(odd){padding-right:clamp(24px,4vw,70px)}.dlj-product-features--layout-centered .dlj-product-features__item:nth-child(2n){padding-left:clamp(24px,4vw,70px);border-left:1px solid currentColor}.dlj-product-features__media-frame{position:relative;width:100%;height:var( --dlj-features-media-height, 700px );overflow:hidden;background:var( --dlj-features-media-bg, var(--dlj-color-paper) )}.dlj-product-features__media{position:absolute;inset:var( --dlj-features-media-padding, 0px )}.dlj-product-features--fit-contain .dlj-media__image,.dlj-product-features--fit-contain .dlj-media__video{object-fit:contain}.dlj-product-features--fit-cover .dlj-media__image,.dlj-product-features--fit-cover .dlj-media__video{object-fit:cover}.dlj-product-features--fit-contain .dlj-motion-parallax{--dlj-parallax-scale: 1.01}.dlj-product-features__product-label{display:flex;justify-content:space-between;gap:20px;padding-top:14px;margin-top:10px;border-top:1px solid currentColor;font-family:var(--dlj-font-sans);font-size:11px;font-weight:var(--dlj-weight-bold);letter-spacing:.04em;text-transform:uppercase}.dlj-product-features__markers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.dlj-product-features__marker{position:absolute;left:var(--dlj-feature-x);top:var(--dlj-feature-y);width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid currentColor;border-radius:50%;background:var( --dlj-features-bg, var(--dlj-color-white) );color:var( --dlj-features-color, var(--dlj-color-black) );transform:translate(-50%,-50%) scale(1);pointer-events:auto;cursor:pointer;font-family:var(--dlj-font-sans);font-size:10px;font-weight:var(--dlj-weight-black);letter-spacing:.03em;transition:transform var(--dlj-duration) var(--dlj-ease),background-color var(--dlj-duration) var(--dlj-ease),color var(--dlj-duration) var(--dlj-ease),border-color var(--dlj-duration) var(--dlj-ease)}.dlj-product-features__marker:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1px solid currentColor;border-radius:50%;opacity:0;transform:scale(.75);transition:opacity var(--dlj-duration) var(--dlj-ease),transform var(--dlj-duration) var(--dlj-ease)}.dlj-product-features__marker.is-active{background:var(--dlj-color-accent);color:var(--dlj-color-accent-text);border-color:var(--dlj-color-accent);transform:translate(-50%,-50%) scale(1.08)}.dlj-product-features__marker.is-active:after{opacity:.34;transform:scale(1)}.dlj-product-features__list{border-top:1px solid currentColor}.dlj-product-features__item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid currentColor;opacity:.62;transition:opacity var(--dlj-duration) var(--dlj-ease),transform var(--dlj-duration) var(--dlj-ease)}.dlj-product-features__number{padding-top:3px;font-family:var(--dlj-font-sans);font-size:10px;font-weight:var(--dlj-weight-black);letter-spacing:.08em}.dlj-product-features__item-heading{margin:0;font-family:var(--dlj-font-sans);font-size:clamp(17px,1.5vw,23px);font-weight:var(--dlj-weight-bold);line-height:1.05;letter-spacing:-.015em;text-transform:uppercase;text-wrap:balance}.dlj-product-features__item-copy{max-width:500px;margin-top:10px;font-family:var(--dlj-font-sans);font-size:14px;line-height:1.5;text-wrap:pretty}.dlj-product-features__item-copy p{margin:0}.dlj-product-features__item.is-active{opacity:1;transform:translate(5px)}.dlj-product-features__item.is-active .dlj-product-features__number{color:var(--dlj-color-accent)}.dlj-product-features:not(.dlj-product-features--static) .dlj-product-features__item{cursor:pointer}.dlj-product-features--static .dlj-product-features__item{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){.dlj-product-features:not(.dlj-product-features--static) .dlj-product-features__item:hover{opacity:1}.dlj-product-features__marker:hover{transform:translate(-50%,-50%) scale(1.08)}}@media screen and (max-width:989px){.dlj-product-features__header{grid-template-columns:1fr;gap:24px}.dlj-product-features__layout,.dlj-product-features--layout-media-right .dlj-product-features__layout{grid-template-columns:1fr;gap:40px}.dlj-product-features--layout-media-right .dlj-product-features__media-column,.dlj-product-features--layout-media-right .dlj-product-features__list{grid-column:auto;grid-row:auto}.dlj-product-features--layout-media-right .dlj-product-features__media-column{order:1}.dlj-product-features--layout-media-right .dlj-product-features__list{order:2}}@media screen and (max-width:749px){.dlj-product-features__inner{padding-top:var( --dlj-features-padding-top-mobile, 70px );padding-bottom:var( --dlj-features-padding-bottom-mobile, 70px )}.dlj-product-features__header{margin-bottom:34px}.dlj-product-features__heading{max-width:12ch}.dlj-product-features--heading-medium .dlj-product-features__heading{font-size:clamp(40px,11vw,60px)}.dlj-product-features--heading-large .dlj-product-features__heading{font-size:clamp(46px,13vw,70px)}.dlj-product-features__media-frame{height:var( --dlj-features-media-height-mobile, 520px )}.dlj-product-features__marker{width:34px;height:34px;font-size:9px}.dlj-product-features__item{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:22px 0}.dlj-product-features__item.is-active{transform:translate(3px)}.dlj-product-features--layout-centered .dlj-product-features__list{display:block;margin-top:36px}.dlj-product-features--layout-centered .dlj-product-features__item:nth-child(odd),.dlj-product-features--layout-centered .dlj-product-features__item:nth-child(2n){padding-left:0;padding-right:0;border-left:0}}@media(prefers-reduced-motion:reduce){.dlj-product-features__item,.dlj-product-features__marker,.dlj-product-features__marker:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dirtlej-product-features.css.map */