.page-home .hero{
  position:relative;
  overflow:hidden;
  color:var(--paper);
  background:
    radial-gradient(92% 74% at 88% -12%, rgba(242,140,40,.30), transparent 62%),
    linear-gradient(155deg, var(--night) 0%, var(--turf) 56%, #0a3226 100%);
  padding:calc(var(--header-h) + clamp(52px,8vw,92px)) 0 clamp(58px,9vw,110px);
}
.page-home .hero__media{
  position:absolute;
  inset:0;
  z-index:0;
}
.page-home .hero__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.22;
  filter:saturate(.85);
}
.page-home .hero__steps{
  position:absolute;
  left:-12%;
  right:-12%;
  bottom:-8%;
  height:54%;
  z-index:0;
  pointer-events:none;
  background:repeating-linear-gradient(90deg, rgba(201,209,211,.12) 0 2px, transparent 2px 62px);
  transform:skewY(-6deg);
  -webkit-mask-image:linear-gradient(to top, #000, transparent 80%);
  mask-image:linear-gradient(to top, #000, transparent 80%);
}
.page-home .hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(30px,5vw,58px);
}
.page-home .hero .display-title{
  font-size:clamp(2.55rem,8.4vw,6.2rem);
  line-height:.94;
  letter-spacing:-.03em;
  font-weight:900;
  margin:.16em 0 .3em;
}
.page-home .hero .eyebrow{
  color:var(--flood-soft);
}
.page-home .hero__lede{
  max-width:34em;
  color:var(--paper-80);
}
.page-home .hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(22px,3.4vw,34px);
}
.page-home .hero__picker{
  background:rgba(7,28,21,.62);
  border:1px solid var(--silver-22);
  border-radius:var(--radius-l);
  padding:clamp(20px,3vw,30px);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  align-self:end;
}
.page-home .picker__title{
  margin:0;
  font-size:1.15rem;
  font-weight:800;
  letter-spacing:.02em;
}
.page-home .picker__hint{
  margin:8px 0 0;
  font-size:.92rem;
  line-height:1.65;
  color:var(--paper-80);
}
.page-home .picker__leagues{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  list-style:none;
  margin:18px 0 0;
  padding:0;
}
.page-home .picker__leagues a{
  display:block;
  padding:9px 16px;
  border:1px solid var(--silver-22);
  border-radius:999px;
  color:var(--paper);
  font-size:.94rem;
  font-weight:600;
  text-decoration:none;
  transition:background .22s var(--ease), border-color .22s var(--ease), color .22s var(--ease);
}
.page-home .picker__leagues a:hover,
.page-home .picker__leagues a:focus-visible{
  background:rgba(242,140,40,.16);
  border-color:var(--flood);
  color:var(--flood-soft);
}
.page-home .picker__foot{
  margin:20px 0 0;
  padding-top:16px;
  border-top:1px dashed var(--silver-22);
  font-size:.82rem;
  line-height:1.7;
  letter-spacing:.04em;
  color:var(--silver);
}

.page-home .rounds{
  background:var(--paper);
  color:var(--ink);
}
.page-home .rounds__lede{
  max-width:46em;
  margin:.7em 0 0;
  color:var(--ink-72);
}
.page-home .ribbon{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:clamp(26px,4vw,42px);
  border:1px solid var(--silver-22);
  border-radius:var(--radius);
  overflow:hidden;
  background:rgba(201,209,211,.35);
  box-shadow:var(--shadow-card);
}
.page-home .ribbon__item{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:clamp(18px,2.6vw,30px);
  background:linear-gradient(170deg, var(--turf), var(--night));
  color:var(--paper);
}
.page-home .ribbon__num{
  font-size:clamp(1.9rem,4.4vw,2.9rem);
  line-height:1;
  font-weight:700;
  color:var(--flood);
  letter-spacing:-.02em;
}
.page-home .ribbon__label{
  font-size:.86rem;
  line-height:1.5;
  color:var(--paper-80);
}

.page-home .switch{
  position:relative;
  margin-top:clamp(30px,4.6vw,52px);
}
.page-home .switch__radio{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.page-home .switch__labels{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.page-home .switch__labels label{
  cursor:pointer;
  padding:10px 20px;
  border:1px solid rgba(92,107,100,.45);
  border-radius:999px;
  background:#fff;
  color:var(--ink-72);
  font-size:.94rem;
  font-weight:700;
  transition:background .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease);
}
.page-home .switch__labels label:hover{
  border-color:var(--grass);
  color:var(--turf);
}
.page-home .switch__radio:focus-visible ~ .switch__labels label{
  outline:2px dashed var(--flood);
  outline-offset:3px;
}
.page-home .switch__radio:nth-of-type(1):checked ~ .switch__labels label:nth-of-type(1),
.page-home .switch__radio:nth-of-type(2):checked ~ .switch__labels label:nth-of-type(2),
.page-home .switch__radio:nth-of-type(3):checked ~ .switch__labels label:nth-of-type(3){
  background:var(--turf);
  border-color:var(--turf);
  color:var(--paper);
}
.page-home .switch__panels{
  margin-top:clamp(20px,3vw,30px);
}
.page-home .switch__panel{
  display:none;
  padding:clamp(22px,3.2vw,34px);
  border-left:4px solid var(--flood);
  border-radius:0 var(--radius) var(--radius) 0;
  background:#fff;
  box-shadow:var(--shadow-card);
}
.page-home .switch__radio:nth-of-type(1):checked ~ .switch__panels > .switch__panel:nth-child(1),
.page-home .switch__radio:nth-of-type(2):checked ~ .switch__panels > .switch__panel:nth-child(2),
.page-home .switch__radio:nth-of-type(3):checked ~ .switch__panels > .switch__panel:nth-child(3){
  display:block;
}
.page-home .switch__title{
  margin:0 0 14px;
  font-size:clamp(1.15rem,2vw,1.45rem);
  font-weight:800;
  color:var(--turf);
}
.page-home .switch__list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.page-home .switch__list li{
  position:relative;
  padding-left:22px;
  line-height:1.7;
  color:var(--ink-72);
}
.page-home .switch__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:10px;
  height:2px;
  background:var(--flood);
}

.page-home .library{
  background:linear-gradient(180deg, var(--turf), #0a3327 78%, var(--night));
  color:var(--paper);
}
.page-home .library .eyebrow{
  color:var(--flood-soft);
}
.page-home .library__intro{
  display:grid;
  gap:clamp(26px,4vw,48px);
  align-items:center;
}
.page-home .library__lede{
  max-width:32em;
  color:var(--paper-80);
  margin:.7em 0 0;
}
.page-home .library__copy .btn{
  margin-top:clamp(20px,3vw,30px);
}
.page-home .library__figure{
  margin:0;
  border-radius:var(--radius-l);
  overflow:hidden;
  border:1px solid var(--silver-22);
}
.page-home .library__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  aspect-ratio:4 / 5;
}
.page-home .library__stair{
  margin-top:clamp(34px,5vw,58px);
}
.page-home .step-card{
  position:relative;
  padding:clamp(22px,3vw,32px);
  border:1px solid var(--silver-22);
  border-top:3px solid var(--flood);
  border-radius:var(--radius);
  background:rgba(7,28,21,.55);
}
.page-home .step-card__no{
  display:inline-block;
  font-size:.86rem;
  letter-spacing:.16em;
  color:var(--flood);
  margin-bottom:12px;
}
.page-home .step-card__title{
  margin:0 0 10px;
  font-size:clamp(1.12rem,1.8vw,1.32rem);
  font-weight:800;
  color:var(--paper);
}
.page-home .step-card__text{
  margin:0;
  font-size:.96rem;
  line-height:1.78;
  color:var(--paper-80);
}

.page-home .paths{
  background:var(--paper);
  color:var(--ink);
}
.page-home .paths__grid{
  display:grid;
  gap:clamp(26px,4vw,52px);
  align-items:start;
}
.page-home .paths__figure{
  margin:0;
  border-radius:var(--radius-l);
  overflow:hidden;
  border:1px solid rgba(92,107,100,.28);
}
.page-home .paths__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  aspect-ratio:1 / 1;
}
.page-home .path-card{
  margin-top:clamp(18px,2.6vw,26px);
  padding:clamp(20px,2.8vw,30px);
  border:1px solid rgba(92,107,100,.28);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow-card);
}
.page-home .path-card__title{
  margin:12px 0 8px;
  font-size:clamp(1.14rem,1.9vw,1.38rem);
  font-weight:800;
  color:var(--turf);
}
.page-home .path-card__text{
  margin:0;
  line-height:1.78;
  color:var(--ink-72);
}
.page-home .path-link{
  display:inline-block;
  margin-top:14px;
  color:var(--crest);
  font-weight:700;
  text-decoration:none;
  border-bottom:2px solid rgba(198,40,40,.28);
  padding-bottom:2px;
  transition:border-color .22s var(--ease), color .22s var(--ease);
}
.page-home .path-link:hover,
.page-home .path-link:focus-visible{
  color:var(--turf);
  border-color:var(--flood);
}

.page-home .desk{
  background:
    radial-gradient(70% 90% at 100% 0%, rgba(62,124,89,.42), transparent 60%),
    var(--night);
  color:var(--paper);
}
.page-home .desk .eyebrow{
  color:var(--flood-soft);
}
.page-home .desk__lede{
  max-width:44em;
  color:var(--paper-80);
  margin:.7em 0 0;
}
.page-home .desk__modules{
  display:grid;
  gap:1px;
  grid-template-columns:minmax(0,1fr);
  margin:clamp(30px,4.4vw,48px) 0 0;
  padding:0;
  list-style:none;
  background:var(--silver-22);
  border:1px solid var(--silver-22);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-home .desk__module{
  background:rgba(11,61,46,.9);
  padding:clamp(20px,2.8vw,30px);
}
.page-home .desk__module-no{
  display:block;
  font-size:.82rem;
  letter-spacing:.2em;
  color:var(--flood);
  margin-bottom:10px;
}
.page-home .desk__module h3{
  margin:0 0 8px;
  font-size:1.1rem;
  font-weight:800;
  color:var(--paper);
}
.page-home .desk__module p{
  margin:0;
  font-size:.94rem;
  line-height:1.72;
  color:var(--paper-80);
}
.page-home .desk__foot{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:center;
  justify-content:space-between;
  margin-top:clamp(24px,3.4vw,38px);
  padding-top:clamp(20px,3vw,28px);
  border-top:1px dashed var(--silver-22);
}
.page-home .desk__advisor{
  margin:0;
  max-width:36em;
  font-size:.95rem;
  line-height:1.7;
  color:var(--silver);
}

.page-home .report{
  background:linear-gradient(180deg, var(--paper), #f1ecdf);
  color:var(--ink);
}
.page-home .report__grid{
  display:grid;
  gap:clamp(26px,4vw,50px);
  align-items:start;
}
.page-home .report__lede{
  max-width:44em;
  margin:.7em 0 0;
  color:var(--ink-72);
}
.page-home .report__list{
  margin:clamp(20px,3vw,30px) 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:16px;
}
.page-home .report__list li{
  position:relative;
  padding-left:20px;
  line-height:1.78;
  color:var(--ink-72);
}
.page-home .report__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.85em;
  width:8px;
  height:8px;
  border-radius:2px;
  background:var(--crest);
}
.page-home .report__list strong{
  color:var(--turf);
}
.page-home .report__card{
  padding:clamp(22px,3vw,32px);
  border-radius:var(--radius-l);
  background:var(--turf);
  color:var(--paper);
  box-shadow:var(--shadow-card);
}
.page-home .report__card-label{
  margin:0 0 18px;
  font-size:.82rem;
  letter-spacing:.14em;
  color:var(--flood-soft);
}
.page-home .report__card-line{
  display:grid;
  gap:4px;
  margin:0 0 16px;
  padding-bottom:16px;
  border-bottom:1px dashed var(--silver-22);
  font-size:.95rem;
  line-height:1.65;
  color:var(--paper);
  word-break:break-word;
}
.page-home .report__card-line span{
  font-size:.78rem;
  letter-spacing:.1em;
  color:var(--silver);
}
.page-home .report__card-line a{
  color:var(--flood-soft);
  text-decoration:none;
  border-bottom:1px solid rgba(255,216,168,.4);
}
.page-home .report__card-line a:hover,
.page-home .report__card-line a:focus-visible{
  color:var(--paper);
  border-color:var(--flood);
}
.page-home .report__card .btn{
  margin-top:6px;
}

@media (min-width:720px){
  .page-home .ribbon{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-home .desk__modules{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .page-home .hero__inner{
    grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);
    align-items:end;
  }
  .page-home .library__intro{
    grid-template-columns:minmax(0,1.05fr) minmax(260px,.72fr);
  }
  .page-home .library__figure{
    justify-self:end;
    max-width:420px;
  }
  .page-home .paths__grid{
    grid-template-columns:minmax(240px,.68fr) minmax(0,1fr);
  }
  .page-home .report__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.72fr);
  }
}

@media (min-width:1080px){
  .page-home .desk__modules{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-home .desk{
    padding-bottom:clamp(56px,7vw,88px);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .picker__leagues a,
  .page-home .switch__labels label,
  .page-home .path-link{
    transition:none;
  }
  .page-home .hero__steps{
    transform:none;
  }
}
<<<END>>>