:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #0a0a0a;--color-text-soft: #404040;--color-text-muted: #737373;--color-border: #e5e5e5;--color-accent: #2563eb;--color-accent-soft: #dbeafe;--color-accent-deep: #1e40af;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Poppins", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 16px 48px rgba(0,0,0,.12);--shadow-xl: 0 24px 64px rgba(0,0,0,.16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--color-surface);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);background:#ffffffe6}.logo{text-decoration:none;display:flex;align-items:center}.logo-text{font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--color-text);letter-spacing:-.03em}.logo .dot-orange{color:#f97316}.logo .dot{color:var(--color-text-muted)}@media(min-width:641px){.logo-text{font-size:2rem}}.nav{display:flex;align-items:center;gap:1.5rem}.nav-link{text-decoration:none;color:var(--color-text-soft);font-size:.9rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-text)}.nav-icon{display:flex;align-items:center;padding:.25rem;border-radius:8px;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:none;border:none;cursor:pointer}.nav-icon{overflow:visible}.nav-icon img{height:48px;width:auto;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .3s ease;transform-origin:top center;position:relative;z-index:1;border:0;outline:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.nav-icon img:hover{transform:scale(1.5) translateZ(0);filter:drop-shadow(0 8px 20px rgba(0,0,0,.3));z-index:200}.nav-cta{background:var(--color-text);color:#fff!important;padding:.5rem 1.25rem;border-radius:100px}.nav-cta:hover{background:#27272a}main{flex:1}footer{border-top:1px solid var(--color-border);padding:3rem 2rem;text-align:center;background:var(--color-surface)}.footer-mission{font-size:1rem;color:var(--color-text-soft);margin-bottom:.5rem}.footer-copy{font-size:.85rem;color:var(--color-text-muted)}.footer-copy a{color:var(--color-text-muted);text-decoration:none}.footer-copy a:hover{color:var(--color-accent)}@media(max-width:640px){.site-header{padding:1rem}.nav{gap:.75rem}.hide-mobile{display:none}}.kennel{position:fixed;bottom:40px;right:20px;width:50px;height:45px;z-index:9996;cursor:pointer;transition:transform .2s;filter:drop-shadow(2px 3px 2px rgba(0,0,0,.2))}.kennel:hover{transform:scale(1.1)}.kennel .kennel-sleeper{opacity:0;transition:opacity .3s}.kennel.occupied .kennel-sleeper{opacity:1}.kennel.occupied:after{content:"💤";position:absolute;top:-5px;right:0;font-size:16px;animation:sleepBob 2s ease-in-out infinite}@keyframes sleepBob{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-5px);opacity:1}}.throw-stick{position:fixed;bottom:30px;right:80px;width:50px;height:70px;z-index:9998;cursor:pointer;pointer-events:auto;transition:transform .1s}.throw-stick:hover{transform:scale(1.1)}.throw-stick svg{animation:stickJiggle .15s ease-in-out infinite;transform-origin:25px 56px;filter:drop-shadow(2px 3px 2px rgba(0,0,0,.25))}.throw-stick:hover svg{animation:stickJiggleFast .08s ease-in-out infinite}.throw-stick.thrown{opacity:0;pointer-events:none}@keyframes stickJiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes stickJiggleFast{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.flying-stick{position:fixed;width:70px;height:20px;z-index:10000;pointer-events:none;filter:drop-shadow(2px 3px 2px rgba(0,0,0,.25))}.flying-stick.spinning{animation:spinStick .3s linear infinite}.flying-stick.landed{animation:none;transform:rotate(15deg)}@keyframes spinStick{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sheepdog{position:fixed;width:80px;height:50px;z-index:9997;pointer-events:none;top:60%;left:-100px;opacity:0;transition:opacity .3s}.sheepdog.visible{opacity:1}.sheepdog svg{width:100%;height:100%}.sheepdog.flipped{transform:scaleX(-1)}.sheepdog.running .leg-bl{animation:dogLegBack .15s ease-in-out infinite;transform-origin:28px 42px}.sheepdog.running .leg-br{animation:dogLegBack .15s ease-in-out infinite reverse;transform-origin:35px 42px}.sheepdog.running .leg-fl{animation:dogLegFront .15s ease-in-out infinite;transform-origin:48px 42px}.sheepdog.running .leg-fr{animation:dogLegFront .15s ease-in-out infinite reverse;transform-origin:55px 42px}.sheepdog.running .tail{animation:wagTail .2s ease-in-out infinite;transform-origin:18px 28px}.sheepdog.running .ear{animation:flopEar .15s ease-in-out infinite;transform-origin:54px 18px}.sheepdog.running .tongue{animation:wagTongue .2s ease-in-out infinite}.sheepdog:not(.running) .tongue{opacity:0}.sheepdog .eye-closed{opacity:0}.sheepdog.squatting svg{transform:rotate(-12deg);transform-origin:70px 40px}.sheepdog.squatting .eye-open{opacity:0}.sheepdog.squatting .eye-closed{opacity:1}.sheepdog.squatting .tail{animation:tailLift .4s ease-in-out infinite}@keyframes tailLift{0%,to{transform:rotate(10deg)}50%{transform:rotate(25deg)}}.poop{position:fixed;font-size:20px;z-index:9996;pointer-events:none;animation:poopDrop .4s ease-out forwards}@keyframes poopDrop{0%{transform:scale(0) translateY(-10px);opacity:0}50%{transform:scale(1.2) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.poop.fade{animation:poopFade 3s ease-out forwards}@keyframes poopFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes dogLegBack{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}@keyframes dogLegFront{0%,to{transform:rotate(15deg)}50%{transform:rotate(-15deg)}}@keyframes wagTail{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes flopEar{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes wagTongue{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@media(max-width:640px){.throw-stick{bottom:20px;right:60px}.kennel{bottom:30px;right:10px}.sheepdog{width:60px;height:38px}}