.logo-spot{max-width:1440px;margin:0 auto;padding:18px 5% 58px;display:flex;pointer-events:none}.home-logo-spot{justify-content:flex-end;margin-top:-68px;position:relative;z-index:2}.yorkie-logo-spot{justify-content:center;padding-top:0}.bully-logo-spot{justify-content:flex-end;padding-top:0}.stud-logo-spot{justify-content:flex-start;padding-top:0}.pack-logo-motion{position:relative;width:clamp(220px,25vw,340px);aspect-ratio:1/1;isolation:isolate;filter:drop-shadow(0 16px 25px rgba(23,46,44,.17));overflow:visible}.pack-logo-motion>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pack-logo-base{z-index:1;border-radius:22px}.merch-brand-pair{display:flex;align-items:center;justify-content:flex-end}.merch-brand-pair .pack-logo-motion{width:min(100%,360px)}@media(max-width:1050px){.home-logo-spot{margin-top:-30px}.merch-brand-pair{justify-content:center}}@media(max-width:750px){.logo-spot{padding:8px 6% 42px}.home-logo-spot{margin-top:0;justify-content:center}.bully-logo-spot,.stud-logo-spot{justify-content:center}.pack-logo-motion{width:min(78vw,300px)}}@media(prefers-reduced-motion:reduce){}
/* Independent Canva dog layers, with the original logo restored after each lap. */
.logo-spot{flex-wrap:wrap;gap:12px}.pack-logo-motion .pack-empty{z-index:0;border-radius:22px;opacity:0}.pack-logo-motion.pack-away .pack-empty{opacity:1}.pack-logo-motion.pack-away .pack-logo-base{opacity:0}.pack-run-control{pointer-events:auto;align-self:flex-end;border:1px solid #b28d44;border-radius:30px;background:#172e2c;color:#fff8e8;font:600 12px/1.3 sans-serif;padding:11px 17px;cursor:pointer}.pack-run-control:hover{background:#34544a}.pack-run-control:focus-visible{outline:3px solid #d9ad58;outline-offset:4px}.pack-runners{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.pack-runner{position:absolute;left:0;top:0;will-change:transform;filter:drop-shadow(0 9px 5px #0003)}.pack-facing,.pack-puppet{position:relative;width:100%;height:100%}.pack-puppet{transform-origin:50% 80%}.pack-puppet img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pack-puppet.has-paws .body{clip-path:polygon(0 0,100% 0,100% 70%,69% 70%,66% 92%,32% 92%,30% 70%,0 70%)}.pack-puppet .paw-a{clip-path:polygon(0 67%,33% 67%,38% 100%,0 100%);transform-origin:24% 72%;transform:rotate(var(--paw-angle,0deg))}.pack-puppet .paw-b{clip-path:polygon(66% 67%,100% 67%,100% 100%,63% 100%);transform-origin:78% 72%;transform:rotate(calc(-1 * var(--paw-angle,0deg)))}.merch-brand-pair{flex-wrap:wrap;gap:12px}@media(prefers-reduced-motion:reduce){.pack-run-control{display:none}}
.pack-stride{position:absolute;inset:0;background-image:url('images/pack/run-sprites.svg');background-repeat:no-repeat;opacity:0;transform-origin:center bottom}

/* Swapped brand positions: the gold pack leads, All In Bully sits in the feature slot. */
.header-brand{position:relative;flex-shrink:0;padding-bottom:22px}
.header-pack-logo{width:94px;height:94px;flex-shrink:0;filter:none}
.header-pack-logo .pack-logo-base,.header-pack-logo .pack-empty{border-radius:8px}
.header-brand>.pack-run-control{position:absolute;bottom:0;left:0;padding:4px 7px;font-size:10px;white-space:nowrap}
.feature-bully-logo{width:clamp(220px,25vw,340px);flex-shrink:0}
.merch-brand-pair .feature-bully-logo{width:min(100%,360px)}
@media(max-width:750px){.header-pack-logo{width:74px;height:74px}.feature-bully-logo{width:min(78vw,300px)}}
@media(prefers-reduced-motion:reduce){.header-brand{padding-bottom:0}}
/* A centered, legible primary brand above the navigation. */
header{flex-direction:column;justify-content:center;gap:18px;padding-top:24px;padding-bottom:24px}
.header-brand{display:flex;flex-direction:column;align-items:center;padding-bottom:0}
header .site-logo-link{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;text-align:center}
.header-pack-logo{width:240px;height:240px}
header .site-name{display:none}
.header-brand>.pack-run-control{position:static;align-self:center;transform:none;margin:12px 0 0;padding:10px 16px;font-size:14px}
header nav{justify-content:center;flex-wrap:wrap;width:100%;overflow:visible}
@media(max-width:750px){header{gap:12px;padding:20px 5% 14px}.header-pack-logo{width:210px;height:210px}header nav{gap:14px;font-size:14px}}

/* Keep both hats fully visible in the wider desktop product card. */
.merch-products .merch-card .merch-hats{object-fit:contain;object-position:center;background:#fff}

/* Sparse, quiet paw trails in the page margins. */
main{position:relative}
.page-paw-accents{position:absolute;inset:0;pointer-events:none;user-select:none;overflow:hidden;z-index:1}
.page-paw-accents span{position:absolute;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:28px;line-height:1;opacity:.16;filter:grayscale(1)}
.page-paw-accents span:nth-child(1){left:.8%;top:7%;transform:rotate(-24deg)}
.page-paw-accents span:nth-child(2){right:.7%;top:23%;transform:rotate(31deg);font-size:24px}
.page-paw-accents span:nth-child(3){left:1%;top:39%;transform:rotate(17deg);font-size:23px}
.page-paw-accents span:nth-child(4){right:.8%;top:57%;transform:rotate(-32deg)}
.page-paw-accents span:nth-child(5){left:.6%;top:76%;transform:rotate(-11deg);font-size:25px}
.page-paw-accents span:nth-child(6){right:1%;top:89%;transform:rotate(24deg);font-size:22px}
@media(max-width:750px){.page-paw-accents span{font-size:16px!important;opacity:.13}.page-paw-accents span:nth-child(3),.page-paw-accents span:nth-child(6){display:none}}
/* Quiet walking trails stay inside the empty outer gutters. */
.page-paw-accents span{font-size:clamp(12px,2.5vw,28px);max-width:3.5vw;--paw-direction:1}
.page-paw-accents span:nth-child(even){--paw-direction:-1}
@media(prefers-reduced-motion:no-preference){
 .page-paw-accents span{animation:paw-walk 18s linear infinite;opacity:0}
 .page-paw-accents span:nth-child(2){animation-delay:-7s}
 .page-paw-accents span:nth-child(3){animation-delay:-13s}
 .page-paw-accents span:nth-child(4){animation-delay:-3s}
 .page-paw-accents span:nth-child(5){animation-delay:-10s}
 .page-paw-accents span:nth-child(6){animation-delay:-16s}
}
@keyframes paw-walk{
 0%,4%{opacity:0;translate:0 0}
 7%,13%{opacity:.55;translate:0 0}
 16%{opacity:0;translate:0 0}
 17%,20%{opacity:0;translate:2px calc(28px * var(--paw-direction))}
 23%,29%{opacity:.55;translate:2px calc(28px * var(--paw-direction))}
 32%{opacity:0;translate:2px calc(28px * var(--paw-direction))}
 33%,36%{opacity:0;translate:0 calc(56px * var(--paw-direction))}
 39%,45%{opacity:.55;translate:0 calc(56px * var(--paw-direction))}
 48%{opacity:0;translate:0 calc(56px * var(--paw-direction))}
 49%,52%{opacity:0;translate:2px calc(84px * var(--paw-direction))}
 55%,61%{opacity:.55;translate:2px calc(84px * var(--paw-direction))}
 64%{opacity:0;translate:2px calc(84px * var(--paw-direction))}
 65%,68%{opacity:0;translate:0 calc(112px * var(--paw-direction))}
 71%,77%{opacity:.55;translate:0 calc(112px * var(--paw-direction))}
 80%,100%{opacity:0;translate:0 calc(112px * var(--paw-direction))}
}
@media(max-width:750px){.page-paw-accents span{font-size:clamp(10px,3vw,16px)!important}}

/* More legible walking prints, still confined to the outer gutters. */
.page-paw-accents span:nth-child(n){font-size:clamp(22px,3.8vw,44px);max-width:none}
.page-paw-accents span:nth-child(odd){left:0}
.page-paw-accents span:nth-child(even){right:0}
@media(max-width:750px){.page-paw-accents span:nth-child(n){font-size:22px!important}}
@media(prefers-reduced-motion:reduce){.page-paw-accents span:nth-child(n){opacity:.45}}

.hero-visual{min-width:0}.hero-visual .photo-caption{position:static;margin:16px 0 0;padding:0;background:none;border-radius:0;text-align:center;font:inherit;color:#61716a}