.people-page[data-astro-cid-spp2p3no]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.page-header[data-astro-cid-spp2p3no]{text-align:center;margin-bottom:4rem;padding-bottom:2rem;border-bottom:2px solid var(--color-border)}.page-header[data-astro-cid-spp2p3no] h1[data-astro-cid-spp2p3no]{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-accent),var(--color-milestone));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-astro-cid-spp2p3no]{font-size:1.25rem;color:var(--color-text-muted)}.people-section[data-astro-cid-spp2p3no]{margin-bottom:4rem}.people-section[data-astro-cid-spp2p3no] h2[data-astro-cid-spp2p3no]{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--color-text);text-align:center}.subsection[data-astro-cid-spp2p3no]{margin-bottom:3rem}.subsection-title[data-astro-cid-spp2p3no]{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-text-muted);text-align:center}.people-grid[data-astro-cid-spp2p3no]{display:grid;gap:2rem;justify-items:center}.couple-container[data-astro-cid-spp2p3no]{display:flex;gap:2rem;padding:2rem;background:linear-gradient(135deg,#8b5cf60d,#a855f714);border-radius:var(--border-radius);border:1px solid rgba(139,92,246,.15);transition:all .3s ease}.couple-container[data-astro-cid-spp2p3no]:hover{background:linear-gradient(135deg,#8b5cf614,#a855f71f);border-color:#8b5cf640;box-shadow:var(--shadow-md)}.parents-grid[data-astro-cid-spp2p3no]{grid-template-columns:1fr;max-width:600px;margin:0 auto}.grandparents-grid[data-astro-cid-spp2p3no]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:900px;margin:0 auto;align-items:start}.family-grid[data-astro-cid-spp2p3no]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:600px;margin:0 auto}.pets-layout[data-astro-cid-spp2p3no]{display:flex;gap:3rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.pets-grid[data-astro-cid-spp2p3no]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;flex:1;max-width:600px}.pet-family-hierarchy[data-astro-cid-spp2p3no]{display:flex;flex-direction:column;align-items:center;padding:2rem;background:linear-gradient(135deg,#3b82f60d,#60a5fa14);border-radius:var(--border-radius);border:2px solid rgba(59,130,246,.2);min-width:280px}.hierarchy-label[data-astro-cid-spp2p3no]{font-size:1.25rem;font-weight:600;color:var(--color-accent);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.pet-hierarchy-container[data-astro-cid-spp2p3no]{display:flex;flex-direction:column;align-items:center;gap:0}.hierarchy-connector[data-astro-cid-spp2p3no]{width:3px;height:40px;background:linear-gradient(to bottom,var(--color-accent),var(--color-milestone));margin:.5rem 0;position:relative}.hierarchy-connector[data-astro-cid-spp2p3no]:before{content:"▼";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);color:var(--color-milestone);font-size:1rem}.hierarchy-parent[data-astro-cid-spp2p3no],.hierarchy-child[data-astro-cid-spp2p3no]{background:var(--color-surface);padding:1rem;border-radius:var(--border-radius);border:2px solid var(--color-border);transition:all .3s ease}.hierarchy-parent[data-astro-cid-spp2p3no]{border-color:#3b82f64d}.hierarchy-child[data-astro-cid-spp2p3no]{border-color:#a855f74d}.hierarchy-parent[data-astro-cid-spp2p3no]:hover,.hierarchy-child[data-astro-cid-spp2p3no]:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.person-card[data-astro-cid-spp2p3no]{background:transparent;border:none;padding:0;cursor:pointer;text-align:center;transition:transform .3s ease;width:100%}.person-card[data-astro-cid-spp2p3no]:hover{transform:translateY(-4px)}.person-photo-container[data-astro-cid-spp2p3no]{width:250px;height:250px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;border:4px solid var(--color-border);box-shadow:var(--shadow-md);transition:all .3s ease}.person-card[data-astro-cid-spp2p3no]:hover .person-photo-container[data-astro-cid-spp2p3no]{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:scale(1.05)}.pet-card[data-astro-cid-spp2p3no] .person-photo-container[data-astro-cid-spp2p3no]{width:160px;height:160px}.person-photo[data-astro-cid-spp2p3no]{width:100%;height:100%;object-fit:cover}.person-name[data-astro-cid-spp2p3no]{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.person-relationship[data-astro-cid-spp2p3no]{font-size:1rem;color:var(--color-text-muted);font-style:italic}.pets-section[data-astro-cid-spp2p3no]{background:linear-gradient(135deg,var(--color-bg),var(--color-surface));padding:3rem 2rem;border-radius:var(--border-radius);border:1px solid var(--color-border)}@media(min-width:768px)and (max-width:1024px){.page-header[data-astro-cid-spp2p3no] h1[data-astro-cid-spp2p3no]{font-size:2.75rem}.people-section[data-astro-cid-spp2p3no] h2[data-astro-cid-spp2p3no]{font-size:1.75rem}.person-photo-container[data-astro-cid-spp2p3no]{width:180px;height:180px}.pet-card[data-astro-cid-spp2p3no] .person-photo-container[data-astro-cid-spp2p3no]{width:140px;height:140px}}@media(max-width:767px){.page-header[data-astro-cid-spp2p3no] h1[data-astro-cid-spp2p3no]{font-size:2.25rem}.subtitle[data-astro-cid-spp2p3no]{font-size:1.125rem}.people-section[data-astro-cid-spp2p3no] h2[data-astro-cid-spp2p3no]{font-size:1.5rem}.subsection-title[data-astro-cid-spp2p3no]{font-size:1.25rem}.couple-container[data-astro-cid-spp2p3no]{flex-direction:column;padding:1.5rem;gap:1.5rem;align-items:center}.parents-grid[data-astro-cid-spp2p3no]{grid-template-columns:1fr}.grandparents-grid[data-astro-cid-spp2p3no],.family-grid[data-astro-cid-spp2p3no]{grid-template-columns:1fr;gap:1.5rem}.pets-layout[data-astro-cid-spp2p3no]{flex-direction:column;gap:2rem}.pets-grid[data-astro-cid-spp2p3no]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;max-width:100%}.pet-family-hierarchy[data-astro-cid-spp2p3no]{width:100%;min-width:unset}.hierarchy-label[data-astro-cid-spp2p3no]{font-size:1.125rem}.person-photo-container[data-astro-cid-spp2p3no]{width:150px;height:150px}.pet-card[data-astro-cid-spp2p3no] .person-photo-container[data-astro-cid-spp2p3no]{width:120px;height:120px}.person-name[data-astro-cid-spp2p3no]{font-size:1.25rem}.person-relationship[data-astro-cid-spp2p3no]{font-size:.9375rem}.pets-section[data-astro-cid-spp2p3no]{padding:2rem 1rem}}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--color-surface);border-radius:var(--border-radius);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl)}.modal-close{position:absolute;top:1rem;right:1rem;background:#00000080;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.modal-close:hover{background:#000c;transform:scale(1.1)}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.modal-image-section{position:relative}.image-carousel{position:relative;width:100%;aspect-ratio:1;border-radius:var(--border-radius);overflow:hidden}.modal-image{width:100%;height:100%;object-fit:cover}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;font-size:3rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.carousel-button:hover{background:#000000e6}.carousel-button.prev{left:1rem}.carousel-button.next{right:1rem}.carousel-indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.indicator-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:all .2s ease;padding:0}.indicator-dot.active{background:#fff;transform:scale(1.2)}.modal-info-section{display:flex;flex-direction:column;gap:1.5rem}.modal-name{font-size:2.5rem;font-weight:700;color:var(--color-text);margin:0}.modal-relationship{font-size:1.25rem;color:var(--color-text-muted);font-style:italic;margin:0}.modal-bio{font-size:1.125rem;line-height:1.6;color:var(--color-text)}.modal-detail{font-size:1rem;color:var(--color-text-muted)}@media(max-width:767px){.modal-body{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.modal-name{font-size:2rem}.modal-relationship{font-size:1.125rem}.carousel-button{width:40px;height:40px;font-size:2rem}.carousel-button.prev{left:.5rem}.carousel-button.next{right:.5rem}}
