@layer components{.n-about-step{grid-template-columns:40px minmax(0,1fr);padding-block:32px;display:grid}@media (min-width:768px){.n-about-step{grid-template-columns:64px minmax(0,1fr);padding-block:40px}}.n-about-steps[data-tiles] .n-about-step{grid-template-columns:72px minmax(0,1fr);column-gap:20px}@media (min-width:768px){.n-about-steps[data-tiles] .n-about-step{grid-template-columns:120px minmax(0,1fr);column-gap:40px}}.n-about-tile{aspect-ratio:1;align-self:start;position:relative}.n-about-band-section{padding-inline:var(--n-card-inset)}.n-about-band{border-radius:var(--n-r-card);justify-content:space-between;align-items:center;gap:24px;min-height:clamp(400px,34vw,520px);padding:64px clamp(40px,7vw,120px);display:flex;position:relative}.n-about-band-city{z-index:1;flex:none;position:relative}.n-about-band-city[data-city=to]{text-align:right}.n-about-band-name{color:var(--n-ink);margin:0}.n-about-band-note{color:var(--n-ink);font-variant-numeric:tabular-nums;margin:12px 0 0;font-size:14px;line-height:1.3}.n-about-band-route{z-index:1;min-width:0;height:clamp(56px,7vw,110px);color:var(--n-ink);opacity:.45;flex:1;margin-top:-4%;position:relative}@media (max-width:767px){.n-about-band{flex-direction:column;align-items:stretch;min-height:440px;padding:40px 24px}.n-about-band-city[data-city=from]{align-self:flex-start}.n-about-band-city[data-city=to]{align-self:flex-end}.n-about-band-route{flex:1;width:50%;height:auto;min-height:80px;margin:8px auto;transform:rotate(90deg)scaleX(1.6)}}}