:root{--cream:#fff8ec;--paper:#fffdf6;--rust:#a9472e;--pumpkin:#d87d37;--gold:#e9b958;--sage:#83966a;--brown:#473325;--cork:#b98859;--wood:#70482f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:'DM Sans',sans-serif}h1,h2,h3,h4,.brand,nav,.eyebrow,.hero-link{font-family:Fredoka,sans-serif}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:12px;z-index:99}.skip-link:focus{left:10px}.site-header{background:#fffaf1;border-bottom:4px solid var(--rust)}.header-inner{max-width:1240px;margin:auto;padding:16px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{font-size:1.5rem;font-weight:700;color:var(--rust);text-decoration:none}nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}nav a{text-decoration:none;font-weight:600;padding:9px 12px;border-radius:24px}nav a:hover,nav a.active{background:#f6e3cb;color:var(--rust)}.hero{position:relative;text-align:center;overflow:hidden;padding:72px 20px 82px;background:radial-gradient(circle at 14% 15%,#fff1be 0,transparent 28%),radial-gradient(circle at 92% 50%,#e0e7c6 0,transparent 28%),linear-gradient(135deg,#f7d7b2,#f9e6cc 55%,#e6e6cd)}.tiny-leaves{font-size:1.4rem;letter-spacing:14px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--rust);font-size:.9rem;margin:17px 0 10px;font-weight:600}.hero h1{font-size:clamp(3.2rem,8vw,6rem);line-height:1.02;margin:0}.hero h1 span{color:var(--rust)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.27rem);line-height:1.6;margin:22px auto 27px}.hero-link{display:inline-block;color:#fff;background:var(--rust);padding:13px 27px;border-radius:40px;text-decoration:none;font-weight:600;box-shadow:0 5px 0 #763221}.hero-link:hover{transform:translateY(-2px)}.hero-paw{position:absolute;opacity:.35;font-size:3.4rem;transform:rotate(-22deg)}.paw-one{left:9%;bottom:18%}.paw-two{right:9%;top:22%;transform:rotate(28deg)}.board-area{max-width:1250px;margin:0 auto;padding:60px 24px 95px}.board-intro{text-align:center;margin:0 auto 30px}.section-kicker{color:var(--rust);font-family:Fredoka,sans-serif;font-weight:600;margin:0}.board-intro h2{font-size:clamp(2rem,5vw,3rem);margin:7px 0}.board-intro>p:last-child{margin:0}.cork-frame{border:16px solid var(--wood);border-radius:14px;padding:35px 32px 48px;box-shadow:0 18px 34px #53331e38;background-color:var(--cork);background-image:repeating-linear-gradient(35deg,transparent 0,rgba(86,45,19,.045) 3px,transparent 7px),radial-gradient(#e9bc89 1px,transparent 1px);background-size:auto,6px 6px}.board-heading{display:flex;justify-content:center;align-items:center;gap:16px;color:#fff9e9;text-shadow:0 2px 3px #604027b0;margin:8px 0 32px}.board-heading h3{font-size:clamp(1.7rem,4vw,2.5rem);margin:0}.board-heading span{font-size:1.5rem}.people-grid,.cats-grid,.dogs-grid{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:30px 26px}.profile-card{width:195px;max-width:100%;position:relative;background:var(--paper);padding:26px 12px 18px;box-shadow:4px 10px 15px #4d2f2060;text-align:center;border-radius:3px;transition:transform .2s}.profile-card:hover{transform:rotate(0deg) translateY(-4px);z-index:3}.tilt-left{transform:rotate(-3deg)}.tilt-right{transform:rotate(3deg)}.tilt-left-sm{transform:rotate(-1.5deg)}.tilt-right-sm{transform:rotate(1.5deg)}.pushpin{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:17px;height:17px;border-radius:50%;box-shadow:inset -3px -3px 2px #0003,2px 4px 4px #0004;z-index:2}.pushpin.rust{background:var(--rust)}.pushpin.gold{background:var(--gold)}.pushpin.sage{background:var(--sage)}.pushpin.orange{background:var(--pumpkin)}.photo-frame{aspect-ratio:4/4.5;position:relative;background:linear-gradient(145deg,#ead4ad,#f3e9d4);overflow:hidden;border:1px solid #e5d8bf}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.photo-frame img:not([hidden])+.placeholder{display:none}.placeholder{display:grid;place-items:center;position:absolute;inset:0;color:var(--rust);font:700 5rem Fredoka,sans-serif}.profile-card h4{font-size:1.55rem;margin:14px 0 3px}.profile-card p{font-size:.82rem;margin:0;color:#765f4d}.tape-note{width:fit-content;max-width:100%;margin:55px auto 40px;padding:13px 22px;background:#fce8aa;color:#6f4727;font-family:Fredoka,sans-serif;font-weight:600;box-shadow:2px 4px 8px #0003;transform:rotate(-2deg);text-align:center}.cats-heading{margin-top:20px;margin-bottom:8px}.section-caption{text-align:center;color:#fff9ee;margin:0 0 28px;font-weight:700}.cat-photo{background:linear-gradient(140deg,#e8efdc,#f8e5c6)}.cat-photo .placeholder{font-size:4rem}.pet-card{width:204px}.memorial{border:2px dashed #fff3dcaa;border-radius:16px;margin:72px auto 0;padding:35px 22px 45px;text-align:center;background:#fffbef23}.memorial-leaves{font-size:1.5rem}.memorial h3{font-size:clamp(1.9rem,4vw,2.6rem);color:#fff8e9;margin:10px 0}.memorial-intro{max-width:550px;margin:0 auto 34px;color:#fff8ee;line-height:1.6}.remembrance{background:#fff7ed}.remembrance .placeholder{color:#a65e4b}footer{text-align:center;background:var(--brown);color:#fff6e9;padding:30px 15px}footer p{margin:0 0 12px}footer a{color:#ffde9c;text-underline-offset:4px}
@media(max-width:650px){.header-inner,nav{justify-content:center}.brand{width:100%;text-align:center}.hero{padding:55px 15px 65px}.hero-paw{display:none}.cork-frame{padding:25px 13px;border-width:10px}.board-area{padding:42px 12px 60px}.profile-card{width:min(43%,195px);padding:25px 9px 14px}.profile-card h4{font-size:1.27rem}.profile-card p{font-size:.72rem}.people-grid,.cats-grid,.dogs-grid{gap:20px 14px}.placeholder{font-size:3.4rem}.memorial{padding:28px 9px}.tiny-leaves{letter-spacing:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}