/* BAKU ZOO — CONTACT. Info cards + form + map. */
.page-hero { position: relative; min-height: 50vh; display:flex; align-items:flex-end; padding: calc(var(--header-h) + 4rem) 0 3rem; text-align: center; overflow:hidden; isolation:isolate; }
.page-hero::before { content:""; position:absolute; inset:0; z-index:-2; background: url('../img/gen/flamingo.jpg') center/cover; }
.page-hero::after { content:""; position:absolute; inset:0; z-index:-1; background: linear-gradient(180deg, rgba(10,30,20,.35) 0%, rgba(10,30,20,.4) 50%, rgba(10,30,20,.85) 100%); }
.page-hero .container { position: relative; }
.page-hero .kicker { justify-content:center; margin-bottom:1rem; color:#fff; }
.page-hero h1 { font-size: clamp(2.2rem,1.6rem+3.6vw,4.2rem); color: #fff; text-shadow: 0 8px 30px rgba(0,0,0,.4); }
.page-hero p { max-width: 56ch; margin: 1.1rem auto 0; color: rgba(255,255,255,.92); }

.csec { padding: clamp(3.5rem,7vw,5.5rem) 0; }
.cgrid { display:grid; grid-template-columns: 1fr 1.1fr; gap: clamp(2rem,5vw,4rem); }
@media (max-width:860px){ .cgrid{ grid-template-columns:1fr; } }
.cinfo .item { display:flex; gap:1rem; padding:1.1rem 0; border-bottom:1px solid var(--line); }
.cinfo .item:last-child { border-bottom:0; }
.cinfo .ic { width:46px; height:46px; flex:none; border-radius:12px; display:grid; place-items:center; background: var(--leaf-soft); color: var(--forest); }
.cinfo .ic svg { width:22px; height:22px; }
.cinfo h4 { font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color: var(--teal); margin-bottom:.25rem; }
.cinfo p, .cinfo a { color: var(--ink); font-size:.98rem; }
.cinfo a:hover { color: var(--forest); }
.social { display:flex; gap:.7rem; margin-top:1.2rem; }
.social a { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background: var(--forest); color:#fff; transition: transform .3s; }
.social a:hover { transform: translateY(-3px); }
.social a svg { width:20px; height:20px; }

.form { background: var(--bg-card); border-radius: var(--r-lg); padding: 2.2rem; box-shadow: var(--shadow); }
.form h2 { font-size:1.6rem; color: var(--ink); margin-bottom:1.3rem; }
.field { margin-bottom:1rem; }
.field input, .field textarea { width:100%; background: var(--bg); border:1.5px solid var(--line); color: var(--ink); padding:.9rem 1rem; border-radius:12px; font:inherit; transition: border-color .3s; }
.field textarea { min-height:120px; resize:vertical; }
.field input:focus, .field textarea:focus { outline:none; border-color: var(--leaf); }
.field input::placeholder, .field textarea::placeholder { color: var(--ink-soft); }
.form .btn { width:100%; justify-content:center; }
.form-note { font-size:.8rem; color: var(--ink-soft); font-style:italic; margin-top:1rem; text-align:center; }

.map { background: var(--bg-2); }
.map .section-head { text-align:center; margin:0 auto; padding: clamp(2.5rem,5vw,4rem) 0 1.6rem; }
.map .section-head .kicker { justify-content:center; }
.map iframe { width:100%; height:440px; border:0; display:block; }