/* Only the first desktop body-brand entrance is calibrated. Authored mobile
   rules, logo dimensions and all interior/footer marks remain untouched. */
@media (min-width:768px) {
  html body main .page-section[data-desktop-brand-section] {
    align-items: flex-start !important;
  }
  html body main [data-desktop-brand-holder][data-desktop-brand-aligned="1"] {
    padding-top: var(--desktop-brand-padding) !important;
  }
  html body main [data-desktop-brand-link-offset="1"] {
    translate: 0 var(--desktop-brand-offset);
  }
  html body main [data-desktop-brand-reference] {
    position: fixed;
    left: -10000px;
    top: 0;
    visibility: hidden;
    pointer-events: none;
    contain: strict;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
  }
}

/* Mobile uses the same first-landing brand coordinate, not a desktop viewport.
   Only the first marked entrance participates; interior/footer marks are locked. */
@media (max-width:767px) {
  html body main .page-section[data-desktop-brand-section] { align-items:flex-start !important; }
  html body main#page [data-desktop-brand-holder][data-mobile-brand-aligned="1"] { padding-top:var(--mobile-brand-padding) !important; }
  html body main [data-desktop-brand-link-offset][data-mobile-brand-link-offset="1"],
  html body main [data-mobile-brand-link-offset="1"] { translate:0 var(--mobile-brand-offset); }
  html body main [data-text-veil="wordmark"]::before { translate:0 var(--mobile-brand-veil-offset,0px); }
  html body main [data-mobile-brand-reference] { position:fixed; left:-10000px; top:0; width:0; visibility:hidden; pointer-events:none; contain:strict; padding:0; margin:0; border:0; }
}

/* Other mobile entrances follow the same lifted home group. Internal gaps,
   typography, image crops and desktop placement are unchanged. */
@media (max-width:767px) {
  html body main [data-desktop-brand-holder] { translate:0 calc(-1 * var(--mobile-entrance-lift,0px)); }
}