.pf-styling-guide{padding:80px 0;background:var(--pf-cream, #F7ECE0)}.pf-styling-guide__header{max-width:760px;margin:0 auto 48px;text-align:center}.pf-styling-guide__title{margin:0 0 14px;color:var(--pf-navy, #182130);font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.025em}.pf-styling-guide__subtitle{max-width:640px;margin:0 auto;color:#182130ad;font-size:16px;line-height:1.7}.pf-styling-guide__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pf-styling-card{position:relative;display:flex;min-height:230px;padding:30px;overflow:hidden;background:#fff;border:1px solid rgba(24,33,48,.09);border-radius:12px;box-shadow:0 8px 28px #18213009;transition:transform .18s ease,box-shadow .18s ease}.pf-styling-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #18213012}.pf-styling-card__accent{position:absolute;top:30px;left:30px;width:32px;height:3px;background:var(--pf-gold, #C58A3D)}.pf-styling-card__content{display:flex;flex-direction:column;width:100%;padding-top:28px}.pf-styling-card__label{margin-bottom:9px;color:#1821307a;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}.pf-styling-card__title{margin:0 0 14px;color:var(--pf-navy, #182130);font-size:21px;font-weight:500;line-height:1.35}.pf-styling-card__text{margin:0;color:#182130a8;font-size:14px;line-height:1.65}@media screen and (max-width:989px){.pf-styling-guide{padding:64px 0}.pf-styling-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.pf-styling-guide{padding:48px 0}.pf-styling-guide__header{margin-bottom:32px}.pf-styling-guide__title{font-size:28px}.pf-styling-guide__subtitle{font-size:15px;line-height:1.65}.pf-styling-guide__grid{grid-template-columns:1fr;gap:14px}.pf-styling-card{min-height:0;padding:26px}.pf-styling-card__accent{top:26px;left:26px}.pf-styling-card__content{padding-top:26px}}.pf-styling-card__title{font-weight:500}.pf-styling-card__text{max-width:46ch}
/*# sourceMappingURL=/cdn/shop/t/15/assets/pf-styling-guide.css.map */