.meloa-about-intro{background-color:#fff}.meloa-about-intro__header{max-width:52rem;margin:0 0 clamp(2rem,5vw,3.5rem);text-align:left}.meloa-about-intro__title{margin:0 0 clamp(1rem,2.5vw,1.5rem);font-family:var(--font-heading);font-weight:500;font-size:var(--meloa-type-h2, clamp(26px, 3.8vw, 30px));line-height:var(--meloa-lh-h2, 1.2);letter-spacing:var(--meloa-track-h, -.026em);color:var(--color-ink)}.meloa-about-intro__lead{margin:0;max-width:46rem;font-family:var(--font-heading);font-weight:500;font-size:var(--meloa-type-subtitle, clamp(17px, 1.8vw, 18px));line-height:var(--meloa-lh-subtitle, 1.45);letter-spacing:-.018em;color:var(--color-ink-soft)}.meloa-about-intro__banner{width:100%;max-width:100%;margin-left:0;margin-right:0;margin-bottom:clamp(2.25rem,6vw,4rem);padding-left:var(--page-gutter);padding-right:var(--page-gutter);box-sizing:border-box;position:relative;z-index:0}.meloa-about-intro__banner-bento{display:grid;grid-template-columns:1fr minmax(72px,32vw);grid-template-rows:minmax(0,1fr);gap:clamp(.4rem,1.8vw,1rem);align-items:stretch;height:clamp(124px,34vw,210px);max-height:min(34vw,210px);overflow:hidden;border-radius:var(--radius-lg)}.meloa-about-intro__banner-cell--primary,.meloa-about-intro__banner-cell--secondary{min-width:0;min-height:0}.meloa-about-intro__banner-media{position:relative;height:100%;max-height:none;min-height:0;aspect-ratio:unset;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface-muted);box-shadow:var(--meloa-shadow-soft)}.meloa-about-intro__banner-media img{width:100%;height:100%;max-height:100%;object-fit:cover;display:block}.meloa-about-intro__banner-media--secondary img{object-position:center 38%}@media screen and (min-width:750px){.meloa-about-intro__banner-bento{grid-template-columns:1fr minmax(140px,26vw);gap:clamp(.65rem,1.2vw,1rem);height:clamp(168px,19vw,300px);max-height:min(19vw,300px);border-radius:var(--radius-xl)}.meloa-about-intro__banner-media{border-radius:var(--radius-xl)}}.meloa-about-intro__banner+.meloa-container{position:relative;z-index:1}.meloa-about-intro__grid{display:grid;gap:clamp(2.25rem,5vw,3.5rem);align-items:start}@media screen and (min-width:990px){.meloa-about-intro__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.75fr);gap:clamp(2.5rem,5vw,4rem)}}.meloa-about-intro__story{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.35rem);padding-bottom:.25rem}.meloa-about-intro__statement{margin:0;font-family:var(--font-heading);font-weight:500;font-size:var(--meloa-type-h3, clamp(20px, 3.2vw, 24px));line-height:var(--meloa-lh-h3, 1.22);letter-spacing:var(--meloa-track-h3, -.02em);color:var(--color-ink)}.meloa-about-intro__body{color:var(--color-muted);max-width:52ch}.meloa-about-intro__body p{margin:0 0 1rem;font-size:var(--meloa-type-body, clamp(16px, .35vw + 15.2px, 18px));line-height:var(--meloa-lh-body, 1.65)}.meloa-about-intro__body p:last-child{margin-bottom:0}.meloa-about-intro__cta{align-self:flex-start;margin-top:clamp(.35rem,2vw,.75rem)}.meloa-about-intro__pillars{border-top:1px solid var(--color-border);padding-top:clamp(1.75rem,4vw,2.25rem)}@media screen and (min-width:990px){.meloa-about-intro__pillars{border-top:none;padding-top:0;border-left:1px solid var(--color-border);padding-left:clamp(2rem,4vw,3rem);margin-top:.15rem}}.meloa-about-intro__pillar{padding:clamp(1.15rem,2.5vw,1.5rem) 0;border-top:1px solid var(--color-border)}.meloa-about-intro__pillar:first-child{border-top:none;padding-top:0}@media screen and (min-width:990px){.meloa-about-intro__pillar:first-child{padding-top:0}.meloa-about-intro__pillar{padding:clamp(1.25rem,2.5vw,1.65rem) 0}}.meloa-about-intro__pillar-header{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:.5rem}.meloa-about-intro__pillar-dot{flex-shrink:0;width:6px;height:6px;margin-top:.45rem;border-radius:50%;background:var(--color-clay);opacity:.85}.meloa-about-intro__pillar-title{margin:0;font-family:var(--font-heading);font-size:var(--meloa-type-small, clamp(13px, .22vw + 12.6px, 14px));font-weight:600;letter-spacing:var(--meloa-track-label-wide, .08em);text-transform:uppercase;color:var(--color-ink)}.meloa-about-intro__pillar-text{margin:0;padding-left:calc(6px + .65rem);font-size:var(--meloa-type-body-sm, clamp(15px, .25vw + 14.5px, 16px));line-height:var(--meloa-lh-body, 1.65);color:var(--color-muted)}@media screen and (min-width:990px){.meloa-about-intro__pillar-text{max-width:38ch}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-about-intro.css.map */