/* Rainforest surroundings, with quiet surfaces for reading. */
body{background-color:#173e2d;background-image:linear-gradient(#0c3028a6,#173d2ac9),url('/assets/jungle-canopy.webp');background-size:cover;background-position:center;background-attachment:fixed}
header{background:var(--paper);box-shadow:0 5px 20px #08281e20}
#main{max-width:1440px;width:calc(100% - 48px);margin:26px auto;background:var(--paper);border:1px solid #e0e7d7;border-radius:20px;box-shadow:0 18px 70px #06201955;overflow:clip;isolation:isolate}
.page-intro{max-width:none;padding:58px 24px 48px;background:linear-gradient(90deg,#0b3029e8,#173e30bd,#0b3029e8),url('/assets/jungle-canopy.webp') center 38%/cover;color:#fffdf2;border-bottom:4px solid #d9b66b}
.page-intro h1{color:#fffdf2;max-width:950px;margin:22px auto}
.page-intro h1 em{color:#f1ce88}
.page-intro .lead{color:#e5eddf}
.page-intro .eyebrow{color:#dce8b8}
.page-intro .eyebrow:before{background:#f1c66f}
.hero{background:radial-gradient(ellipse at top left,#f3eedb,transparent 66%)}
.hero-copy{min-width:0}
.hero-art{isolation:isolate}
.hero-art img{height:580px;object-position:center 50%;box-shadow:0 14px 35px #123b2a24}
.hero-art:after{background:#b9ce93}
.section{min-width:0}
.about-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px}
.about-visual{margin:0;min-width:0;overflow:hidden;background:#fffdf6;border:1px solid #d7decb;border-radius:16px;box-shadow:0 12px 32px #234c2c18}
.about-photo-frame{width:100%;aspect-ratio:3/2;overflow:hidden;background:#dce7c9}
.about-columns .about-photo-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0}
.about-visual figcaption{display:block;padding:12px 16px;font-size:11px;line-height:1.5;color:#52634d}
.about-copy{min-width:0}
.about-copy p{line-height:1.85}
.story-banner{background:linear-gradient(110deg,#e3ebcfeb,#f2f4e6f5),url('/assets/jungle-canopy.webp') center/cover;border:1px solid #d7e0c5}
.care-card,.bird-card,.guide-content,.admin-box{box-shadow:0 6px 20px #163e2c09}
.guide-menu{background:#faf7eff2;border-radius:10px}
footer{border-top:1px solid #9cb57855;background:#0d3028}
@media(max-width:760px){
 body{background-attachment:scroll}
 #main{width:calc(100% - 20px);margin:10px auto;border-radius:13px}
 .page-intro{padding:38px 18px 32px}
 .page-intro h1{font-size:39px;letter-spacing:-1.3px}
 .about-columns{grid-template-columns:minmax(0,1fr);gap:28px}
 .about-photo-frame{aspect-ratio:3/2}
 .hero h1{font-size:46px}
 .hero-art img{height:auto;aspect-ratio:2/3;object-fit:cover}
 .species{left:-10px}
}