:root{color-scheme:light;--bg: #efe4cf;--bg-deep: #cfba8f;--paper: rgba(252, 247, 235, .72);--ink: #1c140d;--muted: rgba(28, 20, 13, .72);--line: rgba(28, 20, 13, .12);--gold: #b46f22;--fern: #5d6e43;--sunset: #9d4e2b;--white: #fffdf7;font-family:Manrope,sans-serif;background:radial-gradient(circle at top,rgba(255,248,230,.9),transparent 35%),linear-gradient(180deg,#f6e8c8,#debb83 48%,#d3aa67);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}#root,.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.15rem 1.4rem;background:linear-gradient(180deg,#faefd6e6,#faefd68c);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand,.top-nav a,.button,.species-link,.back-link,.species-footer-links a{transition:transform .18s ease,opacity .18s ease,background-color .18s ease,border-color .18s ease}.brand{font-family:Cormorant Garamond,serif;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700;letter-spacing:.03em}.top-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.top-nav a{padding:.55rem .9rem;border-radius:999px;color:var(--muted)}.top-nav a.active,.top-nav a:hover,.brand:hover,.species-footer-links a:hover,.back-link:hover{transform:translateY(-1px);color:var(--ink)}.page{display:grid;gap:2rem}.hero{position:relative;isolation:isolate;min-height:calc(100svh - 78px);padding:2rem 1.4rem 3rem;overflow:clip}.hero-backdrop,.species-hero-art{position:absolute;inset:0;overflow:hidden}.hero-copy,.highlights,.species-index,.closing,.species-hero,.species-body,.species-footer{width:min(1120px,calc(100vw - 2.8rem));margin:0 auto}.hero-copy{position:relative;display:flex;min-height:calc(100svh - 150px);max-width:42rem;flex-direction:column;justify-content:center;gap:1rem;z-index:1;animation:rise .85s ease both}.eyebrow,.detail-label,.highlight-label,.species-number{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800}.hero h1,.closing h2,.species-fact h2,.species-hero h1,.section-heading h2{margin:0;font-family:Cormorant Garamond,serif;font-weight:600;line-height:.92}.hero h1{max-width:12ch;font-size:clamp(4.2rem,12vw,8.8rem)}.hero-text,.highlight p,.closing p,.species-details p,.species-details li,.species-footer p{max-width:38rem;margin:0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;padding-top:.6rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.85rem 1.15rem;border-radius:999px;border:1px solid transparent;font-weight:700}.button:hover,.species-link:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:var(--white)}.button-secondary{background:#fff8e959;border-color:#fff8e999}.sun{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,246,210,.92),rgba(255,229,159,.18) 60%,transparent 70%);filter:blur(2px);animation:drift 14s ease-in-out infinite alternate}.sun-large{top:7%;right:8%;width:min(52vw,42rem);aspect-ratio:1}.sun-small{bottom:22%;right:32%;width:min(11vw,7rem);aspect-ratio:1;animation-duration:8s}.ridge{position:absolute;left:-10%;width:120%;border-radius:50% 50% 0 0}.ridge-one{bottom:-18%;height:52%;background:linear-gradient(180deg,#855b2633,#6c451fb8)}.ridge-two{bottom:-24%;height:38%;background:linear-gradient(180deg,#3c250f29,#3c250fe0)}.highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:-2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.highlight{padding:1.4rem;background:#fcf7eba8}.species-index,.closing,.species-body,.species-footer{padding:3rem 0 1rem}.section-heading{display:grid;gap:.6rem;margin-bottom:2rem}.section-heading h2,.closing h2,.species-fact h2{font-size:clamp(2.7rem,6vw,5rem);max-width:11ch}.species-list{display:grid;gap:1rem}.species-link{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:start;padding:1.3rem 1.1rem;border-top:1px solid var(--line);background:#faf2e233}.species-meta{display:grid;gap:.35rem}.species-name{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:.95}.species-summary{max-width:40rem;line-height:1.55;color:var(--muted)}.closing{padding-bottom:4rem}.species-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:2rem;min-height:calc(100svh - 108px);align-items:center;padding:2rem 0 1rem}.species-hero-copy,.species-hero-art{position:relative;z-index:1}.species-hero-copy{display:grid;gap:.8rem;animation:rise .85s ease both}.species-hero h1{font-size:clamp(3.5rem,9vw,7rem);max-width:8ch}.back-link{display:inline-flex;width:fit-content;padding-bottom:.75rem;font-weight:700}.orb{position:absolute;border-radius:999px;filter:blur(6px);opacity:.72}.orb-one{inset:12% 10% auto auto;width:min(30vw,18rem);aspect-ratio:1;background:radial-gradient(circle,rgba(255,243,205,.95),transparent 72%)}.orb-two{inset:auto auto 18% 8%;width:min(22vw,14rem);aspect-ratio:1;background:radial-gradient(circle,rgba(243,202,137,.8),transparent 75%)}.silhouette{position:absolute;right:4%;bottom:4%;width:min(84%,31rem);aspect-ratio:1.18;animation:sway 9s ease-in-out infinite alternate}.silhouette span{position:absolute;display:block;background:#2e1f12eb}.silhouette-body{inset:34% 20% 22% 12%;border-radius:46% 42% 24% 20%}.silhouette-head{inset:38% 7% 30% 2%;border-radius:46% 42% 44% 54%}.silhouette-ear{inset:34% 18% 32% 11%;border-radius:56% 48% 52% 60%;background:#412c1af0}.silhouette-trunk{inset:50% 84% 6% 0;border-radius:1.8rem;transform:rotate(4deg);transform-origin:top center}.silhouette-leg{bottom:0;width:9%;border-radius:1rem 1rem .4rem .4rem}.leg-one{left:25%;top:66%}.leg-two{left:39%;top:62%}.leg-three{left:58%;top:64%}.leg-four{left:72%;top:61%}.silhouette-tail{left:87%;top:44%;width:1.4%;bottom:19%;border-radius:999px;transform:rotate(16deg);transform-origin:top center}.species-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:2rem;border-top:1px solid var(--line)}.species-details{display:grid;gap:1.5rem}.species-details ul{margin:0;padding-left:1.1rem;color:var(--muted)}.species-footer{display:grid;gap:1rem;padding-bottom:4rem;border-top:1px solid var(--line)}.species-footer-links{display:flex;flex-wrap:wrap;gap:1rem}.species-footer-links a{font-weight:700}.tone-gold{--accent: var(--gold)}.tone-fern{--accent: var(--fern)}.tone-sunset{--accent: var(--sunset)}.tone-gold .eyebrow,.tone-gold .detail-label,.tone-gold .species-number,.tone-gold .species-footer-links a,.tone-gold .back-link,.tone-gold .top-nav a.active{color:var(--gold)}.tone-fern .eyebrow,.tone-fern .detail-label,.tone-fern .species-number,.tone-fern .species-footer-links a,.tone-fern .back-link,.tone-fern .top-nav a.active{color:var(--fern)}.tone-sunset .eyebrow,.tone-sunset .detail-label,.tone-sunset .species-number,.tone-sunset .species-footer-links a,.tone-sunset .back-link,.tone-sunset .top-nav a.active{color:var(--sunset)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-12px,18px,0) scale(1.04)}}@keyframes sway{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-12px) rotate(1deg)}}@media(max-width:900px){.highlights,.species-body,.species-hero{grid-template-columns:1fr}.species-hero{min-height:auto;padding-top:1rem}.species-hero-art{min-height:24rem}.hero{min-height:auto;padding-top:1rem}.hero-copy{min-height:auto;padding-top:4rem;padding-bottom:10rem}}@media(max-width:640px){.site-header{align-items:flex-start;flex-direction:column}.top-nav{justify-content:flex-start}.hero,.highlights,.species-index,.closing,.species-hero,.species-body,.species-footer{width:min(100vw - 1.4rem,1120px)}.hero h1{font-size:clamp(3.3rem,18vw,5.2rem)}.section-heading h2,.closing h2,.species-fact h2,.species-hero h1{max-width:100%}.species-link{grid-template-columns:1fr}.silhouette{right:auto;left:0;width:min(95%,26rem)}}