.pf-table{padding:5.2rem 0 7rem}.pf-table .pf-display{max-width:16ch;font-size:clamp(4.2rem,6.4vw,7.8rem);margin:2.6rem 0 1rem}.pf-table__sub{font-family:var(--font-heading-family);font-style:italic;font-size:clamp(1.8rem,2.2vw,2.4rem);margin:0 0 4rem}.pf-table__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4.8rem;align-items:start}.pf-card{display:block;text-decoration:none;color:inherit;max-width:38rem;margin:0 auto;width:100%}.pf-card--a{transform:rotate(-1.6deg)}.pf-card--b{transform:rotate(1.2deg);margin-top:2.4rem}.pf-card--c{transform:rotate(-.8deg);margin-top:.8rem}.pf-card__paper{position:relative;background:#f9f9f7;color:#3e1638;padding:1.4rem 1.4rem 1.8rem;box-shadow:0 14px 30px #00000047;transition:transform .4s ease}.pf-card:hover .pf-card__paper{transform:translateY(-6px)}.pf-card__tape{position:absolute;left:50%;top:-1.4rem;transform:translate(-50%) rotate(-3deg);width:6.6rem;height:2.6rem;background:#e4e0d6;box-shadow:0 2px 6px #0000001f}html body .pf-card__frame{position:relative;width:100%;height:0;padding-bottom:118%;overflow:hidden;background:#3e16380d}html body .pf-card__frame img,html body .pf-card__frame svg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}.pf-card__name{font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75;margin-top:1.4rem}.pf-card__head{font-family:var(--font-heading-family);font-size:2.2rem;line-height:1.05;margin:.4rem 0 0}@media screen and (max-width:989px){.pf-table__grid{grid-template-columns:1fr;gap:4.4rem}.pf-card--a,.pf-card--b,.pf-card--c{transform:none;margin-top:0}.pf-table{padding:3.6rem 0 5rem}}.pf-band{position:relative;width:100%;overflow:hidden;line-height:0}html body .pf-band img,html body .pf-band svg{width:100%;height:var(--pf-band-h, clamp(300px, 32vw, 460px));object-fit:cover;display:block}html body .pf-band--scissors img{object-position:50% 61%}html body .pf-band--telephone img{object-position:50% 58%}html body .pf-band--folder img{object-position:50% 47%}@media screen and (max-width:749px){html body .pf-band img,html body .pf-band svg{height:var(--pf-band-h-mobile, 60vw)}html body .pf-band--scissors img{object-position:62% 61%}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/plumfolly-hero.css.map */