.home-directory{padding:64px 0 130px;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(560px,1.3fr);gap:96px;align-items:start;border-top:1px solid var(--line)}
.directory-intro{position:sticky;top:128px}
.directory-intro h2{margin:22px 0 18px;font-size:clamp(52px,5.6vw,78px);line-height:.9;letter-spacing:-.075em}
.directory-intro>p:last-child{max-width:390px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.directory-list{display:block;border-top:1px solid var(--line)}
.directory-link{position:relative;min-height:112px;padding:24px 4px;display:grid;grid-template-columns:44px minmax(180px,.75fr) minmax(210px,1fr) 28px;gap:20px;align-items:center;border-bottom:1px solid var(--line);transition:background .25s ease,padding .35s var(--ease),border-color .25s ease}
.directory-link::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(53,200,255,.08),transparent);opacity:0;transition:opacity .25s ease}
.directory-link:hover{padding-inline:16px;border-color:var(--line-strong)}
.directory-link:hover::before{opacity:1}
.directory-link>span{color:var(--cyan);font:600 9px/1 var(--mono)}
.directory-link>strong{font-size:24px;line-height:1;letter-spacing:-.05em}
.directory-link>small{color:var(--muted);font-size:12px;line-height:1.55}
.directory-link>b{justify-self:end;color:#9eeaff;font-size:18px;font-weight:500;transition:transform .25s var(--ease)}
.directory-link:hover>b{transform:translate(3px,-3px)}

.public-route .site-header .header-nav a[aria-current="page"]{color:#fff}
.route-main{padding-top:132px}
.route-hero{min-height:430px;padding:68px 0 76px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.55fr);gap:80px;align-items:end;border-bottom:1px solid var(--line)}
.route-hero h1{max-width:820px;margin:22px 0 0;font-size:clamp(68px,8vw,112px);line-height:.82;letter-spacing:-.085em;text-wrap:balance}
.route-hero h1 em{font-style:normal;color:var(--ice);text-shadow:0 0 34px rgba(53,200,255,.25)}
.route-lead{max-width:530px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.route-meta{margin-top:26px;display:flex;align-items:center;gap:10px;color:var(--faint);font:600 9px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.route-meta i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px rgba(53,200,255,.6)}
.route-story{padding-top:92px;padding-bottom:120px}
.route-story .story-heading{top:124px}
.route-control{padding:92px 0 120px}
.route-control .control-panel{margin:0}
.route-about{padding:92px 0 120px;align-items:start}
.route-about .facts-copy h2{font-size:clamp(50px,5.6vw,78px)}
.route-note{margin-top:28px;padding:20px 22px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);color:var(--muted);font-size:12px;line-height:1.65}
.route-note strong{color:var(--ink)}
.support-grid{padding:92px 0 120px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.support-intro h2{margin:22px 0 18px;font-size:clamp(50px,5.6vw,78px);line-height:.9;letter-spacing:-.075em}
.support-intro p{max-width:460px;color:var(--muted);font-size:14px;line-height:1.65}
.support-list{border-top:1px solid var(--line)}
.support-row{min-height:112px;padding:25px 0;display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;border-bottom:1px solid var(--line)}
.support-row>span{color:var(--faint);font:500 9px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.support-row strong{font-size:17px;letter-spacing:-.025em}
.support-row small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.55;font-weight:500}
.support-row>b{color:#aeeeff;font-size:18px;font-weight:500}
.public-route .site-footer{margin-top:0}

@media(max-width:1080px){
  .home-directory{gap:54px}
  .directory-link{grid-template-columns:36px minmax(160px,.85fr) 1fr 24px;gap:14px}
  .support-grid{gap:54px}
}
@media(max-width:860px){
  .home-directory{grid-template-columns:1fr;gap:46px}
  .directory-intro{position:static}
  .route-hero{grid-template-columns:1fr;gap:34px;min-height:0}
  .route-story{grid-template-columns:1fr}
  .support-grid{grid-template-columns:1fr;gap:44px}
}
@media(max-width:600px){
  .home-directory{padding:54px 0 76px;gap:34px}
  .directory-intro h2{font-size:48px}
  .directory-link{min-height:102px;padding:21px 0;grid-template-columns:30px 1fr 24px;gap:12px}
  .directory-link>strong{font-size:21px}
  .directory-link>small{grid-column:2;grid-row:2;margin-top:-3px}
  .directory-link>b{grid-column:3;grid-row:1/3}
  .directory-link:hover{padding-inline:8px}
  .route-main{padding-top:calc(92px + env(safe-area-inset-top))}
  .route-hero{padding:48px 0 58px;gap:28px}
  .route-hero h1{font-size:clamp(58px,17vw,78px)}
  .route-lead{font-size:14px}
  .route-story,.route-control,.route-about,.support-grid{padding-top:64px;padding-bottom:78px}
  .route-control .control-panel{padding:30px 22px}
  .support-intro h2{font-size:48px}
  .support-row{grid-template-columns:1fr auto;gap:8px 14px}
  .support-row>span{grid-column:1/3}
  .support-row>b{grid-column:2;grid-row:2}
}
