.hph,.hph *{box-sizing:border-box}.hph{padding:68px 0;background:var(--hph-bg);color:var(--hph-text)}.hph__container{width:min(calc(100% - 26px),1240px);margin:0 auto}.hph__grid{display:grid;grid-template-columns:1fr;gap:34px}.hph__media{position:relative;overflow:hidden;border-radius:var(--hph-radius);background:#f0f1f4}.hph__media picture{display:block;width:100%;height:100%}.hph__media img{display:block;width:100%;aspect-ratio:4 / 4.6;object-fit:cover;transition:transform .5s ease}.hph__placeholder{width:100%;aspect-ratio:4 / 4.6;background:radial-gradient(circle at 25% 20%,rgba(52,57,125,.2),transparent 32%),linear-gradient(135deg,#e9eaf2,#f6f6f8)}.hph__image-label{position:absolute;right:16px;bottom:16px;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#14162d59;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hph__content{align-self:center}.hph__eyebrow{display:block;margin-bottom:12px;color:var(--hph-accent);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hph__content h2{max-width:650px;margin:0;color:var(--hph-text);font-size:var(--hph-title-mobile);font-weight:800;line-height:.98;letter-spacing:-.045em}.hph__text{max-width:620px;margin-top:20px;color:var(--hph-muted);font-size:16px;line-height:1.7}.hph__text p{margin:0 0 14px}.hph__text p:last-child{margin-bottom:0}.hph__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;margin-top:26px;padding:14px 22px;border-radius:999px;background:var(--hph-button-bg);color:var(--hph-button-text);font-size:15px;font-weight:800;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.hph__button svg{width:19px;height:19px;transition:transform .25s ease}@media(hover:hover){.hph__grid:hover .hph__media img{transform:scale(1.025)}.hph__button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #1e224626}.hph__button:hover svg{transform:translate(4px)}}@media(min-width:750px){.hph{padding:100px 0}.hph__container{width:min(calc(100% - 56px),1240px)}.hph__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:70px;align-items:center}.hph__media img,.hph__placeholder{aspect-ratio:4 / 4.2}.hph__content h2{font-size:var(--hph-title-size)}.hph__text{margin-top:24px;font-size:17px}.hph__button{min-height:56px;margin-top:30px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/home-historia-propan.css.map */