@charset "UTF-8";
.rail{position:fixed;top:50%;right:calc(50% - 560px);transform:translateY(-50%);z-index:30}
.rail ul{list-style:none;border-left:1px solid var(--line);padding:2px 0}
.rail li{margin:0}
.rail a{
  display:block;padding:9px 0 9px 16px;font-size:12.5px;color:var(--ink-3);
  letter-spacing:.1em;line-height:1.5;position:relative;transition:color .35s ease;
}
.rail a::before{
  content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:var(--ochre);
  transform:scaleY(0);transform-origin:top;transition:transform .45s ease;
}
.rail a:hover,.rail a.on{color:var(--ochre)}
.rail a.on::before{transform:scaleY(1)}
@media (max-width:1180px){.rail{right:18px}}
@media (max-width:900px){.rail{display:none}}

.mount{
  border:1px solid var(--line);background:var(--card);
  padding:30px 32px;margin:40px 0;font-size:16.5px;line-height:2.05;color:var(--ink-2);
}
.mount .lb{font-size:11.5px;letter-spacing:.34em;color:var(--ochre);display:block;margin-bottom:14px}
.mount p{margin:0}
.mount p+p{margin-top:14px}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:32px 0;border:1px solid var(--line)}
.grid2>div{background:var(--paper);padding:24px 26px}
.grid2 h4{font-size:15px;font-weight:400;letter-spacing:.12em;color:var(--ochre);margin-bottom:12px}
.grid2 p{font-size:15px;line-height:1.95;margin:0;color:var(--ink-2)}
@media (max-width:600px){.grid2{grid-template-columns:1fr}}

.end{
  margin:64px 0 0;padding:38px 34px;background:var(--ink);color:var(--paper);
}
.end .lb{font-size:11.5px;letter-spacing:.34em;color:var(--ochre-l);display:block;margin-bottom:18px}
.end p{font-size:18px;line-height:2.1;margin:0}
.end p+p{margin-top:16px}