:root{--ink:#23352f;--forest:#244d3e;--sage:#eaf2e8;--cream:#f8f5ee;--yellow:#e9c777}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}h1,h2,h3{font-weight:700;letter-spacing:-.045em}a{color:var(--forest)}a:hover{color:#183628}.skip-link{position:absolute;top:-100px;left:12px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.site-header{background:#fff;position:relative;z-index:10;border-bottom:1px solid #edf0ec}.navbar-brand{font-weight:800;color:var(--forest);font-size:1.4rem}.navbar-brand:hover{color:var(--forest)}.brand-icon{display:grid;place-items:center;background:var(--forest);color:#fff;width:36px;height:36px;border-radius:12px}.custom-logo{max-height:58px;width:auto}.nav-link{color:var(--ink);font-weight:600}.btn{border-radius:100px;padding:.72rem 1.45rem;font-weight:700}.btn-brand{background:var(--forest);border:2px solid var(--forest);color:#fff}.btn-brand:hover,.btn-brand:focus{background:#17372b;border-color:#17372b;color:#fff}.btn-outline-dark{border-width:2px;color:var(--forest);border-color:#a9b7ae}.hero{background:var(--cream);padding:6rem 0 5rem;overflow:hidden}.eyebrow{font-size:.77rem;letter-spacing:.18em;font-weight:800;color:#52715f;margin-bottom:1.3rem}.hero h1{font-size:clamp(3rem,6vw,5.25rem);line-height:1.05;max-width:680px}.hero-copy{font-size:1.2rem;line-height:1.7;max-width:550px;color:#596a61;margin:1.7rem 0 2rem}.hero-note{margin:2rem 0 0;font-size:.9rem;color:#596a61}.hero-art{background:#dce9d7;border-radius:47% 47% 45% 45%;aspect-ratio:1;display:grid;place-items:center;padding:6%;box-shadow:18px 18px 0 #eddfb9}.hero-art img{width:100%;height:100%;object-fit:contain}.trust-strip{background:var(--forest);color:white;padding:1.25rem 0;font-weight:600}.trust-strip span{color:var(--yellow);font-size:1.35rem;margin-right:.5rem}.section-space{padding:6rem 0}.section-head{max-width:650px;margin-bottom:2.5rem}.section-head h2,.approach h2,.contact-panel h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.12}.section-head>p:last-child,.approach p,.contact-panel p{color:#617168;line-height:1.7}.service-card{border:1px solid #e7ece5;border-radius:24px;padding:2.1rem;background:#fff;box-shadow:0 14px 40px rgba(28,59,40,.035)}.service-card h3{font-size:1.45rem;margin:1.3rem 0 .7rem}.service-card p{color:#617168;line-height:1.7;margin-bottom:0}.card-icon{height:58px;width:58px;border-radius:18px;display:grid;place-items:center;background:var(--sage);color:var(--forest);font-size:1.7rem}.approach{background:#f1f5ed}.approach p{max-width:540px}.text-link{font-weight:800;text-decoration:none;border-bottom:2px solid var(--forest);padding-bottom:5px}.steps{list-style:none;counter-reset:care;padding:0;margin:0}.steps li{counter-increment:care;display:grid;grid-template-columns:55px 1fr;column-gap:1rem;padding:1.4rem 0;border-bottom:1px solid #d5dfd2}.steps li:before{content:'0' counter(care);grid-row:1/3;color:var(--forest);font-size:1.7rem;font-weight:700}.steps strong{font-size:1.23rem}.steps span{color:#617168;margin-top:.3rem}.contact-panel{background:var(--cream);border-radius:32px;padding:3.5rem}.contact-panel h2{margin-bottom:1rem}.site-footer{background:#1d3b30;color:#e0ece2;padding:4rem 0 1rem}.site-footer a,.site-footer span{display:block;color:#d7e6d9;text-decoration:none;margin:.45rem 0}.site-footer a:hover{color:#fff}.site-footer h2{color:#fff}.footer-brand{font-size:1.6rem;font-weight:800;color:#fff!important}.footer-bottom{border-top:1px solid #476156;margin-top:3rem;padding-top:1.3rem;font-size:.85rem}.page-content{min-height:50vh}.page-content h1{margin-bottom:1.5rem}.entry-content{font-size:1.08rem;line-height:1.8}.entry-content img{max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid #bd8f2f;outline-offset:3px}@media(max-width:767px){.hero{padding:4rem 0}.section-space{padding:4rem 0}.contact-panel{padding:2.25rem}.hero-art{max-width:480px;margin:auto}.trust-strip .col-md-4{padding:.25rem}}

/* Sunshine Bird Sitter brand palette and logo treatment */
:root{--ink:#4b211b;--forest:#418b41;--sage:#fff3ba;--cream:#fff9e9;--yellow:#ffc83d;--coral:#ed6673}
body{color:var(--ink)}a{color:#8b401f}a:hover{color:#57261a}.site-header{background:#fffdfa;border-bottom-color:#f7e8c1}.navbar-brand{color:var(--ink);font-weight:800}.navbar-brand:hover{color:var(--ink)}.brand-icon{background:var(--yellow);color:#673019;border-radius:50%;font-size:1.3rem}.nav-link{color:var(--ink)}.btn-brand{background:var(--coral);border-color:var(--coral);color:#351817}.btn-brand:hover,.btn-brand:focus{background:#c94453;border-color:#c94453;color:#fff}.btn-outline-dark{border-color:#b87855;color:var(--ink)}.hero{background:radial-gradient(circle at 75% 45%,#fff2b1 0,#fff9e9 45%,#fffdf8 100%)}.hero h1{color:var(--ink)}.hero-copy,.hero-note{color:#704b3e}.eyebrow{color:#994836}.hero-art{background:#fff1c5;border-radius:50%;box-shadow:18px 18px 0 #f9d4b9;padding:4%;overflow:visible}.hero-art img{object-fit:contain;filter:drop-shadow(0 10px 12px rgba(79,33,20,.12))}.trust-strip{background:#4d8b49}.trust-strip span{color:#ffe18b}.section-head>p:last-child,.approach p,.contact-panel p,.service-card p,.steps span{color:#70564b}.service-card{border-color:#f2dfbc;box-shadow:0 14px 36px rgba(125,59,26,.06)}.card-icon{background:#fff0b3;color:#b3523d}.approach{background:#fff6dc}.steps li{border-color:#ead9aa}.steps li:before{color:#b05241}.text-link{color:#a84335;border-bottom-color:#a84335}.contact-panel{background:#fff2d4}.site-footer{background:#512821;color:#ffeddb}.site-footer a,.site-footer span{color:#f8e4d4}.footer-bottom{border-top-color:#895a4b}a:focus-visible,button:focus-visible{outline-color:#dd5666}
@media(max-width:767px){.hero-art{width:min(90%,430px)}}

.inner-hero{background:linear-gradient(115deg,#fff8dd,#ffeab6);padding:5.5rem 0 5rem}.inner-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);margin-bottom:1rem}.inner-hero p:last-child{font-size:1.2rem;max-width:630px;color:#704b3e}.about-art{max-width:460px;background:#fff1c5;border-radius:50%;padding:1.5rem}.about-art img{width:100%;height:auto}.contact-side{background:#fff3d5;border-radius:24px;padding:2.25rem}.contact-setup{padding:1rem;border-left:3px solid #bd7770;color:#704b3e}.entry-content>p:last-child{margin-bottom:0}

/* A gentle floating logo with a small cursor response on desktop. */
.hero-art{--logo-rotate-x:0deg;--logo-rotate-y:0deg;position:relative;transform:perspective(900px) rotateX(var(--logo-rotate-x)) rotateY(var(--logo-rotate-y));transition:transform .22s ease-out;will-change:transform}
.hero-art img{animation:sunshine-logo-float 5s ease-in-out infinite;transform-origin:center center}
.hero-art::before,.hero-art::after{content:'✦';position:absolute;z-index:1;color:#ed6673;pointer-events:none;animation:sunshine-twinkle 3.6s ease-in-out infinite}
.hero-art::before{font-size:1.6rem;top:7%;right:13%}
.hero-art::after{font-size:1rem;left:8%;bottom:17%;color:#d39b12;animation-delay:1.5s}
@keyframes sunshine-logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes sunshine-twinkle{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-art img,.hero-art::before,.hero-art::after{animation:none!important;transition:none!important;transform:none!important}}

.hero-art picture{display:block;width:100%;height:100%}.hero-art picture img{display:block;animation:none;width:100%;height:100%;object-fit:contain}

/* The logo remains completely still until a mouse hovers over it. */
.hero-art img{display:block;animation:none;width:100%;height:100%;object-fit:contain}.hero-art::before,.hero-art::after{content:none}.hero-art{transform:none;transition:none;will-change:auto}

/* Give the wide brand mark a readable size in the header. */
.site-header .navbar-brand{flex-shrink:0;margin-right:1rem;padding:0}
.site-header .custom-logo{display:block;width:auto;height:96px;max-height:none;max-width:min(30vw,290px);object-fit:contain}
@media(max-width:1199px){.site-header .custom-logo{height:78px;max-width:230px}}
@media(max-width:991px){.site-header .custom-logo{height:82px;max-width:min(72vw,250px)}}
@media(max-width:575px){.site-header .custom-logo{height:68px;max-width:min(72vw,205px)}}