*{box-sizing:border-box}html,body{width:100%;margin:0;padding:0}#app{width:100%;max-width:none;margin:0;padding:0}.hero{text-align:center;color:#fff;background-image:linear-gradient(#13211f59,#13211f80),url(/pet-sitting-hero.jpg);background-position:50%;background-size:cover;place-items:center;min-height:85vh;padding:2rem;display:grid}.hero-content{max-width:900px}.brand,.eyebrow{letter-spacing:.3em;margin:0 0 1rem;font-size:.85rem;font-weight:700}.hero h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,8vw,6.5rem);font-weight:400;line-height:1}.hero-button{color:#fff;border:1px solid #fff;margin-top:2rem;padding:.9rem 1.4rem;text-decoration:none;transition:background-color .2s;display:inline-block}.hero-button:hover{color:#173b37;background:#fff}.about{color:#173b37;background:#fff;padding:5rem 1.5rem}.about-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem;max-width:1000px;margin:0 auto;display:grid}.about h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:400;line-height:1.1}.about-copy{max-width:520px;font-size:1.1rem;line-height:1.7}.about-copy p{margin:0 0 1.25rem}.availability{color:#173b37;background:#f7f4ef;padding:5rem 1.5rem}.availability-content{text-align:center;max-width:1000px;margin:0 auto}.availability h2{margin:.5rem 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:400}.availability-content>p:not(.eyebrow){max-width:620px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.6}.calendar{background:#fff;border:1px solid #c9c1b6;width:100%}.contact{color:#fff;text-align:center;background:#173b37;padding:5rem 1.5rem}.contact-content{max-width:680px;margin:0 auto}.contact h2{margin:.5rem 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:400}.contact-content>p:not(.eyebrow){margin:0 auto 2rem;font-size:1.1rem;line-height:1.6}.contact-button{color:#173b37;background:#fff;padding:1rem 1.5rem;font-weight:700;text-decoration:none;display:inline-block}.contact-button:hover{background:#d7ebe4}.desktop-calendar{display:block}.mobile-agenda,.mobile-view-toggle,.mobile-calendar-view{display:none}@media (width<=600px){.hero{background-position:58%;min-height:80svh;padding:1.5rem}.brand,.eyebrow{letter-spacing:.22em;font-size:.7rem}.hero h1{font-size:clamp(3rem,15vw,4.5rem);line-height:1.05}.availability,.about,.contact{padding:3.5rem 1rem}.availability h2{font-size:2.5rem;line-height:1.1}.availability-content>p:not(.eyebrow),.about-copy{font-size:1rem}.about-content{grid-template-columns:1fr;align-items:start;gap:2rem}.about h2{font-size:clamp(2.8rem,14vw,4rem)}.about-copy{max-width:none}.contact-button{width:100%;max-width:300px}.desktop-calendar{display:none}.mobile-agenda{text-align:left;margin-top:2rem;display:block}.mobile-agenda,.mobile-agenda *{font-family:Arial,Helvetica,sans-serif}.mobile-view-toggle{border:1px solid #b9b5ae;border-radius:.5rem;grid-template-columns:1fr 1fr;max-width:200px;margin:0 auto 0;display:grid;overflow:hidden}.view-toggle-button{color:#173b37;cursor:pointer;background:#fffdf9;border:0;padding:.6rem 1rem;font-family:Arial,Helvetica,sans-serif;font-size:.7rem;font-weight:500}.view-toggle-button+.view-toggle-button{border-left:1px solid #b9b5ae}.view-toggle-button.is-active{color:#fff;background:#173b37}.mobile-calendar-view{width:100vw;margin-top:2rem;margin-left:calc(50% - 50vw);display:block}.mobile-calendar{border-left:0;border-right:0;width:100%;height:650px;display:block}.agenda-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.agenda-card{background:#fffdf9;border:1px solid #ddd3c7;border-radius:.7rem;grid-template-columns:4.5rem 1fr;align-items:center;gap:.9rem;min-height:4.6rem;display:grid;overflow:hidden;box-shadow:0 2px 8px #173b370f}.agenda-copy{padding-right:1rem}.agenda-detail{color:#252525;white-space:pre-line;margin:.3rem 0 0;font-size:.8rem;font-weight:400;line-height:1.4}.agenda-date-box{text-align:center;background:#f3eee7;align-content:center;align-self:stretch;gap:.25rem;padding:.5rem .35rem;display:grid}.agenda-date-month{letter-spacing:.03em;font-size:.85rem;font-weight:600}.agenda-date-days{white-space:nowrap;font-size:1rem;font-weight:700;line-height:1}.agenda-status{letter-spacing:.01em;margin:0;font-size:.9rem;font-weight:500;line-height:1.3}.is-available{color:#27665d}.is-drop-in{color:#3476d6}.is-unavailable{color:#e91b04}.is-busy{color:#6b6b6b}.agenda-message{background:#fffdf9;border:1px solid #ddd3c7;border-radius:.7rem;margin:0;padding:1rem;line-height:1.5}.view-later-button{color:#173b37;text-underline-offset:.2rem;cursor:pointer;background:0 0;border:0;margin:1.5rem auto 0;padding:.4rem;font-family:Arial,Helvetica,sans-serif;font-size:.95rem;font-weight:700;text-decoration:underline;display:block}}