:root {
  --home-notation-size:clamp(38px,5vw,72px);
  --home-notation-mobile:28px;
  --home-line-height:1.85;
  --home-cover-height:660px;
  --home-cover-tall:780px;
}

.home-mast {
  background:var(--c-stage);
  color:var(--c-on-dark);
  padding-top:56px;
  padding-bottom:calc(64px + var(--r-sheet));
}

.home-mast__layout {
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
  min-height:calc(var(--home-cover-height) - 120px);
}

.home-mast__layout > * {
  min-width:0;
}

.home-mast__copy {
  max-width:680px;
}

.home-mast__copy h1 {
  font-size:var(--size-h1);
}

.home-mast__copy :focus-visible {
  outline-color:var(--c-accent);
}

.home-mast__notation {
  align-self:center;
  padding-left:40px;
  border-left:var(--border-thin) solid var(--c-line-dark);
  font-family:var(--font-mono);
}

.home-mast__notation-label {
  margin:0 0 28px;
  color:var(--c-on-dark-dim);
  font-size:var(--size-small);
}

.home-mast__notation-word {
  margin:0;
  color:var(--c-on-dark-soft);
  font-size:var(--home-notation-size);
  font-weight:var(--weight-regular);
  line-height:1.4;
  letter-spacing:var(--tracking-display);
}

.home-mast__notation-word:nth-of-type(3) {
  color:var(--c-accent);
}

.home-mast__notation-note {
  margin:28px 0 0;
  color:var(--c-on-dark-dim);
  font-family:var(--font-body);
  font-size:var(--size-caption);
}

.home-fact-strip {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 28px;
  padding-top:24px;
  padding-bottom:24px;
  border-bottom:var(--border-thin) solid var(--c-border);
  color:var(--c-muted);
  font-family:var(--font-mono);
  font-size:var(--size-small);
}

.home-fact-strip span {
  min-width:0;
  overflow-wrap:anywhere;
}

.home-device-grid {
  margin-top:40px;
}

.home-store-note {
  margin:28px 0 16px;
  font-size:var(--size-small);
  line-height:var(--home-line-height);
}

.home-text-link {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-weight:var(--weight-semibold);
  text-decoration:none;
}

.home-text-link:hover {
  text-decoration:underline;
}

.home-editorial {
  max-width:var(--reading);
  margin-top:36px;
}

.home-editorial p,
.home-steps p,
.home-identity + p {
  line-height:var(--home-line-height);
}

.home-editorial p {
  margin-block:20px;
}

.home-editorial h3 {
  margin-top:36px;
  margin-bottom:16px;
}

.home-steps {
  list-style:none;
  padding:0;
  margin:0 0 24px;
  counter-reset:home-step;
}

.home-steps > li {
  counter-increment:home-step;
  position:relative;
  padding-top:28px;
  padding-bottom:28px;
  padding-left:64px;
  border-top:var(--border-thin) solid var(--c-border);
  min-width:0;
}

.home-steps > li::before {
  content:counter(home-step, decimal-leading-zero);
  position:absolute;
  left:0;
  top:28px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:var(--r-circle);
  background:var(--c-accent);
  color:var(--c-text);
  font-family:var(--font-mono);
  font-size:var(--size-small);
  font-weight:var(--weight-bold);
}

.home-steps h3 {
  margin-top:6px;
}

.home-steps p {
  max-width:var(--reading);
}

.home-identity {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  margin-block:24px;
}

.home-identity img {
  flex:none;
  border-radius:var(--r-circle);
}

.home-identity p {
  margin:0;
  min-width:0;
}

.home-articles-link {
  margin-top:24px;
}

@media (min-width:1440px) and (min-height:900px) {
  .home-mast__layout {
    min-height:calc(var(--home-cover-tall) - 120px);
  }
}

@media (max-width:960px) {
  .home-mast {
    padding-top:40px;
    padding-bottom:calc(48px + var(--r-sheet));
  }

  .home-mast__layout {
    grid-template-columns:minmax(0,1fr);
    min-height:0;
    gap:40px;
  }

  .home-mast__copy {
    max-width:var(--reading);
  }

  .home-mast__notation {
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:10px 24px;
    padding-left:0;
    padding-top:24px;
    border-left:0;
    border-top:var(--border-thin) solid var(--c-line-dark);
  }

  .home-mast__notation-label,
  .home-mast__notation-note {
    flex-basis:100%;
    margin:0;
  }

  .home-mast__notation-word {
    font-size:var(--home-notation-mobile);
  }
}

@media (max-width:640px) {
  .home-mast {
    padding-top:26px;
    padding-bottom:calc(32px + var(--r-sheet));
  }

  .home-mast__layout {
    gap:28px;
  }

  .home-mast__copy .hero__title {
    margin-top:18px;
  }

  .home-mast__copy .hero__actions {
    gap:10px;
    margin-top:22px;
  }

  .home-mast__copy .hero__lead {
    margin-top:20px;
  }

  .home-mast__copy .facts {
    margin-top:20px;
  }

  .home-mast__copy .devices {
    gap:10px 16px;
    margin-top:18px;
    padding-top:16px;
  }

  .home-mast__notation {
    gap:8px 16px;
  }

  .home-device-grid {
    margin-top:28px;
  }

  .home-fact-strip {
    gap:10px 18px;
    font-size:var(--size-caption);
  }

  .home-steps > li {
    padding-left:0;
    padding-top:78px;
  }

  .home-steps h3 {
    margin-top:0;
  }
}