.about-hero-section{background-color:var(--color-bg-card);padding:var(--space-8) 0;position:relative;border-radius:var(--radius-base);margin:var(--space-8) auto var(--space-16) auto;max-width:900px;box-shadow:var(--shadow-lg)}.about-hero-content{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:30;padding:0 var(--space-4)}.about-hero-content .icon-paw{font-size:var(--text-4xl);filter:brightness(3) invert(1)}.about-hero-title{font-family:var(--font-family-heading);font-size:var(--text-4xl);line-height:1.1;color:var(--color-text);margin-bottom:var(--space-8);font-weight:800}.about-hero-text{font-size:var(--text-sm);line-height:1.8;color:var(--color-text);margin-bottom:var(--space-4);text-align:center}.about-floating-images{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.about-img-wrap{position:absolute;border-radius:var(--radius-base);overflow:hidden;box-shadow:var(--shadow-lg)}.about-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.img-1{top:-10px;left:0;width:140px;height:180px;z-index:20}.img-2{top:10%;left:-60px;width:220px;height:280px}.img-3{top:15%;right:-90px;width:240px;height:260px}.img-4{bottom:-10px;right:-80px;width:200px;height:180px}.img-5{bottom:-20px;left:-100px;width:250px;height:180px}@media(max-width:1200px){.about-hero-section{border-radius:0;margin:var(--space-8) auto}}@media(max-width:1024px){.about-hero-section{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) 0;margin:var(--space-6) auto}.about-floating-images{position:static;width:100%;height:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-6);padding:0 var(--space-4);pointer-events:auto}.about-img-wrap{position:static;width:100%;height:auto;aspect-ratio:1 / 1;transform:none!important;box-shadow:var(--shadow-sm)}}.about-stats-container{position:relative;z-index:2}.about-stats-header{text-align:center;margin-bottom:var(--space-4)}.about-stats-title{font-family:var(--font-family-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);line-height:1.2}.about-stats-subtitle{font-family:var(--font-family-base);font-size:var(--text-base);color:var(--color-text-muted);margin:0 auto;line-height:1.7}.about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.about-stat-card{background:var(--color-bg-card);border-radius:var(--radius-base);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-md);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;cursor:default;position:relative;overflow:hidden}.about-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#8dc63f);opacity:0;transition:opacity .3s ease}.about-stat-card:hover{box-shadow:var(--shadow-lg)}.about-stat-card:hover:before{opacity:1}.about-stat-number{display:flex;align-items:baseline;justify-content:center;gap:3px;margin-bottom:var(--space-2)}.about-stat-count{font-family:var(--font-family-heading);font-size:2.6rem;font-weight:700;color:var(--color-primary);line-height:1;letter-spacing:-.02em}.about-stat-unit{font-family:var(--font-family-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-secondary);line-height:1}.about-stat-label{font-family:var(--font-family-base);font-size:var(--text-sm);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:.01em}.about-stat-desc{font-family:var(--font-family-base);font-size:var(--text-sm);color:var(--color-text);line-height:1.6;margin-bottom:var(--space-4)}.about-stat-bar{width:100%;height:4px;background:#5b7e3c1a;border-radius:100px;overflow:hidden}.about-stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#8dc63f 100%);border-radius:100px;width:0%}.about-stats-section{padding:var(--space-2) 0 0 0}@media(max-width:1024px){.about-stats-grid{grid-template-columns:repeat(2,1fr)}}.about-extra-section{position:relative;width:100vw;max-width:100%;background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;padding:var(--space-12) 0;margin-top:var(--space-12);overflow:hidden}.about-extra-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.about-extra-container{position:relative;z-index:2;padding:0 var(--space-6);max-width:800px;margin:0 auto}.about-text-content h2{font-family:var(--font-family-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);position:relative;display:inline-block}.about-text-content h2:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background-color:var(--color-primary)}.about-text-content h2:first-of-type{margin-top:0}.about-text-content p{font-family:var(--font-family-base);font-size:var(--text-sm);line-height:1.8;color:var(--color-text);margin-bottom:var(--space-4)}.about-text-content strong{color:var(--color-text);font-weight:600}.contact-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-4) 0;background-color:var(--color-text);margin:var(--space-16) auto var(--space-6) auto;border-radius:var(--radius-base)}.contact-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:0}.contact-heading{font-size:var(--text-3xl);font-weight:700;color:var(--color-bg-card);font-family:var(--font-family-heading)}.contact-description{font-size:var(--text-base);color:var(--color-bg-card);margin-bottom:var(--space-4);font-weight:500}.btn-contact{display:inline-block;padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:700;color:#fff;text-decoration:none;background:var(--color-secondary);border-radius:var(--radius-base);border:none;cursor:pointer;transition:opacity .2s ease,transform .1s ease}.btn-contact:hover{background-color:var(--color-secondary-hover)}.btn-contact:active{transform:scale(.98)}.contact-img-wrap{position:absolute;overflow:hidden}.contact-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.img-6{top:-65px;left:-65px;width:140px;height:140px;z-index:20}.img-7{bottom:-25px;right:-25px;width:140px;height:140px;z-index:20}.explore-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.explore-item{color:var(--color-text);text-decoration:none;font-size:var(--text-base);font-weight:700;font-family:var(--font-family-base);transition:color .2s ease;text-decoration:underline}.explore-item:hover{color:var(--color-primary)}@media(max-width:768px){.about-hero-section{padding:var(--space-2) var(--space-4);max-width:100%;box-shadow:none;border-radius:0;margin:var(--space-4) auto}.about-hero-title{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.about-hero-text{font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-3)}.about-floating-images{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-bottom:var(--space-4);padding:0}.about-stats-section{padding:var(--space-4) 0}.about-stats-header{margin-bottom:var(--space-4);padding:0 var(--space-4)}.about-stat-count{font-size:var(--text-3xl)}.about-stats-title{font-size:var(--text-lg)}.about-stats-subtitle{font-size:var(--text-sm)}.about-stat-desc{font-size:var(--text-xs)}.about-extra-section{padding:var(--space-4) 0;margin-top:var(--space-4)}.about-extra-container{padding:0 var(--space-4)}.about-text-content h2{font-size:var(--text-lg);margin-top:var(--space-2);margin-bottom:var(--space-2)}.about-text-content p{font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-3)}.contact-section{padding:var(--space-4);margin:var(--space-4) auto}.contact-subtitle{font-size:var(--text-sm)}.contact-heading{font-size:var(--text-lg);margin-bottom:var(--space-2)}.contact-description{font-size:var(--text-sm);margin-bottom:var(--space-2)}.btn-contact{padding:10px 20px;font-size:var(--text-sm)}.img-6{top:-20px;left:-20px;width:70px;height:70px}.img-7{bottom:-12px;right:-12px;width:70px;height:70px}.explore-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1) var(--space-4)}.explore-item{font-size:var(--text-sm);text-align:center}}
