.process-hero{position:relative;min-height:min(92vh,900px);display:flex;align-items:flex-end;overflow:hidden;color:rgb(var(--text-color))}.process-hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.process-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.process-hero__texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(48deg,rgb(var(--text-color) / .055) 0 2px,transparent 2px 13px)}.process-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--process-hero-overlay-opacity));z-index:1}.process-hero__slot-label{position:absolute;top:clamp(20px,3vw,36px);left:clamp(20px,4vw,56px);z-index:2;max-width:min(46ch,60%);font-family:ui-monospace,Menlo,monospace;white-space:pre-line;font-size:10px;letter-spacing:.14em;line-height:1.9;color:rgb(var(--text-color) / .4)}.process-hero__content{position:relative;z-index:1;width:100%;padding:clamp(40px,7vw,96px) clamp(20px,4vw,56px) clamp(34px,5vw,64px);display:grid;gap:clamp(26px,4vw,56px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:end}.process-hero__eyebrow{margin:0 0 clamp(18px,3vw,34px);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:rgb(var(--text-color) / .7)}.process-hero__heading{margin:0;font-weight:400;font-size:clamp(56px,11vw,168px);line-height:.9;letter-spacing:-.01em;text-transform:uppercase;color:rgb(var(--text-color));font-family:Playfair Display,Georgia,serif}.process-hero__subheading{margin:clamp(20px,3vw,34px) 0 0;font-style:italic;font-size:clamp(20px,2.6vw,34px);line-height:1.25;color:rgb(var(--text-color));font-family:Playfair Display,Georgia,serif}.process-hero__aside{max-width:440px;justify-self:end;width:100%}.process-hero__description{margin:0;font-size:clamp(14px,1.15vw,16px);line-height:2;color:rgb(var(--text-color) / .88);text-wrap:pretty}.process-hero__description p{margin:0}.process-hero__link{display:inline-flex;align-items:center;gap:14px;margin-top:clamp(26px,3.4vw,42px);padding-bottom:10px;border-bottom:1px solid rgb(var(--text-color) / .45);color:rgb(var(--text-color));font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;text-decoration:none}.process-hero__link-arrow{font-size:14px}@media screen and (max-width:999px){.process-hero__content{grid-template-columns:1fr}.process-hero__aside{justify-self:start;max-width:none}}@media screen and (max-width:749px){.process-hero__aside{justify-self:start;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/process-hero.css.map */