/* Source coordinates are measured within each supplied section screenshot. */
:root{--cream:#ffe6c3;--pink:#fbccb7;--yellow:#ffe182;--orange:#ffcf8a;--white:#fff5e7}
body{background:var(--cream)}
.page{aspect-ratio:229/3014}
.hero-sky{background:#e1e7e7}
.header nav{padding:0;gap:calc(var(--u)*6.4);justify-content:space-between;color:#817e74;white-space:nowrap}
.header nav>a{font-size:calc(var(--u)*3.8);line-height:1.1;letter-spacing:0}
.header .menu-button{width:calc(var(--u)*5);height:calc(var(--u)*5);flex:none}
.reference-type,.step>.reference-type,.support-card>.reference-type,#family h2.reference-type{position:absolute;display:block;padding:0;margin:0;inset:auto;min-height:0;line-height:1;letter-spacing:0;text-decoration:none;transform:none;writing-mode:horizontal-tb;border:0;-webkit-text-stroke:0;z-index:2}
.reference-type>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.reference-copy{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.source-shape,.source-marker{pointer-events:none;z-index:0}
.source-step,.source-support{position:static;isolation:auto;transform:none;transition:none}
.cat{z-index:3}
.decorative{transform:none;pointer-events:none}
.animal{z-index:1}
.animal-label{z-index:3}
.reference-type.text-link{z-index:4}
.text-link::after{content:"";position:absolute;inset:50% auto auto 50%;width:100%;min-width:44px;height:100%;min-height:32px;transform:translate(-50%,-50%)}
.source-support .source-shape{pointer-events:auto;cursor:pointer}
.source-support .source-shape:hover{filter:brightness(1.015)}
.faq-list{height:auto!important;gap:calc(var(--u)*4.1076)}
.faq-item{background:#ffcf8a;border-radius:calc(var(--u)*4.62)}
.faq-item:nth-child(even){background:#fff5e7}
.faq-item summary{height:calc(var(--u)*32.35);padding:calc(var(--u)*8) calc(var(--u)*9.75);font-size:calc(var(--u)*5.13);line-height:1.3}
.faq-item summary .question-image{width:calc(var(--u)*83.17);height:calc(var(--u)*14.89);margin-left:calc(var(--u)*-1.027);object-fit:fill}
.faq-item summary .paw{width:calc(var(--u)*11.81);height:calc(var(--u)*11.30)}
.faq-item .answer{font-size:calc(var(--u)*4.5);padding:0 calc(var(--u)*9.75) calc(var(--u)*8);line-height:1.7}
footer .brand{z-index:4}
.footer-trim{z-index:0}
footer>img:not(.footer-trim):not(.footer-pink){z-index:1}
.footer-pink{z-index:2;pointer-events:none}
.footer-title{z-index:3!important}
.back-top{display:none}
@media(max-width:600px){.header nav{gap:calc(var(--u)*6.4)}.header nav>a{font-size:calc(var(--u)*3.8)}}
.faq-item:nth-child(even) summary{height:calc(var(--u)*31.835)}
.faq-item summary{padding-right:calc(var(--u)*7.7)}
/* Live display font, preserving the source ink bounds and spacing. */
:root{--font-display:'GenEi POPle','Yasashisa Gothic',sans-serif}
.font-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.font-ink text{font-family:'GenEi POPle';font-weight:900;font-synthesis:none;letter-spacing:0;writing-mode:horizontal-tb;text-orientation:mixed}
h1,h2,h3,.vertical,.intro-one,.intro-two,.intro-three,.menu-panel a,.menu-brand{font-family:var(--font-display)}
.story-label{font-family:var(--font-body)}