@font-face{font-family:DPP Montserrat;src:url(dpp-build-montserrat-bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:DPP Impact;src:url(dpp-build-impact.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}.shopify-section--dpp-featured-builds{position:relative;z-index:1}.dpp-featured-builds{display:block;position:relative;width:100%;overflow:hidden;background:#fff}.dpp-featured-builds__header{position:relative;display:grid;min-height:var(--dpp-build-header-height);place-items:center;overflow:hidden;background:#fff}.dpp-featured-builds__forest{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}.dpp-featured-builds__title{position:relative;z-index:1;width:min(var(--dpp-build-logo-width),calc(100vw - 48px));margin:0;line-height:0;transform:translateY(var(--dpp-build-logo-y, 0))}.dpp-featured-builds__logo{display:block;width:100%;height:auto}.dpp-featured-builds__wordmark{display:grid;width:100%;justify-items:center;color:#090909;text-align:center}.dpp-featured-builds__eyebrow{display:flex;width:100%;align-items:center;justify-content:center;gap:clamp(16px,3.2%,28px);font-family:DPP Montserrat,Montserrat,Arial,sans-serif;font-size:calc(var(--dpp-build-logo-width) * .027);font-weight:700;line-height:1;white-space:nowrap}.dpp-featured-builds__eyebrow:before,.dpp-featured-builds__eyebrow:after{width:clamp(24px,4.7%,42px);aspect-ratio:35 / 3;flex:0 0 auto;background:var(--dpp-build-dash-image) center / contain no-repeat;content:""}.dpp-featured-builds__eyebrow-text{display:block;letter-spacing:12px;text-indent:12px}.dpp-featured-builds__word{display:block;margin-top:6px;font-family:DPP Impact,Impact,sans-serif;font-size:calc(var(--dpp-build-logo-width) * .19);font-weight:400;letter-spacing:var(--dpp-build-title-tracking, .23em);line-height:.78;text-indent:var(--dpp-build-title-tracking, .23em);text-transform:uppercase;transform:scale(1.12,.71);transform-origin:center top}.dpp-featured-builds__word--textured{color:#090909;-webkit-text-fill-color:currentColor;-webkit-mask-image:var(--dpp-build-title-texture);mask-image:var(--dpp-build-title-texture);mask-mode:luminance;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.dpp-featured-builds__rows{position:relative;margin-top:calc(0px - var(--dpp-build-slant));background:transparent}.dpp-featured-builds--has-bottom-accent .dpp-featured-builds__rows{padding-bottom:clamp(30px,3.5vw,50px)}.dpp-featured-builds__row{position:relative;z-index:var(--dpp-build-stack);height:var(--dpp-build-panel-height-scaled, var(--dpp-build-panel-height));margin-top:calc(var(--dpp-build-panel-gap-scaled, var(--dpp-build-panel-gap, 0px)) - var(--dpp-build-slant-scaled, var(--dpp-build-slant)));isolation:isolate}.dpp-featured-builds__row:first-child{margin-top:0}.dpp-featured-builds__background-frame{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;background:transparent}.dpp-featured-builds--slanted .dpp-featured-builds__row--down-right .dpp-featured-builds__background-frame{clip-path:polygon(0 0,100% var(--dpp-build-slant-scaled, var(--dpp-build-slant)),100% 100%,0 calc(100% - var(--dpp-build-slant-scaled, var(--dpp-build-slant))))}.dpp-featured-builds--slanted .dpp-featured-builds__row--down-left .dpp-featured-builds__background-frame{clip-path:polygon(0 var(--dpp-build-slant-scaled, var(--dpp-build-slant)),100% 0,100% calc(100% - var(--dpp-build-slant-scaled, var(--dpp-build-slant))),0 100%)}.dpp-featured-builds__row--none{margin-top:0}.dpp-featured-builds__background{position:absolute;top:50%;left:var(--dpp-build-bg-x);display:block;width:var(--dpp-build-scene-width, 2500px);max-width:none;height:var(--dpp-build-scene-height, 450px);object-fit:cover;transform:translate(calc(0% - var(--dpp-build-bg-x)),-50%)}.dpp-featured-builds__stage{position:absolute;z-index:4;inset-block:0;left:50%;width:var(--dpp-build-stage-width, var(--dpp-build-canvas));max-width:none;height:100%;transform:translate(-50%)}.dpp-featured-builds__asset-clip{--dpp-build-clip-top-left: -200%;--dpp-build-clip-top-right: -200%;--dpp-build-clip-bottom-right: 300%;--dpp-build-clip-bottom-left: 300%;position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.dpp-featured-builds__row:not(.dpp-featured-builds__row--clip-none) .dpp-featured-builds__asset-clip{clip-path:polygon(0 var(--dpp-build-clip-top-left),100% var(--dpp-build-clip-top-right),100% var(--dpp-build-clip-bottom-right),0 var(--dpp-build-clip-bottom-left))}.dpp-featured-builds__row:is(.dpp-featured-builds__row--clip-top,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-top-left: 0;--dpp-build-clip-top-right: 0}.dpp-featured-builds__row:is(.dpp-featured-builds__row--clip-bottom,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-bottom-right: 100%;--dpp-build-clip-bottom-left: 100%}.dpp-featured-builds--slanted .dpp-featured-builds__row--down-left:is(.dpp-featured-builds__row--clip-top,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-top-left: var(--dpp-build-slant-scaled, var(--dpp-build-slant));--dpp-build-clip-top-right: 0}.dpp-featured-builds--slanted .dpp-featured-builds__row--down-left:is(.dpp-featured-builds__row--clip-bottom,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-bottom-right: calc(100% - var(--dpp-build-slant-scaled, var(--dpp-build-slant)));--dpp-build-clip-bottom-left: 100%}.dpp-featured-builds--slanted .dpp-featured-builds__row--down-right:is(.dpp-featured-builds__row--clip-top,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-top-left: 0;--dpp-build-clip-top-right: var(--dpp-build-slant-scaled, var(--dpp-build-slant))}.dpp-featured-builds--slanted .dpp-featured-builds__row--down-right:is(.dpp-featured-builds__row--clip-bottom,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-bottom-right: 100%;--dpp-build-clip-bottom-left: calc(100% - var(--dpp-build-slant-scaled, var(--dpp-build-slant)))}.dpp-featured-builds__asset-stage{position:absolute;inset-block:0;left:50%;width:var(--dpp-build-stage-width, var(--dpp-build-canvas));max-width:none;height:100%;transform:translate(-50%)}.dpp-featured-builds__truck{position:absolute;z-index:3;bottom:var(--dpp-build-truck-bottom-scaled);left:calc(50% + var(--dpp-build-truck-x-scaled));display:block;width:var(--dpp-build-truck-width-scaled);max-width:none;height:auto;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none}.dpp-featured-builds__row.dpp-reveal-ready .dpp-featured-builds__truck{transition:transform .96s cubic-bezier(.22,1,.36,1)}.dpp-featured-builds__row.dpp-reveal-ready:not(.is-revealed)[data-truck-animation=from-left] .dpp-featured-builds__truck{transform:translate(calc(-50% - 60px))}.dpp-featured-builds__row.dpp-reveal-ready:not(.is-revealed)[data-truck-animation=from-right] .dpp-featured-builds__truck{transform:translate(calc(-50% + 60px))}.dpp-featured-builds__copy{position:absolute;z-index:5;top:var(--dpp-build-copy-y);left:calc(50% + var(--dpp-build-copy-x-scaled));width:min(340px,calc(100vw - 56px));color:var(--dpp-build-text-color, #fff);text-align:left;text-shadow:0 2px 5px rgb(0 0 0 / 72%);transform:translate(-50%,-50%)}.dpp-featured-builds__copy-inner{opacity:1;transform:translate(0)}.dpp-featured-builds__row.dpp-reveal-ready .dpp-featured-builds__copy-inner{transition:opacity 1.3s ease .2s,transform 1.55s cubic-bezier(.22,1,.36,1) .2s}.dpp-featured-builds__row.dpp-reveal-initial .dpp-featured-builds__copy-inner{transition:opacity .98s ease .2s,transform 1.12s cubic-bezier(.22,1,.36,1) .2s}.dpp-featured-builds__row.dpp-reveal-ready:not(.is-revealed)[data-copy-animation=from-left] .dpp-featured-builds__copy-inner{opacity:0;transform:translate(-100px)}.dpp-featured-builds__row.dpp-reveal-ready:not(.is-revealed)[data-copy-animation=from-right] .dpp-featured-builds__copy-inner{opacity:0;transform:translate(100px)}.dpp-featured-builds__row--align-center .dpp-featured-builds__copy{text-align:center}.dpp-featured-builds__row--align-right .dpp-featured-builds__copy{text-align:right}.dpp-featured-builds__build-name{margin:0;color:inherit;font-family:var(--heading-font);font-size:clamp(34px,3.15vw,54px);font-weight:700;line-height:.92;letter-spacing:var(--dpp-build-name-tracking, -.025em);text-transform:uppercase}.dpp-featured-builds__build-model{margin:7px 0 15px;color:inherit;font-family:var(--heading-font);font-size:clamp(15px,1.2vw,21px);font-weight:700;line-height:1.05}.dpp-featured-builds__button{display:inline-flex;width:min(var(--dpp-build-button-width, 220px),100%);min-height:42px;padding:11px 19px 10px;align-items:center;justify-content:center;border:1px solid #d8070d;background:#c90006;box-shadow:0 2px 6px #00000040;color:#fff;font-family:var(--heading-font);font-size:13px;font-weight:700;line-height:1;text-decoration:none;text-shadow:none;text-transform:uppercase;transition:background-color .18s ease,transform .18s ease}.dpp-featured-builds__button[href],.dpp-featured-builds__button[href] *{cursor:pointer}.dpp-featured-builds__button:hover,.dpp-featured-builds__button:focus-visible{background:#a90005;color:#fff;transform:translateY(-1px)}.dpp-featured-builds__button--outline{border-color:currentcolor;background:#0003}.dpp-featured-builds__button--outline:hover,.dpp-featured-builds__button--outline:focus-visible{background:#0000007a}.dpp-featured-builds__button--light{border-color:#fff;background:#fff;color:#151515}.dpp-featured-builds__button--light:hover,.dpp-featured-builds__button--light:focus-visible{border-color:#ededed;background:#ededed;color:#151515}.dpp-featured-builds__accent{position:absolute;z-index:2;left:-3%;width:106%;line-height:0;pointer-events:none}.dpp-featured-builds__accent img{display:block;width:100%;height:auto;max-height:50px}.dpp-featured-builds__accent--top{top:calc(var(--dpp-build-slant-scaled, var(--dpp-build-slant)) / 2);visibility:hidden;opacity:0;transform:translateY(-50%) rotate(calc(var(--dpp-build-slant-angle, 0deg) + var(--dpp-build-top-angle)));transform-origin:center}.dpp-featured-builds--first-background-ready .dpp-featured-builds__accent--top{visibility:visible;opacity:1}.dpp-featured-builds__accent--bottom{bottom:calc(var(--dpp-build-slant-scaled, var(--dpp-build-slant)) / 2);transform:translateY(100%) rotate(calc(var(--dpp-build-slant-angle, 0deg) + var(--dpp-build-bottom-angle)));transform-origin:center}.dpp-featured-builds__empty{padding:60px 24px;background:#f3f3f3;text-align:center}@media(max-width:899px){.dpp-featured-builds{--dpp-build-mobile-card-tail: clamp(44px, 12vw, 54px);--dpp-build-responsive-logo-width: clamp( var(--dpp-build-mobile-logo-width), 70vw, var(--dpp-build-logo-width) )}.dpp-featured-builds__header{min-height:clamp(var(--dpp-build-mobile-header-height),35vw,var(--dpp-build-header-height))}.dpp-featured-builds__title{width:min(var(--dpp-build-responsive-logo-width),calc(100vw - 28px));transform:translateY(var(--dpp-build-mobile-logo-y, var(--dpp-build-logo-y, 0)))}.dpp-featured-builds__eyebrow{font-size:calc(var(--dpp-build-responsive-logo-width) * .027)}.dpp-featured-builds__eyebrow-text{letter-spacing:var(--dpp-build-mobile-eyebrow-tracking, 6px);text-indent:var(--dpp-build-mobile-eyebrow-tracking, 6px)}.dpp-featured-builds__word{margin-top:4px;font-size:calc(var(--dpp-build-responsive-logo-width) * .19);letter-spacing:var(--dpp-build-mobile-title-tracking, .18em);text-indent:var(--dpp-build-mobile-title-tracking, .18em)}.dpp-featured-builds__rows{margin-top:calc(0px - var(--dpp-build-slant))}.dpp-featured-builds__row{height:var(--dpp-build-mobile-row-height);margin-top:var(--dpp-build-panel-gap, 0px)}.dpp-featured-builds__row:first-child{margin-top:0}.dpp-featured-builds--slanted .dpp-featured-builds__row--mobile-down-right .dpp-featured-builds__background-frame{clip-path:polygon(0 0,100% var(--dpp-build-slant-scaled, var(--dpp-build-slant)),100% 100%,0 calc(100% - var(--dpp-build-slant-scaled, var(--dpp-build-slant))))}.dpp-featured-builds--slanted .dpp-featured-builds__row--mobile-down-left .dpp-featured-builds__background-frame{clip-path:polygon(0 var(--dpp-build-slant-scaled, var(--dpp-build-slant)),100% 0,100% calc(100% - var(--dpp-build-slant-scaled, var(--dpp-build-slant))),0 100%)}.dpp-featured-builds--slanted .dpp-featured-builds__row--mobile-none .dpp-featured-builds__background-frame{clip-path:none}.dpp-featured-builds__background-frame,.dpp-featured-builds__asset-clip{bottom:var(--dpp-build-mobile-card-tail)}.dpp-featured-builds__background{top:50%;height:max(var(--dpp-build-scene-height),calc(var(--dpp-build-mobile-row-height) - var(--dpp-build-mobile-card-tail)));transform:translate(calc(0% - var(--dpp-build-bg-x)),-50%)}.dpp-featured-builds__stage,.dpp-featured-builds__asset-stage{left:0;width:100%;transform:none}.dpp-featured-builds__truck{bottom:var(--dpp-build-mobile-truck-bottom);left:calc(50% + var(--dpp-build-mobile-truck-x));width:min(var(--dpp-build-mobile-truck-width),145vw)}.dpp-featured-builds__copy{box-sizing:border-box;top:auto;bottom:0;width:min(78%,330px);padding:13px 16px 12px;border:0 solid #d2070d;background:var(--dpp-build-mobile-copy-background, #2b2b2b);box-shadow:0 4px 12px #0000002e;transform:none}.dpp-featured-builds__row--copy-left .dpp-featured-builds__copy{right:auto;left:0;border-left-width:4px;border-radius:0 5px 5px 0;text-align:left}.dpp-featured-builds__row--copy-right .dpp-featured-builds__copy{right:0;left:auto;border-right-width:4px;border-radius:5px 0 0 5px;text-align:right}.dpp-featured-builds__build-name{font-size:clamp(26px,8vw,34px)}.dpp-featured-builds__build-model{margin:3px 0 9px;font-size:13px}.dpp-featured-builds__button{min-height:34px;padding:8px 13px 7px;font-size:11px}.dpp-featured-builds--slanted .dpp-featured-builds__row--mobile-none:is(.dpp-featured-builds__row--clip-top,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-top-left: 0;--dpp-build-clip-top-right: 0}.dpp-featured-builds--slanted .dpp-featured-builds__row--mobile-none:is(.dpp-featured-builds__row--clip-bottom,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-bottom-right: 100%;--dpp-build-clip-bottom-left: 100%}.dpp-featured-builds--slanted .dpp-featured-builds__row--mobile-down-left:is(.dpp-featured-builds__row--clip-top,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-top-left: var(--dpp-build-slant-scaled, var(--dpp-build-slant));--dpp-build-clip-top-right: 0}.dpp-featured-builds--slanted .dpp-featured-builds__row--mobile-down-left:is(.dpp-featured-builds__row--clip-bottom,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-bottom-right: calc(100% - var(--dpp-build-slant-scaled, var(--dpp-build-slant)));--dpp-build-clip-bottom-left: 100%}.dpp-featured-builds--slanted .dpp-featured-builds__row--mobile-down-right:is(.dpp-featured-builds__row--clip-top,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-top-left: 0;--dpp-build-clip-top-right: var(--dpp-build-slant-scaled, var(--dpp-build-slant))}.dpp-featured-builds--slanted .dpp-featured-builds__row--mobile-down-right:is(.dpp-featured-builds__row--clip-bottom,.dpp-featured-builds__row--clip-both) .dpp-featured-builds__asset-clip{--dpp-build-clip-bottom-right: 100%;--dpp-build-clip-bottom-left: calc(100% - var(--dpp-build-slant-scaled, var(--dpp-build-slant)))}.dpp-featured-builds__accent{left:-7%;width:114%}.dpp-featured-builds__accent--bottom{bottom:calc(var(--dpp-build-mobile-card-tail) + var(--dpp-build-slant-scaled, var(--dpp-build-slant)) / 2)}}@media(prefers-reduced-motion:reduce){.dpp-featured-builds__button,.dpp-featured-builds__copy-inner,.dpp-featured-builds__truck{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/dpp-featured-builds.css.map */