/* ============================================================
   ФАРВАТЕР — каркас lotsia.com.ua (префикс lts), 2026-09-20
   Блоки разметки: <!-- lts:имя --> … <!-- /lts:имя -->
   Шрифты донора: Oswald (мета, кикеры, меню) + PF Regal (заголовки, текст)
   ============================================================ */

/* ---- lts:fonts ---- */
@font-face{font-family:"LtsSans";src:url("/tpl/default/fonts/Oswald-Regular/OswaldRegular.woff2") format("woff2"),url("/tpl/default/fonts/Oswald-Regular/OswaldRegular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"LtsSans";src:url("/tpl/default/fonts/Oswald-Medium/OswaldMedium.woff2") format("woff2"),url("/tpl/default/fonts/Oswald-Medium/OswaldMedium.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"LtsSans";src:url("/tpl/default/fonts/Oswald-Bold/OswaldBold.woff2") format("woff2"),url("/tpl/default/fonts/Oswald-Bold/OswaldBold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"LtsSerif";src:url("/tpl/default/fonts/PFRegalTextPro-RegularB.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"LtsDisplay";src:url("/tpl/default/fonts/PFRegalDisplayPro-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"LtsText";src:url("/tpl/default/fonts/PFRegalTextPro-RegularB.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"LtsText";src:url("/tpl/default/fonts/PFRegalTextPro-BoldItalic.otf") format("opentype");font-weight:700;font-style:italic;font-display:swap}

/* ---- lts:tokens ---- */
:root{
  --lts-ink:#12161b;
  --lts-ink-soft:#4a5058;
  --lts-paper:#fbf8f3;
  --lts-paper-2:#f2ece1;
  --lts-line:#ddd5c7;
  --lts-deep:#0e3f48;        /* лиман */
  --lts-flag:#b5372a;        /* сургуч / маяк */
  --lts-sand:#c9973b;
  --lts-max:1280px;
  --lts-gap:26px;
  --lts-pad:20px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.lts-body{margin:0;background:var(--lts-paper);color:var(--lts-ink);
  font-family:"LtsText",Georgia,"Times New Roman",serif;font-size:17px;line-height:1.62}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.lts-wrap{max-width:var(--lts-max);margin:0 auto;padding:0 var(--lts-pad)}

/* ---- lts:header ---- */
.lts-hd{background:var(--lts-paper);border-bottom:1px solid var(--lts-line);position:relative;z-index:30}
.lts-hd__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.lts-hd__brand{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none}
.lts-hd__mark{font-family:"LtsDisplay","LtsSerif",Georgia,serif;font-size:34px;letter-spacing:.1em;line-height:1;color:var(--lts-ink)}
.lts-hd__mark b{color:var(--lts-flag);font-weight:400}
.lts-hd__tag{font-family:"LtsSans",system-ui,sans-serif;font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--lts-ink-soft);white-space:nowrap}
.lts-hd__side{display:flex;align-items:center;gap:14px;font-family:"LtsSans",system-ui,sans-serif;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.lts-hd__side a{color:var(--lts-ink-soft);text-decoration:none}
.lts-hd__side a:hover{color:var(--lts-flag)}
.lts-nav{border-top:1px solid var(--lts-line)}
.lts-nav__list{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;
  font-family:"LtsSans",system-ui,sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.lts-nav__list a{display:block;padding:13px 18px 12px;text-decoration:none;color:var(--lts-ink);
  border-bottom:2px solid transparent}
.lts-nav__list a:hover{color:var(--lts-flag);border-bottom-color:var(--lts-flag)}
.lts-nav__list li:first-child a{padding-left:0}
.lts-nav__list .is-on a{border-bottom-color:var(--lts-deep);color:var(--lts-deep)}
.lts-burger,.lts-burger__box{display:none}

/* ---- lts:kicker + типографика ---- */
.lts-kicker{font-family:"LtsSans",system-ui,sans-serif;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--lts-flag);text-decoration:none}
.lts-kicker--box{display:inline-block;border:1px solid currentColor;padding:4px 9px 3px}
.lts-kicker--onphoto{color:#fff;background:#12161b;backdrop-filter:blur(2px)}
.lts-meta{font-family:"LtsSans",system-ui,sans-serif;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--lts-ink-soft)}
.lts-h{font-family:"LtsSerif",Georgia,serif;font-weight:400;line-height:1.16;margin:0}

/* ---- lts:sec (заголовок раздела) ---- */
.lts-sec{display:flex;align-items:baseline;gap:16px;margin:46px 0 22px;border-top:2px solid var(--lts-ink);padding-top:12px}
.lts-sec__t{font-family:"LtsSans",system-ui,sans-serif;font-size:15px;letter-spacing:.2em;
  text-transform:uppercase;font-weight:500;margin:0}
.lts-sec__all{margin-left:auto;font-family:"LtsSans",system-ui,sans-serif;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--lts-flag);text-decoration:none}
.lts-sec__all:hover{text-decoration:underline}

/* ---- lts:cards ---- */
.lts-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--lts-gap)}
.lts-card{display:flex;flex-direction:column;gap:9px}
.lts-card__ph{position:relative;display:block;overflow:hidden;background:var(--lts-paper-2)}
.lts-card__ph img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s ease}
.lts-card:hover .lts-card__ph img{transform:scale(1.03)}
.lts-card__t{font-family:"LtsSerif",Georgia,serif;font-size:19px;line-height:1.24;margin:0}
.lts-card__t a{text-decoration:none}
.lts-card__t a:hover{color:var(--lts-flag)}
.lts-card__lead{margin:0;font-size:15px;line-height:1.5;color:var(--lts-ink-soft)}

/* карточка с заголовком поверх фото */
.lts-feat{position:relative;display:block;overflow:hidden;background:#000;color:#fff}
.lts-feat img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .6s ease,opacity .3s}
.lts-feat:hover img{transform:scale(1.03);opacity:.8}
.lts-feat__in{position:absolute;left:0;right:0;bottom:0;padding:26px 26px 24px;color:#fff;
  background:linear-gradient(to top,rgba(8,10,12,.82) 0%,rgba(8,10,12,.52) 45%,rgba(8,10,12,0) 100%)}
.lts-feat__t{display:block;font-family:"LtsSerif",Georgia,serif;color:#fff;line-height:1.14;margin:12px 0 0;font-size:34px}
.lts-feat__in .lts-kicker{display:inline-block;color:#e8c477}
.lts-feat--lead img{aspect-ratio:4/3}
.lts-feat--wide img{aspect-ratio:16/9}
.lts-feat--wide .lts-feat__t{font-size:26px}
.lts-feat a{text-decoration:none}

/* ---- lts:newsline (лента новостей) ---- */
.lts-news{border-top:1px solid var(--lts-line)}
.lts-news__it{display:flex;gap:18px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--lts-line)}
.lts-news__d{flex:0 0 76px;font-family:"LtsSans",system-ui,sans-serif;font-size:11px;
  letter-spacing:.1em;color:var(--lts-ink-soft);white-space:nowrap}
.lts-news__t{font-family:"LtsText",Georgia,serif;font-size:16px;line-height:1.4;margin:0}
.lts-news__t a{text-decoration:none}
.lts-news__t a:hover{color:var(--lts-flag)}

/* ---- lts:strip (полоса-врезка) ---- */
.lts-strip{background:var(--lts-deep);color:#f3ece0;margin:46px 0;padding:26px var(--lts-pad)}
.lts-strip__in{max-width:var(--lts-max);margin:0 auto;display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.lts-strip__t{font-family:"LtsSans",system-ui,sans-serif;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;margin:0}
.lts-strip__p{margin:0;font-size:16px;opacity:.9}
.lts-strip a{color:#e8c477}

/* ---- lts:article ---- */
.lts-art{max-width:760px;margin:0 auto}
.lts-art__hat{margin:28px 0 18px}
.lts-art__h1{font-family:"LtsSerif",Georgia,serif;font-size:40px;line-height:1.12;margin:12px 0 14px}
.lts-art__lead{font-size:20px;line-height:1.52;color:var(--lts-ink-soft);margin:0 0 18px}
.lts-art__meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:12px 0;
  border-top:1px solid var(--lts-line);border-bottom:1px solid var(--lts-line)}
.lts-hero{margin:26px 0 30px}
.lts-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.lts-hero figcaption{font-family:"LtsSans",system-ui,sans-serif;font-size:11px;letter-spacing:.08em;
  color:var(--lts-ink-soft);padding-top:8px}
.lts-body-t p{margin:0 0 20px}
.lts-body-t h2{font-family:"LtsSerif",Georgia,serif;font-size:27px;line-height:1.22;margin:36px 0 14px}
.lts-body-t h3{font-family:"LtsSans",system-ui,sans-serif;font-size:17px;letter-spacing:.04em;margin:28px 0 12px}
.lts-body-t img{margin:24px 0}
.lts-body-t figure{margin:26px 0}
.lts-body-t figcaption{font-family:"LtsSans",system-ui,sans-serif;font-size:11px;color:var(--lts-ink-soft);padding-top:7px}
.lts-body-t ul,.lts-body-t ol{margin:0 0 20px;padding-left:22px}
.lts-body-t li{margin:0 0 9px}
.lts-body-t blockquote{margin:28px 0;padding:4px 0 4px 20px;border-left:3px solid var(--lts-flag);
  font-style:italic;color:var(--lts-ink-soft)}
.lts-body-t a{color:var(--lts-deep);text-decoration:underline;text-underline-offset:2px}
.lts-body-t table{width:100%;border-collapse:collapse;margin:26px 0;font-family:"LtsSans",system-ui,sans-serif;font-size:14px}
.lts-body-t th,.lts-body-t td{border:1px solid var(--lts-line);padding:10px 12px;text-align:left;vertical-align:top}
.lts-body-t th{background:var(--lts-paper-2);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:12px}

/* оглавление */
.lts-toc{border:1px solid var(--lts-line);background:#fff;margin:26px 0;padding:0}
.lts-toc>summary{cursor:pointer;list-style:none;padding:14px 18px;font-family:"LtsSans",system-ui,sans-serif;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.lts-toc>summary::-webkit-details-marker{display:none}
.lts-toc>summary::after{content:"+";float:right;color:var(--lts-flag)}
.lts-toc[open]>summary::after{content:"–"}
.lts-toc ol{margin:0;padding:0 18px 16px 34px}
.lts-toc li{margin:0 0 8px;font-size:15px}

/* теги */
.lts-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}
.lts-tags a{font-family:"LtsSans",system-ui,sans-serif;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;border:1px solid var(--lts-line);padding:6px 11px;text-decoration:none;
  color:var(--lts-ink-soft);background:#fff}
.lts-tags a:hover{border-color:var(--lts-flag);color:var(--lts-flag)}
.lts-tags--big{margin:22px 0 34px}
.lts-tags--big a{font-size:12px;padding:9px 14px}
.lts-tags--big a b{font-weight:600;font-size:10px;margin-left:5px}

/* крошки */
.lts-crumbs{font-family:"LtsSans",system-ui,sans-serif;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--lts-ink-soft);padding:18px 0 0}
.lts-crumbs a{text-decoration:none}
.lts-crumbs a:hover{color:var(--lts-flag)}

/* ---- lts:blog (лента анонсов автопубликатора: div > h4 > a, p = дата) ---- */
.lts-blog:empty{display:none}
.lts-blog{margin:0 0 6px;border-top:2px solid var(--lts-ink)}
.lts-blog>div{padding:14px 0;border-bottom:1px solid var(--lts-line);margin-bottom:0 !important}
.lts-blog h4{font-family:"LtsSerif",Georgia,serif;font-weight:400;font-size:20px;line-height:1.25;margin:0 0 5px}
.lts-blog h4 a{text-decoration:none}
.lts-blog h4 a:hover{color:var(--lts-flag)}
.lts-blog p{margin:0;font-family:"LtsSans",system-ui,sans-serif;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--lts-ink-soft)}
.pbn-published-date{font-family:"LtsSans",system-ui,sans-serif;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--lts-ink-soft);margin:0 0 18px}

/* ---- lts:authors (указатель авторов) ---- */
.lts-auths{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 30px;margin:0 0 20px}
.lts-auth{border-top:2px solid var(--lts-ink);padding-top:14px}
.lts-auth__n{font-family:"LtsSerif",Georgia,serif;font-weight:400;font-size:22px;line-height:1.2;margin:10px 0 8px}
.lts-auth__n a{text-decoration:none}
.lts-auth__n a:hover{color:var(--lts-flag)}
.lts-auth__l{margin:0;padding:0;list-style:none;font-size:15px;line-height:1.5;color:var(--lts-ink-soft)}
.lts-auth__l li{padding:5px 0;border-bottom:1px solid var(--lts-line)}
.lts-auth__l a{text-decoration:none}
.lts-auth__l a:hover{color:var(--lts-flag)}

/* ---- lts:hub ---- */
.lts-hub__hat{border-bottom:2px solid var(--lts-ink);padding:34px 0 20px;margin-bottom:30px}
.lts-hub__h1{font-family:"LtsSerif",Georgia,serif;font-size:42px;line-height:1.1;margin:0 0 12px}
.lts-hub__p{max-width:640px;margin:0;font-size:17px;color:var(--lts-ink-soft)}

/* ---- lts:partners ---- */
.lts-part{border:1px solid var(--lts-line);background:#fff;padding:20px 22px;margin:46px 0}
.lts-part__t{font-family:"LtsSans",system-ui,sans-serif;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--lts-ink-soft);margin:0 0 12px}
.lts-part__list{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0;padding:0;list-style:none}
.lts-part--ft{background:transparent;border-color:#2a2f36;margin:34px 0 0}
.lts-part--ft .lts-part__t{color:#b6bcc3}
.lts-part--ft .lts-part__list a{color:#e9e3d8;border-bottom-color:#3a4049}
.lts-part__list a{font-family:"LtsSans",system-ui,sans-serif;font-size:13px;letter-spacing:.06em;
  color:var(--lts-deep);text-decoration:none;border-bottom:1px solid var(--lts-line)}

/* ---- lts:footer ---- */
.lts-ft{background:var(--lts-ink);color:#e9e3d8;margin-top:60px;padding:46px 0 30px}
.lts-ft a{color:#e9e3d8;text-decoration:none}
.lts-ft a:hover{color:var(--lts-sand)}
.lts-ft__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.lts-ft__t{font-family:"LtsSans",system-ui,sans-serif;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:#9aa0a6;margin:0 0 12px}
.lts-ft__list{margin:0;padding:0;list-style:none;font-family:"LtsSans",system-ui,sans-serif;
  font-size:13px;letter-spacing:.04em;line-height:2}
.lts-ft__mark{font-family:"LtsDisplay","LtsSerif",Georgia,serif;font-size:30px;letter-spacing:.1em}
.lts-ft__note{margin:30px 0 0;padding-top:20px;border-top:1px solid #2a2f36;font-size:13px;color:#9aa0a6;
  display:flex;flex-wrap:wrap;gap:12px 26px;align-items:baseline}
.lts-ft__note p{margin:0}

/* ---- lts:resp ---- */
.lts-c12{grid-column:span 12}.lts-c8{grid-column:span 8}.lts-c6{grid-column:span 6}
.lts-c4{grid-column:span 4}.lts-c3{grid-column:span 3}
@media(max-width:1024px){
  .lts-auths{grid-template-columns:repeat(2,1fr)}
  .lts-feat__t{font-size:28px}
  .lts-art__h1{font-size:34px}
  .lts-c3{grid-column:span 6}
}
@media(max-width:900px){
  .lts-auths{grid-template-columns:1fr}
  .lts-burger__box{display:block}
  .lts-nav__list{display:none;flex-direction:column;background:var(--lts-paper);
    border-top:1px solid var(--lts-line)}
  .lts-burger:checked~.lts-nav__list{display:flex}
  .lts-nav__list a{padding:15px 0;border-bottom:1px solid var(--lts-line);min-height:44px}
  .lts-nav__list li:first-child a{padding-left:0}
  .lts-hd__side .lts-hd__hide{display:none}
  .lts-burger__box{position:absolute;left:var(--lts-pad);top:18px;width:44px;height:44px;
    border:1px solid var(--lts-line);cursor:pointer}
  .lts-burger__box span,.lts-burger__box span::before,.lts-burger__box span::after{
    position:absolute;left:11px;width:20px;height:2px;background:var(--lts-ink);content:""}
  .lts-burger__box span{top:21px}
  .lts-burger__box span::before{top:-6px;left:0}
  .lts-burger__box span::after{top:6px;left:0}
  .lts-hd__top{justify-content:center;padding:16px 0 12px 60px;flex-direction:column;
    align-items:flex-start;gap:4px}
  .lts-hd__brand{flex-direction:column;align-items:flex-start;gap:2px}
  .lts-c8,.lts-c6,.lts-c4{grid-column:span 12}
  .lts-c3{grid-column:span 6}
  .lts-ft__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  :root{--lts-pad:16px;--lts-gap:20px}
  .lts-hd__mark{font-size:27px}
  .lts-feat__t,.lts-feat--wide .lts-feat__t{font-size:22px}
  .lts-art__h1{font-size:28px}
  .lts-art__lead{font-size:17px}
  .lts-hub__h1{font-size:30px}
  .lts-c3{grid-column:span 12}
  .lts-ft__grid{grid-template-columns:1fr}
  .lts-news__d{flex-basis:66px}
}
