:root{--background:#fff;--foreground:#000;--secondary:#f8f8f8;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-family);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000001a}.masonry-grid{column-count:5;column-gap:24px;max-width:1800px;margin:0 auto}@media (max-width:1600px){.masonry-grid{column-count:4;column-gap:20px}}@media (max-width:1200px){.masonry-grid{column-count:3;column-gap:16px}}@media (max-width:768px){.masonry-grid{column-count:2;column-gap:12px}}@media (max-width:480px){.masonry-grid{column-count:1;column-gap:0}}.dog-card{break-inside:avoid;background:var(--background);cursor:pointer;isolation:isolate;border-radius:12px;width:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.dog-card:hover{transform:translateY(-4px)}.dog-card img,.dog-card video{border-radius:12px;width:100%;height:auto;display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.p-10{padding:2.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.px-12{padding-left:3rem;padding-right:3rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.z-60{z-index:60}.font-black{font-weight:900}.font-bold{font-weight:700}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.text-xs{font-size:.75rem}.uppercase{text-transform:uppercase}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.2em}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.lightbox-close{width:44px!important;height:44px!important;top:20px!important;right:20px!important}.lightbox-close svg{width:20px!important;height:20px!important}}