.pf-hero{--ink: #111110;--white: #FFFFFF;--accent: #E7FF3E;--border-w: 3.5px;--shadow-off: 8px;position:relative;background:var(--accent);font-family:Archivo,Noto Sans SC,sans-serif;padding:90px 80px 76px;overflow:hidden}.pf-hero__inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}@media(max-width:989px){.pf-hero{padding:56px 24px 60px}.pf-hero__inner{grid-template-columns:1fr;gap:40px}}.pf-hero__title{font-weight:900;font-size:82px;line-height:.98;color:var(--ink);margin:0 0 24px;text-transform:uppercase;letter-spacing:-.03em}@media(max-width:989px){.pf-hero__title{font-size:48px}}.pf-hero__copy{font-size:18px;font-weight:700;line-height:1.5;color:var(--ink);opacity:.72;max-width:460px;margin:0 0 32px}.pf-hero__actions{display:flex;gap:16px;flex-wrap:wrap}.pf-hero__btn{display:inline-block;padding:16px 30px;border-radius:100px;font-weight:800;font-size:15px;text-decoration:none;border:var(--border-w) solid var(--ink);box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease;text-transform:uppercase;letter-spacing:-.02em}.pf-hero__btn:hover{transform:translate(var(--shadow-off),var(--shadow-off)) rotate(0)!important;box-shadow:none}.pf-hero__btn--primary{background:var(--ink);color:var(--white);transform:rotate(-2deg)}.pf-hero__btn--secondary{background:var(--white);color:var(--ink);transform:rotate(2deg)}.pf-hero__media-wrap{position:relative}.pf-hero__frame{position:relative;aspect-ratio:1/1;background:var(--white);border:var(--border-w) solid var(--ink);border-radius:24px;box-shadow:var(--shadow-off) var(--shadow-off) 0 var(--ink);transform:rotate(3deg);display:flex;align-items:center;justify-content:center;overflow:hidden}.pf-hero__frame video,.pf-hero__frame img{width:100%;height:100%;object-fit:cover;display:block}.pf-hero__frame--empty{background:repeating-linear-gradient(45deg,var(--white),var(--white) 12px,#f0f0e8 12px,#f0f0e8 24px)}.pf-hero__frame--empty .pf-hero__placeholder-text{font-size:13px;font-weight:800;color:var(--ink);opacity:.5;text-transform:uppercase;letter-spacing:-.02em;text-align:center;padding:0 20px}.pf-hero__badge{position:absolute;top:-16px;right:2px;background:var(--ink);color:var(--accent);font-size:12px;font-weight:900;padding:9px 18px;border-radius:100px;border:2px solid var(--ink);transform:rotate(8deg);text-transform:uppercase;letter-spacing:-.02em;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-petoffers.css.map */
