
/* Above The Lakes visual identity — release 1.4B */
:root{--atl-logo-full:url("branding/above-the-lakes-logo-transparent.png");--atl-logo-emblem:url("branding/above-the-lakes-emblem-transparent.png")}
.brand-mark{background:none!important;border-radius:0!important;box-shadow:none!important;background-image:var(--atl-logo-emblem)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}
.brand-logo-img{display:block;max-width:100%;height:auto;object-fit:contain}
.brand-logo-header{width:190px;max-height:54px}
.brand-logo-footer{width:235px;max-height:150px}
.app-shell-brand{gap:8px!important}
.app-shell-brand .app-brand-emblem{display:block;width:116px;height:47px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}
.app-shell-brand .app-brand-copy{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.hero-brand-lockup{width:min(520px,78vw);max-height:330px;object-fit:contain;filter:drop-shadow(0 18px 38px rgba(0,0,0,.35));margin:0 0 18px}
.brand-emblem-watermark{position:absolute;inset:auto 2.5% 2% auto;width:min(360px,32vw);opacity:.08;pointer-events:none;z-index:0}
.hero,.dashboard-hero,.planner-hero,.legal>.wrap{position:relative}
.hero>* ,.dashboard-hero>* ,.planner-hero>* ,.legal>.wrap>*{position:relative;z-index:1}
body:not(.public-landing)::after{content:"";position:fixed;right:18px;bottom:12px;width:190px;height:120px;background:var(--atl-logo-emblem) center/contain no-repeat;opacity:.028;pointer-events:none;z-index:0}
.site-header .brand{min-width:190px}
.site-footer .brand{display:inline-flex;align-items:center}
.site-footer .brand-logo-footer{filter:drop-shadow(0 8px 22px rgba(0,0,0,.26))}
@media(max-width:900px){.brand-logo-header{width:155px;max-height:46px}.hero-brand-lockup{width:min(390px,80vw);max-height:260px}.app-shell-brand .app-brand-emblem{width:94px;height:38px}}
@media(max-width:680px){.brand-logo-header{width:132px;max-height:40px}.app-shell-brand .app-brand-emblem{width:82px;height:34px}.hero-brand-lockup{width:min(330px,88vw);max-height:230px}.brand-logo-footer{width:190px}}

/* Release 1.4C — high-contrast logo presentation on dark surfaces */
.brand-logo-header,
.hero-brand-lockup,
.brand-logo-footer,
.app-shell-brand .app-brand-emblem{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.78);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 0 1px rgba(21,78,118,.10),0 0 28px rgba(255,255,255,.20);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.brand-logo-header{padding:5px 12px;border-radius:14px}
.hero-brand-lockup{padding:18px 24px;border-radius:28px;filter:none}
.brand-logo-footer{padding:12px 16px;border-radius:20px;filter:none!important}
.app-shell-brand .app-brand-emblem{padding:4px 9px;border-radius:12px;filter:none}
@media(max-width:900px){.hero-brand-lockup{padding:14px 18px;border-radius:22px}.brand-logo-header{padding:4px 9px}.brand-logo-footer{padding:10px 13px}}
@media(max-width:680px){.hero-brand-lockup{padding:12px 14px;border-radius:18px}.brand-logo-header{padding:3px 7px;border-radius:10px}.app-shell-brand .app-brand-emblem{padding:3px 6px;border-radius:9px}}
