@font-face{font-family:Roboto;src:url('/assets/Roboto-Regular.ttf')}@font-face{font-family:Roboto;src:url('/assets/Roboto-Bold.ttf');font-weight:700}@font-face{font-family:Roboto;src:url('/assets/Roboto-Black.ttf');font-weight:900}
:root{--ink:#17313b;--blue:#0099dd;--orange:#ff5b00;--pale:#eef8fc;--line:#cfe7f1}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Roboto,Arial,sans-serif}.routes-hero{max-width:1320px;min-height:430px;margin:22px auto 0;padding:58px;display:flex;align-items:flex-end;overflow:hidden;border-radius:28px;color:#fff;background:linear-gradient(90deg,rgba(4,38,51,.88),rgba(4,38,51,.15)),url('/assets/pukhlyakovskiy.jpg') center 48%/cover}.routes-hero>div{max-width:850px}.routes-kicker{margin:0 0 12px;color:#94d9f8;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.routes-kicker.orange{color:var(--orange)}.routes-hero h1{margin:0;font-size:clamp(48px,6vw,82px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase}.routes-hero p:last-child{max-width:670px;margin:23px 0 0;font-size:18px;line-height:1.55}.routes-catalog{max-width:1280px;margin:auto;padding:78px 28px 105px}.routes-intro{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:38px}.routes-intro h2{margin:0;font-size:clamp(38px,4.5vw,58px);line-height:.95;text-transform:uppercase}.routes-intro>p{margin:0;color:#61757d;font-size:17px;line-height:1.65}.route-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.route-item{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:25px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.route-item:hover{transform:translateY(-5px);border-color:#8ed7f3;box-shadow:0 22px 50px rgba(23,49,59,.12)}.route-image{height:245px;position:relative;display:block;overflow:hidden;background:#dcecf2}.route-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s}.route-item:hover .route-image img{transform:scale(1.035)}.route-image>span{position:absolute;left:18px;bottom:17px;padding:7px 11px;border-radius:999px;background:var(--orange);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase}.route-content{padding:25px 24px 24px;display:flex;flex:1;flex-direction:column}.route-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.route-heading small{display:block;margin-bottom:6px;color:#73868d;font-size:11px}.route-heading h3{margin:0;font-size:27px;line-height:1.02;letter-spacing:-.025em;text-transform:uppercase}.route-heading .route-tags{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:5px}.route-tag{flex:none;max-width:105px;padding:7px 9px;border-radius:999px;background:#d9f2fc;color:#0099dd;font-size:9px;font-weight:900;line-height:1.1;text-align:center;text-transform:uppercase}.route-tag.new-route{max-width:none;background:#ff5b00;color:#fff}.route-summary{min-height:72px;margin:18px 0;color:#64777e;font-size:14px;line-height:1.55}.route-details{margin:0;border-top:1px solid var(--line)}.route-details>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.route-details dt{color:#6d8087}.route-details dd{margin:0;font-weight:900;text-align:right}.route-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px}.route-actions strong{font-size:18px;white-space:nowrap}.route-actions a{display:inline-flex;align-items:center;gap:14px;min-height:43px;padding:11px 16px;border-radius:999px;background:var(--orange);color:#fff;font-size:13px;font-weight:900}.route-actions a span{font-size:18px}
@media(max-width:1000px){.routes-hero{margin:14px 16px 0}.route-list{grid-template-columns:repeat(2,1fr)}.route-item,.route-item:nth-child(4),.route-item:nth-child(5){grid-column:auto}.route-summary{min-height:50px}}
@media(max-width:680px){.routes-hero{min-height:380px;margin:0;padding:38px 20px;border-radius:0}.routes-hero h1{font-size:46px}.routes-hero p:last-child{font-size:16px}.routes-catalog{padding:58px 18px 75px}.routes-intro{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.routes-intro h2{font-size:38px}.route-list{grid-template-columns:1fr}.route-image{height:225px}.route-content{padding:22px 20px}.route-heading h3{font-size:24px}.route-summary{min-height:0}.route-actions a{padding:10px 14px}}
.route-image .new-route-photo{left:auto;right:16px;top:16px;bottom:auto;background:#ff5b00;box-shadow:0 8px 22px rgba(6,44,59,.2)}