/* AEI holding page: one picture, one quiet footer. Temporary, until the full site launches. */
@font-face{font-family:"AEI Display";src:url("assets/fonts/archivo-latin-variable.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"AEI Text";src:url("assets/fonts/hanken-grotesk-latin-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  color-scheme:dark;
  --ink:#000;
  --ivory:#ede8e0; --ivory-soft:#c9c5be; --ivory-quiet:#8f9298;
  --brass:#e9ad68; --brass-soft:#d0ac7a;
  --hairline:#e5d6c31f; --hairline-strong:#e5d6c338;
  /* one fluid scale: laptop sizes at 1440, floors that still read at 3840, never under 11px on a phone */
  --gutter:clamp(20px, 3.4vw, 132px);
  --t-small:clamp(11px, .42vw + 6px, 24px);
  --t-body:clamp(14px, .42vw + 9px, 30px);
  --t-name:clamp(18px, .9vw + 8px, 46px);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--ivory);font-family:"AEI Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
p,ul{margin:0;padding:0}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:1px solid var(--brass);outline-offset:6px}

/* The AEI mark rests where it rests on the site: top left, over the picture */
.mark-bar{position:absolute;inset:0 0 auto 0;z-index:2;padding:clamp(16px,1.6vw,64px) var(--gutter);pointer-events:none;background:linear-gradient(#000a,#0000)}
.aei-mark{pointer-events:auto;display:inline-flex;align-items:flex-start;gap:.15em;color:var(--ivory-soft)}
.aei-mark img{display:block;height:clamp(20px,1.6vw,64px);width:auto}
.aei-mark sup{font-family:"AEI Text";font-size:clamp(8px,.4vw,15px);line-height:1;margin-top:-.2em}

/* The picture: whole, the full lockup and ™ always visible, never cropped */
main{position:relative;background:var(--ink)}
.banner{display:block;width:100%;height:auto;max-height:100svh;object-fit:contain;margin:0 auto;background:var(--ink)}

/* The footer: little words, elegant, wide-set */
.site-foot{position:relative;padding:clamp(40px,4.4vw,170px) var(--gutter) clamp(28px,2.6vw,100px);border-top:1px solid var(--hairline);background:radial-gradient(120% 140% at 50% 0%, #120d08 0%, #000 60%)}
.foot-row{display:flex;justify-content:space-between;align-items:baseline;gap:2em;flex-wrap:wrap}
.aware-name{display:block;transition:opacity .3s}
.aware-name:hover{opacity:.82}
.aware-name img{display:block;height:clamp(22px,1.4vw + 3px,58px);width:auto}
.reach{font-size:var(--t-body);color:var(--ivory-soft);display:flex;align-items:baseline;gap:.6em}
.reach-label{font-family:"AEI Display";font-stretch:115%;font-size:var(--t-small);letter-spacing:.22em;text-transform:uppercase;color:var(--brass-soft)}
.reach-arrow{color:var(--brass);font-size:1.1em}
.reach a{color:var(--ivory);border-bottom:1px solid var(--hairline-strong);padding-bottom:.12em;transition:border-color .3s}
.reach a:hover{border-color:var(--brass)}

.fields{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:0 1.2em;margin:clamp(34px,3.2vw,124px) 0 clamp(30px,2.8vw,108px);padding:clamp(22px,1.9vw,72px) 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.fields li{font-family:"AEI Display";font-stretch:118%;font-weight:400;font-size:var(--t-small);letter-spacing:.26em;text-transform:uppercase;color:var(--ivory-soft);white-space:nowrap}
.fields li:last-child{letter-spacing:.26em;margin-right:-.26em}
.fields .sep{width:1px;height:1em;background:var(--hairline-strong);flex:none}

.rights{font-size:var(--t-small);letter-spacing:.04em;color:var(--ivory-quiet)}
.enabled{font-family:"AEI Display";font-stretch:115%;font-size:var(--t-small);letter-spacing:.22em;text-transform:uppercase;color:var(--ivory-soft);transition:color .3s}
.enabled:hover{color:var(--ivory)}
.enabled-arrow{color:var(--brass)}

.fields{gap:0 .8em}
.fields li{letter-spacing:.19em}
.fields li:last-child{margin-right:-.19em}
@media (min-width:1441px){
  :root{--t-small:.8333vw;--t-body:1.0417vw}
  .aware-name img{height:1.611vw}
}
@media (max-width:1360px){
  .fields{flex-wrap:wrap;justify-content:flex-start;gap:1em 2.2em}
  .fields .sep{display:none}
}
@media (max-width:760px){
  .foot-row{flex-direction:column;align-items:flex-start;gap:1.1em}
  .fields{flex-direction:column;gap:.85em}
  .reach{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}