/* Our Values — supplied image and exact responsive specification, 17 Oct 2026. */
.pv-about-page .pv-about-values{padding:45px 0!important}
.pv-about-page .pv-about-values>.pv-container{width:min(1200px,calc(100% - 48px));padding:0;max-width:1200px}
.pv-values-component{color:#090e35}
.pv-values-component .pv-values-header{position:relative;isolation:isolate;text-align:center;padding:12px 0 28px;margin:0 0 24px}
.pv-values-component .pv-values-eyebrow{display:flex;align-items:center;justify-content:center;gap:18px;color:#424762;font-size:15px;font-weight:400;letter-spacing:.25em;margin:0 0 12px;line-height:1.4}
.pv-values-eyebrow:before,.pv-values-eyebrow:after{content:'';display:block;width:32px;height:2px;background:#f0ae17}
.pv-about-page .pv-values-component .pv-values-header h2{font-size:clamp(45px,6.7vw,88px);line-height:1.04;letter-spacing:-.045em;font-weight:800;color:#070d32;margin:0 0 12px}
.pv-values-header h2 span{color:#f4ad0c}
.pv-about-page .pv-values-component .pv-values-subtitle{font-size:clamp(16px,2.2vw,27px);font-weight:400;color:#65677f;line-height:1.3;margin:0}
.pv-values-paw,.pv-values-heart{position:absolute;z-index:-1;pointer-events:none}
.pv-values-paw svg,.pv-values-heart svg{width:100%;height:100%}
.pv-values-paw{color:#fff0df;width:90px;height:100px}.pv-values-paw-left{left:1%;bottom:0;transform:rotate(-15deg)}.pv-values-paw-right{right:1%;bottom:-2px;width:64px;height:70px;transform:rotate(15deg)}
.pv-values-heart{width:52px;height:60px;color:#f3aa0a}.pv-values-heart-left{left:17%;bottom:48px;transform:rotate(-9deg)}.pv-values-heart-right{right:11%;bottom:14px;width:75px;height:85px;color:#ff9caf;transform:rotate(9deg)}
.pv-values-component .pv-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.pv-values-component .pv-values-card{--v-bg:#fffbf0;--v-disc:#ffebaf;--v-ink:#b87b0a;position:relative;isolation:isolate;min-width:0;overflow:hidden;border:0;border-radius:22px;background:var(--v-bg);min-height:230px}
.pv-values-card.pv-values-tone-1{--v-bg:#edf8fe;--v-disc:#d0eaff;--v-ink:#267abb}
.pv-values-card.pv-values-tone-2{--v-bg:#f1fbf4;--v-disc:#ddf0dc;--v-ink:#146d29}
.pv-values-card.pv-values-tone-3{--v-bg:#fff3f6;--v-disc:#ffd9e2;--v-ink:#b51651}
.pv-values-card.pv-values-tone-4{--v-bg:#f6f0ff;--v-disc:#eaddff;--v-ink:#6025a1}
.pv-values-copy{position:relative;z-index:2;width:65%;height:100%;min-height:230px;display:flex;flex-direction:column;align-items:flex-start;padding:20px 0 18px 20px;box-sizing:border-box}
.pv-values-component .pv-values-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;background:var(--v-disc);color:var(--v-ink);border-radius:50%;margin:0 0 12px;box-shadow:none}
.pv-values-icon .pv-icon{width:29px;height:29px;filter:none}
.pv-about-page .pv-values-component .pv-values-card h3{font-size:20px;line-height:1.08;font-weight:800;letter-spacing:-.025em;color:#080d31;margin:0 0 8px}
.pv-about-page .pv-values-component .pv-values-card p{font-size:15px;line-height:1.22;font-weight:400;color:#64677c;margin:0 0 14px}
.pv-values-arrow{display:grid;place-items:center;background:var(--v-disc);color:var(--v-ink);width:34px;height:34px;border-radius:50%;margin-top:auto;flex:none}.pv-values-arrow svg{width:23px;height:23px}
.pv-values-art{position:absolute;inset:0 0 0 auto;width:42%;z-index:1;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 20%)}
.pv-values-art img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center bottom!important;border-radius:0!important;opacity:1!important}
@media(min-width:1024px){.pv-values-component .pv-values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:640px) and (max-width:1023px){.pv-values-copy{min-height:245px;padding:18px 0 16px 18px}.pv-values-component .pv-values-card{min-height:245px}.pv-about-page .pv-values-component .pv-values-card h3{font-size:20px}.pv-about-page .pv-values-component .pv-values-card p{font-size:16px}.pv-values-heart-left{left:12%}.pv-values-heart-right{right:7%}}
@media(max-width:639px){
 .pv-about-page .pv-about-values{padding:24px 0!important}.pv-about-page .pv-about-values>.pv-container{width:calc(100% - 24px)}
 .pv-values-component .pv-values-header{padding:16px 0 16px;margin-bottom:18px}.pv-values-component .pv-values-eyebrow{font-size:9px;gap:10px;letter-spacing:.2em;margin-bottom:9px}.pv-values-eyebrow:before,.pv-values-eyebrow:after{width:19px;height:1px}
 .pv-about-page .pv-values-component .pv-values-header h2{font-size:44px;margin:0 0 7px}.pv-about-page .pv-values-component .pv-values-subtitle{font-size:13px}
 .pv-values-paw-left{width:32px;height:35px;left:0;bottom:0}.pv-values-paw-right{width:25px;height:28px;right:0;bottom:0}.pv-values-heart-left{width:22px;height:26px;left:3%;bottom:43px}.pv-values-heart-right{width:26px;height:32px;right:1%;bottom:38px}
 .pv-values-component .pv-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pv-values-component .pv-values-card{min-height:208px;border-radius:14px}
 .pv-values-copy{width:66%;min-height:208px;padding:12px 0 12px 10px}.pv-values-component .pv-values-icon{width:31px;height:31px;margin:0 0 9px}.pv-values-icon .pv-icon{width:20px;height:20px}
 .pv-about-page .pv-values-component .pv-values-card h3{font-size:13px;line-height:1.12;margin:0 0 7px}.pv-about-page .pv-values-component .pv-values-card p{font-size:11px;line-height:1.25;margin:0 0 9px}
 .pv-values-arrow{width:28px;height:28px}.pv-values-arrow svg{width:18px;height:18px}.pv-values-art{width:36%;top:24%;height:76%;mask-image:linear-gradient(to right,transparent,#000 17%)}
 .pv-values-art img{object-position:52% bottom!important}
}
@media(max-width:350px){.pv-values-copy{width:67%;padding-left:9px}.pv-about-page .pv-values-component .pv-values-card h3{font-size:12px}.pv-about-page .pv-values-component .pv-values-card p{font-size:10px}.pv-values-component .pv-values-card,.pv-values-copy{min-height:212px}.pv-values-component .pv-values-grid{gap:8px}.pv-about-page .pv-values-component .pv-values-header h2{font-size:38px}}
@media(hover:hover) and (min-width:1024px) and (prefers-reduced-motion:no-preference){.pv-values-card{transition:transform .18s ease,box-shadow .18s ease}.pv-values-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0a10300b}}
@media(prefers-reduced-motion:reduce){.pv-values-card{transition:none!important;animation:none!important;transform:none!important}}
@media(min-width:640px){.pv-values-copy{width:60%}.pv-values-art{width:40%}}
