.dc-banner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--night);min-height:min(80vh,720px);border-bottom:1px solid var(--line-soft)}.dc-banner__copy{padding:clamp(40px,5vw,88px) clamp(20px,4vw,72px);display:flex;flex-direction:column;justify-content:center;min-width:0}.dc-banner__copy h1{font-size:clamp(46px,5.2vw,100px);margin:18px 0 22px;line-height:.95}.dc-banner__copy h1 span{display:block;color:var(--gold)}.dc-banner__copy .dc-lede{margin-bottom:30px;max-width:30em}.dc-banner__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px;background:#000;min-height:100%}.dc-banner__panel{position:relative;overflow:hidden;display:block;min-height:560px;isolation:isolate;background:#0b0b0b}.dc-banner__panel .b-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 42%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.dc-banner__wear .b-photo{filter:brightness(1.14) contrast(1.04)}.dc-banner__fuel{background:#000}.dc-banner__fuel .b-photo{left:5%;width:90%;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.dc-banner__panel:hover .b-photo{transform:scale(1.035)}.dc-banner__panel:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;z-index:1;pointer-events:none;background:linear-gradient(to top,#000000d1,#00000059 55%,#0000)}.dc-banner__label{position:absolute;left:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:2;display:flex;flex-direction:column;gap:8px}.dc-banner__label b{font:400 clamp(26px,2.6vw,44px)/1 var(--display);letter-spacing:.02em;text-transform:uppercase}.dc-banner__label span{font:700 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#f4f2ee;opacity:.85}.dc-banner__wear .dc-banner__label b{color:#fff}.dc-banner__fuel .dc-banner__label b{color:var(--gold)}@media(max-width:900px){.dc-banner{grid-template-columns:1fr;min-height:0}.dc-banner__copy{order:2;padding-top:28px;padding-bottom:44px}.dc-banner__copy h1{font-size:clamp(40px,11vw,64px);margin:12px 0 16px}.dc-banner__stage{order:1}.dc-banner__panel{min-height:0;height:min(100vw,760px)}.dc-banner__panel .b-photo{object-position:50% 45%}.dc-banner__label{left:12px;bottom:14px;gap:6px}.dc-banner__label b{font-size:24px}.dc-banner__label span{font-size:8px;letter-spacing:.14em}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/dc-banner.css.map */