.page-home{
  --home-pearl-70:rgba(246,244,239,.72);
  --home-pearl-55:rgba(246,244,239,.58);
  --home-jade-soft:rgba(79,209,197,.12);
  --home-coral-soft:rgba(255,138,107,.18);
  background:
    radial-gradient(1100px 560px at 12% -8%, rgba(79,209,197,.16), transparent 62%),
    radial-gradient(900px 520px at 92% 2%, rgba(139,124,246,.18), transparent 64%),
    var(--bt-ink);
  color:var(--bt-pearl);
  font-family:var(--bt-font-body);
  overflow-x:clip;
  padding-bottom:clamp(32px,5vw,64px);
}
.page-home *{box-sizing:border-box;}
.page-home .home-shell{
  width:100%;
  max-width:var(--bt-max);
  margin-inline:auto;
  padding-inline:var(--bt-gutter);
}

/* context strip */
.page-home .home-context{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding-block:18px 0;
  font-family:var(--bt-font-mono);
  font-size:11.5px;
  letter-spacing:.12em;
  color:var(--home-pearl-55);
}
.page-home .home-context__link{
  color:var(--bt-pearl);
  text-decoration:none;
  border-bottom:1px solid var(--bt-line-soft);
  padding-bottom:2px;
}
.page-home .home-context__link:hover{color:var(--bt-jade);}
.page-home .home-context__sep{color:var(--bt-gold);}
.page-home .home-context__status{
  margin-left:auto;
  color:var(--bt-jade);
  border:1px solid rgba(79,209,197,.35);
  border-radius:999px;
  padding:3px 10px;
  letter-spacing:.06em;
}

/* shared small type */
.page-home .home-kicker{
  margin:0 0 10px;
  font-family:var(--bt-font-mono);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--bt-jade);
}
.page-home .home-kicker--ink{color:var(--bt-slate);}
.page-home .home-h2{
  margin:0;
  font-family:var(--bt-font-display);
  font-weight:600;
  font-size:clamp(1.5rem,3.6vw,2.5rem);
  line-height:1.16;
  color:inherit;
}
.page-home .home-lede{
  margin:14px 0 0;
  max-width:60ch;
  font-size:clamp(15px,1.7vw,16.5px);
  line-height:1.75;
  color:var(--home-pearl-70);
}
.page-home .light-panel .home-lede,
.page-home .home-section__head .home-lede{color:var(--bt-slate);}
.page-home .home-inline-link{
  margin:20px 0 0;
  font-size:14.5px;
  line-height:1.7;
  color:var(--home-pearl-70);
}
.page-home .light-panel .home-inline-link{color:var(--bt-slate);}
.page-home .home-inline-link a:not(.bt-btn){
  color:var(--bt-jade);
  text-decoration:none;
  border-bottom:1px solid rgba(79,209,197,.45);
}
.page-home .light-panel .home-inline-link a:not(.bt-btn){
  color:var(--bt-ink);
  border-bottom-color:rgba(11,31,51,.3);
}
.page-home .home-inline-link a:hover{opacity:.85;}

/* hero */
.page-home .hero{
  position:relative;
  padding-block:clamp(16px,3vw,32px) clamp(40px,6vw,84px);
  isolation:isolate;
}
.page-home .hero__compass{
  position:absolute;
  top:-48px;
  right:-70px;
  width:min(520px,78vw);
  height:auto;
  color:var(--bt-gold);
  opacity:.42;
  z-index:-1;
  pointer-events:none;
}
.page-home .hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(18px,3vw,32px);
  align-items:start;
}
.page-home .hero__panel{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:clamp(380px,74vw,520px);
  overflow:hidden;
  border-radius:var(--bt-radius-organic);
  background:linear-gradient(155deg,#0E2B41 0%,var(--bt-ink) 58%,var(--bt-ink-2) 100%);
  box-shadow:var(--bt-shadow-2);
  min-width:0;
}
.page-home .hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.4;
  filter:saturate(.85);
}
.page-home .hero__veil{
  position:absolute;
  inset:0;
  background:
    radial-gradient(110% 85% at 10% 6%, rgba(79,209,197,.3), transparent 56%),
    radial-gradient(95% 80% at 92% 96%, rgba(139,124,246,.28), transparent 62%),
    linear-gradient(180deg, rgba(11,31,51,.28) 0%, rgba(7,19,31,.9) 100%);
}
.page-home .hero__body{
  position:relative;
  z-index:2;
  padding:clamp(22px,4vw,44px);
  width:100%;
}
.page-home .hero__title{
  margin:0;
  font-family:var(--bt-font-display);
  font-weight:300;
  font-size:clamp(2rem,6.4vw,3.5rem);
  line-height:1.04;
  letter-spacing:.01em;
  color:var(--bt-pearl);
}
.page-home .hero__lede{
  margin:16px 0 0;
  max-width:44ch;
  font-size:clamp(14.5px,1.8vw,16.5px);
  line-height:1.8;
  color:rgba(246,244,239,.86);
}
.page-home .hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.page-home .bt-btn--entry{
  box-shadow:0 22px 44px -26px rgba(79,209,197,.95), inset 0 0 0 1px rgba(246,244,239,.24);
}
.page-home .bt-btn--ghost{
  border-color:rgba(246,244,239,.32);
  color:var(--bt-pearl);
}
.page-home .bt-btn--ghost:hover{
  border-color:var(--bt-jade);
  color:var(--bt-jade);
}
.page-home .hero__status{
  display:flex;
  align-items:center;
  gap:10px;
  margin:20px 0 0;
  font-family:var(--bt-font-mono);
  font-size:12px;
  letter-spacing:.05em;
  line-height:1.6;
  color:var(--home-pearl-70);
}
.page-home .hero__status .bt-dot{
  flex:none;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--bt-coral);
  box-shadow:0 0 0 4px var(--home-coral-soft);
}
.page-home .hero__aside{
  padding:clamp(18px,3vw,26px);
  border-radius:var(--bt-radius-m);
  border:1px solid var(--bt-line-soft);
  background:linear-gradient(180deg, rgba(18,58,82,.72), rgba(11,31,51,.94));
  box-shadow:var(--bt-shadow-1);
  min-width:0;
}
.page-home .hero__aside-label{
  margin:0 0 6px;
  font-family:var(--bt-font-mono);
  font-size:11px;
  letter-spacing:.18em;
  color:var(--bt-jade);
}
.page-home .hero__aside-title{
  margin:0 0 12px;
  font-family:var(--bt-font-display);
  font-weight:600;
  font-size:clamp(17px,2.2vw,21px);
  color:var(--bt-pearl);
}
.page-home .chapter-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-home .chapter-list__item a{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 12px;
  padding:12px 8px;
  text-decoration:none;
  color:var(--bt-pearl);
  border-bottom:1px solid rgba(216,199,163,.16);
  border-radius:var(--bt-radius-s);
  transition:background .24s var(--bt-ease), transform .24s var(--bt-ease);
}
.page-home .chapter-list__item:last-child a{border-bottom:0;}
.page-home .chapter-list__item a:hover,
.page-home .chapter-list__item a:focus-visible{
  background:var(--home-jade-soft);
  transform:translateX(2px);
}
.page-home .chapter-list__num{
  grid-row:span 2;
  font-family:var(--bt-font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--bt-gold);
  padding-top:2px;
}
.page-home .chapter-list__name{
  font-size:15px;
  font-weight:600;
}
.page-home .chapter-list__meta{
  font-family:var(--bt-font-mono);
  font-size:11.5px;
  letter-spacing:.05em;
  color:var(--home-pearl-55);
}
.page-home .hero__aside-note{
  margin:14px 0 0;
  font-size:13px;
  line-height:1.7;
  color:var(--home-pearl-55);
}

/* sections */
.page-home .home-section{
  padding-block:clamp(34px,5.5vw,72px);
}
.page-home .home-section__head{max-width:var(--bt-prose);}
.page-home .home-section__head .home-h2,
.page-home .home-section__head .home-kicker{color:var(--bt-pearl);}
.page-home .home-section__head .home-lede{color:var(--home-pearl-70);}

.page-home .light-panel{
  background:var(--bt-pearl);
  color:var(--bt-ink);
  border-radius:var(--bt-radius-m);
  padding:clamp(22px,4vw,52px);
  box-shadow:var(--bt-shadow-2);
}
.page-home .split{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3.4vw,44px);
  align-items:start;
}
.page-home .split__main{min-width:0;}
.page-home .light-panel .home-h2{color:var(--bt-ink);}

/* steps */
.page-home .steps{
  list-style:none;
  margin:24px 0 0;
  padding:0;
}
.page-home .steps__item{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:14px;
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid var(--bt-line);
}
.page-home .steps__item:last-child{
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}
.page-home .steps__num{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--bt-mist);
  border:1px solid rgba(11,31,51,.14);
  font-family:var(--bt-font-mono);
  font-size:13px;
  color:var(--bt-ink);
}
.page-home .steps__title{
  margin:5px 0 0;
  font-size:16px;
  font-weight:600;
  color:var(--bt-ink);
}
.page-home .steps__text{
  margin:6px 0 0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--bt-slate);
}

/* figures */
.page-home .home-figure{
  margin:0;
  min-width:0;
}
.page-home .home-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
  border-radius:var(--bt-radius-m);
  box-shadow:var(--bt-shadow-1);
}
.page-home .home-figure--light img{background:var(--bt-mist);}
.page-home .home-figure figcaption{
  margin-top:10px;
  font-size:12.5px;
  line-height:1.7;
  color:var(--home-pearl-55);
}
.page-home .home-figure--light figcaption{color:var(--bt-slate);}
.page-home .home-figure--wide{margin-top:clamp(26px,4vw,48px);}
.page-home .home-figure--wide img{aspect-ratio:14 / 9;}

/* index columns */
.page-home .index-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(16px,2.6vw,28px);
  margin-top:clamp(24px,3.4vw,40px);
}
.page-home .col-block{
  padding:clamp(18px,3vw,32px);
  border-radius:var(--bt-radius-m);
  background:var(--bt-mist);
  color:var(--bt-ink);
  border:1px solid rgba(11,31,51,.08);
  min-width:0;
}
.page-home .col-block--ink{
  background:linear-gradient(170deg, var(--bt-ink-2), var(--bt-ink) 78%);
  color:var(--bt-pearl);
  border-color:var(--bt-line-soft);
  box-shadow:var(--bt-shadow-2);
}
.page-home .col-block__title{
  margin:0 0 6px;
  font-family:var(--bt-font-display);
  font-weight:600;
  font-size:clamp(17px,2.2vw,21px);
  color:inherit;
}
.page-home .col-list{
  list-style:none;
  margin:12px 0 0;
  padding:0;
}
.page-home .col-list__item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  padding:11px 0;
  border-bottom:1px dashed rgba(11,31,51,.16);
}
.page-home .col-list__item:last-child{border-bottom:0;}
.page-home .col-list__num{
  padding-top:2px;
  font-family:var(--bt-font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--bt-slate);
}
.page-home .col-list__name{
  margin:0;
  font-size:15px;
  font-weight:600;
  color:inherit;
}
.page-home .col-list__desc{
  margin:4px 0 0;
  font-size:13.5px;
  line-height:1.68;
  color:var(--bt-slate);
}
.page-home .col-block--ink .col-list__item{border-bottom-color:rgba(216,199,163,.2);}
.page-home .col-block--ink .col-list__num{color:var(--bt-gold);}
.page-home .col-block--ink .col-list__desc{color:var(--home-pearl-70);}
.page-home .col-block__more{
  margin:14px 0 0;
  font-size:13.5px;
  line-height:1.7;
  color:var(--home-pearl-70);
}
.page-home .col-block__more a{
  color:var(--bt-jade);
  text-decoration:none;
  border-bottom:1px solid rgba(79,209,197,.45);
}
.page-home .home-aside-link{
  margin:clamp(20px,3vw,32px) 0 0;
  font-size:14.5px;
  line-height:1.7;
  color:var(--home-pearl-70);
}
.page-home .home-aside-link a{
  color:var(--bt-jade);
  text-decoration:none;
  border-bottom:1px solid rgba(79,209,197,.45);
}

/* weekly timeline */
.page-home .week-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,3.6vw,48px);
  align-items:start;
}
.page-home .week-grid__main{min-width:0;}
.page-home .week-list{
  list-style:none;
  margin:26px 0 0;
  padding:0;
  position:relative;
}
.page-home .week-list::before{
  content:"";
  position:absolute;
  left:7px;
  top:8px;
  bottom:8px;
  width:1px;
  background:linear-gradient(180deg, var(--bt-jade), rgba(139,124,246,.5) 55%, rgba(216,199,163,.18));
}
.page-home .week-item{
  position:relative;
  padding:0 0 26px 32px;
}
.page-home .week-item:last-child{padding-bottom:0;}
.page-home .week-item::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:var(--bt-ink);
  border:1px solid var(--bt-gold);
}
.page-home .week-item[data-state="latest"]::before{
  background:var(--bt-coral);
  border-color:var(--bt-coral);
  box-shadow:0 0 0 5px var(--home-coral-soft);
}
.page-home .week-item__week{
  margin:0;
  font-family:var(--bt-font-mono);
  font-size:11.5px;
  letter-spacing:.12em;
  color:var(--bt-jade);
}
.page-home .week-item[data-state="latest"] .week-item__week{color:var(--bt-coral);}
.page-home .week-item__title{
  margin:7px 0 0;
  font-size:15.5px;
  font-weight:600;
  line-height:1.5;
  color:var(--bt-pearl);
}
.page-home .week-item__text{
  margin:7px 0 0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--home-pearl-70);
}
.page-home .week-item__text .bt-tag{
  margin-right:6px;
  vertical-align:1px;
}
.page-home .home-figure--tall img{aspect-ratio:10 / 13;}

/* support */
.page-home .support{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3.4vw,44px);
  padding:clamp(22px,4vw,48px);
  border-radius:var(--bt-radius-m);
  border:1px solid var(--bt-line-soft);
  background:
    radial-gradient(70% 90% at 6% 0%, rgba(79,209,197,.16), transparent 62%),
    linear-gradient(160deg, rgba(18,58,82,.92), rgba(7,19,31,.96));
  box-shadow:var(--bt-shadow-2);
}
.page-home .support__main{min-width:0;}
.page-home .support__main .home-h2{color:var(--bt-pearl);}
.page-home .support__main .home-lede{color:var(--home-pearl-70);}
.page-home .support__note{
  margin:14px 0 0;
  font-family:var(--bt-font-mono);
  font-size:12px;
  letter-spacing:.04em;
  line-height:1.7;
  color:var(--home-pearl-55);
}
.page-home .contact-lines{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:16px;
  align-content:start;
}
.page-home .contact-lines__item{
  padding-bottom:14px;
  border-bottom:1px solid rgba(216,199,163,.18);
}
.page-home .contact-lines__item:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.page-home .contact-lines__label{
  display:block;
  margin-bottom:4px;
  font-family:var(--bt-font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--bt-jade);
}
.page-home .contact-lines__value{
  display:block;
  font-size:15px;
  line-height:1.65;
  color:var(--bt-pearl);
  word-break:break-word;
}
.page-home .contact-lines__value a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(79,209,197,.4);
}
.page-home .contact-lines__value a:hover{color:var(--bt-jade);}

/* focus visibility */
.page-home a:focus-visible,
.page-home button:focus-visible{
  outline:3px solid var(--bt-jade);
  outline-offset:3px;
  border-radius:6px;
}

/* tablet and up */
@media (min-width:760px){
  .page-home .index-grid{grid-template-columns:1fr 1fr;}
  .page-home .support{grid-template-columns:1.15fr .85fr;}
}

/* desktop */
@media (min-width:980px){
  .page-home .hero__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:clamp(28px,3vw,48px);
  }
  .page-home .hero__aside{margin-top:clamp(28px,5vw,80px);}
  .page-home .hero__panel{min-height:clamp(460px,40vw,560px);}
  .page-home .split{grid-template-columns:1.05fr .95fr;}
  .page-home .index-grid{grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,36px);}
  .page-home .col-block--ink{transform:translateY(28px);}
  .page-home .home-aside-link{margin-top:calc(clamp(20px,3vw,32px) + 28px);}
  .page-home .week-grid{grid-template-columns:minmax(0,6fr) minmax(0,4fr);}
  .page-home .home-figure--tall{margin-top:18px;}
  .page-home .support{grid-template-columns:1.1fr .9fr;}
}

@media (prefers-reduced-motion: reduce){
  .page-home .chapter-list__item a{transition:none;}
  .page-home .chapter-list__item a:hover,
  .page-home .chapter-list__item a:focus-visible{transform:none;}
}
<<<END>>>