:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;--fox-orange: #e8751a;--fox-amber: #f5a623;--fox-cream: #fef3e2;--fox-dark: #1a0e05;--fox-nose: #2c1810;--fox-warm: #ff6b35;--fox-glow: rgba(232, 117, 26, .15)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{min-height:100vh;background:#0b0806;color:#f0e6d8}.fox-face-container{position:relative;width:180px;height:180px;margin:0 auto 2rem}.fox-head{position:absolute;width:120px;height:100px;background:var(--fox-orange);border-radius:50% 50% 45% 45%;top:50px;left:50%;transform:translate(-50%);z-index:2}.fox-ear-left,.fox-ear-right{position:absolute;width:0;height:0;border-left:28px solid transparent;border-right:28px solid transparent;border-bottom:55px solid var(--fox-orange);top:5px;z-index:1}.fox-ear-left{left:22px;transform:rotate(-12deg)}.fox-ear-right{right:22px;transform:rotate(12deg)}.fox-ear-inner-left,.fox-ear-inner-right{position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:32px solid var(--fox-nose);top:18px;z-index:3}.fox-ear-inner-left{left:34px;transform:rotate(-12deg)}.fox-ear-inner-right{right:34px;transform:rotate(12deg)}.fox-cheek-left,.fox-cheek-right{position:absolute;width:42px;height:36px;background:var(--fox-cream);border-radius:50%;top:80px;z-index:3}.fox-cheek-left{left:42px}.fox-cheek-right{right:42px}.fox-eye-left,.fox-eye-right{position:absolute;width:14px;height:14px;background:var(--fox-nose);border-radius:50%;top:70px;z-index:4;animation:blink 4s infinite}.fox-eye-left{left:60px}.fox-eye-right{right:60px}.fox-eye-shine{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;top:2px;left:3px}.fox-nose{position:absolute;width:16px;height:12px;background:#1a0e05;border-radius:50%/30% 30% 70% 70%;top:88px;left:50%;transform:translate(-50%);z-index:4}.fox-mouth{position:absolute;top:98px;left:50%;transform:translate(-50%);z-index:4}.fox-mouth:before,.fox-mouth:after{content:"";position:absolute;width:12px;height:8px;border-bottom:2px solid #1a0e05;border-radius:0 0 50% 50%}.fox-mouth:before{left:-12px}.fox-mouth:after{left:0}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 600px 400px at 50% 40%,rgba(232,117,26,.08),transparent),radial-gradient(ellipse 300px 200px at 30% 60%,rgba(245,166,35,.05),transparent),radial-gradient(ellipse 300px 200px at 70% 70%,rgba(255,107,53,.04),transparent);pointer-events:none}.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,var(--fox-cream),var(--fox-orange),var(--fox-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .subtitle{font-size:clamp(1rem,2vw,1.35rem);color:#f0e6d899;max-width:32rem;margin:0 auto 2.5rem;font-style:italic}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#f0e6d859;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;animation:float 2.5s ease-in-out infinite}.scroll-arrow{font-size:1.5rem;animation:float 2.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section{max-width:56rem;margin:0 auto;padding:5rem 2rem;position:relative}.section-header{text-align:center;margin-bottom:3rem}.section-header .label{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--fox-orange);border:1px solid rgba(232,117,26,.3);padding:.25rem .75rem;border-radius:2rem;margin-bottom:1rem}.section-header h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;letter-spacing:-.02em;color:var(--fox-cream);margin-bottom:.75rem}.section-header p{color:#f0e6d88c;max-width:36rem;margin:0 auto;font-size:1.05rem}.divider{width:100%;max-width:56rem;margin:0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(232,117,26,.2),transparent)}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem}.fact-card{background:linear-gradient(135deg,#e8751a0f,#ffffff05);border:1px solid rgba(232,117,26,.12);border-radius:1rem;padding:1.75rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.fact-card:hover{transform:translateY(-3px);border-color:#e8751a4d;box-shadow:0 12px 40px #e8751a14}.fact-card .icon{font-size:2rem;margin-bottom:.75rem;display:block}.fact-card h3{font-size:1.1rem;font-weight:600;color:var(--fox-cream);margin-bottom:.5rem}.fact-card p{color:#f0e6d88c;font-size:.9rem;line-height:1.65}.species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.25rem}.species-card{text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:2rem 1.25rem;transition:transform .25s ease,border-color .25s ease}.species-card:hover{transform:translateY(-3px);border-color:#e8751a40}.species-card .species-icon{font-size:2.75rem;margin-bottom:.75rem;display:block}.species-card h3{font-size:1.05rem;font-weight:600;color:var(--fox-cream);margin-bottom:.25rem}.species-card .latin{font-style:italic;font-size:.8rem;color:#f0e6d866;margin-bottom:.5rem}.species-card p{color:#f0e6d880;font-size:.85rem;line-height:1.55}.timeline{position:relative;padding-left:2.5rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--fox-orange),rgba(232,117,26,.1));border-radius:1rem}.timeline-item{position:relative;margin-bottom:2.5rem}.timeline-item:before{content:"";position:absolute;left:-2.5rem;top:.35rem;width:10px;height:10px;background:var(--fox-orange);border-radius:50%;box-shadow:0 0 12px #e8751a66;transform:translate(-4px)}.timeline-item h3{font-size:1.05rem;font-weight:600;color:var(--fox-amber);margin-bottom:.35rem}.timeline-item p{color:#f0e6d88c;font-size:.9rem;line-height:1.6}.quote-block{text-align:center;padding:4rem 2rem;position:relative}.quote-block:before{content:"“";font-size:6rem;color:#e8751a26;position:absolute;top:.5rem;left:50%;transform:translate(-50%);font-family:Georgia,serif;line-height:1}.quote-block blockquote{font-size:clamp(1.15rem,2.5vw,1.5rem);font-style:italic;color:var(--fox-cream);max-width:36rem;margin:0 auto 1rem;position:relative;z-index:1}.quote-block cite{font-size:.9rem;color:#f0e6d873;font-style:normal}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;margin:3rem 0}.stat-item{text-align:center;padding:1.5rem 1rem;background:#e8751a0a;border:1px solid rgba(232,117,26,.08);border-radius:.75rem}.stat-item .number{display:block;font-size:2rem;font-weight:800;color:var(--fox-orange);letter-spacing:-.02em;line-height:1.2}.stat-item .stat-label{font-size:.8rem;color:#f0e6d873;text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem}.footer{text-align:center;padding:3rem 2rem 2rem;color:#f0e6d840;font-size:.8rem}.footer .paw{font-size:1.5rem;display:block;margin-bottom:.5rem;opacity:.4}@media(max-width:480px){.section{padding:3rem 1.25rem}.facts-grid{grid-template-columns:1fr}.species-grid{grid-template-columns:1fr 1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}}