.page-home .home-hero{
  position:relative;
  overflow:hidden;
  color:var(--sr-milk);
  padding:30px 0 54px;
  background:
    radial-gradient(90% 72% at 84% 4%, rgba(48,74,122,.95) 0%, rgba(24,38,79,0) 64%),
    linear-gradient(168deg, var(--sr-night) 0%, var(--sr-indigo) 44%, #253A64 70%, #6B4F33 100%);
}
.page-home .home-hero__sky{position:absolute;inset:0;pointer-events:none}
.page-home .home-hero__sky-img{
  width:100%;height:100%;object-fit:cover;
  opacity:.26;filter:saturate(.85);
}
.page-home .home-hero__inner{position:relative}

.page-home .home-frame{
  position:relative;
  border:1px solid var(--sr-line-light);
  padding:26px 18px 30px;
  background:linear-gradient(180deg, rgba(13,23,48,.42), rgba(13,23,48,.04));
}
.page-home .home-frame__corner{
  position:absolute;width:16px;height:16px;
  border:0 solid var(--sr-amber);
}
.page-home .home-frame__corner--tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}
.page-home .home-frame__corner--tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}
.page-home .home-frame__corner--bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}
.page-home .home-frame__corner--br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}

.page-home .home-hero__grid{display:grid;gap:30px}

.page-home .home-hero__eyebrow{
  color:var(--sr-amber-soft);
  letter-spacing:.16em;
  margin:0 0 14px;
}
.page-home .home-hero__title{
  font-family:var(--sr-font-display);
  font-weight:900;
  font-size:clamp(32px, 7.2vw, 66px);
  line-height:1.1;
  letter-spacing:-.01em;
  margin:0 0 18px;
  color:var(--sr-paper);
}
.page-home .home-hero__lede{
  margin:0 0 22px;
  max-width:36ch;
  font-size:17px;
  line-height:1.85;
  color:rgba(247,242,230,.86);
}
.page-home .home-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.page-home .home-hero__meta{
  margin:18px 0 0;
  font-family:var(--sr-font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--sr-slate);
}

.page-home .home-hero__axis{
  border-top:1px solid var(--sr-line-light);
  padding-top:20px;
}
.page-home .home-hero__axis-title{
  margin:0 0 14px;
  font-family:var(--sr-font-head);
  font-weight:700;
  font-size:13px;
  letter-spacing:.2em;
  color:var(--sr-amber);
}
.page-home .home-axis{
  list-style:none;margin:0;padding:0;
  position:relative;
}
.page-home .home-axis::before{
  content:"";position:absolute;
  left:18px;top:20px;bottom:20px;width:1px;
  background:linear-gradient(180deg,var(--sr-amber),rgba(227,168,87,.12));
}
.page-home .home-axis__item{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:8px 0;
}
.page-home .home-axis__no{
  position:relative;z-index:1;
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid rgba(244,211,155,.42);
  border-radius:50%;
  background:rgba(13,23,48,.82);
  font-family:var(--sr-font-mono);
  font-size:12px;
  color:var(--sr-amber-soft);
}
.page-home .home-axis__body{display:flex;flex-direction:column;gap:2px}
.page-home .home-axis__body strong{
  font-family:var(--sr-font-head);
  font-size:15px;
  color:var(--sr-paper);
  font-weight:700;
}
.page-home .home-axis__body em{
  font-style:normal;
  font-size:13px;
  line-height:1.6;
  color:rgba(126,146,168,.95);
}

.page-home .home-hero__phone{margin:22px 0 0;max-width:300px}
.page-home .home-hero__phone img{
  display:block;width:100%;height:auto;
  border:1px solid var(--sr-line-light);
  box-shadow:var(--sr-shadow);
}

.page-home .home-strip{
  background:var(--sr-indigo);
  color:var(--sr-milk);
  padding:22px 0 12px;
  border-top:1px solid rgba(244,211,155,.18);
  border-bottom:1px solid rgba(244,211,155,.18);
}
.page-home .home-strip__head{
  display:flex;flex-wrap:wrap;
  align-items:baseline;justify-content:space-between;
  gap:8px;
  margin-bottom:14px;
}
.page-home .home-strip__title{
  margin:0;
  font-family:var(--sr-font-head);
  font-size:15px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--sr-paper);
}
.page-home .home-strip__hint{
  margin:0;
  font-family:var(--sr-font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--sr-slate);
}

.page-home .home-rail{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:4px 2px 16px;
  -webkit-overflow-scrolling:touch;
}
.page-home .home-rail > *{scroll-snap-align:start;flex:0 0 auto}
.page-home .home-rail:focus-visible{outline:2px solid var(--sr-amber);outline-offset:4px}

.page-home .home-snap{
  width:190px;
  padding:14px 14px 12px;
  border:1px solid rgba(244,211,155,.24);
  background:rgba(13,23,48,.6);
}
.page-home .home-snap__name{
  margin:0 0 10px;
  font-size:13px;
  color:var(--sr-amber-soft);
  letter-spacing:.04em;
}
.page-home .home-snap__bar{
  height:5px;
  background:rgba(126,146,168,.24);
  overflow:hidden;
}
.page-home .home-snap__fill{
  display:block;height:100%;
  width:var(--fill,50%);
  background:linear-gradient(90deg,var(--sr-amber),var(--sr-amber-soft));
}
.page-home .home-snap__num{
  margin:10px 0 2px;
  font-family:var(--sr-font-mono);
  font-size:16px;
  color:var(--sr-paper);
}
.page-home .home-snap__tag{
  margin:0;
  font-size:11px;
  letter-spacing:.08em;
  color:var(--sr-slate);
}

.page-home .home-sec-head{max-width:62ch;margin-bottom:30px}
.page-home .home-kicker{
  margin:0 0 12px;
  font-family:var(--sr-font-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--sr-amber);
}
.page-home .home-kicker--light{color:var(--sr-amber-soft)}
.page-home .home-sec-lede{
  margin:14px 0 0;
  font-size:16px;
  line-height:1.9;
  color:#3A4560;
}
.page-home .home-sec-head--split{display:grid;gap:14px;max-width:none;margin-bottom:26px}

.page-home .home-paths__grid{display:grid;gap:14px}
.page-home .home-path{
  border:1px solid var(--sr-line);
  background:var(--sr-paper);
  box-shadow:var(--sr-shadow);
  padding:0;
}
.page-home .home-path__q{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-areas:"no label" "no note";
  gap:2px 14px;
  padding:18px 48px 18px 18px;
  cursor:pointer;
  list-style:none;
}
.page-home .home-path__q::-webkit-details-marker{display:none}
.page-home .home-path__no{
  grid-area:no;
  align-self:center;
  font-family:var(--sr-font-mono);
  font-size:22px;
  color:var(--sr-amber);
  letter-spacing:.02em;
}
.page-home .home-path__label{
  grid-area:label;
  font-family:var(--sr-font-head);
  font-weight:700;
  font-size:16px;
  color:var(--sr-ink);
}
.page-home .home-path__note{
  grid-area:note;
  font-family:var(--sr-font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--sr-slate);
}
.page-home .home-path__a{
  padding:0 18px 20px 18px;
  border-top:1px dashed var(--sr-line-soft);
  margin-top:2px;
  padding-top:16px;
}
.page-home .home-path__steps{
  margin:0 0 14px;
  padding-left:20px;
  font-size:15px;
  line-height:1.85;
  color:#2C3650;
}
.page-home .home-path__steps li{margin-bottom:6px}
.page-home .home-path__link{
  font-family:var(--sr-font-head);
  font-size:14px;
  font-weight:700;
  color:var(--sr-flare);
  text-decoration:none;
  border-bottom:1px solid rgba(217,74,46,.35);
}
.page-home .home-path__link:hover{color:#B23A22}

.page-home .home-map-sec{background:var(--sr-milk)}
.page-home .home-map{display:grid;gap:26px}
.page-home .home-map__col{
  border-top:2px solid var(--sr-ink);
  padding-top:14px;
}
.page-home .home-map__col--alt{border-top-color:var(--sr-amber)}
.page-home .home-map__title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
  font-family:var(--sr-font-head);
  font-weight:700;
  font-size:15px;
  letter-spacing:.08em;
  color:var(--sr-ink);
}
.page-home .home-map__count{
  font-family:var(--sr-font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--sr-slate);
  font-weight:400;
}
.page-home .home-map__list{list-style:none;margin:0;padding:0}
.page-home .home-map__item{border-bottom:1px solid var(--sr-line-soft)}
.page-home .home-map__link{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:4px 10px;
  padding:11px 2px;
  text-decoration:none;
  color:var(--sr-ink);
  transition:background .16s var(--sr-ease), padding-left .16s var(--sr-ease);
}
.page-home .home-map__link:hover,
.page-home .home-map__link:focus-visible{
  background:rgba(244,211,155,.28);
  padding-left:8px;
}
.page-home .home-map__no{
  grid-row:1 / span 2;
  font-family:var(--sr-font-mono);
  font-size:12px;
  color:var(--sr-amber);
  padding-top:2px;
}
.page-home .home-map__label{
  font-family:var(--sr-font-head);
  font-weight:700;
  font-size:15px;
}
.page-home .home-map__note{
  font-size:13px;
  line-height:1.6;
  color:#54607A;
}
.page-home .home-map__foot{
  margin:14px 0 0;
  font-size:13px;
  line-height:1.7;
  color:#54607A;
}

.page-home .home-records{background:var(--sr-paper)}
.page-home .home-records__grid{display:grid;gap:30px}
.page-home .home-records__lede{
  margin:14px 0 22px;
  font-size:16px;
  line-height:1.9;
  color:#3A4560;
  max-width:52ch;
}
.page-home .home-log{list-style:none;margin:0 0 24px;padding:0}
.page-home .home-log__item{border-bottom:1px solid var(--sr-line-soft)}
.page-home .home-log__expand{padding:0}
.page-home .home-log__q{
  display:grid;
  grid-template-columns:14px minmax(0,1fr);
  grid-template-areas:"dot when" "dot what";
  gap:2px 12px;
  padding:14px 44px 14px 0;
  cursor:pointer;
  list-style:none;
}
.page-home .home-log__q::-webkit-details-marker{display:none}
.page-home .home-log__dot{
  grid-area:dot;
  align-self:center;
  width:9px;height:9px;
  border-radius:50%;
  background:var(--sr-amber);
  box-shadow:0 0 0 4px rgba(227,168,87,.18);
}
.page-home .home-log__when{
  grid-area:when;
  font-family:var(--sr-font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--sr-slate);
}
.page-home .home-log__what{
  grid-area:what;
  font-family:var(--sr-font-head);
  font-weight:700;
  font-size:15px;
  color:var(--sr-ink);
}
.page-home .home-log__a{
  padding:0 0 16px 26px;
  font-size:14px;
  line-height:1.85;
  color:#3A4560;
}
.page-home .home-records__figure{margin:0}
.page-home .home-records__figure img{
  display:block;width:100%;height:auto;
  border:1px solid var(--sr-line);
  box-shadow:var(--sr-shadow);
}
.page-home .home-records__figure figcaption{
  margin-top:10px;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--sr-slate);
}

.page-home .home-replay{background:var(--sr-milk)}
.page-home .home-sec-lede--side{max-width:44ch;margin:0}
.page-home .home-replay__figure{margin:0 0 22px}
.page-home .home-replay__figure img{
  display:block;width:100%;height:auto;
  border:1px solid var(--sr-line);
}
.page-home .home-rail--shots{padding-bottom:8px}
.page-home .home-shot{
  width:220px;
  padding:16px;
  border:1px solid var(--sr-line);
  background:var(--sr-paper);
  box-shadow:var(--sr-shadow);
}
.page-home .home-shot__no{
  margin:0 0 8px;
  font-family:var(--sr-font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--sr-flare);
}
.page-home .home-shot__title{
  margin:0 0 6px;
  font-family:var(--sr-font-head);
  font-weight:700;
  font-size:15px;
  color:var(--sr-ink);
}
.page-home .home-shot__meta{
  margin:0;
  font-family:var(--sr-font-mono);
  font-size:12px;
  color:var(--sr-slate);
}

.page-home .home-cross{padding-top:0}
.page-home .home-cross__panel{
  background:
    radial-gradient(80% 90% at 88% 0%, rgba(48,74,122,.9) 0%, rgba(24,38,79,0) 62%),
    linear-gradient(158deg, var(--sr-night) 0%, var(--sr-indigo) 58%, #2A3E68 100%);
  color:var(--sr-milk);
  padding:30px 20px;
  border:1px solid var(--sr-line-light);
  display:grid;
  gap:28px;
}
.page-home .home-cross__title{
  color:var(--sr-paper);
  font-size:clamp(24px,4.6vw,36px);
  margin:0 0 14px;
}
.page-home .home-cross__lede{
  margin:0 0 20px;
  font-size:15px;
  line-height:1.9;
  color:rgba(247,242,230,.82);
  max-width:40ch;
}
.page-home .home-cross__list{list-style:none;margin:0;padding:0}
.page-home .home-cross__row{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:12px;
  padding:16px 0;
  border-top:1px solid rgba(244,211,155,.2);
}
.page-home .home-cross__row:last-child{border-bottom:1px solid rgba(244,211,155,.2)}
.page-home .home-cross__idx{
  font-family:var(--sr-font-mono);
  font-size:13px;
  color:var(--sr-amber);
  padding-top:2px;
}
.page-home .home-cross__name{
  margin:0 0 6px;
  font-family:var(--sr-font-head);
  font-weight:700;
  font-size:15px;
  color:var(--sr-paper);
}
.page-home .home-cross__desc{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:rgba(247,242,230,.76);
}

.page-home .home-close{padding-bottom:64px}
.page-home .home-close__inner{
  border-top:1px solid var(--sr-line);
  padding-top:26px;
  display:grid;
  gap:20px;
}
.page-home .home-close__title{
  font-family:var(--sr-font-display);
  font-weight:900;
  font-size:clamp(24px,4.4vw,34px);
  line-height:1.2;
  margin:0 0 10px;
  color:var(--sr-ink);
}
.page-home .home-close__lede{
  margin:0;
  font-size:15px;
  line-height:1.9;
  color:#3A4560;
  max-width:52ch;
}
.page-home .home-close__actions{display:flex;flex-wrap:wrap;gap:12px}

@media (min-width:768px){
  .page-home .home-hero{padding:44px 0 68px}
  .page-home .home-frame{padding:34px 30px 38px}
  .page-home .home-paths__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-home .home-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
  .page-home .home-cross__panel{padding:40px 34px}
  .page-home .home-close__inner{grid-template-columns:minmax(0,1fr) auto;align-items:end}
}

@media (min-width:1024px){
  .page-home .home-hero__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:48px;
  }
  .page-home .home-hero__phone{max-width:320px}
  .page-home .home-records__grid{
    grid-template-columns:minmax(0,6fr) minmax(0,5fr);
    gap:48px;
    align-items:start;
  }
  .page-home .home-sec-head--split{
    grid-template-columns:minmax(0,1fr) minmax(0,0.8fr);
    align-items:end;
    gap:40px;
  }
  .page-home .home-cross__panel{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:48px;
    align-items:start;
  }
  .page-home .home-snap{width:210px}
  .page-home .home-shot{width:250px}
  .page-home .home-paths__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}

@media (prefers-reduced-motion:reduce){
  .page-home .home-map__link{transition:none}
  .page-home .home-rail{scroll-behavior:auto}
}

.page-home {
  --fill: currentColor;
}