.dj-look-hero,.dj-look-hero *{box-sizing:border-box}.dj-look-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b0d0f;color:#fff;font-family:var(--font-body--family, Arial, sans-serif)}.dj-look-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.dj-look-hero .dj-look-hero__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.dj-look-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,11,.2),transparent 65%);pointer-events:none}.dj-look-hero__inner{width:100%;max-width:1920px;margin-inline:auto;min-height:clamp(390px,33.35vw,640px);padding:clamp(34px,4.9vw,82px) clamp(24px,6.2vw,120px);display:flex;flex-direction:column;justify-content:center}.dj-look-hero__copy{width:55%}.dj-look-hero .dj-look-hero__eyebrow{margin:0 0 20px;color:#e1e1e1;font-size:clamp(10px,.75vw,13px);line-height:1.5;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.dj-look-hero__eyebrow span{color:var(--dj-look-accent, #ff6a00);margin-inline:8px}.dj-look-hero .dj-look-hero__title{margin:0;padding:0;color:#fff;font-family:var(--font-heading--family, Arial, sans-serif);font-size:clamp(32px,4.15vw,77px);font-weight:750;font-style:normal;line-height:1.08;letter-spacing:-.045em;text-transform:none;text-wrap:initial;overflow-wrap:normal}.dj-look-hero__title>span{display:block}.dj-look-hero .dj-look-hero__title-accent{color:var(--dj-look-accent, #ff6a00)}.dj-look-hero .dj-look-hero__description{max-width:660px;margin:17px 0 0;color:#c9c9cb;font-size:clamp(14px,1.23vw,22px);font-weight:400;line-height:1.5}.dj-look-hero .dj-look-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:20px;width:fit-content;min-height:48px;margin-top:22px;padding:13px 22px;border:1px solid var(--dj-look-accent, #ff6a00);border-radius:8px;background:var(--dj-look-accent, #ff6a00);color:#171a20;font-size:clamp(15px,1.05vw,20px);font-weight:600;line-height:1.4;text-decoration:none;transition:filter .18s ease}.dj-look-hero__button svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.dj-look-hero .dj-look-hero__button:hover{filter:brightness(1.12)}.dj-look-hero .dj-look-hero__button:focus-visible{outline:3px solid #fff;outline-offset:4px}.dj-look-hero .dj-look-hero__benefits{display:grid;grid-template-columns:1.15fr 1.03fr 1.08fr 1fr;width:62%;max-width:1050px;margin:32px 0 0;padding:0;list-style:none}.dj-look-hero__benefit{display:flex;align-items:center;gap:10px;min-width:0;padding-inline:14px;border-left:1px solid rgba(255,255,255,.24)}.dj-look-hero__benefit:first-child{border-left:0;padding-left:0}.dj-look-hero__benefit:last-child{padding-right:0}.dj-look-hero__benefit>svg{display:block;flex:0 0 clamp(25px,2.05vw,39px);width:clamp(25px,2.05vw,39px);height:clamp(25px,2.05vw,39px);color:var(--dj-look-accent, #ff6a00);fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.dj-look-hero__benefit-copy{min-width:0}.dj-look-hero__benefit-copy strong{display:block;color:#fff;font-size:clamp(11px,.84vw,16px);font-weight:700;line-height:1.3}.dj-look-hero__benefit-copy span{display:block;margin-top:4px;color:#c5c5c8;font-size:clamp(10px,.73vw,14px);line-height:1.4}@media(min-width:750px)and (max-width:1199px){.dj-look-hero__inner{padding:35px 32px;min-height:400px}.dj-look-hero__copy{width:58%}.dj-look-hero .dj-look-hero__title{font-size:clamp(31px,4.05vw,49px)}.dj-look-hero .dj-look-hero__eyebrow{margin-bottom:15px;letter-spacing:.16em}.dj-look-hero .dj-look-hero__benefits{width:62%;grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:25px}.dj-look-hero__benefit{padding:0;border:0}.dj-look-hero__benefit-copy strong{font-size:12px}.dj-look-hero__benefit-copy span{font-size:11px}.dj-look-hero:before{background:linear-gradient(90deg,rgba(5,8,11,.65),rgba(5,8,11,.3) 48%,transparent 80%)}}@media(max-width:749px){.dj-look-hero__media{height:clamp(120px,34vw,150px)}.dj-look-hero .dj-look-hero__image{object-position:88% center}.dj-look-hero:before{height:clamp(122px,calc(34vw + 2px),152px);background:linear-gradient(180deg,transparent 64%,#0b0d0f 100%)}.dj-look-hero__inner{min-height:0;padding:clamp(120px,34vw,150px) 16px 14px}.dj-look-hero__copy{width:100%}.dj-look-hero .dj-look-hero__eyebrow{margin-bottom:6px;font-size:9px;letter-spacing:.16em}.dj-look-hero__eyebrow span{margin-inline:5px}.dj-look-hero .dj-look-hero__title{font-size:clamp(23px,6.4vw,28px);line-height:1.08;letter-spacing:-.04em}.dj-look-hero .dj-look-hero__description{margin-top:8px;font-size:13px;line-height:1.35}.dj-look-hero .dj-look-hero__button{min-height:44px;padding:9px 15px;margin-top:10px;gap:16px;font-size:14px}.dj-look-hero .dj-look-hero__benefits{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16)}.dj-look-hero__benefit{gap:7px;padding:0;border:0}.dj-look-hero__benefit>svg{width:23px;height:23px;flex-basis:23px}.dj-look-hero__benefit-copy strong{font-size:12px}.dj-look-hero__benefit-copy span{margin-top:2px;font-size:10.5px}}@media(prefers-reduced-motion:reduce){.dj-look-hero .dj-look-hero__button{transition:none}}@media(min-width:750px){.dj-look-hero__inner{min-height:clamp(280px,calc(100svh - 640px),380px);padding-block:clamp(18px,2.4svh,26px)}.dj-look-hero .dj-look-hero__eyebrow{margin-bottom:11px;font-size:10px}.dj-look-hero .dj-look-hero__title{font-size:clamp(31px,2.85vw,52px);line-height:1.06}.dj-look-hero .dj-look-hero__description{margin-top:11px;font-size:clamp(14px,1.04vw,18px);line-height:1.4}.dj-look-hero .dj-look-hero__button{margin-top:15px;min-height:44px;padding:10px 19px;font-size:15px}.dj-look-hero .dj-look-hero__benefits{margin-top:20px}}@media(min-width:750px)and (max-width:1199px){.dj-look-hero__inner{padding-block:20px}.dj-look-hero .dj-look-hero__benefits{gap:12px;margin-top:18px}}@media(min-width:1200px)and (max-height:950px){.dj-look-hero__inner{min-height:0;padding-block:12px}.dj-look-hero .dj-look-hero__title{font-size:clamp(32px,2.55vw,44px)}.dj-look-hero .dj-look-hero__eyebrow{margin-bottom:8px}.dj-look-hero .dj-look-hero__description{margin-top:8px;font-size:14px}.dj-look-hero .dj-look-hero__button{margin-top:12px}.dj-look-hero .dj-look-hero__benefits{margin-top:15px}}@media(min-width:750px){.dj-look-hero__inner{min-height:clamp(280px,19.58vw,401px)}.dj-look-hero__media{left:auto;width:74%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}.dj-look-hero .dj-look-hero__image{object-fit:cover;object-position:center 55%}}@media(max-width:749px){.dj-look-hero__media{width:100%}.dj-look-hero .dj-look-hero__image{object-position:78% 48%}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/directjantes-look-hero.css.map */