:root{--paper:#f5f2ea;--ink:#293d32;--muted:#788073;--line:#d8dacf;--accent:#9f562c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:14px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{height:100px;max-width:1440px;margin:auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-family:Georgia,serif;font-size:18px;font-weight:bold;letter-spacing:.035em}.brand small{display:block;font-family:sans-serif;font-size:10px;letter-spacing:.16em;font-weight:400;margin-top:1px}.brand-icon{font-size:40px;line-height:1;position:relative}.brand-icon span{color:var(--accent);position:absolute;top:-10px;right:-6px;font-size:35px}header nav{display:flex;gap:30px;font-size:12px}header nav a:hover,.sources a:hover{text-decoration:underline}.wrap{width:89%;max-width:1280px;margin:0 auto}.intro{padding:54px 0 44px}.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:500;margin:0 0 20px;display:flex;align-items:center;gap:8px}.dot{height:6px;width:6px;border-radius:50%;background:var(--accent);display:inline-block}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}h1,h2,h3,p{margin-top:0}.intro h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(34px,3.8vw,56px);line-height:1.65;font-weight:500;margin-bottom:0;letter-spacing:.01em}.accent{color:var(--accent)}.intro-copy{font-size:13px;line-height:2.2}.intro-copy p{margin:0 0 14px}.jump-link{display:inline-flex;gap:55px;border-bottom:1px solid var(--ink);padding:5px 0;font-size:12px}.feature-link{display:block;position:relative;height:430px;overflow:hidden;color:white;background:#535b45}.feature-photo{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.7)}.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,26,20,.7),rgba(15,26,20,.05) 75%),linear-gradient(0deg,rgba(15,26,20,.35),transparent 70%)}.feature-top{position:absolute;inset:28px 34px auto;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em}.feature-top span:first-child{border:1px solid #ffffff80;padding:2px 12px}.feature-bottom{position:absolute;inset:auto 40px 34px;display:flex;align-items:flex-end;justify-content:space-between}.feature-bottom p{font-size:12px;margin-bottom:10px}.feature h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:40px;line-height:1.6;font-weight:500;margin-bottom:12px}.feature-bottom div>span{font-size:11px}.round-play{height:65px;width:65px;border:1px solid #ffffffb0;border-radius:100%;display:grid;place-items:center;font-size:20px;background:#ffffff15}.feature-link:hover .round-play{background:#ffffff35}.feature-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:12px 0}.collection{padding-top:65px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:8px}h2{font-size:25px;font-weight:500;line-height:1.65;margin:0}.count{font-size:10px;letter-spacing:.1em;color:var(--muted);padding-bottom:6px}.animal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card-photo{height:215px;position:relative;overflow:hidden;background:#d7d5c9}.card-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:filter .2s}.animal-card:hover .card-photo img{filter:saturate(1)}.photo-label{position:absolute;bottom:12px;left:13px;background:var(--paper);padding:1px 9px;font-size:10px}.card-play{position:absolute;right:13px;bottom:11px;color:white;font-size:22px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.card-heading h3{font-size:24px;font-weight:500;margin:0}.card-heading small{font-family:Georgia,serif;font-size:13px;color:var(--muted);margin-left:14px;font-weight:400}.index-number{font-family:Georgia,serif;color:#959c8c;font-size:15px}.animal-card p{font-size:11px;margin:8px 0 18px}.text-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:11px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding:48px 0 75px}.about p{font-size:13px;line-height:2.2}.about small{display:block;color:var(--muted);font-size:11px;line-height:2}.about .eyebrow{margin-bottom:10px}footer{border-top:1px solid var(--line);padding:32px 5.5% 30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.footer-brand{font-family:Georgia,serif;font-size:15px;letter-spacing:.06em}footer p{font-size:11px;margin:0}footer small{width:100%;font-size:10px;color:var(--muted)}.detail{padding-top:26px}.breadcrumb{display:flex;gap:15px;font-size:10px;color:var(--muted);margin-bottom:35px}.detail-title{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-bottom:32px}.detail-title .eyebrow{margin-bottom:5px}.detail-title h1{font-family:"Yu Mincho",serif;font-size:46px;margin:0;font-weight:500}.detail-title em{font:italic 23px Georgia,serif;color:var(--muted);margin-left:24px}.detail-title>p{font-size:12px;line-height:2.1;margin:0}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.video-stage{aspect-ratio:16/9;background:#222d24}.video-stage iframe{border:0;width:100%;height:100%;display:block}.video-cover{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#273b2f;overflow:hidden;text-align:left;color:white}.video-cover img{width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#09160de8,transparent 65%)}.cover-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #ffffffb0;background:#16221980;border-radius:100%;width:65px;height:65px;display:grid;place-items:center;font-size:24px;padding-left:3px}.cover-caption{position:absolute;bottom:22px;left:25px;right:20px;font-size:20px;line-height:1.6}.cover-caption small{display:block;font-size:10px;margin-top:4px}.content-note{position:absolute;left:15px;top:15px;background:#1c251e99;font-size:10px;padding:2px 8px}.current-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:10px 0}.current-meta a{color:var(--ink);text-decoration:underline}.current-title{font-size:20px;margin:8px 0}.current-desc{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.playlist-heading{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:5px 0 13px;font-size:13px}.playlist-heading span{font-size:10px;color:var(--muted)}.video-choice{background:transparent;border:0;border-bottom:1px solid var(--line);padding:17px 0;width:100%;display:flex;gap:12px;text-align:left;line-height:1.5}.video-choice>div{width:92px;height:65px;flex-shrink:0;position:relative}.video-choice img{width:100%;height:100%;object-fit:cover}.video-choice>div>span{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#0002;font-size:13px}.video-choice section{flex:1}.video-choice small{font-size:9px;color:var(--accent)}.video-choice strong{display:block;font-size:12px;font-weight:500;margin:4px 0}.video-choice section>span{font-size:9px;color:var(--muted)}.video-choice[aria-pressed=true]{border-left:3px solid var(--accent);padding-left:10px;background:#e9e8dd}.playlist-note{font-size:10px;color:var(--muted);line-height:1.9;margin-top:20px}.chapter-nav{display:flex;gap:36px;border-bottom:1px solid var(--line);padding:42px 0 17px;font-size:12px}.chapter-nav a:hover{color:var(--accent)}.knowledge{display:grid;grid-template-columns:1fr 1.45fr;gap:100px;padding:60px 0;border-bottom:1px solid var(--line)}.knowledge-label .eyebrow{margin-bottom:15px}.knowledge-label h2{font-family:"Yu Mincho",serif;font-size:30px;line-height:1.7}.behavior-tag{display:inline-block;color:var(--accent);font-size:11px;border:1px solid #c8bba6;margin-top:23px;padding:2px 12px}.knowledge-body h3{font-size:16px;font-weight:500;margin:0 0 12px}.knowledge-body p{font-size:13px;line-height:2.2}.knowledge-body>small{font-size:10px;color:var(--muted);line-height:1.9;display:block;margin-top:22px}.observe{background:#ebece2;margin-top:28px;padding:24px 28px}.observe h3{font-size:13px;margin-bottom:17px}.observe p{font-size:12px;display:flex;gap:18px;border-top:1px solid #d7dccf;padding:10px 0;margin:0}.observe p span{font:16px Georgia,serif;color:var(--accent);padding-top:5px}.knowledge-label i{display:block;font:italic 16px Georgia,serif;color:var(--muted);margin-top:16px}.facts{margin:0 0 28px}.facts>div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.facts dt{color:var(--muted)}.facts dd{margin:0}.field-note{border-left:2px solid #aab398;padding:4px 0 4px 24px;margin-top:28px}.field-note>span{font-size:11px;color:var(--accent)}.field-note p{font-size:12px;margin:10px 0 0}.sources{display:grid;grid-template-columns:1fr 1.45fr;gap:100px;padding:36px 0 45px;border-bottom:1px solid var(--line)}.sources h2{font-size:14px}.sources>div>a{display:block;font-size:11px;margin-bottom:10px}.sources p{font-size:10px;color:var(--muted);margin:18px 0 0}.sources details{font-size:11px;padding-top:12px}.sources summary{cursor:pointer}.related{padding:50px 0 70px}.related .animal-grid{grid-template-columns:repeat(2,1fr)}.related .section-heading a{font-size:11px}.related .card-photo{height:245px}
@media(min-width:1500px){.feature-link{height:490px}}@media(max-width:900px){.intro-grid{gap:30px;grid-template-columns:1.3fr 1fr}.intro h1{font-size:36px}.intro-copy{font-size:11px}.feature-link{height:380px}.card-photo{height:160px}.animal-grid{gap:20px}.card-heading h3{font-size:21px}.card-heading small{margin-left:8px;font-size:11px}.about{gap:40px}.watch-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.video-choice>div{width:65px;height:50px}.detail-title{gap:35px}.knowledge,.sources{gap:45px;grid-template-columns:1fr 1.5fr}.knowledge-label h2{font-size:25px}}
@media(max-width:620px){body{font-size:13px}header{height:78px;padding:0 6%}.brand{font-size:13px;gap:10px}.brand-icon{font-size:32px}.brand small{font-size:8px}header nav{gap:0}header nav a{font-size:10px}header nav a:last-child{display:none}.wrap{width:88%}.intro{padding:33px 0 28px}.eyebrow{font-size:9px;margin-bottom:15px}.intro-grid{display:block}.intro h1{font-size:33px;line-height:1.65;letter-spacing:0}.intro-copy{margin-top:23px;font-size:11px;line-height:2}.intro-copy p{margin-bottom:10px}.jump-link{gap:55px;font-size:11px;margin-top:5px}.feature-link{height:360px}.feature-photo{object-position:57% center}.feature-top{inset:19px 19px auto;font-size:8px}.feature-bottom{inset:auto 22px 25px}.feature h2{font-size:31px}.feature-bottom p{font-size:10px}.feature-bottom div>span{font-size:9px}.round-play{width:48px;height:48px;font-size:16px}.feature-caption{display:block;font-size:9px;line-height:1.8}.feature-caption span{display:block}.collection{padding:38px 0 42px}h2{font-size:21px}.section-heading{align-items:center;margin-bottom:20px}.count{font-size:8px;max-width:65px;line-height:1.8;text-align:right}.animal-grid{display:block}.animal-card{display:block;margin-bottom:32px}.card-photo{height:210px}.card-heading{margin-top:12px}.card-heading h3{font-size:23px}.animal-card p{margin:5px 0 13px}.text-link{padding-top:9px}.about{display:block;padding:28px 0 42px}.about>div+div{margin-top:25px}.about p{font-size:12px}.about small{font-size:10px}footer{padding:26px 6%;display:block}.footer-brand{font-size:13px}footer p{margin:8px 0}footer small{display:block;font-size:9px}.detail{padding-top:20px}.breadcrumb{margin-bottom:25px}.detail-title{display:block;margin-bottom:25px}.detail-title h1{font-size:38px}.detail-title em{font-size:21px}.detail-title>p{margin-top:16px;font-size:11px}.watch-layout{display:block}.cover-caption{font-size:15px;bottom:15px;left:17px}.cover-play{width:50px;height:50px;font-size:18px;top:42%}.content-note{font-size:8px;top:10px;left:10px}.cover-caption small{font-size:8px}.current-meta{font-size:9px}.current-title{font-size:17px}.current-desc{font-size:11px}.playlist{margin-top:26px}.video-choice>div{width:92px;height:62px}.video-choice{padding:12px 0}.video-choice strong{font-size:11px}.playlist-note{margin-top:12px;font-size:9px}.chapter-nav{padding-top:28px;gap:24px;font-size:11px}.knowledge{display:block;padding:35px 0}.knowledge-label h2{font-size:26px}.knowledge-label{margin-bottom:25px}.behavior-tag{margin-top:14px}.knowledge-body p{font-size:12px}.knowledge-body h3{font-size:15px}.observe{padding:20px}.observe h3{font-size:12px}.observe p{font-size:11px;gap:14px}.facts>div{grid-template-columns:100px 1fr;font-size:11px}.sources{display:block;padding:28px 0}.sources>div{margin-top:18px}.related{padding:35px 0 20px}.related h2{font-size:18px}.related .section-heading a{font-size:9px}.related .animal-grid{display:block}.related .card-photo{height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Catalogue structure: choose and watch, then browse and read. */
:root{--paper:#f7f6f0;--ink:#2e4840;--muted:#788075;--line:#dedfd6}body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}header{max-width:1150px;padding:0 25px;border-bottom:0;height:80px}.brand{font-size:17px}header nav{gap:25px;font-size:11px}.wrap{max-width:1100px;width:calc(100% - 60px)}.home-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;padding:26px 0 60px}.home-intro h1{font-size:47px;font-weight:500;line-height:1.6;letter-spacing:.02em;margin:0}.home-intro>div>p{font-size:13px;line-height:2.2;margin:0 0 16px}.home-intro .catalogue-count{font-size:11px;color:var(--muted);margin-top:20px}.name-note{padding:16px 20px;background:#eef0e8;border:1px solid var(--line)}.name-note h2{font-size:18px;margin-bottom:8px}.name-note p{font-size:12px;line-height:2;margin:0}.home-experience{display:grid;grid-template-columns:.85fr 1.1fr;gap:30px;align-items:end}.animal-picker{border:1px solid var(--line);padding:22px 23px 16px;background:#f0f1e9;min-height:350px}.animal-picker h2{font-size:20px}.picker-help{font-size:11px;color:var(--muted);margin:6px 0 18px}.pick-animal{display:flex;align-items:center;width:100%;padding:14px 10px;border:0;border-top:1px solid #d8dcd0;background:none;text-align:left;gap:13px}.pick-animal[aria-pressed=true]{background:#dfe7da}.pick-animal img{width:74px;height:55px;object-fit:cover}.pick-animal>span:nth-child(2){flex:1}.pick-animal strong{display:block;font-size:17px;font-weight:500}.pick-animal small{display:block;font-size:10px;color:var(--muted)}.pick-count{font-size:10px;white-space:nowrap}.pick-count span{margin-left:10px}.picker-foot{font-size:10px;color:var(--muted);margin:12px 0 0}.home-window-heading p{font-size:10px;color:var(--muted);margin:0}.home-window-heading h2{font-size:28px;margin:4px 0}.home-window-heading p:last-child{margin-bottom:15px}.home-window .video-stage{width:100%}.home-window .cover-caption{font-size:15px;bottom:15px;left:20px}.home-window .cover-play{width:55px;height:55px;font-size:20px;top:48%}.home-window-actions{display:flex;justify-content:space-between;align-items:center;margin:11px 0 0;font-size:11px}.home-window-actions>a{text-decoration:underline;text-underline-offset:4px}.home-window-actions button,.home-ways button{border:0;padding:0;background:none;font-size:inherit}.home-window-actions button{border-bottom:1px solid var(--line)}.home-ways{display:flex;gap:34px;align-items:center;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:34px;font-size:13px}.home-ways a:hover,.home-ways button:hover{text-decoration:underline}.directory{padding:60px 0 50px}.directory h2{font-size:25px}.directory>p{font-size:12px;color:var(--muted);margin:10px 0 22px}.directory-search{display:block;font-size:11px;max-width:550px;margin:24px 0}.directory-search input{display:block;width:100%;border:1px solid var(--line);border-radius:0;background:#fffdf8;padding:13px 15px;color:var(--ink);font:inherit;margin-top:5px}.directory-animal{border-top:1px solid var(--line)}.directory-animal:last-child{border-bottom:1px solid var(--line)}.directory-animal summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:17px 12px;font-size:17px;list-style:none}.directory-animal summary>span:first-child::before{content:'＋';display:inline-block;font-size:14px;width:32px}.directory-animal[open] summary>span:first-child::before{content:'−'}.directory-animal summary small{font-size:11px;color:var(--muted);margin-left:18px}.directory-animal summary>span:last-child{font-size:11px;color:var(--muted)}.directory-content{padding:0 18px 18px 44px}.profile-link{display:inline-block;font-size:12px;text-decoration:underline;margin-bottom:10px}.directory-video{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:13px 0}.directory-video img{width:100px;height:62px;object-fit:cover}.directory-video>span:nth-child(2){flex:1}.directory-video strong{font-size:12px;font-weight:500;display:block}.directory-video small{font-size:10px;color:var(--muted);display:block}.directory-video>span:last-child{font-size:10px}.directory .directory-note{font-size:10px;margin-top:23px}.about{grid-template-columns:1fr 1.5fr;gap:60px;padding-top:32px}.about h2{font-size:19px}.about p{font-size:12px}footer{max-width:1150px;margin:auto;padding-left:25px;padding-right:25px}.detail{padding-top:12px}.breadcrumb{margin:0 0 20px}.detail-title{display:block;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.detail-title h1{font-family:inherit;font-size:34px}.detail-title em{font-size:17px}.detail-title>p{margin:0;font-size:11px;color:var(--muted)}.watch-layout{display:block}.video-stage{max-height:none}.cover-caption{font-size:17px}.playlist{margin-top:20px;display:flex;flex-wrap:wrap;gap:15px}.playlist-heading{width:100%;border:0;padding:0;font-size:11px}.video-choice{width:180px;border:1px solid var(--line);display:block;padding:4px;flex-shrink:0}.video-choice[aria-pressed=true]{border:2px solid #55735c;padding:3px}.video-choice>div{width:100%;height:90px}.video-choice section{padding:6px}.video-choice strong{font-size:10px}.video-choice small{font-size:9px}.video-choice section>span{font-size:9px}.playlist-note{width:100%;margin:0;font-size:10px}.current-title{font-size:17px}.current-desc{font-size:11px}.read-profile{text-align:right;margin-top:18px}.read-profile a{display:inline-block;border:1px solid var(--line);padding:7px 14px;font-size:11px}.chapter-nav{padding-top:24px}.knowledge{display:block;max-width:880px;margin:0 auto;padding:40px 0}.knowledge-label{margin-bottom:26px}.knowledge-label h2{font-family:inherit;font-size:27px}.knowledge-label .eyebrow{margin-bottom:8px}.knowledge-body>p{max-width:780px}.observe{max-width:780px}.life .knowledge-label{margin-bottom:20px}.life .facts{max-width:780px}.sources{max-width:880px;margin:auto;grid-template-columns:1fr 2fr;gap:40px}.related .animal-grid{gap:25px}.related h2{font-size:21px}.card-heading h3{font-size:22px}.related .card-photo{height:210px}
@media(max-width:900px){.home-intro{gap:35px}.home-intro h1{font-size:36px}.home-experience{grid-template-columns:1fr 1.1fr;gap:24px}.animal-picker{padding:16px;min-height:320px}.pick-animal{padding:11px 4px;gap:10px}.pick-animal img{width:55px;height:47px}.pick-animal strong{font-size:16px}.pick-animal small{font-size:9px}.picker-help{font-size:10px}.home-window .video-stage{aspect-ratio:4/3}.home-window .cover-caption small{font-size:9px}.pick-count span{margin-left:2px}}
@media(max-width:620px){header{height:76px;padding:0 6%}.brand{font-size:12px}.brand-icon{font-size:28px}header nav{gap:14px}header nav a{font-size:10px}header nav a:last-child{display:none}.wrap{width:88%}.home-intro{display:block;padding:24px 0 30px}.home-intro h1{font-size:32px;line-height:1.6;margin-bottom:24px}.home-intro>div>p{font-size:12px}.home-intro .catalogue-count{margin:14px 0;font-size:10px}.name-note{padding:13px 16px}.name-note h2{font-size:16px}.name-note p{font-size:11px}.home-experience{display:flex;flex-direction:column;align-items:stretch;gap:24px}.animal-picker{min-height:0;padding:16px}.animal-picker h2{font-size:18px}.picker-help{margin-bottom:10px}.picker-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pick-animal{display:block;padding:6px;border:1px solid var(--line);text-align:center}.pick-animal img{display:block;width:100%;height:48px;margin-bottom:5px}.pick-animal strong{font-size:15px}.pick-animal small{display:none}.pick-count{display:block;font-size:9px}.pick-count span{display:none}.picker-foot{font-size:9px}.home-window-heading h2{font-size:25px}.home-window-heading p:last-child{margin-bottom:10px}.home-window .video-stage{aspect-ratio:16/9}.home-window .cover-caption{font-size:12px;left:14px;bottom:12px}.home-window .cover-play{width:44px;height:44px;font-size:16px;top:43%}.home-window-actions{font-size:10px}.home-ways{gap:0;justify-content:space-between;font-size:10px;margin-top:26px;padding:13px 0}.directory{padding:35px 0}.directory h2{font-size:23px}.directory>p{font-size:11px}.directory-search{margin:20px 0}.directory-animal summary{font-size:16px;padding:14px 3px}.directory-animal summary small{font-size:10px;margin-left:12px}.directory-content{padding-left:22px;padding-right:0}.directory-video{gap:12px}.directory-video img{width:77px;height:50px}.directory-video strong{font-size:10px}.directory-video small{font-size:9px}.directory-video>span:last-child{display:none}.about{display:block;padding-top:26px}.about>div+div{margin-top:18px}.detail-title h1{font-size:30px}.detail-title em{font-size:17px}.detail-title>p{margin:4px 0 0;font-size:10px}.playlist{gap:12px}.video-choice{width:calc(50% - 6px)}.video-choice>div{width:100%;height:78px}.video-choice strong{font-size:10px}.playlist-note{font-size:9px}.knowledge{padding:30px 0}.knowledge-label h2{font-size:24px}.sources{display:block}.related .card-photo{height:200px}.read-profile a{font-size:10px}.current-meta{font-size:9px}.cover-caption{font-size:14px}.knowledge-label{margin-bottom:20px}.chapter-nav{gap:24px;font-size:11px}.related .animal-grid{display:block}footer{padding:25px 6%}}
/* Giraffe illustrated field guide */
.giraffe-guide{margin-top:32px;border-top:1px solid var(--line);padding-top:35px}.guide-introduction{display:block;height:auto;max-width:none;padding:0;margin:0;border:0}.guide-kicker{font-size:11px;color:var(--muted);margin-bottom:7px}.guide-introduction h2{font-size:30px;margin:0 0 18px}.guide-introduction>p:not(.guide-kicker){font-size:13px;line-height:2.25;max-width:890px}.guide-introduction .guide-scope{font-size:10px!important;color:var(--muted);margin-top:14px}.giraffe-fact-strip{display:grid;grid-template-columns:1.5fr 1.3fr 1fr 1fr;gap:20px;padding:23px 0;margin:24px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.giraffe-fact-strip dt{font-size:10px;color:var(--muted)}.giraffe-fact-strip dd{font-size:13px;margin:7px 0 0}.guide-toc{display:flex;flex-wrap:wrap;gap:9px 23px;padding:22px 0 28px;font-size:11px;border-bottom:1px solid var(--line)}.guide-toc a{text-decoration:underline;text-decoration-color:#c2c8bc;text-underline-offset:5px}.guide-toc a:hover{color:var(--accent)}.ecology-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 50px;padding:38px 0 45px}.ecology-topic{min-width:0;scroll-margin-top:25px}.topic-number{font-size:10px;letter-spacing:.04em;color:var(--muted);margin:0 0 8px}.ecology-topic h3{font-size:19px;font-weight:500;line-height:1.8;margin:0}.ecology-art{margin:15px 0 22px}.ecology-art img{display:block;width:100%;height:280px;object-fit:contain;mix-blend-mode:multiply}.ecology-art figcaption{text-align:center;font-size:10px;color:var(--muted);margin-top:9px;line-height:1.8}.ecology-topic>p:not(.topic-number):not(.guide-citations){font-size:12px;line-height:2.25;margin:0 0 15px}.look-again{padding:13px 16px;border-left:2px solid #b6c2ac;background:#edf0e6;margin:18px 0}.look-again strong{font-size:11px;font-weight:500}.look-again p{font-size:11px;line-height:2.1;margin:8px 0 0}.guide-citations{font-size:10px;line-height:2.2;color:var(--muted);margin:16px 0 0}.guide-citations a{text-decoration:underline;text-underline-offset:3px}.guide-section{border-top:1px solid var(--line);padding:35px 0;scroll-margin-top:25px}.guide-section>h3{font-size:23px;font-weight:500;line-height:1.8;margin:0 0 23px}.guide-section>p{font-size:12px;line-height:2.3;max-width:900px}.body-notes{display:grid;grid-template-columns:1fr 1fr;gap:28px 50px}.body-notes h4{font-size:16px;font-weight:500;margin:0 0 12px}.body-notes section>p:not(.guide-citations){font-size:12px;line-height:2.25;margin:0}.species-table{border-collapse:collapse;width:100%;max-width:760px;margin:23px 0;color:var(--ink)}.species-table caption{text-align:left;color:var(--muted);font-size:10px;padding-bottom:10px}.species-table th,.species-table td{padding:11px 16px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.species-table thead{background:#ecefe5}.species-table th{font-weight:500}.species-table i{font-size:13px;font-family:Georgia,serif}.species-table-wrap{max-width:100%;overflow-x:auto}.giraffe-questions details,.guide-references details{border-bottom:1px solid var(--line);padding:14px 0}.giraffe-questions summary,.guide-references summary{cursor:pointer;font-size:13px}.giraffe-questions details>p,.guide-references details>p{font-size:12px;line-height:2.2;max-width:850px;margin-top:16px}.guide-references li{font-size:11px;line-height:2.3;margin-bottom:6px}.guide-references a{text-decoration:underline;text-underline-offset:3px}.guide-references .illustration-note{font-size:10px;color:var(--muted);margin-top:22px}.giraffe-guide+.related{border-top:1px solid var(--line)}
@media(max-width:900px){.ecology-grid{gap:35px 30px}.ecology-art img{height:235px}.ecology-topic h3{font-size:17px}.giraffe-fact-strip{gap:12px}.giraffe-fact-strip dd{font-size:11px}.body-notes{gap:25px 30px}}
@media(max-width:620px){.giraffe-guide{padding-top:26px}.guide-introduction h2{font-size:26px}.guide-introduction>p:not(.guide-kicker){font-size:12px;line-height:2.2}.guide-introduction .guide-scope{font-size:10px!important}.giraffe-fact-strip{grid-template-columns:1fr 1fr;gap:17px 12px;padding:18px 0}.giraffe-fact-strip dd{font-size:11px;margin-top:4px}.guide-toc{gap:9px 17px;font-size:10px;padding:18px 0 22px}.ecology-grid{display:block;padding-top:28px}.ecology-topic+.ecology-topic{margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}.ecology-topic h3{font-size:19px}.ecology-art{margin-top:8px;margin-bottom:19px}.ecology-art img{height:245px}.ecology-topic>p:not(.topic-number):not(.guide-citations){font-size:12px}.body-notes{display:block}.body-notes section+section{margin-top:26px}.guide-section{padding:28px 0}.guide-section>h3{font-size:20px}.species-table th,.species-table td{padding:10px;font-size:11px}.species-table i{font-size:12px}.giraffe-questions summary{font-size:12px}.guide-references ol{padding-left:20px}.guide-citations{font-size:9px}.ecology-art figcaption{font-size:9px}}
/* Bone counts and circulation diagrams */
.mechanics-section>.guide-kicker{font-size:10px;color:var(--muted);margin-bottom:6px}.mechanics-section>h3{margin-bottom:17px}.bone-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:45px;align-items:center;margin:25px 0 32px}.neck-support-figure,.vertebra-figure,.pressure-figure{margin:0}.watercolor-diagram{position:relative;isolation:isolate}.watercolor-diagram>img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.watercolor-diagram>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.neck-support-figure figcaption,.vertebra-figure figcaption,.pressure-figure figcaption{font-size:10px;line-height:1.9;color:var(--muted);margin-top:14px}.vertebra-figure>svg{display:block;width:100%;max-height:490px;margin:auto}.vertebra-figure figcaption{text-align:center}.mechanics-reading{display:grid;grid-template-columns:1fr 1fr;gap:45px}.mechanics-reading h4,.mechanics-note h4{font-size:16px;font-weight:500;line-height:1.8;margin:0 0 12px}.mechanics-reading p:not(.guide-citations),.mechanics-note p:not(.guide-citations){font-size:12px;line-height:2.25;margin:0 0 13px}.mechanics-note{padding:23px 26px;background:#ecefe5;border-left:2px solid #a5b79a;margin-top:29px}.mechanics-note strong{font-weight:500}.pressure-legend{display:flex;gap:25px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:24px 0 20px}.pressure-legend span{display:flex;align-items:center;gap:7px}.pressure-legend i{width:24px;height:3px;display:inline-block}.arterial-key{background:#a94e3c}.venous-key{background:#4e7d91}.pressure-panels{display:grid;grid-template-columns:1fr 1fr;gap:36px}.pressure-panels h4{font-size:16px;font-weight:500;margin-bottom:15px}.pressure-figure svg>path:not(.height-line){fill:none;stroke-width:8;stroke-linecap:round}.pressure-figure svg>text{fill:#3b4e43;font-size:36px;paint-order:stroke;stroke:#f7f6f0;stroke-width:7px;stroke-linejoin:round;font-family:inherit}.pressure-figure .height-line{fill:none;stroke:#6d826e;stroke-width:4;stroke-dasharray:12 10}.pressure-figure svg>text.height-label{font-size:31px}.pressure-takeaway{font-size:12px;line-height:2;border-top:1px solid var(--line);padding-top:12px;margin-top:15px}.mechanics-section .diagram-scope{font-size:10px;color:var(--muted);line-height:2;margin:20px 0}.pressure-numbers{display:grid;grid-template-columns:1fr 55px 1fr;max-width:800px;align-items:center;border:1px solid var(--line);padding:25px 30px;margin:25px auto 0;background:#f0f1e9}.pressure-numbers>div>span{font-size:11px}.pressure-numbers strong{display:block;font-family:Georgia,serif;font-size:36px;font-weight:400;color:#914d3c;line-height:1.4;margin:8px 0}.pressure-numbers strong small{font-size:17px}.pressure-numbers p{font-size:10px;color:var(--muted);margin:0;line-height:1.8}.pressure-difference{font-size:23px;color:var(--muted);text-align:center}.pressure-numbers+.diagram-scope{max-width:800px;margin:12px auto 0}.pressure-numbers~.guide-citations{margin-bottom:28px}
@media(max-width:900px){.bone-layout{gap:20px;grid-template-columns:1.25fr 1fr}.mechanics-reading{gap:30px}.pressure-panels{gap:24px}.pressure-panels h4{font-size:14px}.pressure-legend{gap:10px 20px}}
@media(max-width:620px){.bone-layout{display:block;margin:20px 0 28px}.neck-support-figure figcaption{font-size:9px}.vertebra-figure{margin-top:25px}.vertebra-figure>svg{height:440px;width:auto;max-width:100%;max-height:none}.vertebra-figure figcaption{font-size:9px}.mechanics-reading{display:block}.mechanics-reading section+section{margin-top:25px}.mechanics-reading h4,.mechanics-note h4{font-size:15px}.mechanics-note{padding:18px 19px;margin-top:23px}.pressure-panels{display:block}.pressure-panels>section+section{margin-top:27px}.pressure-panels h4{font-size:16px;margin-bottom:8px}.pressure-legend{font-size:9px;gap:6px}.pressure-legend span{width:100%}.pressure-takeaway{font-size:11px}.pressure-numbers{grid-template-columns:1fr 20px 1fr;padding:17px 13px;gap:6px}.pressure-numbers>div>span{font-size:9px}.pressure-numbers strong{font-size:29px}.pressure-numbers strong small{font-size:12px}.pressure-numbers p{font-size:9px}.pressure-difference{font-size:17px}.mechanics-section .diagram-scope{font-size:9px}.pressure-figure figcaption{font-size:9px}}
.heart-schematic{margin:15px 0 20px}.heart-schematic svg{display:block;width:100%;height:auto;max-height:245px}.heart-schematic figcaption{font-size:9px;line-height:1.9;color:var(--muted);margin-top:8px}
@media(max-width:620px){.pressure-figure svg>text{font-size:44px}.pressure-figure svg>text.height-label{font-size:38px}.pressure-legend{font-size:10px}}
.neck-game-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 28px;margin:28px 0 30px;border:1px solid #cbd0bb;background:#ececdb}.neck-game-callout span{font-size:10px;color:var(--muted)}.neck-game-callout h2{font:25px Georgia,serif;letter-spacing:.05em;margin:4px 0 9px}.neck-game-callout p{font-size:11px;margin:0;line-height:2}.neck-game-callout>a{flex-shrink:0;background:#385440;color:#f8f6e9;font-size:12px;padding:10px 18px}.neck-game-callout>a:hover{background:#496b4e}@media(max-width:620px){.neck-game-callout{display:block;padding:20px}.neck-game-callout>a{display:block;text-align:center;margin-top:17px}.neck-game-callout h2{font-size:24px}.neck-game-callout p{font-size:10px}}
/* Ten-animal catalogue: constrained explorer, readable editorial profiles. */
[hidden]{display:none!important}.home-experience{align-items:start}.animal-picker{min-height:0}.picker-list{max-height:330px;overflow:auto;overscroll-behavior:contain}.home-window{padding-top:0}.home-window-heading h2 a{text-decoration:underline;text-decoration-color:#b6c3b3;text-underline-offset:6px}.home-window .video-stage{aspect-ratio:16/9}.home-window-heading{min-height:94px}.pick-animal strong{font-size:15px}.pick-animal{padding:11px 5px}.pick-animal img{width:64px;height:45px}.play-status,.video-verification{font-size:11px;color:var(--muted);line-height:1.9;margin:10px 0}.player-slot{aspect-ratio:16/9;width:100%}.video-stage{width:100%;height:100%;aspect-ratio:16/9}.category-filter{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.category-filter button{border:1px solid var(--line);background:transparent;padding:7px 13px;font-size:12px}.category-filter button[aria-pressed=true]{background:var(--ink);color:var(--paper)}#filter-count{font-size:11px}.video-strip{display:flex;gap:15px;overflow-x:auto;width:100%;padding:3px 2px 12px}.video-strip .video-choice{flex:0 0 205px;width:205px}.video-choice section{display:block;height:auto;padding:9px}.playlist{display:block}.playlist-heading{margin-bottom:12px}.animal-profile{max-width:780px;margin:0 auto}.profile-intro{padding:42px 0 25px;border-bottom:1px solid var(--line)}.profile-intro h2{font-size:29px;margin:0 0 18px}.profile-intro p{font-size:15px;line-height:2}.animal-profile>section{padding:34px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.animal-profile h3{font-size:23px;font-weight:500;line-height:1.8;margin:0 0 18px}.animal-profile>section>p:not(.guide-citations):not(.topic-number){font-size:15px;line-height:2.1;margin-bottom:18px}.animal-art{margin:10px auto 24px;max-width:640px}.animal-art img{width:100%;height:auto;object-fit:contain;display:block}.animal-art figcaption{font-size:10px;color:var(--muted);line-height:1.9}.animal-profile .facts{font-size:14px}.animal-profile .field-note p{font-size:14px;line-height:2}.scientific-name{font-style:italic;color:var(--muted)}.observation-list{padding-left:24px;font-size:15px;line-height:2.1}.observation-list li{padding:8px 0 8px 8px}.scope-note{color:var(--muted);font-size:12px!important}.animal-pagination{display:flex;justify-content:space-between;gap:24px;max-width:880px;margin:40px auto;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.animal-pagination a{font-size:19px}.animal-pagination a:last-child{text-align:right}.animal-pagination small{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.related .animal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-heading h3{font-size:19px}.card-heading small{display:block;margin-left:0;font-size:12px}.guide-citations{display:block}.sources a{display:inline-block}.sources>div>a{display:block}
@media(max-width:620px){.picker-list{display:flex;max-height:none;overflow-x:auto;gap:8px}.pick-animal{flex:0 0 104px;width:104px;padding:7px}.pick-animal img{width:100%;height:53px}.pick-animal strong{font-size:12px;line-height:1.6;min-height:38px;display:flex;align-items:center;justify-content:center}.home-window-heading{min-height:0}.home-experience{gap:25px}.home-window{width:100%}.home-window-heading h2{font-size:25px}.play-status,.video-verification{font-size:10px}.video-stage.is-docked{position:fixed;top:0;left:var(--dock-left);width:var(--dock-width);height:auto;aspect-ratio:16/9;z-index:50;box-shadow:0 3px 12px #293d3230}.category-filter{gap:6px}.category-filter button{font-size:11px;padding:6px 9px}.video-strip .video-choice{flex-basis:175px;width:175px}.profile-intro h2{font-size:24px}.profile-intro p{font-size:15px}.animal-profile h3{font-size:21px}.animal-profile>section{padding:28px 0}.animal-art{margin-bottom:20px}.animal-profile .facts{display:block}.animal-profile .facts>div{padding:8px 0}.animal-pagination a{font-size:16px}.related .animal-grid{display:grid;grid-template-columns:1fr;gap:25px}.related .card-photo{height:auto;aspect-ratio:16/9}}
/* Illustrated ecology chapters: each atlas cell is an independent watercolor vignette. */
.atlas-window{position:relative;overflow:hidden;width:100%;aspect-ratio:4/3}.animal-art .atlas-window img{position:absolute;width:200%;height:400%;max-width:none;object-fit:fill;display:block}.ecology-plate figcaption span{display:block;margin-top:3px;font-size:10px;color:var(--muted)}.rich-chapter-nav{flex-wrap:wrap;row-gap:12px}.profile-questions details{border-top:1px solid var(--line);padding:18px 0}.profile-questions summary{cursor:pointer;font-size:16px;line-height:1.8}.profile-questions details>p{font-size:15px;line-height:2.05;margin-top:18px}.rich-profile .profile-intro .facts{margin-top:25px}.ecology-chapter>p{max-width:740px}.rich-profile .topic-number{margin-bottom:12px}.rich-profile .ecology-plate{margin-top:12px;margin-bottom:30px}.rich-profile section{scroll-margin-top:28px}@media(max-width:620px){.rich-chapter-nav{gap:9px 14px}.rich-chapter-nav a{font-size:12px}.rich-profile .profile-intro h2{font-size:24px}.profile-questions summary{font-size:15px}}
/* Chapter links land immediately so readers can move through long guides predictably. */
html:has(.rich-profile){scroll-behavior:auto}
.atlas-window{clip-path:inset(2% 4%)}

/* Explicit scope and attributed video context, retaining the illustrated field-guide layout. */
.behavior-label{display:inline-block;padding:4px 9px;border:1px solid #cbbca4;border-radius:3px;color:#6c5031;background:#f4ede1;font-size:11px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}.behavior-label.is-play{color:#365746;background:#e8f0e7;border-color:#b9cbb6}.video-context{display:flex;flex-wrap:wrap;gap:8px 24px;margin:12px 0}.video-context p{margin:0;font-size:12px;line-height:1.8}.video-context p>span:first-child{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.video-context strong{font-size:12px;font-weight:500}.home-window-heading .video-context{margin-bottom:15px}.attribution-note{font-size:11px;line-height:1.9;color:var(--muted);border-left:2px solid #b5c0a7;padding-left:12px;margin:12px 0}.profile-scope{border-left:2px solid #b5c0a7;background:#edf0e6;padding:16px 20px;margin:0 0 25px}.profile-scope>strong{font-size:12px;font-weight:500}.profile-scope p{font-size:12px;line-height:2;margin:6px 0 0}.directory-video .behavior-label{display:table;margin:5px 0}.directory-video small{overflow-wrap:anywhere}.animal-card>.behavior-label{margin-bottom:12px}.editorial-policy{width:min(1120px,calc(100% - 64px));margin:0 auto 70px;border-top:1px solid var(--line);padding-top:32px;scroll-margin-top:24px}.editorial-policy h2{font-size:22px;font-weight:500}.editorial-policy p,.editorial-policy dd,.editorial-policy li{font-size:13px;line-height:2;max-width:820px}.editorial-policy details{border-bottom:1px solid var(--line);padding:18px 0}.editorial-policy summary{cursor:pointer;font-size:14px;line-height:1.8}.editorial-policy dl>div{display:grid;grid-template-columns:80px 1fr;gap:16px;margin:18px 0}.editorial-policy dt{font-size:13px;font-weight:500}.editorial-policy dd{margin:0}.editorial-policy ul{padding-left:22px}.editorial-policy details>p{color:var(--muted)}footer small a{text-decoration:underline;text-underline-offset:3px}.drinking-sequence{margin:30px 0;border-top:1px solid var(--line);padding-top:22px}.drinking-sequence h4{font-size:17px;font-weight:500;line-height:1.8}.circulation-phases{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.circulation-phases li{padding:16px;background:#ecefe5}.phase-number{font:19px Georgia,serif;color:#72826b}.circulation-phases h5{font-size:14px;font-weight:500;margin:8px 0}.circulation-phases svg{width:100%;height:auto;max-height:120px}.circulation-phases svg>path{stroke:#7d8a73;stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round}.circulation-phases svg .phase-flow{stroke:#a94e3c;stroke-width:3}.phase-heart{fill:#a94e3c}.phase-head{fill:#4c5e4a}.circulation-phases svg .phase-water{stroke:#4e7d91;stroke-width:3}.circulation-phases p,.circulation-roles p{font-size:12px;line-height:2;margin:8px 0}.circulation-phases small{font-size:10px;line-height:1.8;display:block;color:var(--muted)}.circulation-roles{display:grid;grid-template-columns:1fr 1fr;gap:25px}.circulation-roles strong{display:block;font-weight:500;margin-bottom:5px}
@media(max-width:620px){.video-context{display:block}.video-context p+p{margin-top:10px}.profile-scope{padding:13px 16px}.editorial-policy{width:calc(100% - 40px);margin-bottom:40px}.editorial-policy dl>div{display:block}.editorial-policy dt{margin-bottom:7px}.circulation-phases{grid-template-columns:1fr;gap:12px}.circulation-phases li{display:grid;grid-template-columns:95px 1fr;gap:0 15px}.circulation-phases .phase-number{grid-column:1}.circulation-phases h5{grid-column:2;grid-row:1;margin:0}.circulation-phases svg{grid-column:1;grid-row:2/4;align-self:center}.circulation-phases p{grid-column:2;grid-row:2}.circulation-phases small{grid-column:2;grid-row:3}.circulation-roles{display:block}}
/* Keep the horizontal animal picker inside its mobile grid column. */
.animal-picker{min-width:0;max-width:100%}.picker-list{max-width:100%}

/* KENKAZUKAN identity: vector mark, natural paper and forest ink. */
.brand{display:flex;align-items:center;gap:0;line-height:1}.brand-logo{display:block;width:218px;height:auto}.footer-brand img{display:block;width:260px;height:auto;margin:auto}footer .footer-brand{display:inline-block} @media(max-width:620px){.brand-logo{width:170px}.footer-brand img{width:220px}}