header{position:sticky;top:0;z-index:10;background:#fbfdfcf5;max-width:none;padding:20px 5%;gap:20px}.brand span{font-size:9px}nav{gap:24px}html{scroll-padding-top:110px}main{max-width:none;padding:0}h2{font-size:30px;font-weight:600;line-height:1.5}h3{font-size:25px;font-weight:600;line-height:1.55}p{color:#64786d}.hero{height: min(650px,76svh);min-height:450px;background:#91b7b8 url('/assets/landscape.jpg') center/cover;position:relative;display:flex;align-items:center;color:white}.hero:before{content:"";position:absolute;inset:0;background:#123c3538}.hero-copy{position:relative;margin-left:8%;padding:32px 24px 32px 0;text-shadow:0 2px 12px #12392f70}.hero p{color:white}.hero h1{font-size:56px}.hero-copy>p{font-size:16px}.hero .eyebrow{font-size:12px}.actions{display:flex;gap:26px;align-items:center;font-size:14px;flex-wrap:wrap}.hero .button{background:white;color:#285b48;text-shadow:none;margin:15px 0}.hero-caption{position:absolute;right:5%;bottom:24px;font-size:12px}.section{max-width:1180px;margin:auto;padding:70px 32px}.heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:32px}.heading>p{font-size:13px}.heading h2{margin-top:12px}.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.feature p{font-size:14px}figure{margin:0;min-width:0}video{width:100%;aspect-ratio:16/10;background:#172c29;object-fit:contain;border-radius:5px}figcaption{font-size:11px;color:#77897e;line-height:1.8;margin-top:10px}.features{list-style:none;padding:0}.features li{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #e2e9e5;font-size:13px}.features b{white-space:nowrap}.features span{color:#75877d}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:45px 0 20px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.poster img{display:block;max-width:100%;max-height:700px;margin:20px auto}.story-band{background:#eaf2f2}.chapters{padding-left:22px}.chapters li{padding:8px;font-size:14px}.chapters p{margin:8px 0;font-size:13px}.muted{font-size:12px!important;color:#7b8d80}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px}.steps>div{border-top:1px solid #dbe4df;padding-top:20px}.steps span{color:#6b9480;font-size:12px}.steps h3{font-size:19px}.steps p{font-size:13px}details{border-bottom:1px solid #dce6df;padding:18px 0}summary{cursor:pointer;font-size:14px;line-height:1.8}details p{font-size:14px}.about{padding:65px 24px;text-align:center;background:#f0f3eb}.about p{font-size:14px}footer{max-width:none;padding:28px 5%;line-height:1.9}.doc{max-width:850px}.doc h1{font-size:36px}.doc h2{font-size:24px;margin-top:40px}.doc p,.doc li{font-size:15px;line-height:2}.doc code{overflow-wrap:anywhere}@media(max-width:760px){header{display:block;padding:16px 20px}.brand{font-size:18px}.brand span{display:none}nav{margin-top:15px;gap:20px;overflow-x:auto;white-space:nowrap;font-size:12px;padding-bottom:4px}.hero{height:550px;max-height:73svh;min-height:400px}.hero-copy{margin-left:6%}.hero h1{font-size:35px}.hero-copy>p{font-size:14px}.section{padding:45px 22px}.heading{display:block}h2{font-size:27px}.feature{grid-template-columns:1fr;gap:25px}.gallery{grid-template-columns:1fr;gap:25px}.gallery img{aspect-ratio:16/10}.steps{grid-template-columns:1fr;gap:20px}.story-band .feature figure{grid-row:1}footer{flex-direction:column;gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Shared storybook accents for the manual and pet home. */
body{background:#f8fbf8;color:#213d35}
body header{border-bottom:1px solid #dbe8dc;box-shadow:0 4px 22px #244a3610}
body .brand{color:#225543}
body .brand span{color:#718d78}
body header nav a{transition:color .2s ease,transform .2s ease}
body header nav a:hover{color:#d06d55;transform:translateY(-2px)}
body a:focus-visible,body button:focus-visible,body summary:focus-visible{outline:3px solid #db8365;outline-offset:3px}
body .doc{background:#f8fbf8}
body .doc h1,body .doc h2{color:#24483a}
body .doc .eyebrow{color:#ad6759}
body .doc img{max-width:100%;height:auto}
@media(prefers-reduced-motion:reduce){body header nav a{transition:none}}