.hero.frame{width:min(var(--hero-max-width,2200px),calc(100% - var(--hero-side-margin,6vw)*2));margin-inline:auto}.hero.frame .hero__content{width:min(100%,var(--text-width,900px));container-type:inline-size}.hero.frame h1{max-width:none;font-size:min(calc(clamp(46px,5.8vw,80px)*var(--heading-scale)),11cqw)}.hero__line{display:block;white-space:nowrap}@media(max-width:900px){.hero.frame{width:100%}}@media(max-width:600px){.hero.frame .hero__content{width:100%}.hero.frame h1{font-size:min(calc(45px*var(--heading-scale)),11cqw)}}.hero__media picture{display:block;width:100%;height:100%}@media(min-width:601px){.hero.frame.hero--studio{min-height:clamp(400px,44vw,var(--hero-height,580px))}.hero.frame.hero--studio .hero__content{width:min(var(--text-width,900px),60%);padding:65px clamp(36px,5vw,var(--hero-inset,80px))}.image-story--studio .hero{min-height:clamp(500px,44vw,var(--hero-height,560px))}.image-story--studio .hero__content{max-width:46%;padding:55px clamp(30px,4vw,65px)}.image-story--studio .hero h2{font-size:clamp(34px,3.6vw,54px)}.image-story--studio .hero p:not(.eyebrow){font-size:18px}}@media(max-width:600px){.hero.frame.hero--studio .hero__media{height:min(var(--hero-mobile-height,390px),100vw);aspect-ratio:1}.hero.frame.hero--studio.hero--mobile-overlay .hero__media{height:100%;aspect-ratio:auto}.image-story--studio .hero__media img{object-position:85% center}}#shopify-section-serving .rail-track .editorial-card__media{aspect-ratio:4/3}.feature-photo--storefront img{object-position:right center}@media(max-width:900px){.image-story--studio .hero{display:block;min-height:0;background:var(--cream);color:var(--burgundy)}.image-story--studio .hero:after{display:none}.image-story--studio .hero__media{position:relative;height:auto;aspect-ratio:4/3;z-index:0}.image-story--studio .hero__media img{object-position:center}.image-story--studio .hero__content{max-width:none;padding:38px 0 43px}}@media(max-width:600px){.image-story--studio .hero h2{font-size:36px}#shopify-section-favorites .feature-photo,.feature-photo--storefront{height:auto;aspect-ratio:4/3}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hero-layout.css.map */
