.gr-about{--gr-page-eyebrow-color: 20, 198, 176;--gr-page-description-color: 43, 57, 66;--gr-about-accent: 20, 198, 176;--gr-about-bg: 250, 255, 254;--gr-about-text: 43, 57, 66;--gr-about-muted: 97, 112, 122;background:rgb(var(--gr-about-bg));color:rgb(var(--gr-about-text))}.gr-about__page-width{max-width:min(132rem,calc(100vw - 3.2rem))}.gr-about__hero{display:grid;gap:1rem;padding-top:.4rem}.gr-about__title{margin:0;color:rgb(var(--gr-about-text));font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Arial,sans-serif;font-size:clamp(3.8rem,4.8vw,6.4rem);font-weight:400;letter-spacing:-.05em;line-height:.95;max-width:14ch}.gr-about__media{display:grid;gap:1.6rem;margin-top:3rem}.gr-about__media-image{width:100%;border-radius:2.8rem;overflow:hidden;aspect-ratio:16 / 9;background:#fffc;box-shadow:0 1.8rem 4rem #0000000f}.gr-about__media-image img{width:100%;height:100%;object-fit:cover;display:block}.gr-about__story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:3rem;align-items:start;margin-top:4.4rem}.gr-about__story-text{display:grid;gap:1.4rem}.gr-about__story-label{margin:0;color:rgba(var(--gr-about-text),.7);font-family:Neue Haas Grotesk Text Pro,Helvetica Neue,Arial,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:-.04em;text-transform:uppercase}.gr-about__story-heading{display:flex;align-items:center;gap:.8rem;margin:0;color:rgb(var(--gr-about-text));font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Arial,sans-serif;font-size:clamp(1.8rem,2vw,2.4rem);font-weight:400;letter-spacing:-.05em;line-height:1.1}.gr-about__story-heading:before{content:"";width:1rem;height:1rem;border-radius:999px;background:rgb(var(--gr-about-accent));flex:0 0 1rem}.gr-about__story-body{color:rgba(var(--gr-about-text),.84);font-family:Neue Haas Grotesk Text Pro,Helvetica Neue,Arial,sans-serif;font-size:clamp(1.6rem,1.7vw,2rem);letter-spacing:-.04em;line-height:1.5}.gr-about__story-body p{margin:0 0 1.2rem}.gr-about__story-media{width:100%;border-radius:2.8rem;overflow:hidden;background:#fffc;box-shadow:0 1.8rem 4rem #0000000f}.gr-about__story-media img{width:100%;height:auto;object-fit:contain;display:block}@media screen and (max-width:991px){.gr-about__story{grid-template-columns:1fr;gap:2.4rem}.gr-about__story-media{overflow:hidden}}@media screen and (max-width:767px){.gr-about__hero{gap:.8rem}.gr-about__media{margin-top:2.4rem}.gr-about__title{max-width:none;font-size:clamp(3rem,8vw,4rem)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-gr-about-page.css.map */