/* Template Burung Kicau: kicau mania tradisional — hijau daun, kuning kenari, cokelat bambu, krem; pola jeruji bambu,
   bingkai sangkar kubah, not musik melayang, rosette juara. */
:root{--latar:#FBF7EA;--latar-2:#F1EBD2;--permukaan:#FFFDF4;--teks:#2C3A1A;--teks-2:#55613F;--teks-3:#93997F;--garis:#E2DABC;
  --utama:#4F7A2A;--utama-tua:#3A5C1E;--utama-muda:#E5EFD6;--pada-utama:#fff;--aksen:#F2C230;--aksen-tua:#C99A0E;--pada-aksen:#2C3A1A;
  --bambu:#B98A4E;--gelap:#2C3A1A;--pada-gelap:#FBF7EA;--radius:18px;--radius-kecil:10px;--bayang:0 20px 40px -26px rgba(44,58,26,.5)}
body{background:var(--latar);color:var(--teks)}
h1,h2,h3{font-weight:800;letter-spacing:-.035em;color:var(--teks)}
.serif{font-family:"Lora",Georgia,serif;font-style:italic;font-weight:700;color:var(--utama)}
.kepala{background:rgba(251,247,234,.94);border-bottom:4px solid var(--bambu)}
.kepala .btn-wa,.btn-wa,.btn-utama{background:var(--utama);color:#fff}
.menu a[aria-current],.menu a:hover{background:var(--utama-muda);color:var(--utama-tua)}
.bag-alt{background:var(--latar-2)}
.bu-alis{margin:0 0 12px;font-size:14px;font-weight:800;color:var(--aksen-tua)}
.bu-lead{font-size:17.5px;color:var(--teks-2)}
.bu-btn{background:var(--aksen);color:var(--teks);font-weight:800;border-radius:999px}
.bu-btn:hover{background:#fff;color:var(--teks)}
.bu-link{font-weight:800;color:inherit;text-decoration:underline;text-decoration-color:var(--aksen);text-decoration-thickness:3px;text-underline-offset:5px}
.bu-cat{margin:10px 0 0;font-size:12.5px;color:var(--teks-3)}
[hidden]{display:none!important}

/* Hero */
.bu-hero{padding:60px 0 80px;overflow-x:clip;background:linear-gradient(135deg,#3A5C1E,#5E8C30);color:#FBF7EA}
.bu-hero-isi{display:grid;gap:44px;align-items:center}
@media(min-width:960px){.bu-hero-isi{grid-template-columns:1.1fr .9fr}}
.bu-teks{min-width:0}
.bu-hero h1{color:#FBF7EA;font-size:clamp(44px,6.6vw,88px);line-height:.98;margin:0 0 18px}
.bu-hero .serif{color:var(--aksen)}
.bu-hero .bu-alis{color:var(--aksen)}
.bu-hero .bu-lead{color:rgba(251,247,234,.85)}
.bu-tombol{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}
.bu-sangkar{position:relative;justify-self:center;width:min(420px,86vw)}
.bu-kait{display:block;width:60px;margin:0 auto -6px}
.bu-sangkar figure{position:relative;margin:0;border-radius:50% 50% 14px 14px/42% 42% 14px 14px;overflow:hidden;border:8px solid var(--bambu);box-shadow:0 12px 0 #8A5A2B,0 30px 50px -20px rgba(0,0,0,.5)}
.bu-sangkar img{display:block;width:100%;aspect-ratio:5/6;object-fit:cover}
.bu-jeruji{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bu-not{position:absolute;font-size:34px;color:var(--aksen);animation:bu-not 4s ease-in-out infinite;opacity:0}
.bu-not.a{left:-6%;top:20%}.bu-not.b{right:-4%;top:10%;animation-delay:-1.3s}.bu-not.c{right:4%;top:46%;animation-delay:-2.6s;font-size:26px}
@keyframes bu-not{0%{opacity:0;transform:translateY(20px)}30%,70%{opacity:1}100%{opacity:0;transform:translateY(-30px) rotate(12deg)}}
@media(prefers-reduced-motion:reduce){.bu-not{animation:none;opacity:1}}

/* Koleksi */
.bu-kepala{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px;margin-bottom:30px}
.bu-kepala h2{font-size:clamp(34px,5vw,60px);margin:0}
.bu-filter{display:grid;gap:6px}
.bu-filter div{display:flex;flex-wrap:wrap;gap:4px}
.bu-filter button{padding:7px 13px;border:2px solid var(--bambu);border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;color:var(--teks)}
.bu-filter button[aria-pressed=true]{background:var(--utama);border-color:var(--utama);color:#fff}
.bu-kisi{display:grid;gap:26px 20px}
@media(min-width:640px){.bu-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.bu-kisi{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bu-kartu{position:relative;display:flex;flex-direction:column;min-width:0;padding:10px;border-radius:200px 200px var(--radius) var(--radius);background:var(--permukaan);border:3px solid var(--bambu);background-image:repeating-linear-gradient(90deg,transparent 0 22px,rgba(185,138,78,.08) 22px 24px)}
.bu-kubah{display:block;border-radius:200px 200px 10px 10px;overflow:hidden}
.bu-kubah img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.bu-pita{position:absolute;left:50%;top:calc(10px + (100% - 20px) * 0);transform:translate(-50%,-6px);padding:4px 14px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--teks)}
.bu-pita.s-siaplomba{background:var(--aksen)}.bu-pita.s-bahan{background:#fff}.bu-pita.s-anakan{background:var(--utama-muda)}
.bu-kartu-isi{display:flex;flex-direction:column;flex:1;padding:14px 8px 6px;text-align:center}
.bu-kartu-isi>small{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--utama)}
.bu-kartu h3{font-size:20px;margin:4px 0 6px}
.bu-kartu h3 a{color:inherit;text-decoration:none}
.bu-kartu-isi>p{margin:0 0 10px;font-size:14.5px;color:var(--teks-2)}
.bu-info{display:flex;justify-content:center;gap:6px;list-style:none;margin:0 0 10px;padding:0}
.bu-info li{padding:3px 10px;border-radius:999px;background:var(--latar-2);font-size:12.5px}
.bu-hg{margin:auto 0 0}
.bu-hg b{font-size:20px}
.bu-nihil{text-align:center;color:var(--teks-3)}

/* Lomba & rawat */
.bu-dua{display:grid;gap:24px;margin-top:64px}
@media(min-width:960px){.bu-dua{grid-template-columns:1fr 1fr;align-items:start}}
.bu-dua>*{min-width:0;padding:26px 20px;border-radius:24px;background:var(--permukaan);border:3px solid var(--bambu);scroll-margin-top:90px}
.bu-dua h2{font-size:clamp(26px,3.4vw,40px);margin:0 0 16px}
.bu-lomba ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bu-lomba li{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:16px;background:#fff;border:2px solid var(--garis)}
.bu-tgl{display:grid;justify-items:center;padding:6px 0;border-radius:12px;background:var(--utama);color:#fff}
.bu-tgl b{font-size:24px;line-height:1}
.bu-tgl span{font-size:11px;font-weight:800;text-transform:uppercase}
.bu-li{display:grid;min-width:0}
.bu-li small{font-size:12.5px;color:var(--teks-3)}
.bu-li em{font-style:normal;font-size:12.5px;color:var(--utama)}
.bu-sisa{display:grid;justify-items:end;gap:2px}
.bu-sisa b{font-size:22px;color:var(--aksen-tua);line-height:1}
.bu-sisa small{font-size:11px;color:var(--teks-3)}
.bu-sisa a{margin-top:4px;padding:4px 10px;border-radius:999px;background:var(--aksen);color:var(--teks);font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:520px){.bu-lomba li{grid-template-columns:56px 1fr}.bu-sisa{grid-column:1/-1;grid-auto-flow:column;justify-content:space-between;align-items:center}}
.bu-jenis{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.bu-jenis label{position:relative}
.bu-jenis input{position:absolute;opacity:0;width:1px;height:1px}
.bu-jenis span{display:block;padding:8px 14px;border:2px solid var(--bambu);border-radius:999px;font-weight:800;cursor:pointer}
.bu-jenis input:checked+span{background:var(--aksen);border-color:var(--aksen)}
.bu-jenis input:focus-visible+span{outline:2px solid var(--utama)}
.bu-sumbu{position:relative;height:18px;margin:0 6px 6px;border-bottom:2px dashed var(--bambu)}
.bu-sumbu span{position:absolute;transform:translateX(-50%);font-size:11px;color:var(--teks-3)}
.bu-lini ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bu-lini li{position:relative;display:flex;gap:10px;align-items:flex-start;padding:10px 12px 10px 14px;border-radius:14px;background:#fff;border-left:5px solid var(--utama)}
.bu-lini li::before{content:"";position:absolute;left:var(--x);top:-10px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--aksen);display:none}
.bu-lini i{font-style:normal;font-size:22px}
.bu-lini b{display:block;font-size:14.5px}
.bu-lini span{font-size:13px;color:var(--teks-2)}

/* Penangkaran */
.bu-t{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.bu-t{grid-template-columns:.9fr 1.1fr;gap:60px}}
.bu-t>*{min-width:0}
.bu-t-foto{margin:0;padding:10px;border-radius:var(--radius);background:repeating-linear-gradient(90deg,var(--bambu) 0 10px,#A57A42 10px 12px)}
.bu-t-foto img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.bu-tentang h2{font-size:clamp(30px,4.4vw,52px);margin:0 0 16px}
.bu-rosette{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:26px 0 0;padding:0}
.bu-rosette li{position:relative;display:grid;place-content:center;justify-items:center;width:118px;height:118px;border-radius:50%;background:var(--aksen);box-shadow:0 0 0 6px #fff,0 0 0 9px var(--aksen-tua);text-align:center;padding:10px}
.bu-rosette li::after{content:"";position:absolute;bottom:-26px;left:50%;width:34px;height:34px;margin-left:-17px;background:var(--utama);clip-path:polygon(0 0,100% 0,100% 100%,50% 70%,0 100%);z-index:-1}
.bu-rosette b{font-size:24px;line-height:1}
.bu-rosette span{font-size:11px;font-weight:800;line-height:1.2}

.ajakan{background:var(--utama);border-radius:28px;border-bottom:8px solid var(--bambu)}
.ajakan h2,.ajakan p{color:#fff}
.ajakan .serif{color:var(--aksen)}