/* Aje — product layer over the platform stylesheet (loaded only on an Aje host, after /brand/theme.css).
   Self-hosted typefaces (SIL OFL): Cormorant Garamond (display) and IBM Plex Sans (interface). */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/static/aje/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/static/aje/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/static/aje/fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/static/aje/fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/static/aje/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/static/aje/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');}

/* display type: Cormorant is set larger and tighter than Cinzel to sit at the same optical size */
.aje .t-h1{font-weight:600;letter-spacing:.005em;font-size:clamp(30px,3.2vw,40px);line-height:1.08;}
.aje .t-h2{font-weight:600;letter-spacing:.005em;}
.aje .page-head .sub,.aje .t-body{letter-spacing:.005em;}

/* sidebar: the Aje mark + name, the institution underneath */
.aje .sidebar-brand img{width:26px;border-radius:0;}
.aje .sidebar-brand .wm{font-size:20px;letter-spacing:.22em;font-weight:600;color:var(--mco-champagne-300);}
.aje .sidebar-brand .inst{display:block;font:500 11px/1.4 var(--mco-font-ui);letter-spacing:.02em;color:var(--mco-text-secondary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;}

/* the front door (aje_home.html) and the sign-in states */
.aje .auth-brand{background:
   radial-gradient(1200px 600px at 20% 10%,rgba(227,217,195,.07),transparent 60%),
   radial-gradient(900px 500px at 90% 100%,rgba(196,110,82,.08),transparent 55%),
   var(--mco-obsidian-950);}
.aje .auth-brand img{filter:none;max-width:min(300px,62%);}
.aje .auth-card .sig{font-family:var(--mco-font-ui);font-weight:500;letter-spacing:.22em;font-size:11px;}
.aje-foot{margin-top:28px;padding-top:18px;border-top:1px solid var(--mco-border-subtle);font-size:12px;line-height:1.7;color:var(--mco-text-muted);}
.aje-foot a{color:var(--mco-text-secondary);text-decoration:none;margin-right:14px;white-space:nowrap;}
.aje-foot a:hover{color:var(--mco-champagne-300);}
.aje-rule{display:flex;align-items:center;gap:10px;margin:22px 0 14px;color:var(--mco-text-muted);font-size:12px;}
.aje-rule::before,.aje-rule::after{content:"";flex:1;height:1px;background:var(--mco-border-subtle);}
@media (max-width:900px){.aje .auth-brand{min-height:180px;}.aje .auth-brand img{max-width:170px;}}
