.page-home{
  --home-gap:clamp(20px,3.2vw,36px);
  color:var(--text);
  background:
    radial-gradient(120% 70% at 100% 0%, rgba(230,180,92,.13), transparent 58%),
    radial-gradient(90% 60% at -8% 8%, rgba(99,199,155,.10), transparent 55%),
    var(--ink);
}
.page-home .home-hero{
  position:relative;
  padding-block:clamp(30px,4.5vw,58px) clamp(40px,6vw,78px);
  overflow:hidden;
}
.page-home .home-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--gold),var(--celadon) 58%,transparent);
  opacity:.6;
}
.page-home .home-hero__grid{
  display:grid;
  gap:clamp(28px,4vw,52px);
  align-items:start;
}
.page-home .home-hero__lead{max-width:34rem;min-width:0;}
.page-home .home-hero h1{
  margin:.4em 0 0;
  font-size:clamp(2rem,5.4vw,3.45rem);
  line-height:1.06;
  letter-spacing:-.02em;
  font-weight:700;
}
.page-home .home-hero__lede{
  margin:1rem 0 0;
  max-width:36rem;
  font-size:clamp(1rem,1.6vw,1.08rem);
  line-height:1.85;
  color:var(--muted);
}
.page-home .home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(20px,3vw,30px);
}
.page-home .hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:clamp(26px,4vw,38px) 0 0;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.page-home .hero-stats>div{
  display:flex;
  flex-direction:column-reverse;
  gap:6px;
  min-width:0;
}
.page-home .hero-stats dd{
  margin:0;
  font-family:var(--mono);
  font-size:clamp(1.1rem,2.6vw,1.5rem);
  letter-spacing:.02em;
  color:var(--gold-soft);
  font-variant-numeric:tabular-nums;
}
.page-home .hero-stats dt{
  font-size:.76rem;
  line-height:1.5;
  color:var(--muted);
}
.page-home .home-hero__panel{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.page-home .hero-groups{display:flex;flex-direction:column;gap:8px;}
.page-home .hero-group{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--ink-2);
  color:var(--text);
  text-decoration:none;
  transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.page-home .hero-group:hover,
.page-home .hero-group:focus-visible{
  transform:translateX(5px);
  border-color:var(--gold);
  background:var(--ink-3);
}
.page-home .hero-group:focus-visible{outline:2px solid var(--celadon);outline-offset:3px;}
.page-home .hero-group__idx{
  font-family:var(--mono);
  font-size:.74rem;
  letter-spacing:.1em;
  color:var(--gold);
}
.page-home .hero-group__name{
  font-size:.98rem;
  font-weight:600;
  letter-spacing:-.01em;
}
.page-home .hero-group__meta{
  font-family:var(--mono);
  font-size:.7rem;
  letter-spacing:.08em;
  color:var(--celadon);
  white-space:nowrap;
}
.page-home .hero-figure{margin:0;}
.page-home .hero-figure img{display:block;width:100%;height:auto;border-radius:var(--radius);}

.page-home .section{
  padding-block:clamp(42px,6vw,78px);
  border-top:1px solid var(--line);
}
.page-home .home-hero + .section{border-top:0;}
.page-home .home-head{
  display:grid;
  gap:16px;
  margin-bottom:clamp(24px,3.6vw,38px);
}
.page-home .home-head .idx{
  font-family:var(--mono);
  font-size:clamp(1.5rem,3.2vw,2.2rem);
  line-height:1;
  letter-spacing:.02em;
  color:var(--gold);
  opacity:.55;
}
.page-home .home-head h2{
  margin:0;
  font-size:clamp(1.35rem,2.8vw,2rem);
  line-height:1.28;
  letter-spacing:-.01em;
  font-weight:700;
}
.page-home .home-head .lede{
  margin:.7rem 0 0;
  max-width:54ch;
  font-size:1rem;
  line-height:1.85;
  color:var(--muted);
}

.page-home .nav-tabs .tabs__list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.page-home .nav-tabs .tabs__btn{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  font-family:var(--mono);
  font-size:.8rem;
  letter-spacing:.08em;
  padding:9px 16px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--ink-2);
  color:var(--muted);
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.page-home .nav-tabs .tabs__btn:hover{color:var(--text);border-color:var(--line-strong);}
.page-home .nav-tabs .tabs__btn[aria-selected="true"]{
  background:var(--gold);
  border-color:var(--gold);
  color:var(--ink);
}
.page-home .nav-tabs .tabs__btn:focus-visible{outline:2px solid var(--celadon);outline-offset:2px;}
.page-home .nav-tabs .tabs__panel{padding-top:22px;}
.page-home .nav-tabs .tabs__panel[hidden]{display:none;}
.page-home .panel-text{
  margin:0 0 16px;
  max-width:58ch;
  font-size:.96rem;
  line-height:1.85;
  color:var(--muted);
}
.page-home .chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}
.page-home .chip{
  font-family:var(--mono);
  font-size:.74rem;
  letter-spacing:.06em;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(23,42,69,.55);
  color:var(--muted);
}
.page-home .chip--on{
  border-color:var(--celadon);
  color:var(--celadon);
  background:rgba(99,199,155,.10);
}
.page-home .panel-links{
  display:grid;
  gap:10px;
  list-style:none;
  margin:0;
  padding:0;
}
.page-home .panel-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 16px;
  border:1px solid var(--line);
  border-left:2px solid var(--gold);
  border-radius:var(--radius);
  background:var(--ink-2);
  color:var(--text);
  text-decoration:none;
  font-size:.94rem;
  transition:background .18s var(--ease),border-color .18s var(--ease);
}
.page-home .panel-link:hover{
  background:var(--ink-3);
  border-color:var(--line-strong);
  border-left-color:var(--celadon);
}
.page-home .panel-link span{
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.08em;
  color:var(--muted);
  white-space:nowrap;
}
.page-home .line-grid{
  display:grid;
  gap:10px;
  list-style:none;
  margin:0;
  padding:0;
}
.page-home .line-card{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--ink-2);
  color:var(--text);
  text-decoration:none;
  transition:transform .2s var(--ease),border-color .2s var(--ease);
}
.page-home .line-card:hover{transform:translateY(-3px);border-color:var(--gold);}
.page-home .line-card__n{
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--gold);
}
.page-home .line-card__name{font-size:.98rem;font-weight:600;}
.page-home .line-card__desc{font-size:.84rem;line-height:1.7;color:var(--muted);}

.page-home .path-svg{
  display:block;
  width:100%;
  height:auto;
  margin-bottom:clamp(18px,3vw,28px);
  padding:10px 8px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    radial-gradient(80% 130% at 82% 0%, rgba(230,180,92,.10), transparent 62%),
    var(--ink-2);
}
.page-home .path-cards{
  display:grid;
  gap:14px;
  margin-bottom:clamp(22px,3.4vw,32px);
}
.page-home .path-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:clamp(18px,2.6vw,26px);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--ink-2);
  transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.page-home .path-card:hover{
  transform:translateY(-4px);
  border-color:var(--line-strong);
  box-shadow:var(--shadow);
}
.page-home .path-card--new{
  border-color:rgba(230,180,92,.45);
  background:
    linear-gradient(150deg, rgba(230,180,92,.12), transparent 68%),
    var(--ink-2);
}
.page-home .path-card .tag{align-self:flex-start;}
.page-home .path-card h3{
  margin:0;
  font-size:1.05rem;
  line-height:1.45;
  font-weight:600;
}
.page-home .path-card p{
  margin:0;
  font-size:.9rem;
  line-height:1.8;
  color:var(--muted);
}
.page-home .path-chain{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.page-home .path-chain li{
  position:relative;
  padding-left:20px;
  font-family:var(--mono);
  font-size:.75rem;
  letter-spacing:.04em;
  color:var(--muted);
}
.page-home .path-chain li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:10px;
  height:1px;
  background:var(--clay);
}
.page-home .path-card--new .path-chain li{color:var(--paper);}
.page-home .path-card--new .path-chain li::before{background:var(--gold);}
.page-home .path-figure{margin:0;}
.page-home .path-figure img{display:block;width:100%;height:auto;border-radius:var(--radius);}

.page-home .entry-grid{display:grid;gap:12px;}
.page-home .entry-card{
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--ink-2);
  color:var(--text);
  text-decoration:none;
  transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.page-home .entry-card:hover{
  transform:translateY(-4px);
  border-color:var(--gold);
  background:var(--ink-3);
}
.page-home .entry-card__tag{align-self:flex-start;}
.page-home .entry-card h3{
  margin:0;
  font-size:1rem;
  line-height:1.5;
  font-weight:600;
}
.page-home .entry-card p{
  margin:0;
  font-size:.86rem;
  line-height:1.75;
  color:var(--muted);
}
.page-home .entry-card__go{
  margin-top:auto;
  padding-top:4px;
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.08em;
  color:var(--gold);
}

.page-home .walk-grid{display:grid;gap:clamp(22px,3.6vw,40px);}
.page-home .walk-steps{list-style:none;margin:0;padding:0;}
.page-home .walk-steps li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  padding:18px 0;
  border-top:1px solid var(--line);
}
.page-home .walk-steps li:first-child{border-top:0;padding-top:0;}
.page-home .walk-steps__n{
  font-family:var(--mono);
  font-size:.76rem;
  letter-spacing:.1em;
  color:var(--celadon);
  padding-top:.35em;
}
.page-home .walk-steps h3{
  margin:0 0 .4rem;
  font-size:1rem;
  line-height:1.5;
  font-weight:600;
}
.page-home .walk-steps p{
  margin:0;
  font-size:.9rem;
  line-height:1.8;
  color:var(--muted);
}
.page-home .walk-figure{margin:0;}
.page-home .walk-figure img{display:block;width:100%;height:auto;border-radius:var(--radius);}

.page-home .saved-panel{display:grid;gap:clamp(20px,3vw,36px);}
.page-home .saved-figure{margin:0;}
.page-home .saved-figure img{display:block;width:100%;height:auto;border-radius:var(--radius);}
.page-home .saved-note{
  position:relative;
  padding:clamp(22px,3.4vw,36px);
  border-radius:var(--radius);
  background:var(--paper);
  color:var(--ink);
  box-shadow:var(--shadow);
}
.page-home .saved-note::before{
  content:"";
  position:absolute;
  top:8px;right:8px;
  width:42px;height:42px;
  border-top:2px solid rgba(7,17,31,.18);
  border-right:2px solid rgba(7,17,31,.18);
}
.page-home .saved-note .mono{
  color:rgba(7,17,31,.58);
  font-size:.74rem;
  letter-spacing:.12em;
}
.page-home .saved-note h3{
  margin:.55rem 0 .8rem;
  font-size:clamp(1.1rem,2.2vw,1.4rem);
  line-height:1.38;
  color:var(--ink);
}
.page-home .saved-note p{
  margin:0 0 .9rem;
  font-size:.94rem;
  line-height:1.85;
  color:rgba(7,17,31,.78);
}
.page-home .saved-list{
  list-style:none;
  margin:0 0 1.3rem;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.page-home .saved-list li{
  position:relative;
  padding-left:18px;
  font-size:.9rem;
  line-height:1.7;
  color:rgba(7,17,31,.82);
}
.page-home .saved-list li::before{
  content:"";
  position:absolute;
  left:0;top:.62em;
  width:7px;height:7px;
  border-radius:50%;
  background:var(--celadon);
  box-shadow:0 0 0 3px rgba(99,199,155,.22);
}
.page-home .saved-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--mono);
  font-size:.78rem;
  letter-spacing:.08em;
  color:var(--ink);
  text-decoration:none;
  border-bottom:2px solid var(--gold);
  padding-bottom:4px;
}
.page-home .saved-link:hover{color:rgba(7,17,31,.7);}

.page-home .contact-band{
  display:grid;
  gap:clamp(20px,3vw,34px);
  padding:clamp(22px,3.6vw,40px);
  border:1px solid rgba(230,180,92,.4);
  border-radius:var(--radius);
  background:
    linear-gradient(140deg, rgba(230,180,92,.13), transparent 62%),
    var(--ink-2);
}
.page-home .contact-band__kicker{
  margin:0 0 .7rem;
  font-family:var(--mono);
  font-size:.74rem;
  letter-spacing:.12em;
  color:var(--gold);
}
.page-home .contact-band h2{
  margin:0 0 .8rem;
  font-size:clamp(1.3rem,2.6vw,1.8rem);
  line-height:1.32;
}
.page-home .contact-band p{
  margin:0;
  font-size:.94rem;
  line-height:1.85;
  color:var(--muted);
}
.page-home .contact-band__side{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}
.page-home .contact-mail{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.page-home .contact-mail__val{
  font-size:.86rem;
  letter-spacing:.02em;
  color:var(--text);
  word-break:break-all;
}
.page-home .copy-status{
  min-height:1.1em;
  font-family:var(--mono);
  font-size:.76rem;
  letter-spacing:.04em;
  color:var(--celadon);
}
.page-home .contact-tel{
  margin:0;
  font-size:1.05rem;
  letter-spacing:.08em;
  color:var(--gold-soft);
}

@media (min-width:640px){
  .page-home .panel-links{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .line-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:760px){
  .page-home .path-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:820px){
  .page-home .home-head{
    grid-template-columns:88px minmax(0,1fr);
    gap:28px;
    align-items:start;
  }
}
@media (min-width:840px){
  .page-home .contact-band{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    align-items:center;
  }
}
@media (min-width:880px){
  .page-home .saved-panel{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    align-items:center;
  }
}
@media (min-width:900px){
  .page-home .walk-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    align-items:center;
  }
}
@media (min-width:920px){
  .page-home .home-hero__grid{
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
    align-items:end;
  }
}
@media (min-width:980px){
  .page-home .line-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (prefers-reduced-motion:reduce){
  .page-home .hero-group,
  .page-home .path-card,
  .page-home .entry-card,
  .page-home .line-card,
  .page-home .panel-link,
  .page-home .nav-tabs .tabs__btn{
    transition:none;
  }
  .page-home .hero-group:hover,
  .page-home .path-card:hover,
  .page-home .entry-card:hover,
  .page-home .line-card:hover{
    transform:none;
  }
}
<<<END>>>
