.dr-hero{display:flex;height:calc(100vh - 80px);min-height:520px}.dr-hero__panel{position:relative;overflow:hidden;cursor:pointer;display:block;flex:1;text-decoration:none;transition:flex .65s cubic-bezier(.4,0,.2,1)}.dr-hero__panel:hover{flex:1.75}.dr-hero__panel:not(:hover){flex:.625}.dr-hero:not(:hover) .dr-hero__panel{flex:1}.dr-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .9s cubic-bezier(.25,.46,.45,.94)}.dr-hero__panel:hover .dr-hero__image{transform:scale(1.06)}.dr-hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#140e0ac7,#00000038 55%,#0000000a);opacity:.82;transition:opacity .5s ease}.dr-hero__panel:hover .dr-hero__gradient{opacity:1}.dr-hero__num{position:absolute;top:28px;right:28px;font-family:var(--dr-font-sans);font-size:10px;letter-spacing:.3em;color:#ffffff59;-webkit-user-select:none;user-select:none}.dr-hero__vertical{position:absolute;left:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;-webkit-user-select:none;user-select:none}.dr-hero__line{width:1px;height:40px;background-color:#ffffff40;transition:height .5s ease}.dr-hero__panel:hover .dr-hero__line{height:60px}.dr-hero__vertical-text{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--dr-font-sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 6px rgba(0,0,0,.2)}.dr-hero__content{position:absolute;bottom:56px;left:56px;right:32px}.dr-hero__title{font-family:var(--dr-font-serif);color:#fff;line-height:1.05;font-size:clamp(1.4rem,2.2vw,2.2rem);font-weight:400;transition:font-size .5s ease;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.3);white-space:nowrap}.dr-hero__panel:hover .dr-hero__title{font-size:clamp(1.6rem,2.6vw,2.6rem)}.dr-hero__subtitle{font-family:var(--dr-font-display);font-style:italic;color:#fff;font-size:1.6rem;margin-top:12px;opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease;text-shadow:0 2px 10px rgba(0,0,0,.25)}.dr-hero__panel:hover .dr-hero__subtitle{opacity:1;transform:translateY(0)}.dr-hero__cta{margin-top:20px;opacity:0;transform:translateY(10px);transition:opacity .5s ease 75ms,transform .5s ease 75ms}.dr-hero__panel:hover .dr-hero__cta{opacity:1;transform:translateY(0)}.dr-hero__cta-text{display:inline-flex;align-items:center;gap:8px;font-family:var(--dr-font-sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px;transition:border-color .3s ease}.dr-hero__cta-text:hover{border-color:#fff}@media screen and (max-width:749px){.dr-hero{flex-direction:column;height:auto;min-height:auto;gap:2px}.dr-hero__panel{flex:none!important;height:220px;width:100%!important;overflow:hidden;position:relative}.dr-hero__panel:hover{flex:none!important}.dr-hero__panel:not(:hover){flex:none!important}.dr-hero__image{object-position:center 30%}.dr-hero__vertical,.dr-hero__num{display:none}.dr-hero__content{bottom:20px;left:16px;right:16px}.dr-hero__subtitle,.dr-hero__cta{opacity:1;transform:translateY(0)}.dr-hero__title{font-size:1.3rem!important;white-space:normal;text-shadow:0 1px 8px rgba(0,0,0,.4);margin:0}.dr-hero__subtitle{font-size:.85rem;margin-top:4px;text-shadow:0 1px 6px rgba(0,0,0,.3)}.dr-hero__cta{margin-top:10px}.dr-hero__cta-text{font-size:9px}.dr-hero__gradient{background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.1) 60%,transparent 100%)!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/dr-hero.css.map */