*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg{display:block;max-width:100%}a{color:inherit}button{font:inherit;cursor:pointer}ul,ol{padding:0}h1,h2,h3,h4{line-height:1.15}:root{--caramel: #C97A4A;--caramel-dark: #A8623A;--caramel-pale: #F5E2D2;--blush: #D96B62;--blush-pale: #FBE9DF;--sage: #A8B89A;--sage-deep: #7E9171;--sage-pale: #EAEFE5;--butter: #F4D78C;--butter-deep: #D7A93E;--butter-pale: #FCF4DC;--cream: #FBF7F0;--cream-deep: #F2EBDE;--dark: #2D2218;--dark-soft: #4A3D2E;--muted: #7A6E5F;--faint: #D4CBBE;--danger: #C0463B;--danger-pale: #FBE4E1;--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--hand: "Caveat", "Comic Sans MS", cursive;--sp-1: .5rem;--sp-2: 1rem;--sp-3: 1.5rem;--sp-4: 2rem;--sp-5: 3rem;--sp-6: 4rem;--sp-7: 6rem;--radius: 12px;--radius-lg: 20px;--maxw: 1180px;--readw: 680px}body{font-family:var(--sans);color:var(--dark);background:var(--cream);font-size:1.0625rem}.skip-link{position:absolute;left:-999px;top:0;background:var(--caramel);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius) 0;z-index:200;font-weight:600}.skip-link:focus{left:0}.wrap{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}.read{width:min(100% - 2.5rem,var(--readw));margin-inline:auto}.section{padding-block:var(--sp-6)}a.text-link,.prose a{color:var(--caramel-dark);text-decoration:underline;text-decoration-color:var(--caramel-pale);text-underline-offset:3px;text-decoration-thickness:2px;transition:text-decoration-color .2s,color .2s}a.text-link:hover,.prose a:hover{color:var(--caramel);text-decoration-color:var(--caramel)}.hand{font-family:var(--hand);color:var(--caramel);font-weight:500;line-height:1}.eyebrow{font-family:var(--hand);color:var(--caramel-dark);font-size:clamp(1.5rem,3vw,2rem);font-weight:500}.eyebrow-caps{font-family:var(--sans);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:600;color:var(--caramel-dark)}.brandmark{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--dark)}.brandmark .paw{width:30px;height:30px;color:var(--caramel);flex:none}.brandmark .name{font-family:var(--serif);font-weight:600;font-size:1.3rem;letter-spacing:-.01em}.amp{font-style:italic;color:var(--caramel);font-family:var(--serif)}.site-header{position:sticky;top:0;z-index:100;background:#fbf7f0e0;backdrop-filter:blur(10px);border-bottom:1px solid var(--cream-deep)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:.85rem}.nav-links{display:flex;align-items:center;gap:1.6rem;list-style:none}.nav-links a{text-decoration:none;font-size:.95rem;font-weight:500;color:var(--dark-soft);transition:color .2s}.nav-links a:hover{color:var(--caramel)}.nav-links .pill{background:var(--caramel);color:#fff;padding:.5rem 1rem;border-radius:999px;font-weight:600}.nav-links .pill:hover{background:var(--caramel-dark);color:#fff}.nav-toggle{display:none;background:none;border:0;padding:.4rem;color:var(--dark)}.nav-toggle svg{width:26px;height:26px}.hero{text-align:center;padding-block:clamp(3.5rem,9vw,7rem) clamp(3rem,7vw,5.5rem);background:radial-gradient(60% 55% at 50% 28%,var(--caramel-pale) 0%,rgba(245,226,210,0) 70%),var(--cream)}.hero .paw-big{width:64px;height:64px;color:var(--caramel);margin:0 auto var(--sp-3)}.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.4rem,6vw,4.3rem);letter-spacing:-.02em;margin-block:.4rem var(--sp-3);max-width:16ch;margin-inline:auto}.hero .lede{max-width:54ch;margin:0 auto var(--sp-4);color:var(--dark-soft);font-size:1.12rem}.hero .sign{font-family:var(--hand);color:var(--caramel-dark);font-size:clamp(1.4rem,3vw,1.9rem);margin-top:var(--sp-4)}.btn-row{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:999px;font-weight:600;font-size:.98rem;text-decoration:none;transition:transform .15s,background .2s,box-shadow .2s}.btn svg{width:18px;height:18px}.btn-primary{background:var(--caramel);color:#fff;box-shadow:0 6px 18px #c97a4a47}.btn-primary:hover{background:var(--caramel-dark);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--caramel-dark);border:2px solid var(--caramel-pale)}.btn-ghost:hover{border-color:var(--caramel);color:var(--caramel);transform:translateY(-2px)}.sec-head{margin-bottom:var(--sp-4)}.sec-head.center{text-align:center}.sec-head h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,3.5vw,2.4rem);color:var(--caramel-dark);letter-spacing:-.01em}.sec-head p{color:var(--muted);margin-top:.5rem;max-width:56ch}.sec-head.center p{margin-inline:auto}.story{background:var(--cream)}.story .prose p{margin-bottom:var(--sp-3);color:var(--dark-soft)}.story .prose p:first-of-type{font-size:1.18rem;color:var(--dark)}.philo{background:var(--cream-deep)}.philo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}@media(max-width:880px){.philo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.philo-grid{grid-template-columns:1fr}}.philo-card{background:var(--cream);border-radius:var(--radius);padding:var(--sp-3);border:1px solid var(--faint)}.philo-card .num{font-family:var(--hand);color:var(--caramel);font-size:2rem;line-height:1}.philo-card h3{font-family:var(--serif);font-weight:600;font-size:1.2rem;margin:.4rem 0 .5rem}.philo-card p{color:var(--dark-soft);font-size:.97rem;line-height:1.6}.chapters{background:var(--cream)}.chap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-3)}.chap-card{display:flex;flex-direction:column;background:var(--cream);border:1px solid var(--faint);border-radius:var(--radius);padding:var(--sp-3);text-decoration:none;color:var(--dark);transition:transform .18s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.chap-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--caramel);opacity:0;transition:opacity .2s}.chap-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #2d22181a;border-color:var(--caramel-pale)}.chap-card:hover:before{opacity:1}.chap-card .cnum{font-family:var(--hand);color:var(--caramel);font-size:1.5rem;line-height:1}.chap-card h3{font-family:var(--serif);font-weight:600;font-size:1.4rem;margin:.3rem 0 .4rem}.chap-card .sub{font-style:italic;color:var(--muted);font-size:.98rem;margin-bottom:var(--sp-2);flex:1}.chap-card .more{color:var(--caramel-dark);font-weight:600;font-size:.92rem}.meet{background:var(--cream-deep)}.meet-card{background:var(--cream);border:1px solid var(--faint);border-radius:var(--radius-lg);padding:clamp(2rem,5vw,3.5rem);text-align:center}.meet-card h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,3.5vw,2.4rem);color:var(--caramel-dark)}.meet-card p{color:var(--dark-soft);max-width:50ch;margin:.8rem auto var(--sp-3)}.photo-row{display:flex;gap:var(--sp-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--sp-3)}.photo-ph{flex:1 1 180px;max-width:220px;aspect-ratio:4/3;border:2px dashed var(--caramel);border-radius:var(--radius);background:repeating-linear-gradient(45deg,var(--caramel-pale) 0 10px,transparent 10px 20px),var(--cream);display:flex;align-items:center;justify-content:center;font-family:var(--hand);color:var(--caramel-dark);font-size:1.5rem}.chap-hero{padding-block:clamp(2.5rem,6vw,4.5rem) clamp(1.8rem,4vw,2.8rem);background:radial-gradient(70% 80% at 12% 30%,var(--caramel-pale) 0%,rgba(245,226,210,0) 65%),var(--cream)}.chap-hero .cnum{font-family:var(--hand);color:var(--caramel);font-size:clamp(1.6rem,3vw,2.1rem);line-height:1}.chap-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.1rem,5vw,3.4rem);letter-spacing:-.02em;margin:.2rem 0 .6rem}.chap-hero .sub{font-style:italic;color:var(--dark-soft);font-size:1.12rem;max-width:52ch}.chap-hero .rule{width:90px;height:4px;background:var(--caramel);border-radius:2px;margin-top:var(--sp-3)}.tldr{background:var(--sage-pale);border:1px solid #cdd9c0;border-left:5px solid var(--sage-deep);border-radius:var(--radius);padding:var(--sp-3) var(--sp-3) var(--sp-3) calc(var(--sp-3) + 4px);margin-block:var(--sp-4)}.tldr .label{font-family:var(--hand);color:var(--sage-deep);font-size:1.6rem;line-height:1;margin-bottom:.6rem}.tldr ul{list-style:none}.tldr li{position:relative;padding-left:1.5rem;margin-bottom:.6rem;color:var(--dark-soft)}.tldr li:last-child{margin-bottom:0}.tldr li:before{content:"🐾";position:absolute;left:0;top:0;font-size:.85rem}.prose{font-size:1.0625rem}.prose h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.45rem,2.6vw,1.9rem);color:var(--caramel-dark);margin-top:var(--sp-5);margin-bottom:var(--sp-2);letter-spacing:-.01em;display:flex;align-items:center;gap:.7rem}.prose h2:first-child{margin-top:0}.section-icon{width:1.7em;height:1.7em;flex-shrink:0;color:var(--caramel);display:inline-block;vertical-align:middle;transform:translateY(-.05em)}@media(max-width:600px){.prose h2{gap:.55rem}.section-icon{width:1.5em;height:1.5em}}.story-timeline{position:relative;list-style:none;margin:var(--sp-4) 0 0;padding:0}.story-timeline:before{content:"";position:absolute;left:28px;top:10px;bottom:30px;border-left:2px dotted var(--caramel-pale);z-index:0}.story-step{position:relative;display:grid;grid-template-columns:60px 1fr;gap:1.2rem;margin-bottom:var(--sp-3);align-items:start}.story-step__num{position:relative;z-index:1;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--cream);border:2px solid var(--caramel);color:var(--caramel-dark);font-family:var(--serif);font-weight:600;font-size:1.35rem;line-height:1;flex-shrink:0;transition:transform .25s ease}.story-step:hover .story-step__num{transform:translateY(-3px) rotate(-3deg)}.story-step:nth-child(3n+2) .story-step__num{border-color:var(--blush);color:var(--blush)}.story-step:nth-child(3n+3) .story-step__num{border-color:var(--sage-deep);color:var(--sage-deep)}.story-step__card{background:#fff;border:1px solid var(--caramel-pale);border-radius:14px;padding:1.25rem 1.4rem 1.1rem;box-shadow:0 1px #2d221808;transition:transform .25s ease,box-shadow .25s ease}.story-step:hover .story-step__card{transform:translateY(-2px);box-shadow:0 6px 18px #2d221812}.story-step:nth-child(3n+2) .story-step__card{border-color:var(--blush-pale)}.story-step:nth-child(3n+3) .story-step__card{border-color:var(--sage-pale)}.story-step__title{font-family:var(--serif);font-weight:600;font-size:1.2rem;color:var(--dark);margin:0 0 .5rem;line-height:1.25;letter-spacing:-.005em}.story-step__body{margin:0;color:var(--dark-soft);font-size:1rem;line-height:1.6}.story-step__body p{margin:0 0 .7rem}.story-step__body p:last-child{margin:0}.story-step__body em{font-style:italic}.story-step__aside{margin:.9rem 0 .2rem;padding:.85rem 1rem .9rem;background:var(--sage-pale);border-left:3px solid var(--sage-deep);border-radius:6px;font-size:.95rem;color:var(--dark-soft);line-height:1.55}.story-step__aside strong{display:block;font-family:var(--hand);color:var(--sage-deep);font-size:1.25rem;font-weight:500;margin-bottom:.25rem;letter-spacing:.01em}.story-step__aside p{margin:0}.story-step__aside p+p{margin-top:.4rem}.story-step__aside .story-photo{margin:.85rem 0 0;border-radius:10px;overflow:hidden;background:var(--cream);box-shadow:0 6px 18px #a8623a1f}.story-step__aside .story-photo img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.story-step__aside .story-photo figcaption{font-family:var(--sans);font-size:.82rem;color:var(--text-muted, #6e5a4a);text-align:center;padding:.55rem .75rem .65rem;font-style:italic;line-height:1.35}.story-step__aside--irl{background:var(--blush-pale);border-left-color:var(--blush)}.story-step__aside--irl strong{color:var(--blush)}.story-step__aside--why{background:var(--caramel-pale);border-left-color:var(--caramel-dark)}.story-step__aside--why strong{color:var(--caramel-dark)}.story-step__aside--science strong{color:var(--sage-deep)}.story-step__list{list-style:none;margin:.5rem 0 .7rem;padding:0;display:grid;gap:.45rem}.story-step__list li{position:relative;padding-left:1.1rem;font-size:.97rem;color:var(--dark-soft);line-height:1.55}.story-step__list li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--caramel)}.story-step__list li strong{color:var(--dark);font-weight:600}.story-step__litter{margin-top:.7rem!important;font-style:italic;color:var(--dark-soft);font-size:.97rem;line-height:1.65}.story-step__litter strong{font-style:normal;color:var(--caramel-dark);font-weight:600}.story-outro{margin-top:var(--sp-5);text-align:center;font-family:var(--hand);color:var(--caramel-dark);font-size:1.6rem;line-height:1.4;max-width:38ch;margin-left:auto;margin-right:auto}@media(max-width:600px){.story-timeline:before{left:22px}.story-step{grid-template-columns:46px 1fr;gap:.8rem}.story-step__num{width:46px;height:46px;font-size:1.1rem}.story-step__card{padding:1rem 1.1rem .9rem}.story-step__title{font-size:1.08rem}}.prose .section-illustration{width:88px;height:88px;display:block;color:var(--caramel);margin-top:var(--sp-5);margin-bottom:.4rem;margin-left:-6px}.prose .section-illustration+h2{margin-top:0}.prose .section-illustration+h2 .section-icon{display:none}@media(max-width:600px){.prose .section-illustration{width:72px;height:72px;margin-left:-4px}}.prose h3{font-family:var(--serif);font-weight:500;font-size:1.25rem;margin-top:var(--sp-3);margin-bottom:.5rem}.prose p{margin-bottom:var(--sp-2);color:var(--dark-soft)}.prose strong{color:var(--dark);font-weight:600}.prose em{font-style:italic}.prose ul,.prose ol{margin:0 0 var(--sp-2) 1.3rem}.prose li{margin-bottom:.5rem;color:var(--dark-soft)}.prose ul{list-style:none;margin-left:0}.prose ul li{position:relative;padding-left:1.4rem}.prose ul li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--caramel)}.prose .check li:before{content:"✓";background:none;color:var(--sage-deep);font-weight:700;top:0;width:auto;height:auto}.prose .cross li:before{content:"✕";background:none;color:var(--danger);font-weight:700;top:0;width:auto;height:auto}.callout{border-radius:var(--radius);border-left:4px solid var(--caramel);padding:var(--sp-3);margin-block:var(--sp-3);background:var(--caramel-pale)}.callout .clabel{font-family:var(--sans);font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--dark)}.callout .clabel .ico{font-size:1.05rem}.callout p{margin-bottom:.6rem;color:var(--dark-soft)}.callout p:last-child{margin-bottom:0}.callout.science{background:var(--sage-pale);border-color:var(--sage-deep)}.callout.science .clabel{color:var(--sage-deep)}.callout.irl{background:var(--blush-pale);border-color:var(--blush)}.callout.irl .clabel{color:var(--blush)}.callout.irl{font-style:italic}.callout.try{background:var(--caramel-pale);border-color:var(--caramel)}.callout.try .clabel{color:var(--caramel-dark)}.callout.did-you-know{background:var(--butter-pale);border-color:var(--butter-deep)}.callout.did-you-know .clabel{color:var(--butter-deep)}.callout.dont{background:var(--danger-pale);border-color:var(--danger)}.callout.dont .clabel{color:var(--danger)}.callout.why-underneath{background:var(--cream-deep);border-color:var(--muted);font-style:italic}.callout.why-underneath .clabel{color:var(--muted)}.callout.emotion-code{background:linear-gradient(135deg,var(--butter-pale),var(--blush-pale));border-color:var(--blush)}.callout.emotion-code .clabel{color:var(--blush)}.callout.quick{background:var(--danger-pale);border-color:var(--danger)}.callout.quick .clabel{color:var(--danger)}.full-cta{text-align:center;background:var(--cream-deep);border-radius:var(--radius-lg);padding:var(--sp-4);margin-top:var(--sp-5)}.full-cta p{color:var(--dark-soft);margin-bottom:var(--sp-3)}.full-cta .hand-note{font-family:var(--hand);color:var(--caramel-dark);font-size:1.3rem;display:block;margin-bottom:.4rem}.chap-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-top:var(--sp-5)}.chap-nav a{display:block;padding:var(--sp-3);border:1px solid var(--faint);border-radius:var(--radius);text-decoration:none;color:var(--dark);background:var(--cream);transition:border-color .2s,transform .15s}.chap-nav a:hover{border-color:var(--caramel);transform:translateY(-2px)}.chap-nav .dir{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.chap-nav .ttl{font-family:var(--serif);font-weight:600;font-size:1.1rem;margin-top:.2rem}.chap-nav .next{text-align:right}.chap-nav .disabled{opacity:.4;pointer-events:none}.chap-foot-links{display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap;margin-top:var(--sp-4)}.chap-foot-links a{font-weight:600;font-size:.95rem}.site-footer{background:var(--dark);color:var(--cream);padding-block:var(--sp-6) var(--sp-4);margin-top:var(--sp-6)}.footer-grid{display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-4)}.site-footer .brandmark .name{color:var(--cream)}.site-footer .brandmark .paw{color:var(--caramel)}.footer-tag{font-family:var(--hand);color:var(--butter);font-size:1.4rem;margin-top:.6rem}.footer-blurb{color:#cabba8;max-width:36ch;margin-top:.8rem;font-size:.95rem}.footer-cols{display:flex;gap:var(--sp-5);flex-wrap:wrap}.footer-col h4{font-family:var(--serif);font-weight:600;font-size:1rem;margin-bottom:.7rem;color:var(--cream)}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.5rem}.footer-col a{color:#cabba8;text-decoration:none;font-size:.94rem;transition:color .2s}.footer-col a:hover{color:var(--butter)}.footer-bottom{border-top:1px solid #463827;padding-top:var(--sp-3);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem}.footer-bottom .dotcom{font-family:var(--hand);color:var(--caramel);font-size:1.3rem}.footer-bottom small{color:#8a7a66}@media(max-width:768px){.nav-toggle{display:inline-flex}.nav-links{position:fixed;inset:0 0 0 auto;width:min(78vw,320px);background:var(--cream);flex-direction:column;align-items:flex-start;gap:1.2rem;padding:5rem 1.8rem 2rem;box-shadow:-10px 0 40px #2d22182e;transform:translate(100%);transition:transform .28s ease}.nav-links.open{transform:translate(0)}.nav-links a{font-size:1.1rem}.nav-overlay{position:fixed;inset:0;background:#2d221866;opacity:0;pointer-events:none;transition:opacity .28s;z-index:90}.nav-overlay.open{opacity:1;pointer-events:auto}.chap-nav{grid-template-columns:1fr}.chap-nav .next{text-align:left}.footer-grid{flex-direction:column}}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:var(--sp-2);margin:var(--sp-3) auto 0;max-width:980px}.photo-card{margin:0;background:var(--cream);border:1px solid var(--faint);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.photo-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a8623a1f}.photo-card img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;display:block}.photo-card img,.photo-card picture{block-size:auto}.photo-card figcaption{font-family:var(--serif);font-weight:600;color:var(--caramel-dark);text-align:center;padding:.7rem .8rem .85rem;font-size:1.05rem;line-height:1.3;flex:1;display:flex;flex-direction:column;justify-content:center}.photo-card figcaption .sub{display:block;font-family:var(--sans);font-weight:400;color:var(--muted);font-size:.82rem;margin-top:.15rem;letter-spacing:.02em}@media(max-width:720px){.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.photo-grid{grid-template-columns:1fr}}