:root, :host { --forest: #10120d; --cream: #f5f2ea; --gold: #c9a64b; --lime: #9ac133; }
:host { display: block; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
wildlife-navbar, wildlife-footer, [data-shared-navbar], [data-shared-footer] { display: block; }
.liquid-glass { border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.08); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 20px rgba(0,0,0,.12); }
.cinematic-nav { position: absolute; inset: 0 0 auto; z-index: 50; padding: 16px 22px 0; color: #fff; font-family: 'Inter', sans-serif; box-sizing: border-box; }
.cinematic-nav-inner { width: 100%; max-width: 1330px; margin: 0 auto; padding: 12px 14px 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 28px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.2); border-radius: 22px; background: rgba(8,14,10,.52); -webkit-backdrop-filter: blur(18px) saturate(1.25); backdrop-filter: blur(18px) saturate(1.25); box-shadow: 0 18px 48px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.12); }
.cinematic-brand { display: inline-flex; align-items: center; gap: 14px; color: #fff; text-decoration: none; min-width: 280px; text-shadow: 0 2px 12px rgba(0,0,0,.75); }
.cinematic-brand img { width: 54px; height: 54px; padding: 2px; object-fit: contain; box-sizing: border-box; border-radius: 50%; background: rgba(255,255,255,.92); box-shadow: 0 5px 16px rgba(0,0,0,.28); }
.cinematic-brand-copy { display: flex; flex-direction: column; line-height: 1.05; }
.cinematic-brand-copy strong { font-size: 17px; font-weight: 650; letter-spacing: .09em; }
.cinematic-brand-copy span { margin-top: 6px; color: rgba(255,255,255,.82); font-size: 9.5px; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; }
.cinematic-nav-links { display: flex; align-items: center; justify-content: center; gap: 34px; }
.cinematic-nav-link { position: relative; padding: 10px 4px; color: rgba(255,255,255,.92); text-decoration: none; font-size: 17px; font-weight: 550; letter-spacing: .005em; white-space: nowrap; text-shadow: 0 2px 12px rgba(0,0,0,.78); transition: color .25s ease, transform .25s ease; }
.cinematic-nav-link:hover { color: #fff; transform: translateY(-1px); }
.cinematic-nav-link.is-active::after { content: ''; position: absolute; left: 4px; right: 4px; bottom: 3px; height: 2px; background: var(--lime); }
.cinematic-nav-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 280px; }
.cinematic-nav-button { height: 44px; border-radius: 999px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; color: #fff; text-decoration: none; font: 550 15px/1 'Inter', sans-serif; text-shadow: 0 2px 10px rgba(0,0,0,.7); cursor: pointer; box-sizing: border-box; }
button.cinematic-nav-button { appearance: none; }
.cinematic-nav-icon { width: 44px; padding: 0; flex: 0 0 44px; }
.cinematic-social-link { transition: transform .25s ease, background .25s ease; }
.cinematic-social-link:hover { transform: translateY(-2px); background: rgba(255,255,255,.16); }
.cinematic-social-link svg, .cinematic-menu-toggle svg { width: 19px; height: 19px; }
.cinematic-menu-toggle { display: none; }
.cinematic-menu-toggle .menu-close { display: none; }
.cinematic-menu-toggle.is-open .menu-open { display: none; }
.cinematic-menu-toggle.is-open .menu-close { display: block; }
.cinematic-mobile-menu { display: none; }
.floating-whatsapp { position: fixed; right: 26px; bottom: 26px; z-index: 60; width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #25d366; color: #fff; text-decoration: none; border: 2px solid rgba(255,255,255,.92); box-sizing: border-box; box-shadow: 0 12px 30px rgba(0,0,0,.28); transition: transform .25s ease, background .25s ease; }
.floating-whatsapp:hover { transform: translateY(-3px) scale(1.04); background: #20bd5a; }
.floating-whatsapp svg { width: 32px; height: 32px; }
.shared-footer { background: var(--forest); color: #b8b4a6; font-family: 'Jost', sans-serif; }
.shared-footer-inner { max-width: 1320px; margin: 0 auto; padding: 96px 32px 0; }
.shared-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 60px; padding-bottom: 76px; border-bottom: 1px solid rgba(245,242,234,.1); }
.shared-footer-lockup { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.shared-footer-lockup img { width: 86px; height: 86px; object-fit: contain; flex: 0 0 auto; }
.shared-footer-lockup strong { display: block; color: var(--cream); font-family: 'Cormorant Garamond', serif; font-size: 25px; letter-spacing: .04em; line-height: 1.05; }
.shared-footer-lockup span { display: block; margin-top: 6px; color: var(--gold); font-size: 10px; letter-spacing: .3em; text-transform: uppercase; }
.shared-footer p { max-width: 310px; margin: 0 0 22px; font-size: 14.5px; line-height: 1.7; }
.shared-footer h3 { margin: 0 0 24px; color: var(--cream); font-size: 11.5px; font-weight: 500; letter-spacing: .3em; text-transform: uppercase; }
.shared-footer-links { display: flex; flex-direction: column; gap: 14px; font-size: 14.5px; }
.shared-footer a { color: #b8b4a6; text-decoration: none; transition: color .2s ease; }
.shared-footer a:hover { color: var(--lime); }
.shared-footer-form { display: flex; }
.shared-footer-form input { min-width: 0; flex: 1; border: 1px solid rgba(245,242,234,.25); border-right: 0; background: transparent; color: var(--cream); padding: 14px 16px; font: 13.5px 'Jost', sans-serif; outline: 0; }
.shared-footer-form button { border: 0; background: var(--lime); color: var(--forest); padding: 14px 20px; font: 600 11px 'Jost', sans-serif; letter-spacing: .18em; text-transform: uppercase; cursor: pointer; }
.shared-footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 30px 0; color: #6e7060; font-size: 12.5px; }
.shared-footer-bottom div { display: flex; gap: 28px; }
.shared-footer-bottom a { color: #6e7060; }
@media (max-width: 1180px) {
  .cinematic-nav-links { gap: 20px; }
  .cinematic-nav-link { font-size: 15px; }
  .cinematic-brand { min-width: 240px; }
  .cinematic-nav-actions { min-width: 220px; gap: 7px; }
  .shared-footer-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 920px) {
  .cinematic-nav-links { display: none; }
  .cinematic-menu-toggle { display: inline-flex; }
  .cinematic-nav-actions { min-width: auto; }
  .cinematic-mobile-menu { position: absolute; left: 22px; right: 22px; top: 94px; padding: 20px; border: 1px solid rgba(255,255,255,.18); border-radius: 20px; background: rgba(8,14,10,.92); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); box-shadow: 0 24px 55px rgba(0,0,0,.3); }
  .cinematic-mobile-menu.is-open { display: block; }
  .cinematic-mobile-links { display: grid; gap: 2px; }
  .cinematic-mobile-link { padding: 12px 10px; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; font: 500 18px 'Inter', sans-serif; text-decoration: none; }
  .cinematic-mobile-link.is-active { color: var(--lime); }
  .cinematic-mobile-actions { display: flex; gap: 10px; padding-top: 18px; }
  .cinematic-mobile-actions .cinematic-nav-button { width: 46px; padding: 0; flex: 0 0 46px; }
}
@media (max-width: 680px) {
  .cinematic-nav { padding: 12px 12px 0; }
  .cinematic-nav-inner { padding: 10px 10px 10px 12px; border-radius: 18px; }
  .cinematic-brand { min-width: 0; gap: 10px; }
  .cinematic-brand img { width: 48px; height: 48px; }
  .cinematic-brand-copy strong { font-size: 14px; }
  .cinematic-brand-copy span { font-size: 8px; letter-spacing: .18em; }
  .cinematic-nav-actions .cinematic-social-link { display: none; }
  .cinematic-mobile-actions .cinematic-social-link { display: inline-flex; }
  .cinematic-mobile-menu { left: 12px; right: 12px; top: 84px; }
  .floating-whatsapp { right: 16px; bottom: 16px; width: 54px; height: 54px; }
  .floating-whatsapp svg { width: 29px; height: 29px; }
  .shared-footer-inner { padding: 72px 20px 0; }
  .shared-footer-grid { grid-template-columns: 1fr; gap: 44px; padding-bottom: 58px; }
  .shared-footer-form { flex-direction: column; }
  .shared-footer-form input { border-right: 1px solid rgba(245,242,234,.25); }
  .shared-footer-bottom { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }

/* Refined shared footer */
.shared-footer{position:relative;overflow:hidden;background:#0b0e09;color:#aeb1a5}.shared-footer:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 5%,rgba(154,193,51,.07),transparent 28%);pointer-events:none}.shared-footer-inner{position:relative;max-width:1400px;padding:0 40px}.shared-footer-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;padding:94px 0 78px;border-bottom:1px solid rgba(245,242,234,.14)}.shared-footer-cta>div>span{display:block;margin-bottom:20px;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.shared-footer-cta h2{max-width:830px;margin:0;color:var(--cream);font:500 clamp(52px,5.6vw,80px)/.92 'Cormorant Garamond',serif;letter-spacing:-.035em}.shared-footer-cta-link{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:18px;flex:0 0 auto;padding:0 28px;border:1px solid rgba(245,242,234,.32);border-radius:999px;color:var(--cream)!important;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.shared-footer-cta-link:hover{border-color:var(--lime);background:var(--lime);color:var(--forest)!important}.shared-footer-cta-link svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.7}.shared-footer-grid-new{grid-template-columns:1.35fr .65fr .95fr 1.15fr;gap:clamp(38px,5vw,72px);padding:70px 0 66px}.shared-footer-grid-new .shared-footer-lockup{margin-bottom:22px}.shared-footer-grid-new .shared-footer-lockup img{width:78px;height:78px}.shared-footer-grid-new .shared-footer-lockup strong{font-size:24px}.shared-footer-grid-new .shared-footer-brand>p{max-width:340px;color:#aeb1a5;font-size:14px;line-height:1.8}.shared-footer-grid-new h3{margin-bottom:26px;color:#d8b858;font-size:9px;font-weight:600;letter-spacing:.25em}.shared-footer-grid-new .shared-footer-links{gap:13px;font-size:13.5px}.shared-footer-grid-new .shared-footer-links a{width:max-content}.shared-footer-socials{display:flex;gap:9px;margin-top:28px}.shared-footer-socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(245,242,234,.17);border-radius:50%;color:#d7d9d1}.shared-footer-socials a:hover{border-color:var(--lime);background:rgba(154,193,51,.1)}.shared-footer-socials svg{width:17px;height:17px}.shared-footer-contact>p{margin-bottom:20px;color:#aeb1a5;font-size:13.5px}.shared-footer-form{height:52px;margin-bottom:24px}.shared-footer-form input{border-color:rgba(245,242,234,.2);background:rgba(255,255,255,.025);font-size:13px}.shared-footer-form input:focus{border-color:rgba(154,193,51,.75)}.shared-footer-form button{width:54px;display:grid;place-items:center;padding:0}.shared-footer-form button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.shared-footer-contact-list{display:grid;gap:7px;font-size:12px}.shared-footer-contact-list span{color:#7d8175}.shared-footer-bottom{padding:28px 0 32px;border-top:1px solid rgba(245,242,234,.1);color:#676b60;font-size:11px}.shared-footer-bottom strong{color:#8e927f;font-size:9px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.shared-footer-bottom a{font-size:11px}
@media(max-width:1050px){.shared-footer-cta{align-items:flex-start;flex-direction:column}.shared-footer-grid-new{grid-template-columns:1.3fr .7fr 1fr}.shared-footer-contact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.shared-footer-contact h3{grid-column:1/-1}.shared-footer-contact>p{grid-column:1}.shared-footer-contact-list{grid-column:2;grid-row:2/4}.shared-footer-form{grid-column:1}}
@media(max-width:680px){.shared-footer-inner{padding:0 20px}.shared-footer-cta{gap:38px;padding:74px 0 62px}.shared-footer-cta h2{font-size:51px}.shared-footer-cta-link{width:100%}.shared-footer-grid-new{grid-template-columns:1fr;gap:42px;padding:58px 0 50px}.shared-footer-grid-new .shared-footer-brand{padding-bottom:38px;border-bottom:1px solid rgba(245,242,234,.1)}.shared-footer-contact{grid-column:auto;display:block}.shared-footer-contact-list{margin-top:24px}.shared-footer-form{flex-direction:row}.shared-footer-form input{border-right:0}.shared-footer-bottom{gap:17px}.shared-footer-bottom strong{order:-1}.shared-footer-bottom div{gap:20px}}
