.silence img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}
.dials .num .star{width:44px;height:44px;color:var(--accent);display:inline-block;vertical-align:-4px}
@media(max-width:640px){.dials .num .star{width:30px;height:30px}}
.hero .scrim{background:linear-gradient(180deg,rgba(10,10,10,.5) 0%,rgba(10,10,10,.14) 30%,rgba(10,10,10,.4) 56%,rgba(10,10,10,.9) 100%)}
@media(max-width:1100px){.hero .scrim{background:linear-gradient(180deg,rgba(10,10,10,.5) 0%,rgba(10,10,10,.18) 26%,rgba(10,10,10,.58) 50%,rgba(10,10,10,.92) 100%)}}
@media(max-width:640px){.hero .scrim{background:linear-gradient(180deg,rgba(10,10,10,.52) 0%,rgba(10,10,10,.22) 20%,rgba(10,10,10,.7) 42%,rgba(10,10,10,.94) 100%)}}
.routes{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.route{padding:52px 56px 56px 0;min-width:0}
.route+.route{border-left:1px solid var(--line);padding:52px 0 56px 56px}
.route>.label{display:block;letter-spacing:.2em;color:var(--silver-bright);margin-bottom:20px}
.route .nm{font:300 clamp(52px,5.6vw,88px)/1 var(--fd);color:var(--white);margin-bottom:24px;white-space:nowrap}
.route .nm .taa{font-size:.42em;vertical-align:.95em;margin-left:.16em}
.route .sum{font:400 17px/1.65 var(--fb);color:var(--silver-light);max-width:44ch;margin-bottom:40px}
.route dl{border-top:1px solid var(--line)}
.route dl>div{display:grid;grid-template-columns:118px minmax(0,1fr);column-gap:24px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.route dl>div:last-child{border-bottom:0;padding-bottom:0}
.route dt{padding-top:3px;letter-spacing:.2em}
.route dd{font:500 15px/1.7 var(--fb);color:var(--white)}
.route dd .sep{color:var(--silver);padding:0 .2em;font-weight:300}
html.js .routes::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--silver-bright);opacity:.35;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--out)}
html.js .routes.visible::before{transform:scaleX(1)}
html.js .route{opacity:0;transform:translateY(16px);transition:opacity 1.1s var(--out),transform 1.1s var(--out);transition-delay:calc(var(--i,0)*70ms)}
@media print{html.js .route{opacity:1!important;transform:none!important}}
html.js .routes.visible .route{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html.js .route{transform:none!important;opacity:1!important;transition:none!important}
  html.js .routes::before{transform:none;transition:none}
}
@media(max-width:1100px){.route{padding:44px 36px 48px 0}.route+.route{padding:44px 0 48px 36px}.route dl>div{grid-template-columns:104px minmax(0,1fr);column-gap:18px}}
@media(max-width:900px){
  .routes{grid-template-columns:minmax(0,1fr)}
  .route,.route+.route{padding:40px 0 44px}
  .route+.route{border-left:0;border-top:1px solid var(--line)}
  .route .sum{max-width:56ch}
  .route dl>div{grid-template-columns:118px minmax(0,1fr);column-gap:24px}
}
@media(max-width:640px){
  .route,.route+.route{padding:32px 0 36px}
  .route>.label{font-size:9px;letter-spacing:.14em;margin-bottom:14px}
  .route .nm{font-size:48px;margin-bottom:16px}
  .route .sum{font-size:15px;margin-bottom:28px}
  .route dl>div{grid-template-columns:minmax(0,1fr);row-gap:6px;padding:16px 0}
  .route dt{font-size:9px;letter-spacing:.14em;padding-top:0}
  .route dd{font-size:14px}
}