*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:#020609}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#f4f6f7}
.hero{position:relative;width:100%;min-height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate;background:#020609}
.background{position:absolute;inset:0;z-index:-3;background:url("/assets/meedcore-bg.webp") center center/cover no-repeat}
.veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,4,7,.35) 0%,rgba(0,4,7,.22) 48%,rgba(0,3,6,.25) 100%);pointer-events:none}
.identity{width:min(92vw,1080px);text-align:center;transform:translateY(-12vh)}
.wordmark{margin:0;color:#f7f8f9;font-size:clamp(3.5rem,7.2vw,7.15rem);font-weight:300;line-height:.96;letter-spacing:.165em;padding-left:.165em;white-space:nowrap;text-shadow:none}
.target-o{position:relative;display:inline-block}
.target-o::after{content:"";position:absolute;left:50%;top:51%;width:.095em;height:.095em;border-radius:50%;background:#f7f8f9;transform:translate(-50%,-50%)}
.motto{margin:2.25rem 0 0;color:#aeb7c0;font-size:clamp(.76rem,1.25vw,1.15rem);font-weight:300;letter-spacing:.52em;padding-left:.52em;white-space:nowrap;text-shadow:none}
.motto b{font-weight:300;color:#77828c;margin:0 .14em}
.divider{display:block;width:96px;height:1px;margin:3rem auto;background:linear-gradient(90deg,transparent,#a7b0b8,transparent)}
.descriptor{margin:0;color:#d3d8dd;font-size:clamp(.9rem,1.35vw,1.28rem);font-weight:300;letter-spacing:.11em;text-shadow:none}
footer{position:absolute;left:0;right:0;bottom:4.5vh;text-align:center;color:#8f979e;font-size:.7rem;font-weight:300;letter-spacing:.29em;text-shadow:none}

@media(max-width:700px){
  .background{background-position:center 58%}
  .veil{background:linear-gradient(180deg,rgba(0,4,7,.46) 0%,rgba(0,4,7,.24) 56%,rgba(0,3,6,.32) 100%)}
  .identity{width:94vw;transform:translateY(-13vh)}
  .wordmark{font-size:clamp(2.35rem,11.5vw,4rem);letter-spacing:.085em;padding-left:.085em}
  .motto{margin-top:1.55rem;font-size:clamp(.58rem,2.65vw,.72rem);letter-spacing:.28em;padding-left:.28em}
  .motto b{margin:0 .08em}
  .divider{width:68px;margin:2rem auto}
  .descriptor{font-size:clamp(.75rem,3.25vw,.9rem);letter-spacing:.055em}
  footer{bottom:3.2vh;font-size:.59rem;letter-spacing:.23em}
}
@media(max-width:360px){
  .wordmark{font-size:2.15rem}
  .motto{font-size:.54rem;letter-spacing:.22em;padding-left:.22em}
}