
@font-face{font-family:'jnface';src:url('/assets/fonts/jn-face-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'jnface';src:url('/assets/fonts/jn-face-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'jnface';src:url('/assets/fonts/jn-face-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'jntext';src:url('/assets/fonts/jn-text-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'jntext';src:url('/assets/fonts/jn-text-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'jntext';src:url('/assets/fonts/jn-text-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
 --jn-paper:#eedee2; --jn-paper2:#e5d2d7; --jn-ink:#22202a; --jn-muted:#6d5f68;
 --jn-rule:#c9b1b9; --jn-ground:#2b2a4a; --jn-on:#efe6ea; --jn-accent:#4c6020;
 --jn-gold:#c8a03a; --jn-seam:1px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--jn-paper);color:var(--jn-ink);
 font:400 17px/1.66 'jntext',system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,h4{font-family:'jnface',Georgia,serif;font-weight:700;line-height:1.14;margin:0 0 .5em;
 letter-spacing:-.005em}
h1{font-size:clamp(28px,4.1vw,46px);font-weight:800}
h2{font-size:clamp(22px,2.5vw,30px)}
h3{font-size:clamp(18px,1.7vw,21px)}
p{margin:0 0 1.05em}
a{color:var(--jn-ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--jn-accent)}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--jn-accent);outline-offset:2px}
.jn-skip{position:absolute;left:-9999px}
.jn-skip:focus{position:static;display:inline-block;padding:10px 14px;background:var(--jn-ground);color:var(--jn-on)}

.jn-wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.jn-bleed{width:100vw;margin-left:calc(50% - 50vw)}
.jn-spine .jn-bleed{width:auto;margin-left:0;margin-right:0}
.jn-band{padding:54px 0}
.jn-band-p{background:var(--jn-paper)}
.jn-band-2{background:var(--jn-paper2)}
.jn-band-g{background:var(--jn-ground);color:var(--jn-on)}
.jn-band-g h2,.jn-band-g h3{color:var(--jn-on)}
.jn-band-g a{color:var(--jn-on)}
.jn-band-g a:hover{color:var(--jn-gold)}

/* шапка */
.jn-top{background:var(--jn-ground);color:var(--jn-on)}
.jn-top a{color:var(--jn-on);text-decoration:none}
.jn-top-in{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;padding:13px 22px;
 max-width:1160px;margin:0 auto}
.jn-mast{font-family:'jnface',Georgia,serif;font-weight:800;font-size:22px;letter-spacing:.01em}
.jn-mast{color:var(--jn-on)}
.jn-topline{font-size:13.5px;color:#c9c4d6;margin-left:auto}
.jn-nav{border-top:1px solid #3c3a5e}
.jn-nav ul{display:flex;flex-wrap:wrap;gap:0 24px;list-style:none;margin:0;
 padding:9px 22px;max-width:1160px;margin:0 auto;font-size:14.5px}
.jn-nav a{padding:3px 0;display:inline-block}
.jn-nav a:hover{color:var(--jn-gold)}

/* герой */
.jn-hero{position:relative;display:grid}
.jn-hero img{grid-area:1/1;width:100%;height:100%;object-fit:cover;aspect-ratio:2.26}
.jn-hero-plate{grid-area:1/1;align-self:end;position:relative;
 background:linear-gradient(to top,rgba(34,32,42,.90) 0%,rgba(34,32,42,.72) 52%,rgba(34,32,42,0) 100%);
 color:#fff;padding:78px 0 24px}
.jn-hero-plate .jn-wrap{max-width:1160px}
.jn-hero-plate h1{color:#fff;margin-bottom:.35em;max-width:19ch}
.jn-hero-say{font-size:clamp(15px,1.5vw,18px);max-width:52ch;color:#ece7ef;margin:0 0 14px}
.jn-hero-act{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;font-size:15px}
.jn-brow{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--jn-gold);
 margin:0 0 10px;font-weight:500}
.jn-hero-plate .jn-brow{display:inline-block;background:var(--jn-ground);
 padding:5px 11px;margin-left:-11px}
.jn-brow-d{color:var(--jn-accent);background:none;padding:0;margin-left:0}

.jn-btn{display:inline-block;background:var(--jn-accent);color:#fff;text-decoration:none;
 padding:11px 20px;font-weight:500;font-size:15.5px;border:0;cursor:pointer;font-family:inherit}
.jn-btn:hover{background:#3d4e19;color:#fff}
.jn-tel{color:#fff;font-weight:500}
.jn-hero-plate a{color:#fff}

/* ШОВ: разрез 38/62 идёт по хребту страницы */
.jn-spine{display:grid;gap:0}
.jn-spine>*{min-width:0}
.jn-grid-wrap{min-width:0;max-width:100%}
.jn-rail{padding:0 0 26px}
.jn-main{padding:0}
@media(min-width:900px){
 .jn-spine{grid-template-columns:38% 62%}
 .jn-rail{order:1;padding:6px 34px 40px 0}
 .jn-main{order:2;padding:6px 0 40px 34px;border-left:var(--jn-seam) solid var(--jn-rule)}
}
.jn-head{padding:34px 0 14px}
.jn-stand{font-size:clamp(17px,1.8vw,20px);line-height:1.55;max-width:60ch;color:#3b3542}

/* рельс */
.jn-facts{margin:0;font-size:15px}
.jn-facts div{display:flex;justify-content:space-between;gap:14px;
 padding:7px 0;border-bottom:1px solid var(--jn-rule)}
.jn-facts dt{color:var(--jn-muted)}
.jn-facts dd{margin:0;font-weight:500;text-align:right}
.jn-price{font-family:'jnface',Georgia,serif;font-weight:800;font-size:29px;line-height:1.1;
 display:flex;align-items:center;gap:10px}
.jn-price small{font-family:'jntext',sans-serif;font-weight:400;font-size:13.5px;color:var(--jn-muted)}

/* КОДИРОВКА №32: число линий штриховки внутри квадрата постоянного размера */
.jn-mark{flex:0 0 auto;width:14px;height:14px;display:inline-block;vertical-align:-2px}
.jn-mark line{stroke:var(--jn-accent);stroke-width:1.5}
.jn-band-g .jn-mark line{stroke:var(--jn-gold)}
.jn-markkey{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--jn-muted);
 margin:10px 0 0;padding:0;list-style:none}
.jn-markkey li{display:flex;align-items:center;gap:7px}

/* плитки мест */
.jn-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;
 list-style:none;margin:0;padding:0}
.jn-tile{position:relative;aspect-ratio:1.185;overflow:hidden;background:var(--jn-ground)}
.jn-tile img{width:100%;height:100%;object-fit:cover}
.jn-tile a{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
 padding:14px;text-decoration:none;color:#fff;
 background:linear-gradient(to top,rgba(30,28,38,.88) 0%,rgba(30,28,38,.42) 46%,rgba(30,28,38,.06) 100%)}
.jn-tile b{font-family:'jnface',Georgia,serif;font-size:20px;font-weight:700;line-height:1.16}
.jn-tile em{font-style:normal;font-size:13.5px;color:#e7e1ea;margin:3px 0 7px}
.jn-tile u{text-decoration:none;font-weight:500;font-size:15px;display:flex;align-items:center;gap:8px}
.jn-tile u .jn-mark line{stroke:#fff}

/* пары */
.jn-pairs{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.jn-pair a{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;
 text-decoration:none;padding:12px;background:#333157}
.jn-pair a:hover{background:#3c3a66}
.jn-pairshots{display:flex;align-items:center}
.jn-pairshots img{width:44px;height:44px;object-fit:cover}
.jn-link{width:8px;height:2px;background:var(--jn-gold);flex:0 0 auto}
.jn-pair b{font-family:'jnface',Georgia,serif;font-size:19px;font-weight:700;display:block;line-height:1.2}
.jn-pair em{font-style:normal;font-size:13.5px;color:#c9c4d6;display:block;margin-top:3px}
.jn-pair .jn-pp{font-family:'jnface',Georgia,serif;font-weight:800;font-size:21px;
 display:flex;align-items:center;gap:9px;white-space:nowrap}
@media(max-width:600px){
 .jn-pair a{grid-template-columns:1fr;gap:9px}
 .jn-pair .jn-pp{justify-content:flex-start}
}

/* таблица соединений */
.jn-grid-wrap{overflow-x:auto;padding-bottom:8px}
.jn-grid{border-collapse:collapse;font-size:12.5px;min-width:620px}
.jn-grid th,.jn-grid td{border:1px solid var(--jn-rule);padding:5px 6px;text-align:center;
 font-weight:400;white-space:nowrap}
.jn-grid th[scope=row]{text-align:left;font-weight:500}
.jn-grid td.jn-yes{background:var(--jn-accent);color:#fff;font-weight:500}
.jn-grid td.jn-self{background:var(--jn-paper2);color:var(--jn-muted)}

/* шаги и пиктограммы */
.jn-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:20px;
 grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.jn-steps li{counter-increment:s}
.jn-steps svg{width:38px;height:38px;margin-bottom:9px}
.jn-steps svg *{stroke:var(--jn-accent);stroke-width:1.6;fill:none;stroke-linecap:round}
.jn-steps h3{font-size:18px;margin-bottom:.3em}
.jn-steps h3::before{content:counter(s) ". ";color:var(--jn-muted);font-weight:400}
.jn-steps p{font-size:15px;margin:0;color:#3b3542}

/* списки и содержимое */
.jn-two{display:grid;gap:22px 34px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.jn-tick,.jn-cross{list-style:none;margin:0;padding:0;font-size:15.5px}
.jn-tick li,.jn-cross li{padding:0 0 7px 25px;position:relative}
.jn-tick li::before{content:"";position:absolute;left:2px;top:9px;width:11px;height:5px;
 border-left:2px solid var(--jn-accent);border-bottom:2px solid var(--jn-accent);transform:rotate(-45deg)}
.jn-cross li::before{content:"";position:absolute;left:4px;top:8px;width:11px;height:2px;
 background:var(--jn-muted)}
.jn-note{border-left:3px solid var(--jn-accent);padding:2px 0 2px 16px;margin:0 0 1.1em;
 font-size:15.5px;color:#3b3542}
.jn-plate{margin:0 0 22px}
.jn-plate img{width:100%;aspect-ratio:1.185;object-fit:cover}
.jn-plate figcaption{font-size:13px;color:var(--jn-muted);padding-top:6px}
.jn-strip{margin:0}
.jn-strip img{width:100%;aspect-ratio:2.26;object-fit:cover}

/* форма */
.jn-form{background:var(--jn-paper2);padding:24px;border-top:3px solid var(--jn-ground)}
.jn-band-g .jn-form{background:#333157;border-top-color:var(--jn-gold)}
.jn-form h2{margin-top:0}
.jn-field{display:block;margin:0 0 14px}
.jn-field span{display:block;font-size:14px;font-weight:500;margin-bottom:4px}
.jn-field input,.jn-field select,.jn-field textarea{width:100%;font:inherit;font-size:16px;
 padding:9px 11px;border:1px solid #a98f99;background:#fff;color:var(--jn-ink);border-radius:0}
.jn-field textarea{min-height:92px;resize:vertical}
.jn-checks{border:0;margin:0 0 14px;padding:0}
.jn-checks legend{font-size:14px;font-weight:500;margin-bottom:6px;padding:0}
.jn-checks label{display:flex;gap:8px;align-items:flex-start;font-size:15px;margin-bottom:5px}
.jn-checks input{margin:4px 0 0}
.jn-pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.jn-fine{font-size:13.5px;color:var(--jn-muted);margin:10px 0 0}
.jn-band-g .jn-fine{color:#c9c4d6}

/* хвост */
.jn-foot{display:grid}
.jn-foot-a{background:var(--jn-ground);color:var(--jn-on);padding:30px 22px}
.jn-foot-b{background:var(--jn-paper2);padding:30px 22px}
@media(min-width:900px){
 .jn-foot{grid-template-columns:38% 62%}
 .jn-foot-a{padding:34px 30px 34px calc((100vw - 1160px)/2 + 22px)}
 .jn-foot-b{padding:34px calc((100vw - 1160px)/2 + 22px) 34px 30px}
}
.jn-foot-a address{font-style:normal;font-size:15px;line-height:1.75}
.jn-foot-a .jn-mast{display:block;margin-bottom:10px}
.jn-foot-a a{color:var(--jn-on)}
.jn-foot-b ul{list-style:none;margin:0 0 14px;padding:0;
 display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:3px 22px;font-size:14.5px}
.jn-foot-b p{font-size:13.5px;color:#4d4450;margin:0 0 .7em}
.jn-foot-b p:last-child{margin:0}

.jn-crumb{font-size:13.5px;color:var(--jn-muted);padding:14px 0 0}
.jn-crumb a{color:var(--jn-muted)}
.jn-faq dt{font-weight:700;font-family:'jnface',Georgia,serif;font-size:18px;margin-top:16px}
.jn-faq dd{margin:4px 0 0}
.jn-sec{margin:0 0 30px}
.jn-sec:last-child{margin-bottom:0}
.jn-more{list-style:none;margin:0;padding:0;font-size:15.5px}
.jn-more li{padding:0 0 6px}
#flight-search{display:none}
@media(max-width:899px){
 .jn-hero img{aspect-ratio:1.185}
 .jn-hero-plate{padding-top:56px}
 .jn-strip img{aspect-ratio:1.185}
}
@media(prefers-reduced-motion:no-preference){
 .jn-tile img{transition:transform .5s ease}
 .jn-tile:hover img{transform:scale(1.035)}
}
