/* MAJLIS Editions global type.
   Loads Brandon Grotesque (the brand face) from the local files and points the
   shared font variables at it, so every page that links this renders in Brandon
   Grotesque. Absolute font URLs so it works from any folder depth. */
@font-face{font-family:"Brandon Grotesque";src:url("../brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_light-BF64a625c93e709.otf") format("opentype"),url("/brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_light-BF64a625c93e709.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Brandon Grotesque";src:url("../brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_regular-BF64a625c9311e1.otf") format("opentype"),url("/brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_regular-BF64a625c9311e1.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Brandon Grotesque";src:url("../brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_regular_italic-BF64a625c94445e.otf") format("opentype"),url("/brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_regular_italic-BF64a625c94445e.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Brandon Grotesque";src:url("../brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_medium-BF64a625c84a521.otf") format("opentype"),url("/brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_medium-BF64a625c84a521.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Brandon Grotesque";src:url("../brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_bold-BF64a625c9151d5.otf") format("opentype"),url("/brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_bold-BF64a625c9151d5.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Brandon Grotesque";src:url("../brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_bold_italic-BF64a625c93b0ce.otf") format("opentype"),url("/brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_bold_italic-BF64a625c93b0ce.otf") format("opentype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Brandon Grotesque";src:url("../brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_black-BF64a625c944b08.otf") format("opentype"),url("/brandon-grotesque-font-family/HvDTrial_Brandon_Grotesque_black-BF64a625c944b08.otf") format("opentype");font-weight:800 950;font-style:normal;font-display:swap}
:root{
  --ff-display:"Brandon Grotesque","Brandon Text","Avenir Next",Arial,sans-serif!important;
  --ff-body:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --ff-sans:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --ff-serif:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --ff-mono:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --font-display:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --font-body:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --font-sans:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --font-serif:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --font-mono:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --serif:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --sans:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  --mono:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
}
html,
body,
html body *:not(#mj-brand-type-lock),
html body *:not(#mj-brand-type-lock)::before,
html body *:not(#mj-brand-type-lock)::after,
html body input,
html body textarea,
html body select,
html body button,
html body summary,
html body option,
html body svg text{
  font-family:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  text-transform:uppercase!important;
}
html body input::placeholder,
html body textarea::placeholder{
  font-family:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  text-transform:uppercase!important;
}
a.mark,
html body a.mark.mark,
.mark,
.site-nav .mark,
.nav .mark{
  font-family:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,Arial,sans-serif!important;
  text-transform:uppercase!important;
}

nav.site-nav,
nav.nav:not([id]),
nav.c-nav,
nav.m-nav,
nav.story-nav,
nav.jr-nav,
.top,
.top-nav{
  font-family:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  text-transform:uppercase!important;
}
nav.site-nav :where(a,button,.mark,span),
nav.nav:not([id]) :where(a,button,.mark,span),
nav.c-nav :where(a,button,.mark,span),
nav.m-nav :where(a,button,.mark,span),
nav.story-nav :where(a,button,.story-mark,span),
nav.jr-nav :where(a,button,.mark,span),
.top :where(a,button,.mark,span),
.top-nav :where(a,button,.mark,span){
  font-family:"Brandon Grotesque","Brandon Text","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
  text-transform:uppercase!important;
}
:where(.mj-mirror-nav,nav.site-nav,nav.nav:not([id]),nav.c-nav,nav.m-nav,nav.story-nav,nav.jr-nav,.top,.top-nav) :where(a,button,.mark,.story-mark){
  color:#fff!important;
  mix-blend-mode:difference!important;
  text-shadow:none!important;
}

/* Site-wide compact footer alignment, 2026-08-13. */
html body .site-footer.site-footer{
  height:auto!important;
  min-height:0!important;
  padding:clamp(30px,3.2vw,44px) clamp(24px,5vw,72px) 22px!important;
}
html body .site-footer .footer-grid.footer-grid{
  width:min(1560px,100%)!important;
  grid-template-columns:minmax(300px,1.2fr) repeat(3,minmax(150px,.62fr))!important;
  align-items:start!important;
  align-content:start!important;
  column-gap:clamp(48px,7vw,132px)!important;
  row-gap:0!important;
  padding-bottom:26px!important;
}
html body .site-footer .footer-brand.footer-brand,
html body .site-footer .footer-col.footer-col{
  align-self:start!important;
  margin:0!important;
  padding:0!important;
}
html body .site-footer .footer-brand strong{
  margin:0!important;
  font-size:clamp(17px,1.9vw,27px)!important;
  line-height:1!important;
}
html body .site-footer .footer-brand p{
  max-width:390px!important;
  margin:14px 0 0!important;
  font-size:10.5px!important;
  line-height:1.48!important;
}
html body .site-footer .footer-col h3{
  margin:0 0 14px!important;
  line-height:1!important;
}
html body .site-footer .footer-col a{
  margin:0 0 8px!important;
  font-size:11.2px!important;
  line-height:1.25!important;
}
@media(max-width:900px){
  html body .site-footer.site-footer{
    padding:34px 24px 22px!important;
  }
  html body .site-footer .footer-grid.footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:32px!important;
    row-gap:28px!important;
    padding-bottom:28px!important;
  }
  html body .site-footer .footer-brand.footer-brand{
    grid-column:1/-1!important;
  }
}
@media(max-width:560px){
  html body .site-footer .footer-grid.footer-grid{
    grid-template-columns:1fr!important;
    row-gap:24px!important;
  }
  html body .site-footer .footer-brand.footer-brand{
    grid-column:auto!important;
  }
}

/* Editorial articles: long-form body reads in standard sentence case, while
   headings stay capitalised. The :not(#id) raises specificity above the global
   uppercase rule (which itself uses :not(#mj-brand-type-lock)). */
html body .prose:not(#mj-brand-type-lock),
html body .prose *:not(#mj-brand-type-lock){
  text-transform:none!important;
}
html body .prose h2:not(#mj-brand-type-lock),
html body .prose h3:not(#mj-brand-type-lock){
  text-transform:uppercase!important;
}

/* Phone ergonomics; existing display typography and desktop layout stay scoped. */
@media(max-width:900px){
  html body .site-footer .footer-col.footer-col a{display:flex!important;align-items:center;min-height:44px;margin:0!important;padding:5px 0!important;box-sizing:border-box;font-size:14px!important;line-height:1.35!important;}
  html body .site-footer .footer-brand p{font-size:14px!important;line-height:1.5!important;}
  html body :is(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='hidden']),textarea,select){font-size:16px!important;}
  html body .rug-foot .dot{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;}
  html body :is(main,section,article)[id]{scroll-margin-top:76px;}
}