.products-page{min-height:100vh;background:var(--canvas)}
.products-intro{padding-top:clamp(170px,23vh,250px);padding-bottom:64px}
.products-intro .eyebrow{margin-bottom:18px}
.products-intro h1{font-size:clamp(64px,10vw,132px)}
.products-lead{font-size:20px;margin:20px 0 0}
.products-list{padding-bottom:112px}
.products-status{padding:32px;border:1px solid var(--rule);border-radius:16px;background:var(--surface)}
.catalog-card{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);min-height:380px;overflow:hidden;border:1px solid var(--rule);border-radius:24px;background:var(--surface)}
.catalog-card-art{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--tint);color:var(--accent)}
.catalog-card-art span{position:relative;z-index:1;font-size:clamp(82px,12vw,150px);line-height:1;font-weight:800;letter-spacing:-.09em}
.catalog-card-art i{position:absolute;width:260px;height:260px;border:1px solid currentColor;border-radius:50%;opacity:.22}
.catalog-card-art i::before,.catalog-card-art i::after{content:"";position:absolute;inset:24px;border:1px solid currentColor;border-radius:50%}
.catalog-card-art i::after{inset:48px}
.catalog-card-copy{align-self:center;padding:56px clamp(32px,6vw,88px)}
.catalog-card-copy .eyebrow{margin-bottom:22px}
.catalog-card-copy h2{font-size:clamp(42px,5vw,68px);margin-bottom:16px}
.catalog-card-copy>p:not(.eyebrow){font-size:20px;margin-bottom:24px}
.catalog-card-copy .text-action{gap:12px}
@media(max-width:700px){.products-intro{padding-top:150px;padding-bottom:48px}.products-list{padding-bottom:72px}.catalog-card{grid-template-columns:1fr}.catalog-card-art{min-height:240px}.catalog-card-art span{font-size:104px}.catalog-card-copy{padding:34px 28px 40px}}
@media(max-width:360px){.products-intro{padding-top:136px}.catalog-card-copy{padding-inline:22px}}
