/* LUNA PREMIER V4.4 — GLOBAL BRAND PROPORTIONS
   Approved LP vector artwork is unchanged. The vector contains intentional margins;
   dimensions below account for the approximately 85% active artwork width.
   Header/footer lockups and hero headline form a repeatable visual hierarchy.
*/
:root {
  --lp-header-lockup: 282px;
  --lp-footer-lockup: 252px;
  --lp-welcome-lockup: 305px;
}
/* Standard pages: logo is the identity anchor, not an afterthought. */
.site-header { height: 108px; }
.site-header .header-inner { gap: 20px; }
.site-header .brand { display:block; width:var(--lp-header-lockup); flex:0 0 var(--lp-header-lockup); line-height:0; }
.site-header .brand img { display:block; width:100%; height:auto; aspect-ratio:44 / 13; object-fit:contain; }
.site-footer .footer-brand { display:block; width:var(--lp-footer-lockup); max-width:100%; line-height:0; }
.site-footer .footer-brand img { display:block; width:100%; height:auto; aspect-ratio:44 / 13; object-fit:contain; }
.site-footer .footer-copy { font-size:11.5px; line-height:1.75; margin-top:12px; }
.site-footer .footer-main { align-items:center; }
.site-footer .footer-links { font-size:12px; }
/* QR visitor: intentional centered lockup, balanced against rather than dwarfed by the CTA headline. */
body[data-page="welcome"] .site-header {height:116px;}
body[data-page="welcome"] .site-header .header-inner {height:100%;min-height:0;justify-content:center;}
body[data-page="welcome"] .site-header .brand {width:var(--lp-welcome-lockup); flex:0 0 var(--lp-welcome-lockup);}
body[data-page="welcome"] .site-header .brand img {width:100%; height:auto;}
body[data-page="welcome"] .welcome-conversion h1 {font-size:clamp(52px,5.3vw,75px);line-height:1.085;letter-spacing:-.053em; margin-top:21px;}
body[data-page="welcome"] .welcome-conversion h1 em {letter-spacing:-.045em;}
body[data-page="welcome"] .welcome-conversion {min-height:calc(100svh - 116px);}
@media (max-width: 1100px) and (min-width: 761px) {
  :root {--lp-header-lockup:240px;--lp-footer-lockup:235px;}
  .site-header {height:98px;}
  .site-header .header-inner {gap:12px;}
  .site-header .nav {gap:14px;}
  .site-header .nav a {font-size:10px;}
  .site-header .nav-actions {gap:7px;}
}
@media (max-width:760px) {
  :root {--header:80px;--lp-header-lockup:206px;--lp-footer-lockup:218px;--lp-welcome-lockup:238px;}
  .site-header {height:80px;}
  .site-header .header-inner {gap:10px;}
  .site-header .brand img {height:auto;}
  .site-header .nav-actions {gap:7px;}
  .site-header .nav-actions .icon-btn {width:34px;height:34px;}
  .site-header .mobile-menu.open {top:80px;}
  .site-footer .footer-main {align-items:flex-start;}
  .site-footer .footer-copy {font-size:11px; margin-top:10px;}
  .site-footer .footer-links {font-size:11px;}
  body[data-page="welcome"] .site-header {height:92px;}
  body[data-page="welcome"] .site-header .header-inner {height:92px;min-height:0;}
  body[data-page="welcome"] .site-header .brand {width:var(--lp-welcome-lockup);flex:0 0 var(--lp-welcome-lockup);}
  body[data-page="welcome"] .site-header .brand img {width:100%;height:auto;}
  body[data-page="welcome"] .welcome-conversion {min-height:0;}
  body[data-page="welcome"] .welcome-conversion h1 {font-size:clamp(43px,10.5vw,54px);line-height:1.08;letter-spacing:-.05em;}
}
@media (max-width:370px) {
  :root {--lp-header-lockup:164px;--lp-welcome-lockup:212px;--lp-footer-lockup:210px;}
  .site-header .header-inner {gap:7px;}
  .site-header .nav-actions {gap:5px;}
  .site-header .nav-actions .icon-btn {width:30px;height:30px;}
  body[data-page="welcome"] .welcome-conversion h1 {font-size:42px;}
}
@media (prefers-reduced-motion: reduce) {
  .site-header .brand img,.site-footer .footer-brand img {transition:none;}
}