.petgross-story-page{margin:0 auto;overflow:hidden}.petgross-story-page .petgross-story-hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:2em;gap:2em;max-width:var(--content-box-width);margin:0 auto;padding:5em 0 2em}.petgross-story-page .petgross-story-hero .left-side{position:relative}.petgross-story-page .petgross-story-hero .image-area{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;background-position:50%}.petgross-story-page .petgross-story-hero .image-area img{width:100%;height:100%;object-fit:cover}.petgross-story-page .petgross-story-hero .right-side{display:flex;flex-direction:column}.petgross-story-page .petgross-story-hero .logo-area{margin-bottom:.5em;align-self:flex-start}.petgross-story-page .petgross-story-hero .logo-area img{width:120px}.petgross-story-page .petgross-story-hero .subtitle-area{color:#475569;font-size:var(--font-18);text-align:left;letter-spacing:1.5px;text-transform:uppercase}.petgross-story-page .petgross-story-hero .seo-h{line-height:1.2;color:#1e293b;font-weight:500;text-align:left;margin-top:0!important}.petgross-story-page .petgross-story-hero .colored-text{color:#4caf50}.petgross-story-page .petgross-story-hero .button-area{margin-bottom:1.5em;margin-top:.5em}.petgross-story-page .petgross-story-hero .button-primary{font-size:var(--font-18);font-weight:400;align-items:center;border-radius:10px;padding:.7em 1.5em;box-shadow:0 1px 6px 0 #7ebf5975;background:var(--main-green-gradient);color:#fff}.petgross-story-page .petgross-story-hero .button-primary:hover{box-shadow:var(--button-hover-shadow)}.petgross-story-page .petgross-story-hero .description-area{background:#f8fafc;border-radius:8px;border:1px solid #d0d0d0;padding:.5em .8em;display:flex;gap:.5em;text-align:left}.petgross-story-page .petgross-story-hero .use-case-area{flex:1.5 1}.petgross-story-page .petgross-story-hero .industry-area{flex:1 1}.petgross-story-page .petgross-story-hero .industry-area>div:first-child,.petgross-story-page .petgross-story-hero .use-case-area>div:first-child{display:flex;align-items:center;gap:.5em;margin-bottom:.75em}.petgross-story-page .petgross-story-hero .text{color:#1e293b;font-weight:500}.petgross-story-page .petgross-story-hero .text-area{color:#64748b;font-size:var(--font-16);line-height:1.5}.petgross-story-page .petgross-story-hero .line{width:1px;background:#e2e8f0}@media (max-width:1280px){.petgross-story-page .petgross-story-hero{width:90%;gap:2em}}@media (max-width:1000px){.petgross-story-page .petgross-story-hero{grid-template-columns:1fr;padding:3em 0 2em}.petgross-story-page .petgross-story-hero .right-side{padding:0 1em}.petgross-story-page .petgross-story-hero .seo-h{font-size:var(--font-28)}}@media (max-width:768px){.petgross-story-page .petgross-story-hero .description-area{flex-direction:column;gap:1.5em}.petgross-story-page .petgross-story-hero .line{width:100%;height:1px}}@media (max-width:480px){.petgross-story-page .petgross-story-hero{padding:2em 1em}.petgross-story-page .petgross-story-hero .seo-h{font-size:var(--font-24)}.petgross-story-page .petgross-story-hero .button-primary{width:100%}}.petgross-story-kpi-brand{position:relative;background:linear-gradient(90deg,#004f7a 2%,#18afc3 31%,#00b7e0 47%,#0f7fa8 70%,#005e7a 95%);margin:4em 0;padding:2.5em;display:flex;justify-content:space-around;gap:2em;text-align:left;overflow:hidden}.kpi-lines-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.4}.petgross-story-kpi-brand>:not(.kpi-lines-svg){position:relative;z-index:2}.value-area{font-size:var(--font-28);font-weight:500;color:#fff;margin-bottom:.5em}.campaign-title{font-size:var(--font-18);color:hsla(0,0%,100%,.9);line-height:1.4}.creator-area-grid-lines{position:relative;width:100%;padding:2em 0 6em;background-image:linear-gradient(hsla(0,0%,66%,.09) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,66%,.09) 1px,transparent 0);background-size:80px 80px}.creator-area{display:flex;align-items:stretch;max-width:var(--content-box-width);width:90%;margin:0 auto;gap:2em;position:relative;border:1px solid #e2e8f0;border-bottom:none;border-radius:.5em;background:linear-gradient(90deg,#fff,#f8fafc);min-height:350px;z-index:1}.creator-area:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.6em;background:var(--petgross-blue-gradient);border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.creator-area .quote-area{flex:1 1;display:flex;flex-direction:column;gap:2em;padding-left:2em}.creator-area .quote-area img{width:42px;height:42px;object-fit:contain;flex-shrink:0;margin-top:.5em}.creator-area .quote-area .text{display:flex;flex-direction:column;text-align:left}.creator-area .quote-area .text .quote-text p{font-size:var(--font-22)}.creator-area .quote-area .quote-text .colored-text{color:#16a34a}.creator-area .quote-area .creator-name{font-size:var(--font-22);font-weight:500;color:#1e293b;margin-top:2em}.creator-area .quote-area .creator-title{font-size:var(--font-22);margin-bottom:2em}.creator-area .creator-image-area{width:400px;height:400px;position:relative;flex-shrink:0}.creator-area .creator-image-area img{width:100%;height:100%;object-fit:cover;border-radius:.5em}.creator-area.second-quote{display:flex;flex-direction:row;align-items:flex-start;border:1px solid #e2e8f0;border-radius:.5em;padding:2em;margin:4em auto;background:linear-gradient(90deg,#fff,#f8fafc)}.creator-area.second-quote .quote-area{flex:1 1;display:flex;background:none;padding:0;height:auto}.creator-area.second-quote .quote-area img{width:42px;height:42px}.creator-area.second-quote .quote-area .text{display:flex;flex-direction:column}.creator-area.second-quote .quote-text{font-size:var(--font-22);line-height:1.5;color:#1e293b}.creator-area.second-quote .quote-text p{margin-bottom:1em}.creator-area.second-quote .quote-text .colored-text{color:#16a34a}.creator-area.second-quote .creator-name{font-size:var(--font-22);font-weight:500;color:#1e293b}.creator-area.second-quote .creator-title{font-size:var(--font-22);color:#64748b}.creator-area.second-quote .petgross-logo-area{display:flex;align-self:self-end;padding-left:2em;justify-content:center;min-width:200px}.second-creator-area{display:flex;align-items:flex-start;border:1px solid #e2e8f0;border-left:none;border-radius:4px;padding:2.5em;margin:4em auto;background:#fff;gap:2em;max-width:var(--content-box-width);width:90%;position:relative}.second-creator-area:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#c75700,#fdbf42);border-top-left-radius:4px;border-bottom-left-radius:4px}@media (max-width:1200px){.creator-area{gap:3em}.creator-area .creator-image-area{width:400px;height:400px}.creator-area .quote-area .quote-text{font-size:18px}.petgross-story-kpi-brand{margin:2em -60px;padding:2.5em 60px;gap:1.5em}}@media (max-width:1000px){.creator-area{flex-direction:column;margin:4em auto;gap:3em}.creator-area .quote-area{order:2;text-align:center;flex-direction:column;padding-right:2em}.creator-area .quote-area img{margin:0 auto}.creator-area .creator-image-area{order:1;width:100%;max-width:300px;height:auto;aspect-ratio:1;margin:0 auto}.creator-area.second-quote{flex-direction:column;text-align:center}.creator-area.second-quote .quote-area{flex-direction:column;align-items:center}.creator-area.second-quote .petgross-logo-area{padding-left:0;padding-top:2em;align-self:center;justify-content:center}.petgross-story-kpi-brand{margin:2em -40px;padding:2.5em 40px;flex-direction:column;align-items:center;text-align:center;gap:2em}}@media (max-width:768px){.creator-area{margin:3em auto;gap:2em}.creator-area .quote-area .quote-text{font-size:16px}.creator-area .quote-area .creator-name{font-size:18px}.creator-area .quote-area .creator-title{font-size:14px}.creator-area .creator-image-area{max-width:350px}.creator-area.second-quote{padding:2em}.petgross-story-kpi-brand{margin:2em -20px;padding:2em 20px}}@media (max-width:480px){.creator-area{width:95%}.creator-area .creator-image-area{max-width:300px;padding:2em 0}.creator-area .quote-area{padding:2em}.petgross-story-kpi-brand{margin:2em -15px;padding:1.5em 15px;gap:1.5em}}.petgross-story__blue-quote{position:relative;background:var(--petgross-blue-gradient);padding:1em;text-align:center;color:#fff;margin-bottom:5em}.petgross-story__blue-quote-image{display:flex;justify-content:center;margin-bottom:1em}.petgross-story__blue-quote-image img{width:48px;height:48px;filter:brightness(0) invert(1)}.petgross-story__blue-quote-text p{font-size:var(--font-22);line-height:1.6;color:hsla(0,0%,100%,.95);max-width:var(--content-box-width);margin:0 auto 2em}.petgross-story__blue-quote-author{font-size:var(--font-22);font-weight:500;margin-bottom:.5em}.petgross-story__blue-quote-title{font-size:var(--font-18);color:hsla(0,0%,100%,.9)}@media (max-width:768px){.petgross-story__blue-quote{padding:3em 2em}.petgross-story__blue-quote-author,.petgross-story__blue-quote-text{font-size:var(--font-18)}.petgross-story__blue-quote-title{font-size:var(--font-16)}}@media (max-width:480px){.petgross-story__blue-quote{padding:2em 1.5em}}.blue-quote-benefits .quote-content{max-width:var(--content-box-width);margin:0 auto}.blue-quote-benefits .quote-text{font-size:var(--font-22);line-height:1.6;margin:2em 0;color:hsla(0,0%,100%,.95)}.blue-quote-benefits .quote-author{font-size:var(--font-22);font-weight:500;margin-bottom:.5em}.blue-quote-benefits .quote-title{font-size:var(--font-18);color:hsla(0,0%,100%,.9)}@media (max-width:768px){.blue-quote-benefits .quote-author,.blue-quote-benefits .quote-text{font-size:var(--font-18)}.blue-quote-benefits .quote-title{font-size:var(--font-16)}}.tackling-benefits{max-width:var(--content-box-width);margin:0 auto}.tackling-benefits .tackling-image{width:100%;height:auto;border-radius:8px}@media (max-width:768px){.tackling-benefits{padding:2em 1em}}.gray-button-area{background:#7b7b7b;padding:1em 2em;margin-bottom:4em;display:flex;justify-content:center;gap:1em}.gray-button-area .button-primary{background:#fff;color:#7b7b7b;padding:.7em 1.5em;border-radius:10px;font-size:var(--font-18);border:none;cursor:pointer}.gray-button-area .button-secondary{background:#7b7b7b;color:#fff;padding:.7em 1.5em;border-radius:10px;font-size:var(--font-18);border:1px solid #e2e8f0;cursor:pointer}.gray-button-area .button-primary:hover,.gray-button-area .button-secondary:hover{box-shadow:var(--button-hover-shadow)}.button-share-container{display:flex;align-items:center;gap:24px}