.mc-workshop-hero{display:grid;min-height:var(--mc-hero-height-mobile);color:rgb(var(--color-foreground));isolation:isolate}.mc-workshop-hero__media,.mc-workshop-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.mc-workshop-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.mc-workshop-hero__overlay{z-index:1;background:rgb(var(--color-overlay) / var(--overlay-opacity));pointer-events:none}.mc-workshop-hero--full-hero.mc-workshop-hero--horizontal-left .mc-workshop-hero__overlay{background:linear-gradient(90deg,rgb(var(--color-overlay) / var(--overlay-opacity)),rgb(var(--color-overlay) / 0) 72%)}.mc-home-stack__panel--hero .mc-workshop-hero--full-hero.mc-workshop-hero--horizontal-left .mc-workshop-hero__overlay{background:linear-gradient(90deg,#000000d6 0% 60%,#000000d1 72%,#0000008c 84%,#0000)}.mc-workshop-hero--full-hero.mc-workshop-hero--horizontal-center .mc-workshop-hero__overlay{background:linear-gradient(90deg,rgb(var(--color-overlay) / 0),rgb(var(--color-overlay) / var(--overlay-opacity)),rgb(var(--color-overlay) / 0))}.mc-workshop-hero--full-hero.mc-workshop-hero--horizontal-right .mc-workshop-hero__overlay{background:linear-gradient(270deg,rgb(var(--color-overlay) / var(--overlay-opacity)),rgb(var(--color-overlay) / 0) 72%)}.mc-workshop-hero__inner{z-index:2;width:100%;min-height:inherit;display:flex;align-items:center;padding-block:clamp(4rem,9vw,9rem)}.mc-workshop-hero__content{display:flex;flex-direction:column;align-items:flex-start;width:min(100%,var(--mc-hero-content-max-width));gap:var(--mc-hero-content-spacing)}.mc-workshop-hero--horizontal-center .mc-workshop-hero__content{margin-inline:auto;align-items:center;text-align:center}.mc-workshop-hero--horizontal-right .mc-workshop-hero__content{margin-inline-start:auto;align-items:flex-end;text-align:end}.mc-workshop-hero--vertical-top .mc-workshop-hero__inner{align-items:flex-start}.mc-workshop-hero--vertical-center .mc-workshop-hero__inner{align-items:center}.mc-workshop-hero--vertical-bottom .mc-workshop-hero__inner{align-items:flex-end}.mc-workshop-hero__eyebrow{margin:0;font-size:.625rem;font-weight:600;letter-spacing:.24em;line-height:1.4;text-transform:uppercase}.mc-workshop-hero__heading{width:min(100%,var(--mc-hero-heading-max-width));margin:0;font-size:clamp(3rem,3.6vw,3.75rem);font-weight:400;letter-spacing:-.045em;line-height:1.02;text-wrap:balance;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.mc-workshop-hero:has(.mc-workshop-hero__heading:is(h1)) .mc-workshop-hero__heading{font-size:clamp(4.5rem,5.2vw,5.5rem)}.mc-workshop-hero__text{width:min(100%,var(--mc-hero-text-max-width));font-size:clamp(.95rem,1.15vw,1.125rem);line-height:1.65;opacity:.88}.mc-workshop-hero__text,.mc-workshop-hero__text>*{margin-block:0}.mc-workshop-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding-top:.5rem}.mc-workshop-hero__secondary-button{opacity:.86}@media screen and (max-width:767px){.mc-home-stack__panel--hero .mc-workshop-hero--full-hero.mc-workshop-hero--horizontal-left .mc-workshop-hero__overlay{background:linear-gradient(0deg,#000000db 0% 52%,#000000d6 68%,#0009 82%,#0000)}.mc-workshop-hero__heading{font-size:clamp(2.125rem,9vw,2.5rem)}.mc-workshop-hero:has(.mc-workshop-hero__heading:is(h1)) .mc-workshop-hero__heading{font-size:clamp(2.5rem,11vw,3rem)}.mc-workshop-hero--split-60-40,.mc-workshop-hero--split-40-60,.mc-workshop-hero--split-50-50{grid-template-rows:minmax(var(--mc-hero-height-mobile),auto) auto}.mc-workshop-hero--split-60-40 .mc-workshop-hero__media,.mc-workshop-hero--split-40-60 .mc-workshop-hero__media,.mc-workshop-hero--split-50-50 .mc-workshop-hero__media,.mc-workshop-hero--split-60-40 .mc-workshop-hero__overlay,.mc-workshop-hero--split-40-60 .mc-workshop-hero__overlay,.mc-workshop-hero--split-50-50 .mc-workshop-hero__overlay{position:relative;inset:auto;grid-row:1}.mc-workshop-hero--split-60-40 .mc-workshop-hero__inner,.mc-workshop-hero--split-40-60 .mc-workshop-hero__inner,.mc-workshop-hero--split-50-50 .mc-workshop-hero__inner{grid-row:2;min-height:0;background:rgb(var(--mc-hero-content-background))}}.mc-workshop-hero__eyebrow,.mc-workshop-hero__heading,.mc-workshop-hero__text,.mc-workshop-hero__actions{opacity:0;animation:mc-workshop-hero-fade-slide .72s cubic-bezier(.22,1,.36,1) forwards}.mc-workshop-hero__media img{animation:mc-workshop-hero-image-reveal 1.2s cubic-bezier(.22,1,.36,1) both}.mc-workshop-hero__heading{animation-delay:90ms}.mc-workshop-hero__text{animation-delay:.18s}.mc-workshop-hero__actions{animation-delay:.27s}@keyframes mc-workshop-hero-fade-slide{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes mc-workshop-hero-image-reveal{0%{opacity:.82;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media screen and (min-width:768px){.mc-workshop-hero{min-height:var(--mc-hero-height)}.mc-workshop-hero--split-60-40,.mc-workshop-hero--split-40-60,.mc-workshop-hero--split-50-50{grid-template-rows:minmax(var(--mc-hero-height),auto)}.mc-workshop-hero--split-60-40,.mc-workshop-hero--split-40-60{grid-template-columns:minmax(0,60fr) minmax(0,40fr)}.mc-workshop-hero--split-50-50{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-workshop-hero--split-60-40 .mc-workshop-hero__media,.mc-workshop-hero--split-40-60 .mc-workshop-hero__media,.mc-workshop-hero--split-50-50 .mc-workshop-hero__media{position:relative;grid-column:1;grid-row:1}.mc-workshop-hero--split-40-60 .mc-workshop-hero__media,.mc-workshop-hero--split-40-60 .mc-workshop-hero__overlay{grid-column:2}.mc-workshop-hero--split-60-40 .mc-workshop-hero__overlay,.mc-workshop-hero--split-40-60 .mc-workshop-hero__overlay,.mc-workshop-hero--split-50-50 .mc-workshop-hero__overlay{position:relative;inset:auto;grid-column:1;grid-row:1}.mc-workshop-hero--split-60-40 .mc-workshop-hero__inner,.mc-workshop-hero--split-40-60 .mc-workshop-hero__inner,.mc-workshop-hero--split-50-50 .mc-workshop-hero__inner{grid-column:2;grid-row:1;color:rgb(var(--color-foreground));background:rgb(var(--mc-hero-content-background))}.mc-workshop-hero--split-40-60 .mc-workshop-hero__inner{grid-column:1}}@media(prefers-reduced-motion:reduce){.mc-workshop-hero__eyebrow,.mc-workshop-hero__heading,.mc-workshop-hero__text,.mc-workshop-hero__actions,.mc-workshop-hero__media img{opacity:1;animation:none;transform:none}}@media screen and (min-width:1024px){.mc-factory-story__chapter{min-height:max(var(--mc-hero-height),132svh);align-items:start;overflow:visible}.mc-factory-story__chapter .mc-workshop-hero__media{position:sticky;top:var(--header-height, 0px);height:calc(100svh - var(--header-height, 0px));align-self:start;overflow:hidden}.mc-factory-story__chapter .mc-workshop-hero__inner{min-height:max(var(--mc-hero-height),132svh)}.mc-factory-story__chapter .mc-workshop-hero__content{opacity:1;transform:none}.mc-factory-story__chapter--finishes,.mc-factory-story__chapter--finishes .mc-workshop-hero__inner{min-height:var(--mc-hero-height)}.mc-factory-story__chapter--finishes .mc-workshop-hero__media{position:relative;top:auto;height:auto;align-self:stretch;overflow:hidden}}@media screen and (max-width:1023px),(prefers-reduced-motion:reduce){.mc-factory-story__chapter,.mc-factory-story__chapter .mc-workshop-hero__inner{min-height:var(--mc-hero-height-mobile)}.mc-factory-story__chapter .mc-workshop-hero__media{position:relative;top:auto;height:auto}}@media screen and (max-width:1023px){.mc-factory-story__chapter{overflow:visible}.mc-factory-story__chapter .mc-workshop-hero__media{position:sticky;z-index:0;top:var(--header-height, 0px);height:var(--mc-hero-height-mobile);max-height:68svh;overflow:hidden}.mc-factory-story__chapter .mc-workshop-hero__inner{position:relative;z-index:1;background:rgb(var(--mc-hero-content-background))}.mc-factory-story__chapter--finishes .mc-workshop-hero__media{position:relative;top:auto;height:auto;max-height:none}}@media screen and (max-width:767px){.mc-factory-story__chapter .mc-workshop-hero__media{top:max(var(--header-height, 0px),env(safe-area-inset-top));max-height:62svh}}@media(prefers-reduced-motion:reduce)and (max-width:1023px){.mc-factory-story__chapter .mc-workshop-hero__media{position:relative;top:auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/mc-workshop-hero.css.map */