:root{--cream:#ffe5c0;--ink:#090a06;--pink:#f8c9b3;--yellow:#ffdf79;--orange:#ffd086;--white:#fff5e7;--tangerine:#ffa75b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-weight:900}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:fill}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #765827;outline-offset:5px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.page{container-type:inline-size;--u:calc(100cqw / 229);position:relative;width:min(100%,1100px);aspect-ratio:229/3000;margin:auto;overflow:hidden}section,footer,[data-box]{position:absolute}section{scroll-margin-top:20px}.header{display:flex;align-items:flex-start;justify-content:space-between;z-index:5}.brand{font-size:calc(var(--u)*2.8);line-height:1.4;letter-spacing:calc(var(--u)*.25);font-weight:700}.brand span{color:#efb9ac;font-size:calc(var(--u)*5);vertical-align:middle}.header nav{display:flex;gap:calc(var(--u)*6);align-items:center;padding-top:calc(var(--u)*1)}.header nav>a{font-size:calc(var(--u)*2.55);font-weight:500;text-decoration:underline;text-underline-offset:calc(var(--u)*.5)}.menu-button{background:none;border:0;padding:0;width:calc(var(--u)*5);height:calc(var(--u)*5);opacity:.55}.menu-button svg{width:100%;height:100%}.hero-photo{z-index:-1}.vertical{writing-mode:vertical-rl;text-orientation:upright;margin:0;letter-spacing:calc(var(--u)*2.1);font-family:var(--font-display);font-weight:400;line-height:1.8}.hero-title{font-size:calc(var(--u)*11.2);line-height:1.6;letter-spacing:calc(var(--u)*2)}.intro-one,.intro-two,.intro-three{font-family:var(--font-body);font-weight:900;font-size:calc(var(--u)*5.7);letter-spacing:calc(var(--u)*1.4);line-height:1.7}.blob{pointer-events:none}.shape{position:absolute;width:100%;height:100%;inset:0;overflow:visible;fill:var(--shape)}.pink{--shape:var(--pink)}.yellow{--shape:var(--yellow)}.orange{--shape:var(--orange)}.tangerine{--shape:var(--tangerine)}.white{--shape:var(--white)}.decorative{transform:rotate(-20deg)}.paw{fill:currentColor}h2{font-family:var(--font-display);font-weight:400;font-size:calc(var(--u)*14.4);letter-spacing:calc(var(--u)*.7);line-height:1.43;margin:0;z-index:1}h2.large{font-size:calc(var(--u)*17.3);line-height:1.38;letter-spacing:calc(var(--u)*.3)}.eyebrow{font-size:calc(var(--u)*3.35);font-weight:700;letter-spacing:calc(var(--u)*1.6);margin:0;color:#8b8168;white-space:nowrap}.centered{text-align:center}.body-copy{font-size:calc(var(--u)*3.25);letter-spacing:calc(var(--u)*.23);line-height:1.85;margin:0}.body-copy p{margin:0 0 calc(var(--u)*6)}.text-link{display:block;font-size:calc(var(--u)*3.05);font-weight:700;line-height:1.5;text-decoration:underline;text-underline-offset:calc(var(--u)*.55);white-space:nowrap}.text-link:hover{opacity:.55}.underline{position:absolute;z-index:-1;bottom:calc(var(--u)*1);left:7%;width:87%;height:calc(var(--u)*3.4);background:var(--shape);clip-path:polygon(0 21%,7% 36%,16% 13%,25% 30%,35% 14%,50% 23%,63% 0,72% 18%,83% 7%,89% 26%,96% 17%,100% 63%,95% 89%,83% 72%,73% 91%,55% 73%,41% 94%,29% 74%,18% 93%,5% 79%,1% 100%);transform:rotate(-.8deg)}.orange-line{--shape:#f9be64}.yellow-line{--shape:#ffdf6c}.pink-line{--shape:#f4bda8}.short{width:57%;left:2%}.about .underline{bottom:0}.animal{transition:transform .25s}.animal:hover{transform:rotate(-3deg) scale(1.025)}.animal-label{font-size:calc(var(--u)*3.4);font-weight:700;color:#8a7d5a;line-height:1.6;z-index:1}.animal-label small{display:block;font-size:calc(var(--u)*2.45);font-weight:500;line-height:1.5}.step,.support-card,.story-card{isolation:isolate}.step>div,.support-card>div,.story-card>div{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 17%}.step>div{padding:0 15%}.step span{font-size:calc(var(--u)*6.7);color:#878572;line-height:1.25}.step h3{font-size:calc(var(--u)*4.3);letter-spacing:calc(var(--u)*.2);margin:calc(var(--u)*.8) 0 calc(var(--u)*1.2);line-height:1.4;white-space:nowrap}.step p{font-size:calc(var(--u)*3.3);font-weight:500;line-height:1.7;margin:0}.step:nth-of-type(6) h3{font-size:calc(var(--u)*3.65)}.step:nth-of-type(6)>div{padding:0 11%}.footstep{position:absolute;fill:#25271a;transform:rotate(var(--angle))}.together{font-size:calc(var(--u)*4.6);letter-spacing:calc(var(--u)*.3);line-height:1.6;margin:0}.together .paw{height:calc(var(--u)*5);width:calc(var(--u)*5);vertical-align:middle}.light{font-size:calc(var(--u)*2.6);font-weight:500;letter-spacing:0;line-height:1.6}.light p{margin:0 0 calc(var(--u)*2)}.light .text-link{font-size:calc(var(--u)*3.3)}.support-card h3{font-size:calc(var(--u)*6.5);letter-spacing:calc(var(--u)*.1);margin:0 0 calc(var(--u)*4);white-space:nowrap}.support-card p{font-size:calc(var(--u)*4.2);font-weight:500;line-height:1.7;margin:0 0 calc(var(--u)*5)}.support-card .text-link{font-size:calc(var(--u)*3.85);align-self:center}.support-card>div{padding:0 23%}.support-card:nth-of-type(2)>div{padding:15% 12% 0 30%}.support-card:nth-of-type(2) h3{font-size:calc(var(--u)*6.1)}.support-card:nth-of-type(3)>div{padding:0 20% 6% 28%}.support-card:nth-of-type(3) h3{font-size:calc(var(--u)*6)}.cat{z-index:2;pointer-events:none}.story-card>div{padding:0 15%}.story-card h3{font-size:calc(var(--u)*3.6);color:#9a7e62;font-weight:500;white-space:nowrap;margin:0 0 calc(var(--u)*5)}.story-card h3 .paw{height:calc(var(--u)*5);width:calc(var(--u)*5);vertical-align:middle;color:var(--ink)}.story-card p{font-size:calc(var(--u)*2.95);font-weight:700;line-height:1.7;margin:0}#family h2{font-size:calc(var(--u)*14.6);letter-spacing:calc(var(--u)*.3)}#family .underline{width:57%;left:23%;bottom:calc(var(--u)*-1)}.faq-list{display:flex;flex-direction:column;gap:calc(var(--u)*4);z-index:1}.faq-item{background:var(--orange);border-radius:calc(var(--u)*4);position:relative}.faq-item:nth-child(even){background:var(--white)}.faq-item summary{height:calc(var(--u)*32.5);list-style:none;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u)*7) calc(var(--u)*11);font-size:calc(var(--u)*4.1);font-weight:500;line-height:1.45;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item .paw{width:calc(var(--u)*7);height:calc(var(--u)*7);flex-shrink:0;transition:transform .25s}.faq-item[open] .paw{transform:rotate(25deg)}.faq-item .answer{font-size:calc(var(--u)*3.6);font-weight:500;line-height:1.8;padding:0 calc(var(--u)*11) calc(var(--u)*8);margin:0}.faq-item[open]{z-index:4;box-shadow:0 calc(var(--u)*2) calc(var(--u)*7) #8f6b3720}.faq-cat{z-index:2}.footer-nav{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:calc(var(--u)*3) calc(var(--u)*4);align-content:start}.footer-nav a{font-size:calc(var(--u)*3.05);font-weight:700;text-decoration:underline;text-underline-offset:calc(var(--u)*.5);white-space:nowrap}.footer-title{font-size:calc(var(--u)*6.4);line-height:1.7;letter-spacing:calc(var(--u)*1.5);z-index:2}.footer-photo{z-index:0}.back-top{position:absolute;right:calc(var(--u)*6);bottom:calc(var(--u)*6);background:var(--cream);border-radius:50%;display:grid;place-items:center;width:calc(var(--u)*10);height:calc(var(--u)*10);z-index:4}.back-top svg{width:60%;height:60%}.menu-panel{position:fixed;inset:0;z-index:20;background:var(--cream);padding:50px max(25px,calc((100vw - 700px)/2));overflow:auto}.menu-panel[hidden]{display:none}.menu-panel a{display:flex;justify-content:space-between;gap:40px;font-family:var(--font-display);font-size:clamp(18px,4vw,30px);padding:18px 0;border-bottom:1px solid #d6b78e}.menu-brand{font-weight:900;font-size:18px;margin-bottom:35px}.menu-close,.dialog-close{position:absolute;right:22px;top:15px;background:none;border:0;font-size:36px;font-weight:500}.menu-open{overflow:hidden}dialog{border:0;border-radius:24px;background:var(--white);color:var(--ink);width:min(620px,calc(100% - 32px));max-height:85dvh;padding:55px 35px 35px;font-weight:500}dialog::backdrop{background:#31231575;backdrop-filter:blur(5px)}dialog h2{position:static;font-size:clamp(22px,4vw,32px);letter-spacing:0;margin-bottom:22px}dialog p{font-size:14px;line-height:2}dialog img{width:min(280px,100%);height:auto;margin:0 auto 20px}dialog .detail-note{font-size:12px;color:#8b7355;border-top:1px solid #d6b78e;margin-top:25px;padding-top:12px}dialog .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}dialog .modal-grid a{text-align:center;font-size:14px}dialog .modal-grid img{aspect-ratio:1;object-fit:contain;margin-bottom:8px}dialog .modal-action{display:inline-block;padding:12px 20px;background:var(--orange);border-radius:30px;font-weight:700;font-size:14px}@media(max-width:600px){.header nav{gap:calc(var(--u)*4)}.header nav>a{font-size:calc(var(--u)*2.8)}.text-link{min-height:12px}dialog{padding:55px 24px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Heavy, rounded display lettering in the supplied reference. */
h2{-webkit-text-stroke:calc(var(--u)*.32) currentColor}h2.large{font-size:calc(var(--u)*18.8);line-height:1.32}.hero-title{-webkit-text-stroke:calc(var(--u)*.18) currentColor}dialog h2{-webkit-text-stroke:0}

/* Requested typography: Yancha Pop for display, Yasashisa Gothic for light text. */
:root{--font-display:'Yancha Pop','Mochiy Pop One',sans-serif;--font-body:'Yasashisa Gothic',sans-serif}
body,.brand,.header nav>a,.eyebrow,.body-copy,.text-link,.animal-label,.animal-label small,.step span,.step p,.support-card p,.story-card p,.light,.faq-item summary,.faq-item .answer,.footer-nav a,dialog,dialog p{font-family:var(--font-body);font-weight:400;font-synthesis:none}
h1,h2,h3,.vertical,.intro-one,.intro-two,.intro-three,.menu-panel a,.menu-brand{font-family:var(--font-display);font-weight:400;font-synthesis:none;-webkit-text-stroke:0}
.story-card h3{font-family:var(--font-body);font-weight:400}