:root{--page-max-width: 100%;--bg: #efece3;--card-bg: transparent;--muted: rgba(0,0,0,.45);--accent-border: #d9d6cc;--card-radius: 4px;--card-gap: 22px;--card-height-desktop: 380px;--card-height-tablet: 320px;--card-height-mobile: 420px}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Satoshi,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{background:var(--bg);color:#0b0b0b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.people-section{max-width:var(--page-max-width);padding:34px 20px 60px;background:#f2f1e6;overflow:hidden}.people-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:26px}.people-heading .pre{font-size:30px;letter-spacing:.2px;color:#0b0b0b;line-height:1;font-weight:600}.people-heading .talking{font-family:Apple Garamond;font-style:italic;font-weight:400;font-size:28px;color:#0b0b0b;margin-bottom:4px;display:inline-block}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap);align-items:start}.card{background:var(--card-bg);border-radius:var(--card-radius);overflow:visible;transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s;display:flex;flex-direction:column}.card .media{width:100%;height:var(--card-height-desktop);border-radius:var(--card-radius);border:1px solid black;overflow:hidden;flex-shrink:0}.card .media img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;transition:transform .45s ease}.card .meta{padding:14px 14px 18px;display:flex;justify-content:space-between;align-items:center;position:relative}.meta .person{display:flex;flex-direction:column}.meta .person .name{font-size:16px;font-weight:600;color:#0b0b0b}.meta .person .role{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.meta .dotss{width:22px;height:22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;right:5px;bottom:45px;top:auto;left:auto;position:absolute}.people-section.active .swiper-slide:nth-child(1) .media img{transform:scale(.7) translate(-13%) translateY(-14%);border-radius:30px}.people-section.active .swiper-slide:nth-child(1) .quote-body{transform:translateY(-205%);z-index:1}.card.quote{display:flex;flex-direction:column;justify-content:flex-start;min-height:var(--card-height-desktop);padding:18px;border-radius:var(--card-radius);border:1px solid var(--accent-border);background:linear-gradient(180deg,#fbf9f3 0% 100%)}.quote-top{display:flex;gap:14px;align-items:flex-start;flex-direction:column}.quote-top .avatar{width:72px;height:72px;border-radius:10px;overflow:hidden;flex-shrink:0;box-shadow:none;border:1px solid var(--accent-border)}.quote-top .avatar img{width:100%;height:100%;object-fit:cover;display:block}.quote-body{padding-top:4px;color:#101010;font-size:15px;line-height:1.6;margin:20px;max-width:250px;transition:transform .45s ease;z-index:-1;font-weight:500;line-height:20px}.card.quote .meta{padding:16px;margin-top:auto}.card.quote.active{box-shadow:0 12px 28px #0000000f;transform:translateY(-6px);border-color:#cfc8ba}@media (max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}:root{--card-height-desktop: var(--card-height-tablet)}}@media (min-width:1400px){.card .media{height:420px}}@media (min-width:768px){.card:hover .media img{transform:scale(.7) translate(-13%) translateY(-14%);border-radius:30px}.card:hover .quote-body{transform:translateY(calc(65rem - 50em));z-index:1}}@media (max-width:768px){.card.active .media img{transform:scale(.7) translate(-13%) translateY(-14%);border-radius:30px}.card.active .quote-body{transform:translateY(calc(65rem - 50em));z-index:1}.swiper_people{padding-bottom:30px;position:relative}.swiper_people .swiper-pagination-bullet-active{background:#000}article{min-width:100%}.cards{display:flex}.people-section{padding:24px 14px 40px}.people-heading{gap:12px;margin-bottom:18px;justify-content:center}.people-heading .pre{font-size:24px}.people-heading .talking{font-size:26px}.cards{grid-template-columns:1fr;gap:18px}.card .media{height:var(--card-height-mobile);border-radius:10px}.card.quote{min-height:auto;padding:18px}.card .meta{padding:12px 12px 16px}}.quote-small-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid var(--accent-border)}
/*# sourceMappingURL=/cdn/shop/t/25/assets/people_are_talking.css.map */