.portside-intro{box-sizing:border-box;padding-top:var(--intro-padding-top);padding-bottom:var(--intro-padding-bottom);background-color:var(--intro-bg);color:var(--intro-fg)}.portside-intro--border-top{border-top:1px solid var(--intro-hairline)}.portside-intro--border-bottom{border-bottom:1px solid var(--intro-hairline)}.portside-intro__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.portside-intro__lede{box-sizing:border-box;min-width:0;padding-right:calc(var(--intro-column-gap) / 2)}.portside-intro__eyebrow{margin:0 0 2.4rem;color:var(--intro-accent);font-size:var(--intro-eyebrow-size);font-weight:400;letter-spacing:.22em;line-height:1.2;text-transform:uppercase}.portside-intro__heading{margin:0;color:inherit;font-size:min(var(--intro-display-size),12vw);font-weight:400;letter-spacing:.01em;line-height:1.1}.portside-intro__rule{display:block;width:var(--intro-rule-width);height:1px;margin-top:var(--intro-rule-gap);background-color:var(--intro-accent)}.portside-intro__body{box-sizing:border-box;min-width:0;padding-left:calc(var(--intro-column-gap) / 2);border-left:1px solid var(--intro-hairline);font-size:var(--intro-body-size);line-height:1.85}.portside-intro__body--justified{text-align:justify}.portside-intro__body>*:first-child{margin-top:0}.portside-intro__body>*:last-child{margin-bottom:0}.portside-intro__body p{margin:0 0 var(--intro-paragraph-gap)}.portside-intro__body a{color:var(--intro-accent);text-decoration:underline;text-underline-offset:.25em}.portside-intro__media{margin-top:var(--intro-media-gap);overflow:hidden}.portside-intro__media--ratio{aspect-ratio:var(--intro-ratio)}.portside-intro__image,.portside-intro__media>svg{display:block;width:100%;height:auto}.portside-intro__media--ratio .portside-intro__image,.portside-intro__media--ratio>svg{height:100%;object-fit:cover;object-position:var(--intro-focal-point, center)}.portside-intro__media>svg{background-color:var(--intro-hairline)}@media screen and (max-width:989px){.portside-intro__head{grid-template-columns:minmax(0,1fr);row-gap:var(--intro-stacked-gap)}.portside-intro__lede{padding-right:0}.portside-intro__body{padding-left:0;border-left:0}}@media screen and (max-width:749px){.portside-intro{padding-top:var(--intro-padding-top-mobile);padding-bottom:var(--intro-padding-bottom-mobile)}.portside-intro__body--justified{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/portside-intro.css.map */