/* Shared stacked logo, Cormorant Garamond EPHD with Montserrat name. */
.ephron-lockup.ephron-lockup{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:5px;width:max-content;max-width:100%;margin-left:0;background:transparent;border:0;box-shadow:none}
.ephron-lockup.ephron-lockup>img{width:150px;height:auto;flex:0 0 auto;object-fit:contain;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.ephron-lockup.ephron-lockup>.brand-name{font-family:var(--sans);font-size:10px;font-weight:600;font-style:normal;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#D4AF37;white-space:nowrap;margin:0;padding:0}
.site-header{height:132px}
@media(max-width:1100px){.site-header nav{top:132px;max-height:calc(100dvh - 132px)}}
@media(max-width:620px){.ephron-lockup.ephron-lockup>img{width:130px}.ephron-lockup.ephron-lockup>.brand-name{font-size:9px}.site-header{height:112px}.site-header nav{top:112px;max-height:calc(100dvh - 112px)}}

/* The approved artwork includes the name; retain the existing layout slot. */
.ephron-lockup.ephron-lockup>.brand-name{visibility:hidden}

/* Desktop brand scale: stronger header and main values mark. */
@media(min-width:1101px){
  .site-header{height:168px}
  .site-header .ephron-lockup.ephron-lockup>img{width:220px}
  .site-header .header-inner{gap:28px}
  .site-header nav{gap:clamp(16px,2vw,30px)}
  .values-brand.ephron-lockup.ephron-lockup>img{width:280px}
  .ephd-values-inner{grid-template-columns:320px minmax(0,1fr);gap:48px}
  html{scroll-padding-top:184px}
  .story-photo{top:188px}
}

/* Consistent, proportional logo presence across both pages. */
.ephron-lockup.ephron-lockup>img{width:180px}
.site-header{height:144px}
@media(max-width:1100px){
 .site-header nav{top:144px;max-height:calc(100dvh - 144px)}
 html{scroll-padding-top:160px}
}
@media(min-width:1101px){
 .ephron-lockup.ephron-lockup>img{width:220px}
 .site-header{height:168px}
 .values-brand.ephron-lockup.ephron-lockup>img{width:250px}
}
@media(max-width:620px){
 .ephron-lockup.ephron-lockup>img{width:150px}
 .site-header{height:124px}
 .site-header nav{top:124px;max-height:calc(100dvh - 124px)}
 html{scroll-padding-top:140px}
}

/* Slightly larger navigation, balanced against the existing logo. */
.site-header nav>a,.site-header .nav-about{font-size:13px}
@media(min-width:1101px) and (max-width:1250px){
 .site-header nav{gap:14px}
 .site-header nav>a,.site-header .nav-about{font-size:12px}
}
@media(max-width:1100px){
 .site-header nav>a,.site-header .nav-about,.site-header .nav-cta{font-size:14px}
 .site-header .menu-toggle{font-size:12px}
}