.tp-about-hero{background:var(--tp-color-bg);padding:48px 32px 88px}.tp-about-hero__container{max-width:var(--tp-max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.tp-about-hero__eyebrow{text-align:left;margin-bottom:20px}.tp-about-hero__title{font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--tp-color-dark);margin-bottom:20px}.tp-about-hero__text{font-size:15.5px;line-height:1.7;color:var(--tp-color-text-muted);margin-bottom:16px}.tp-about-hero__text:last-child{margin-bottom:0}.tp-about-hero__media{width:100%}.tp-about-hero__img{width:100%;height:100%;object-fit:cover;border-radius:24px;display:block}.tp-about-values{background:var(--tp-color-bg-soft);padding:88px 32px}.tp-about-values__container{max-width:var(--tp-max-width);margin:0 auto}.tp-about-values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tp-about-value-card{background:var(--tp-color-white);border:1px solid var(--tp-color-border);border-radius:20px;padding:32px 24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.tp-about-value-card:hover{transform:translateY(-4px);box-shadow:var(--tp-shadow-medium)}.tp-about-value-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:var(--tp-color-accent-light);font-size:22px}.tp-about-value-card__title{font-size:16px;font-weight:700;color:var(--tp-color-dark);margin-bottom:10px}.tp-about-value-card__text{font-size:13.5px;line-height:1.6;color:var(--tp-color-text-muted)}.tp-about-cta{background:var(--tp-color-brown-deep);padding:72px 32px;text-align:center}.tp-about-cta__container{max-width:560px;margin:0 auto}.tp-about-cta__title{font-size:clamp(24px,2.8vw,32px);font-weight:800;letter-spacing:-.02em;color:var(--tp-color-white);margin-bottom:12px}.tp-about-cta__text{font-size:15px;color:#ffffffbf;margin-bottom:28px}@media(max-width:900px){.tp-about-hero{padding:32px 20px 64px}.tp-about-hero__container{grid-template-columns:1fr;gap:32px}.tp-about-hero__eyebrow,.tp-about-hero__title,.tp-about-hero__text{text-align:center}.tp-about-hero__media{order:-1}.tp-about-values{padding:64px 20px}.tp-about-values__grid{grid-template-columns:repeat(2,1fr);row-gap:24px}.tp-about-cta{padding:56px 20px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/toudoupet-about.css.map */