.trio-about__page--full{max-width:none;width:100%;box-sizing:border-box;padding-left:1.5rem;padding-right:1.5rem}.trio-about__root{display:flex;flex-direction:column;width:100%;gap:var(--trio-img-gap, 6px)}.trio-about__left{min-width:0;width:100%}.trio-about__right{display:flex;flex-direction:column;min-width:0;width:100%;gap:clamp(1.2rem,2.5vw,2.4rem)}.trio-about__right-top{display:grid;grid-template-columns:1fr 1fr;width:100%;column-gap:var(--trio-img-gap, 6px);min-width:0}.trio-about__img-cell--short{min-width:0;width:100%}.trio-about__media{position:relative;width:100%;margin:0;background:rgba(var(--color-foreground),.04);overflow:hidden;border-radius:0}.trio-about__media--tall{position:relative;aspect-ratio:1 / 1.3}.trio-about__media--short{position:relative;aspect-ratio:.8 / 1;margin:0 auto}.trio-about__media--ph{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1.4}.trio-about__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;vertical-align:top}.trio-about__text{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0;box-sizing:border-box;padding-top:.2rem;align-items:flex-start;padding-left:0}.trio-about__heading{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:.02em;line-height:1.1;color:rgb(var(--color-foreground));word-break:break-word}.trio-about__body{width:100%;font-size:1.4rem;line-height:1.55;color:rgba(var(--color-foreground),.9)}.trio-about__body p{margin:0 0 .8rem}.trio-about__body p:last-child{margin-bottom:0}.trio-about__body a{color:rgb(var(--color-link));text-decoration:underline;text-underline-offset:.2em}@media screen and (min-width:750px){.trio-about__root{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--trio-img-gap, 6px)}.trio-about__left{flex:1 1 0;min-width:0;max-width:100%;display:flex;flex-direction:column}.trio-about__right{flex:1 1 0;min-width:0;max-width:100%}.trio-about__right .trio-about__media--short{max-height:none}.trio-about__left .trio-about__media--tall{flex:1 1 auto;width:100%}.trio-about__text{width:100%;padding-left:4rem}.trio-about__heading{max-width:100%}}@media screen and (min-width:750px){.trio-about__page--full{padding-left:3rem;padding-right:3rem}.trio-about__media--short{aspect-ratio:1 / 1.4}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-trio-image-about.css.map */