@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Merriweather:wght@300;400;700&family=Inter:wght@400;500;600;700;800&display=swap";
.hor-zoopage{--hor-primary:#8b4513;--hor-primary-light:#fdf6f0;--hor-primary-mid:peru;--hor-primary-dark:#5c2d16;--hor-primary-glow:#8b451326;--hor-primary-vivid:sienna;--hor-accent:#d2691e;--hor-accent-soft:#d2691e26;--hor-text-main:#272522;--hor-text-secondary:#544e47;--hor-text-muted:#8a8276;--hor-bg-app:#faf8f5;--hor-bg-card:#fff;--hor-bg-panel:#fff;--hor-border:#8b45131f;--hor-border-strong:#8b451340;--hor-shadow-soft:0 2px 5px #0000000a, 0 5px 15px #00000005;--hor-shadow-medium:0 6px 18px #0000000d, 0 16px 32px #00000008;--hor-shadow-card-hover:0 14px 45px #0000000f, 0 0 0 1px var(--hor-border-strong);--hor-header-height:80px;--hor-sidebar-width:320px;--hor-radius-lg:1.25rem;--hor-radius-xl:1.75rem;background-color:var(--hor-bg-app);min-height:100vh;padding-top:var(--hor-header-height);color:var(--hor-text-main);font-family:Inter,system-ui,sans-serif}.hor-hero-banner{z-index:1;min-height:calc(100vh - var(--hor-header-height));margin-top:calc(-1 * var(--hor-header-height));padding:var(--hor-header-height) 5% 0;background:linear-gradient(135deg,#fdf6f0 0%,#faecd8 50%,#fdf6f0 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hor-hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#d2691e14 0%,#0000 60%);position:absolute;inset:0}.hor-hero-container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.hor-taxonomy-tag{color:var(--hor-primary);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--hor-border);background:#8b451314;border-radius:50px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-flex}.hor-hero-title{background:linear-gradient(135deg,#5c2d16,sienna);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-family:Playfair Display,serif;font-size:clamp(3rem,6vw,4.8rem);font-weight:800;line-height:1.1}.hor-hero-subtitle{color:var(--hor-text-secondary);margin-bottom:30px;font-family:Merriweather,serif;font-size:1.35rem;font-style:italic}.hor-taxonomy-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px;display:grid}.hor-tax-item{box-shadow:var(--hor-shadow-soft);background:#ffffffbf;border:1px solid #fffc;border-radius:12px;padding:12px 16px}.hor-tax-label{color:var(--hor-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.65rem;font-weight:800;display:block}.hor-tax-value{font-size:.95rem;font-weight:700}.hor-hero-description{color:var(--hor-text-secondary);max-width:550px;font-size:1.05rem;line-height:1.7}.hor-hero-img{filter:drop-shadow(0 20px 40px #8b451326);border-radius:20px;width:100%;max-width:480px;animation:6s ease-in-out infinite horFloat}@keyframes horFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hor-hero-bottom-fade{background:linear-gradient(to top, var(--hor-bg-app), transparent);z-index:2;width:100%;height:100px;position:absolute;bottom:0;left:0}.hor-scroll-indicator{cursor:pointer;z-index:3;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hor-mouse{border:2px solid var(--hor-primary);border-radius:20px;width:26px;height:42px;position:relative}.hor-wheel{background-color:var(--hor-primary);border-radius:2px;width:4px;height:8px;animation:1.8s infinite horScrollAnim;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes horScrollAnim{0%{opacity:0;top:6px}30%{opacity:1}80%{opacity:0;top:18px}to{opacity:0;top:6px}}.hor-arrow-down{border-right:2px solid var(--hor-primary);border-bottom:2px solid var(--hor-primary);width:8px;height:8px;animation:1.8s infinite horArrowAnim;transform:rotate(45deg)}@keyframes horArrowAnim{0%,to{opacity:.3;transform:rotate(45deg)translate(0)}50%{opacity:1;transform:rotate(45deg)translate(4px,4px)}}.hor-zoo-app-container{max-width:1400px;margin:0 auto;display:flex}.hor-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0006;display:none;position:fixed;inset:0}.hor-zoo-sidebar{width:var(--hor-sidebar-width);left:max(0px,50vw - 700px);top:var(--hor-header-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--hor-radius-lg);height:auto;box-shadow:var(--hor-shadow-soft);border:1px solid var(--hor-border);z-index:10;background:#fffffff2;flex-direction:column;flex-shrink:0;margin-top:20px;margin-bottom:20px;margin-right:40px;transition:transform .3s,height .1s;display:flex;bottom:0;position:fixed!important}.hor-zoo-sidebar.hidden{opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translate(-20px)}.hor-sidebar-header{border-bottom:1px solid var(--hor-border);padding:20px}.hor-progress-label{color:var(--hor-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.7rem;font-weight:700}.hor-progress-track{background:#8b45131a;border-radius:3px;height:6px;overflow:hidden}.hor-progress-fill{background:linear-gradient(90deg, var(--hor-primary), var(--hor-primary-vivid));height:100%;transition:width .3s}.hor-sidebar-nav{flex-direction:column;gap:8px;padding:15px;display:flex;overflow-y:auto}.hor-sidebar-nav::-webkit-scrollbar{width:4px}.hor-sidebar-nav::-webkit-scrollbar-track{background:0 0}.hor-sidebar-nav::-webkit-scrollbar-thumb{background:var(--hor-border);border-radius:10px}.hor-nav-btn{color:var(--hor-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.hor-nav-icon{width:32px;height:32px;color:var(--hor-text-muted);background:#8b45130d;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.hor-nav-btn:hover{color:var(--hor-primary-dark);background:#8b45130d}.hor-nav-btn.active{background:var(--hor-primary);color:#fff;box-shadow:0 4px 10px var(--hor-primary-glow);font-weight:600}.hor-nav-btn.active .hor-nav-icon{color:#fff;background:#fff3}.hor-zoo-main-content{flex:1;min-width:0;padding-top:20px;padding-bottom:100px;margin-left:calc(var(--hor-sidebar-width) + 40px)!important}.hor-mobile-toggle{background:var(--hor-primary);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 15px #8b451366}.hor-content-card{background:var(--hor-bg-panel);border:1px solid var(--hor-border);border-radius:var(--hor-radius-xl);box-shadow:var(--hor-shadow-medium);padding:48px}.hor-blog-section{padding:24px 0}.hor-section-heading{color:var(--hor-primary-dark);border-left:5px solid var(--hor-primary);margin-bottom:28px;padding-left:20px;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.hor-section-box{margin-bottom:30px}.hor-section-title{color:var(--hor-text-main);margin-bottom:16px;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600}.hor-section-text{color:var(--hor-text-secondary);margin-bottom:20px;font-size:1.05rem;line-height:1.75}.hor-section-list{margin-bottom:24px;padding-left:24px}.hor-section-list li{color:var(--hor-text-secondary);margin-bottom:12px;font-size:1.05rem;line-height:1.7}.hor-callout{background:var(--hor-primary-light);border-left:4px solid var(--hor-primary-mid);color:var(--hor-text-secondary);border-radius:0 12px 12px 0;margin:24px 0;padding:20px;font-size:1rem;line-height:1.6}.hor-callout strong{color:var(--hor-primary-dark);margin-bottom:6px;font-size:1.1rem;display:block}.hor-section-divider{background:var(--hor-border);height:1px;margin:40px 0}.hor-adaptations-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:30px;display:grid}.hor-adapt-flip-card{perspective:1000px;cursor:pointer;height:280px}.hor-adapt-flip-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.hor-adapt-flip-card.flipped .hor-adapt-flip-inner{transform:rotateY(180deg)}.hor-adapt-flip-front,.hor-adapt-flip-back{backface-visibility:hidden;width:100%;height:100%;box-shadow:var(--hor-shadow-soft);border:1px solid var(--hor-border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute}.hor-adapt-flip-front{border-bottom:5px solid var(--hor-primary);background:#fff}.hor-adapt-icon-large{margin-bottom:16px;font-size:3.5rem}.hor-adapt-flip-front h4{color:var(--hor-text-main);margin-bottom:8px;font-size:1.25rem;font-weight:700}.hor-adapt-subtitle{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.hor-click-hint{color:var(--hor-text-muted);margin-top:20px;font-size:.75rem;font-weight:500}.hor-adapt-flip-back{color:#fff;text-align:left;justify-content:flex-start;transform:rotateY(180deg)}.hor-adapt-flip-back h4{border-bottom:1px solid #ffffff4d;width:100%;margin-bottom:16px;padding-bottom:8px;font-size:1.2rem;font-weight:700}.hor-adapt-flip-back ul{margin:0;padding:0;list-style-type:none}.hor-adapt-flip-back li{margin-bottom:10px;padding-left:16px;font-size:.95rem;line-height:1.5;position:relative}.hor-adapt-flip-back li:before{content:"•";color:#ffffffb3;position:absolute;left:0}.hor-evo-interactive{box-shadow:var(--hor-shadow-medium);background:#1e1b18;border-radius:20px;margin-top:30px;overflow:hidden}.hor-evo-main-view{height:480px;position:relative}.hor-evo-slide{opacity:0;align-items:flex-end;transition:opacity .5s ease-in-out;display:flex;position:absolute;inset:0}.hor-evo-slide.active{opacity:1;z-index:2}.hor-evo-slide img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.hor-evo-overlay{z-index:3;background:linear-gradient(#0003 0%,#000000d9 70%);align-items:flex-end;padding:40px;display:flex;position:absolute;inset:0}.hor-evo-data-box{color:#fff;width:100%}.hor-evo-era{color:var(--hor-primary-mid);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.8rem;font-weight:700}.hor-evo-data-box h4{margin-bottom:12px;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.hor-evo-data-box p{color:#d1c7bd;max-width:700px;margin-bottom:24px;font-size:.95rem;line-height:1.6}.hor-evo-stats{gap:30px;display:flex}.hor-evo-stat{align-items:center;gap:12px;display:flex}.hor-evo-stat .stat-icon{font-size:1.8rem}.hor-evo-stat .stat-info{flex-direction:column;display:flex}.hor-evo-stat .stat-info strong{text-transform:uppercase;color:#8a8276;letter-spacing:.05em;font-size:.75rem}.hor-evo-stat .stat-info span{font-size:1rem;font-weight:600}.hor-evo-timeline-nav{background:#272522;border-top:1px solid #3d3a35;padding:10px 20px;display:flex}.hor-evo-nav-btn{color:#8a8276;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:15px 10px;transition:all .3s;display:flex}.hor-evo-nav-btn:hover{color:#fff;background:#ffffff0a}.hor-evo-nav-btn.active{color:var(--hor-primary-mid);background:#8b451326}.hor-evo-nav-btn .nav-dot{background:currentColor;border-radius:50%;width:8px;height:8px;transition:transform .3s}.hor-evo-nav-btn.active .nav-dot{transform:scale(1.5)}.hor-evo-nav-btn span:last-child{font-size:.85rem;font-weight:600}.hor-taxonomy-section .tree-container{background:var(--hor-primary-light);border:1px solid var(--hor-border);border-radius:16px;margin-top:20px;padding:30px}.hor-tree-root{flex-direction:column;align-items:center;gap:30px;display:flex;position:relative}.hor-tree-node{border:2px solid var(--hor-primary);text-align:center;box-shadow:var(--hor-shadow-soft);z-index:2;background:#fff;border-radius:12px;padding:16px 24px;position:relative}.hor-tree-node.sub-root{border-color:var(--hor-primary-mid)}.hor-tree-node.leaf{border-color:var(--hor-accent)}.hor-tree-node h5{color:var(--hor-primary-dark);margin:0 0 4px;font-size:1.1rem;font-weight:700}.hor-tree-node p{color:var(--hor-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:500}.hor-tree-branches{justify-content:center;gap:40px;width:100%;display:flex;position:relative}.hor-tree-branches:before{content:"";background:var(--hor-border-strong);z-index:1;width:calc(100% - 220px);height:2px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.hor-branch-col{flex-direction:column;flex:1;align-items:center;gap:20px;display:flex;position:relative}.hor-branch-col:before{content:"";background:var(--hor-border-strong);z-index:1;width:2px;height:30px;position:absolute;top:-30px;left:50%}.hor-diversity-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-top:30px;display:grid}.hor-div-card{height:320px;box-shadow:var(--hor-shadow-soft);border:1px solid var(--hor-border);border-radius:16px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.hor-div-card:hover{box-shadow:var(--hor-shadow-medium);transform:translateY(-8px)}.hor-div-image-container{width:100%;height:100%}.hor-div-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s}.hor-div-card:hover .hor-div-img{transform:scale(1.08)}.hor-div-overlay{background:linear-gradient(#0000 0%,#0000004d 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:0}.hor-div-status{color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-self:flex-start;margin-bottom:12px;padding:4px 10px;font-size:.7rem;font-weight:700;box-shadow:0 2px 6px #0003}.hor-div-content h4{color:#fff;margin:0 0 4px;font-size:1.25rem;font-weight:700}.hor-div-content em{color:#e5dfd9;font-size:.9rem}.hor-timeline-container-wrapper{max-width:1000px;margin:0 auto;padding:40px 0;position:relative}.hor-timeline-line{background-color:var(--hor-border);z-index:1;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hor-timeline-progress{background:linear-gradient(180deg, var(--hor-primary-mid) 0%, var(--hor-primary) 100%);border-radius:4px;width:100%;transition:height .1s ease-out;position:absolute;top:0;left:0}.hor-timeline-item{justify-content:space-between;align-items:center;width:100%;margin-bottom:80px;display:flex;position:relative}.hor-timeline-pane{width:44%}.hor-pane-left{text-align:right;justify-content:flex-end;display:flex}.hor-pane-right{text-align:left;justify-content:flex-start;display:flex}.hor-photo-card{border:1px solid var(--hor-border);border-radius:var(--hor-radius-lg);box-shadow:var(--hor-shadow-soft);background:#fff;width:100%;max-width:320px;padding:16px;transition:transform .3s,box-shadow .3s}.hor-photo-card:hover{box-shadow:var(--hor-shadow-medium);transform:translateY(-5px)}.hor-image-wrapper{background:var(--hor-bg-app);border-radius:10px;justify-content:center;align-items:center;height:160px;margin-bottom:12px;padding:10px;display:flex;overflow:hidden}.hor-image-wrapper img{object-fit:contain;max-width:100%;max-height:100%}.hor-species-name{color:var(--hor-primary-dark);margin:0 0 4px;font-size:1.15rem;font-weight:700}.hor-species-sci{color:var(--hor-text-muted);margin:0;font-size:.85rem;font-style:italic}.hor-era-label{background:var(--hor-primary-light);border:1px solid var(--hor-border);border-radius:30px;padding:8px 16px;display:inline-block}.hor-era-year{color:var(--hor-primary-dark);font-size:.9rem;font-weight:700}.hor-timeline-marker{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hor-marker-dot{border:3px solid var(--hor-primary);background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;box-shadow:0 0 10px #8b45134d}.hor-timeline-item:hover .hor-marker-dot{background:var(--hor-primary);transform:scale(1.3)}.hor-detail-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hor-detail-card{background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:90vh;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) horModalReveal;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0000004d}@keyframes horModalReveal{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.hor-detail-close{background:var(--hor-primary-light);width:36px;height:36px;color:var(--hor-primary-dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.hor-detail-close:hover{background:var(--hor-border-strong)}.hor-detail-top{border-bottom:1px solid var(--hor-border);align-items:center;gap:30px;margin-bottom:24px;padding-bottom:24px;display:flex}.hor-detail-img-wrap{background:var(--hor-primary-light);border-radius:16px;justify-content:center;align-items:center;width:140px;height:140px;padding:10px;display:flex}.hor-detail-img-wrap img{object-fit:contain;max-width:100%;max-height:100%}.hor-detail-header{flex-direction:column;display:flex}.hor-detail-era{text-transform:uppercase;color:var(--hor-primary-mid);letter-spacing:.05em;margin-bottom:6px;font-size:.75rem;font-weight:700}.hor-detail-name{color:var(--hor-primary-dark);margin:0 0 6px;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.hor-detail-sci{color:var(--hor-text-secondary);margin:0;font-size:1.05rem;font-style:italic}.hor-detail-body{flex-direction:column;gap:24px;display:flex}.hor-detail-desc{color:var(--hor-text-secondary);margin:0;font-size:1.05rem;line-height:1.7}.hor-detail-facts{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.hor-detail-fact-pill{background:var(--hor-primary-light);border:1px solid var(--hor-border);color:var(--hor-primary-dark);border-radius:30px;padding:8px 16px;font-size:.85rem;font-weight:600}.hor-nav-btn-modal{border:1px solid var(--hor-border);cursor:pointer;width:48px;height:48px;box-shadow:var(--hor-shadow-soft);color:var(--hor-primary);background:#fffc;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hor-nav-btn-modal:hover:not(:disabled){color:var(--hor-primary-dark);background:#fff;transform:translateY(-50%)scale(1.1)}.hor-nav-btn-modal:disabled{opacity:.3;cursor:not-allowed}.hor-nav-left{left:40px}.hor-nav-right{right:40px}.hor-back-to-top{background:var(--hor-primary);color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(10px);box-shadow:0 4px 15px #00000026}.hor-back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.hor-back-to-top:hover{background:var(--hor-primary-dark);transform:translateY(-3px)}@media (max-width:1024px){.hor-hero-container{text-align:center;grid-template-columns:1fr;gap:40px;padding-bottom:60px}.hor-hero-content{flex-direction:column;align-items:center;display:flex}.hor-hero-description{max-width:100%}.hor-hero-img{max-width:500px}.hor-zoo-app-container{flex-direction:column;gap:30px;padding:40px 16px}.hor-zoo-sidebar{border-radius:var(--hor-radius-xl) var(--hor-radius-xl) 0 0;z-index:101;border:none;width:100%;height:70vh;transition:transform .3s cubic-bezier(.1,.76,.55,.94);position:fixed;top:auto;bottom:0;left:0;transform:translateY(100%)}.hor-zoo-sidebar.open{transform:translateY(0)}.hor-zoo-sidebar.hidden{opacity:1;pointer-events:auto}.hor-mobile-overlay.open{display:block}.hor-mobile-toggle{display:flex}.hor-content-card{padding:30px 20px}.hor-timeline-item{flex-direction:column;gap:20px}.hor-timeline-pane{width:100%}.hor-pane-left,.hor-pane-right{text-align:center;justify-content:center}.hor-timeline-line,.hor-timeline-marker{left:20px}.hor-timeline-container{padding-left:40px}}@media (max-width:768px){.hor-taxonomy-grid{grid-template-columns:repeat(2,1fr)}.hor-tree-branches{flex-direction:column;align-items:center;gap:40px}.hor-tree-branches:before,.hor-branch-col:before{display:none}}