/* Applications and account share the editorial visual language of About. */
body{background:#07110e}

.public-story-hero{
  min-height:520px;
  display:grid;
  align-items:center;
  padding:120px 0 70px!important;
  background:#07110e!important;
}
.public-story-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('/assets/images/01.png') 70% 44%/cover no-repeat;
  opacity:.42!important;
  filter:saturate(.7) contrast(1.05) brightness(.66)!important;
  mask-image:none!important;
}
.public-story-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,11,9,.78),rgba(3,11,9,.22) 50%,rgba(3,11,9,.78)),linear-gradient(180deg,rgba(3,11,9,.1),#07110e);
}
.public-story-hero .hero-inner{
  position:relative;
  z-index:2;
  width:min(760px,calc(100% - 48px))!important;
  max-width:760px!important;
  margin:auto!important;
  padding:0!important;
  text-align:center!important;
}
.public-story-hero .hero-logo{
  display:block;
  width:112px!important;
  height:112px!important;
  margin:0 auto 25px!important;
  object-fit:contain;
}
.public-story-hero .eyebrow{margin:0 0 17px!important;font-size:11px!important;letter-spacing:.18em}
.public-story-hero h1{
  max-width:720px;
  margin:0 auto!important;
  font-size:clamp(44px,5.7vw,76px)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
}
.public-story-hero .hero-inner p:last-child{
  max-width:620px;
  margin:20px auto 0!important;
  color:rgba(244,247,245,.72)!important;
  font-size:15px!important;
  line-height:1.7!important;
}

.public-account-strip{border-bottom:1px solid var(--line);background:#07110e}
.public-strip-inner{
  min-height:118px;
  display:grid;
  grid-template-columns:minmax(180px,.45fr) minmax(0,1.55fr);
  gap:90px;
  align-items:center;
  padding:20px 0;
}
.public-strip-inner>.eyebrow{margin:0!important;color:var(--accent)!important}
.public-strip-inner .applications-hero-status,
.public-strip-inner .account-user-card{
  width:100%;
  max-width:none;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
.public-strip-inner .applications-hero-status{gap:18px}
.public-strip-inner .applications-hero-status strong{font-size:15px}
.public-strip-inner .applications-hero-status span:last-child,
.public-strip-inner .applications-hero-status small{font-size:12px;line-height:1.6}
.public-strip-inner .applications-login-test{font-size:12px}
.public-strip-inner .account-user-card{gap:18px}
.public-strip-inner .account-avatar{border-radius:0;background:#0b1510}
.public-strip-inner .account-user-card span{color:var(--accent);font-size:9px}
.public-strip-inner .account-user-card strong{color:var(--text);font-size:16px}
.public-strip-inner .account-user-card small{color:var(--muted);font-size:11px}

.applications-clean-section,.account-section{padding-top:96px!important;padding-bottom:100px!important;border-top:0;background:#07110e}
.applications-clean-head,.account-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);
  gap:50px!important;
  align-items:end;
  margin-bottom:38px!important;
}
.applications-clean-head h2,.account-heading h2{
  margin:0!important;
  font-size:clamp(38px,4.8vw,64px)!important;
  line-height:.98;
  letter-spacing:-.055em;
}
.applications-clean-head>p{max-width:420px;font-size:14px!important;line-height:1.75}
.applications-list-clean,.account-application-list{border-top:1px solid rgba(255,255,255,.14)!important}
.application-entry-clean{border-bottom-color:rgba(255,255,255,.14)!important}
.application-entry-clean summary{min-height:116px!important}
.application-entry-title strong{font-size:22px!important;letter-spacing:-.035em}
.application-entry-title small{font-size:13px;line-height:1.6}
.application-entry-body{padding-bottom:40px}
.application-entry-about p,.application-entry-points span{font-size:13px!important;line-height:1.7}

.account-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0!important;
  margin:0 0 90px!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.account-stats>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  min-height:132px;
  padding:22px 26px 24px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  background:none!important;
}
.account-stats>div:first-child{padding-left:0!important}
.account-stats>div:last-child{border-right:0!important}
.account-stats span{font-size:11px!important;color:var(--muted)!important}
.account-stats strong{font-size:38px!important;line-height:1;letter-spacing:-.055em}
.account-heading{grid-template-columns:minmax(0,1fr) auto}
.account-actions{justify-content:flex-end}
.account-application-list{gap:0!important}
.account-application-card{
  min-height:116px;
  padding:22px 4px!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  background:none!important;
  transform:none!important;
}
.account-application-card:hover{padding-inline:12px!important;background:rgba(56,211,159,.045)!important}
.account-app-type{font-size:10px;color:var(--accent)}
.account-app-main strong{font-size:20px!important;letter-spacing:-.035em}
.account-app-main small,.account-app-side small{font-size:11px;color:var(--muted)}
.account-app-side b{font-size:11px;color:var(--accent)}
.account-empty{
  align-items:flex-start;
  gap:16px;
  padding:38px 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  background:none!important;
}
.account-empty .eyebrow{margin:0!important;font-size:10px!important;color:var(--accent)!important}
.account-empty h3{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em}
.account-empty p:not(.eyebrow){margin:0;color:var(--muted);font-size:14px;line-height:1.7}

@media(max-width:900px){
  .public-strip-inner{grid-template-columns:1fr;gap:15px}
  .applications-clean-head,.account-heading{grid-template-columns:1fr;gap:20px!important}
  .account-actions{justify-content:flex-start}
}
@media(max-width:760px){
  .public-story-hero{min-height:460px;padding:105px 0 55px!important}
  .public-story-hero .hero-inner{width:min(100% - 38px,680px)!important}
  .public-story-hero .hero-logo{width:86px!important;height:86px!important}
  .public-story-hero h1{font-size:clamp(38px,11vw,56px)!important}
  .applications-clean-section,.account-section{padding-top:54px!important;padding-bottom:64px!important}
  .applications-clean-head h2,.account-heading h2{font-size:clamp(38px,11vw,56px)!important}
  .application-entry-clean summary{min-height:98px!important}
  .application-entry-title strong{font-size:21px!important}
  .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:60px!important}
  .account-stats>div{min-height:110px;padding:18px!important}
  .account-stats>div:nth-child(odd){padding-left:0!important}
  .account-stats>div:nth-child(2){border-right:0!important}
  .account-stats>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)!important}
  .account-stats strong{font-size:32px!important}
  .account-application-card:hover{padding-inline:4px!important}
}

/* Background layers crossfade after the next image has loaded. */
.hero-slideshow-ready::before{visibility:hidden}