.wp-studio-section{margin:0;padding:0}.wp-studio{width:100%;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:100px 60px}.wp-studio__inner{max-width:1440px;margin:0 auto}.wp-studio__eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;color:#6a6a63;margin:0 0 20px}.wp-studio__heading{font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:56px;line-height:1.1;color:#1c1c1a;margin:0 0 24px;max-width:780px}.wp-studio__heading-line1{display:inline}.wp-studio__heading-line2{display:inline;font-style:italic;color:#3d5a3f;font-weight:600}.wp-studio__subtext{font-size:17px;line-height:1.6;color:#4a4a45;max-width:560px;margin-bottom:56px}.wp-studio__subtext p{margin:0}.wp-studio__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.wp-studio__card{display:flex;flex-direction:column;text-decoration:none;border-radius:14px;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.wp-studio__card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000014}.wp-studio__card-image{width:100%;aspect-ratio:1 / 1;background:#f2ede4;overflow:hidden;border-radius:14px}.wp-studio__card-image img{width:100%;height:100%;object-fit:cover;display:block}.wp-studio__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.4}.wp-studio__card-placeholder svg{width:100%;height:100%}.wp-studio__card-body{padding:18px 4px 0}.wp-studio__card-category{font-size:11px;font-weight:600;letter-spacing:.1em;color:#9a9a91;margin:0 0 6px}.wp-studio__card-title{font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:700;color:#1c1c1a;margin:0;line-height:1.3}.wp-studio__card-description{font-size:14px;line-height:1.5;color:#6a6a63;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .25s ease,margin-top .3s ease}.wp-studio__card:hover .wp-studio__card-description{max-height:60px;opacity:1;margin-top:10px}@media screen and (max-width:1200px){.wp-studio__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:989px){.wp-studio{padding:64px 24px}.wp-studio__heading{font-size:40px}.wp-studio__grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (max-width:599px){.wp-studio__heading{font-size:30px}.wp-studio__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/the-studio-section.css.map */