.dl-hero{--dl-ease: cubic-bezier(.65,0,.35,1);position:relative;overflow:hidden;isolation:isolate;min-height:880px;box-sizing:border-box;padding:36px clamp(16px,4vw,56px) 0;background-color:var(--dl-bg);color:var(--dl-text);transition:background-color 1s var(--dl-ease),color 1s ease}.dl-hero *{box-sizing:border-box}.dl-hero .dl-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:background-color 1s var(--dl-ease)}.dl-hero .dl-top-shade{background-color:var(--dl-deep);opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 45%);mask-image:linear-gradient(180deg,#000 0%,transparent 45%)}.dl-hero .dl-sun-soft{background-color:var(--dl-sun);opacity:.35;-webkit-mask-image:linear-gradient(128deg,transparent 34%,#000 62%);mask-image:linear-gradient(128deg,transparent 34%,#000 62%)}.dl-hero .dl-sun{background-color:var(--dl-sun);-webkit-mask-image:linear-gradient(128deg,transparent 47%,#000 53%);mask-image:linear-gradient(128deg,transparent 47%,#000 53%)}.dl-hero .dl-noise{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:overlay}.dl-hero .dl-inner{position:relative;max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.dl-hero .dl-labels{display:flex;justify-content:space-between;gap:16px;font-size:13px;font-weight:500;letter-spacing:4px;text-transform:uppercase}.dl-hero .dl-h1{margin:12px 0 0;font-family:Bebas Neue,Impact,sans-serif;font-weight:400;font-size:clamp(88px,15vw,236px);line-height:.86;letter-spacing:-1px;color:var(--dl-head);transition:color 1s var(--dl-ease)}.dl-hero .dl-h1 span{display:block}.dl-hero .dl-h1 .dl-line2{display:flex;align-items:center;gap:.12em}.dl-hero .dl-rule{flex:1 1 auto;height:.035em;min-height:3px;background-color:var(--dl-head);transition:background-color 1s var(--dl-ease)}.dl-hero .dl-lower{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-end;justify-content:space-between}.dl-hero .dl-copy{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:32px;padding-bottom:48px}.dl-hero .dl-sub{margin:0;font-size:14px;font-weight:500;letter-spacing:3.5px;line-height:1.7;text-transform:uppercase}.dl-hero .dl-picker{display:flex;flex-direction:column;gap:14px}.dl-hero .dl-picker-label{font-size:13px;letter-spacing:1px}.dl-hero .dl-swatches{display:flex;gap:6px;flex-wrap:wrap}.dl-hero .dl-swatch{width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.dl-hero .dl-swatch span{width:30px;height:30px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.25);outline:2px solid transparent;outline-offset:3px;transition:outline-color .3s ease}.dl-hero .dl-swatch[aria-pressed=true] span{outline-color:var(--dl-text)}.dl-hero .dl-btn{align-self:flex-start;text-decoration:none;font-weight:600;font-size:16px;padding:16px 32px;border-radius:4px;background-color:var(--dl-text);color:var(--dl-bg);transition:background-color 1s ease,color 1s ease,opacity .2s}.dl-hero .dl-btn:hover{opacity:.85}.dl-hero .dl-bottom{font-size:12px;font-weight:500;letter-spacing:4px;text-transform:uppercase;padding-top:24px}.dl-hero .dl-stage{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;align-items:center;margin-top:clamp(-220px,-10vw,-40px);padding-bottom:32px}.dl-hero .dl-speaker-wrap{position:relative;z-index:2;width:min(330px,66%);margin-bottom:calc(min(620px,100%)/-25);filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}.dl-hero .dl-speaker{position:relative;width:100%;aspect-ratio:1000 / 1567;border-radius:15.8%/10%;overflow:hidden}.dl-hero .dl-speaker img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;z-index:1}.dl-hero .dl-speaker img.is-prev{opacity:1;z-index:2}.dl-hero .dl-speaker img.is-active{opacity:1;z-index:3}.dl-hero .dl-speaker img.is-wiping{animation:dlWipe 1s var(--dl-ease) both}.dl-hero .dl-bar{position:absolute;top:0;bottom:0;left:0;width:40%;z-index:5;opacity:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(100deg,#fff0,#ffffff26 35%,#ffffffb3,#ffffff26 65%,#fff0)}.dl-hero .dl-bar.is-sweeping{animation:dlBar 1s var(--dl-ease) both}.dl-hero .dl-stone{position:relative;z-index:1;width:min(620px,100%);aspect-ratio:900 / 343;isolation:isolate}.dl-hero .dl-stone-tint{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dl-stone);transition:background-color 1s var(--dl-ease);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dl-hero .dl-stone img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;mix-blend-mode:luminosity;filter:brightness(var(--dl-stone-b)) contrast(1.08);transition:filter 1s var(--dl-ease)}.dl-hero .dl-contact{position:absolute;border-radius:50%}.dl-hero .dl-contact--soft{left:20%;right:20%;top:4%;height:12%;background:radial-gradient(closest-side,#00000080,#0000)}.dl-hero .dl-contact--hard{left:24.5%;right:24.5%;top:9.2%;height:2.6%;background:radial-gradient(closest-side,#000000bf,#0000)}@keyframes dlWipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes dlBar{0%{transform:translate(-50%);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translate(200%);opacity:0}}@media(prefers-reduced-motion:reduce){.dl-hero .dl-speaker img.is-wiping,.dl-hero .dl-bar.is-sweeping{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/demolyd-farve-hero.css.map */