/* Generated by seo/build.py - shared stylesheet for the bird pages. */
*{box-sizing:border-box;}
body{margin:0;background:#FBF1DD;font-family:'Gabarito',system-ui,sans-serif;color:#4A3A28;-webkit-font-smoothing:antialiased;line-height:1.55;}
a{color:#B85C1E;}
h1{font-weight:900;font-size:clamp(30px,4.5vw,44px);letter-spacing:-0.8px;color:#3A2C1C;margin:6px 0 4px;}
h2{font-weight:800;font-size:22px;color:#3A2C1C;margin:0 0 12px;}
.bd-head{position:sticky;top:0;z-index:20;background:rgba(251,241,221,0.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(120,90,40,0.12);}
.bd-head-in{max-width:980px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px;}
.bd-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.bd-logo img{border-radius:9px;display:block;}
.bd-logo-t{display:flex;flex-direction:column;line-height:1;}
.bd-logo-b{font-weight:900;font-size:17px;letter-spacing:-0.3px;color:#3A2C1C;}
.bd-logo-s{font-weight:600;font-size:8.5px;letter-spacing:1.8px;color:#8A7355;margin-top:2px;}
.bd-crumb-top{margin-left:auto;}
.bd-crumb-top a{text-decoration:none;color:#4A3A28;font-weight:700;font-size:14px;}
.bd-main{max-width:980px;margin:0 auto;padding:20px 20px 60px;}
.bd-crumb{font-size:13px;color:#8A7355;margin:8px 0 18px;}
.bd-crumb a{color:#8A7355;text-decoration:none;}
.bd-hero{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start;margin-bottom:28px;}
.bd-sci{margin:0 0 12px;color:#6B5A45;font-size:17px;}
.bd-badge{display:inline-block;font-weight:800;font-size:12.5px;letter-spacing:0.4px;padding:6px 13px;border-radius:999px;margin-bottom:14px;}
.bd-blurb{font-size:17px;max-width:560px;}
.bd-dim{color:#6B5A45;font-size:15px;}
.bd-hero-img{margin:0;display:flex;justify-content:flex-end;}
/* Interactive birdex-style card: tilt toward the cursor, a glare that follows
   it, and a foil shimmer for foil cards. Plain <img> stays crawlable; the JS
   in /birds.js only enhances hover-capable pointers. */
.bd-card3d{position:relative;width:100%;max-width:300px;aspect-ratio:252/352;perspective:1200px;--sheen:50%;--gx:50%;--gy:16%;--active:0;}
.bd-card3d-tilt{position:relative;width:100%;height:100%;border-radius:16px;isolation:isolate;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .22s cubic-bezier(.22,1,.36,1);box-shadow:0 18px 40px rgba(60,40,20,0.25);}
.bd-card3d.is-active .bd-card3d-tilt{transition:transform .06s linear;}
.bd-card3d-img{display:block;width:100%;height:auto;border-radius:16px;}
/* Foil layers, masked to the metal frame (per data-frame) so the shimmer never
   touches the bird art. Colors are the exact gold/silver/bronze presets from
   the app's foil design. No rainbow holo. Plain cards hide every layer. */
.bd-foil{position:absolute;inset:0;border-radius:16px;pointer-events:none;-webkit-mask-image:var(--frame);mask-image:var(--frame);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.bd-card3d[data-frame="forest"]{--frame:url(/assets/frames/frame-forest.webp);}
.bd-card3d[data-frame="water"]{--frame:url(/assets/frames/frame-water.webp);}
.bd-card3d[data-frame="fields"]{--frame:url(/assets/frames/frame-fields.webp);}
.bd-card3d[data-effect="none"] .bd-foil{display:none;}
.bd-foil-tint{background:var(--tint);background-size:230% 230%;background-position:var(--sheen) center;mix-blend-mode:color;filter:saturate(1.15);}
.bd-foil-warmth{background:var(--tint);background-size:230% 230%;background-position:var(--sheen) center;mix-blend-mode:soft-light;opacity:0.85;}
.bd-foil-streak{mix-blend-mode:screen;opacity:calc(0.32 + var(--active)*0.6);background:linear-gradient(105deg,rgba(255,255,255,0) 34%,var(--spark) 44%,rgba(255,255,255,0.95) 50%,var(--spark) 56%,rgba(255,255,255,0) 66%);background-size:280% 100%;background-position:calc(var(--sheen)*1.6) center;background-repeat:no-repeat;}
.bd-foil-glare{mix-blend-mode:screen;opacity:var(--active);background:radial-gradient(34% 26% at var(--gx) var(--gy),rgba(255,255,255,0.9) 0,rgba(255,244,207,0.4) 30%,rgba(255,255,255,0) 62%);}
.bd-card3d[data-effect="gold"]{--tint:linear-gradient(115deg,#a96c16 0%,#f4c451 16%,#fff0bf 27%,#e6a23a 42%,#c98a2a 56%,#fff0bf 70%,#d99a2f 84%,#f4c451 100%);--spark:#fff4cf;}
.bd-card3d[data-effect="silver"]{--tint:linear-gradient(115deg,#7f8a98 0%,#dfe6ef 16%,#ffffff 27%,#aab6c4 42%,#9aa6b6 56%,#ffffff 70%,#b6c0cd 84%,#e6ecf3 100%);--spark:#ffffff;}
.bd-card3d[data-effect="bronze"]{--tint:linear-gradient(115deg,#5e3414 0%,#c87f3c 16%,#f0b06a 27%,#9c5a26 42%,#7a431b 56%,#e0985a 70%,#8a4f23 84%,#d98e4a 100%);--spark:#ffdcae;}
/* Shiny is not a metal recolor — just a bright specular sweep + glare. */
.bd-card3d[data-effect="shiny"]{--spark:#ffffff;}
.bd-card3d[data-effect="shiny"] .bd-foil-tint,.bd-card3d[data-effect="shiny"] .bd-foil-warmth{display:none;}
.bd-facts{background:rgba(255,255,255,0.6);border:1px solid rgba(120,90,40,0.14);border-radius:18px;padding:20px 24px;margin-bottom:28px;}
.bd-facts dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px;}
.bd-fact dt{font-size:11.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#8A7355;}
.bd-fact dd{margin:3px 0 0;font-weight:700;color:#3A2C1C;font-size:16px;}
.bd-cons{margin-bottom:28px;max-width:680px;}
.bd-related{margin-bottom:28px;}
.bd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;}
.bd-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;background:rgba(255,255,255,0.6);border:1px solid rgba(120,90,40,0.14);border-radius:14px;padding:12px 8px;transition:transform .15s ease,box-shadow .15s ease;}
.bd-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(120,80,30,0.16);}
.bd-card img{border-radius:8px;width:126px;height:auto;}
.bd-card span{font-weight:700;font-size:13.5px;color:#3A2C1C;text-align:center;}
.bd-cta{background:linear-gradient(160deg,#E07B39,#C9692C);border-radius:20px;padding:28px 30px;color:#FFF8EC;}
.bd-cta h2{color:#FFFFFF;}
.bd-cta p{max-width:560px;}
.bd-btn{display:inline-block;text-decoration:none;background:#231a12;color:#FFF;font-weight:800;font-size:15px;padding:13px 22px;border-radius:14px;box-shadow:0 8px 20px rgba(60,40,20,0.28);}
.bd-hab{margin-bottom:26px;}
.bd-count{color:#8A7355;font-weight:600;font-size:16px;}
.bd-intro{max-width:680px;}
.bd-foot{border-top:1px solid rgba(120,90,40,0.12);margin-top:20px;}
.bd-foot-in{max-width:980px;margin:0 auto;padding:22px 20px 34px;font-size:13.5px;color:#6B5A45;}
.bd-foot-langs a{color:#6B5A45;}
.bd-foot-legal a{color:#6B5A45;}
@media (max-width:720px){.bd-hero{grid-template-columns:1fr;}.bd-hero-img{order:-1;justify-content:center;}.bd-card3d{max-width:240px;}}