/* ===== Мария Новикова — стили сайта ===== */
:root{
  --bg:#FFFFFF; --ink:#111111; --muted:#6B6B6B; --line:#E6E3DE; --accent:#C8B69A; --accent-ink:#111111;
  --gutter:20px; --max:1440px;
  --display:"Inter Tight",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:16px;
}
@media (min-width:768px){:root{--gutter:48px;font-size:17px}}

/* шрифты — локально */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/inter-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/intertight-800-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/intertight-800-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/cormorant-400-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/cormorant-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/cormorant-400i-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/cormorant-400i-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased}
body.is-locked{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.025em;line-height:.95}
p{margin:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}

/* типографические роли */
.eyebrow{font-family:var(--serif);font-style:italic;font-size:1.45rem;line-height:1.2;color:var(--ink)}
.label{font-family:var(--body);font-weight:500;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.arrow::after{content:"\2197";margin-left:.45em;font-family:var(--body);font-weight:500}

/* ===== верхняя полоса ===== */
.bar{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
.bar__in{display:flex;align-items:center;justify-content:space-between;min-height:60px;gap:16px}
.bar a{text-decoration:none}
.bar__name{white-space:nowrap}
.bar__right{display:flex;align-items:center;gap:20px}
@media (min-width:768px){.bar__in{min-height:72px}.bar__right{gap:32px}}
.bar__lang{padding:12px 0}
.bar__channel{display:none;padding:12px 0}
@media (min-width:768px){.bar__channel{display:inline-block}}
.bar__lang span{color:var(--muted)}
.bar__talk{padding:12px 0}

/* ===== первый экран ===== */
.hero{padding-block:40px 24px}
@media (min-width:768px){.hero{padding-block:72px 40px}}
.hero__in{display:grid;gap:32px}
@media (min-width:900px){.hero__in{grid-template-columns:7fr 5fr;gap:64px;align-items:start}}
@media (min-width:1200px){.hero__in{grid-template-columns:8fr 4fr}}
.hero__text{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
@media (min-width:768px){.hero__text{gap:24px}}
.hero h1{font-size:clamp(2rem,4vw,3.25rem);max-width:14ch;overflow-wrap:anywhere}
.hero__lead{font-size:1rem;line-height:1.5;max-width:48ch;text-align:justify;hyphens:manual}
@media (min-width:768px){.hero__lead{font-size:1.0625rem}}
.hero__exp{color:var(--ink)}
.hero__list{list-style:none;margin:0;padding:0;counter-reset:n;display:flex;flex-direction:column;gap:10px;max-width:52ch}
.hero__list li{counter-increment:n;display:grid;grid-template-columns:2rem 1fr;gap:8px;align-items:baseline;font-size:1rem;line-height:1.45}
.hero__list li::before{content:counter(n,decimal-leading-zero);font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--accent);line-height:1}
.hero__closing{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.25;max-width:42ch}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:479px){.hero__btns{flex-direction:column;align-self:stretch}.hero__btns .btn{width:100%}}
.hero__photo{aspect-ratio:2/3;overflow:hidden;background:var(--line)}
.hero__photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hero__photo:hover img{transform:scale(1.04)}
@media (max-width:899px){.hero__photo{aspect-ratio:4/5;max-height:70vh}}

/* кнопка */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 28px;background:var(--accent);color:var(--accent-ink);
  font-family:var(--body);font-weight:500;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid var(--accent);cursor:pointer}
.btn:hover{background:#BBA98B;border-color:#BBA98B}
.btn--line{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn--line:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ===== плитки ===== */
.tiles{padding-block:40px}
@media (min-width:768px){.tiles{padding-block:64px}}
.tiles__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media (min-width:768px){.tiles__grid{grid-template-columns:repeat(3,1fr);gap:16px}}
.tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--line);text-decoration:none;color:#fff}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tile:hover img{transform:scale(1.04)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,0) 70%)}
.tile__text{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;display:flex;flex-direction:column;gap:6px}
@media (min-width:768px){.tile__text{left:24px;right:24px;bottom:24px;gap:10px}}
.tile__name{font-family:var(--display);font-weight:800;font-size:clamp(1.1rem,3.2vw,2rem);line-height:.95;text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 1px 12px rgba(0,0,0,.25)}
.tile__hint{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;opacity:.9}
@media (min-width:768px){.tile__hint{font-size:.75rem}}

/* ===== бегущая строка ===== */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:28px;overflow:hidden;margin-top:24px}
@media (min-width:768px){.marquee{padding-block:40px;margin-top:40px}}
.marquee__track{display:flex;width:max-content;animation:marquee 90s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__list{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap}
.marquee__list li{font-family:var(--display);font-weight:800;font-size:clamp(1.75rem,4.5vw,3.5rem);line-height:1;text-transform:uppercase;letter-spacing:-.02em;padding-right:.55em}
.marquee__list li::after{content:"\00B7";color:var(--accent);padding-left:.55em}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== нижняя строка ===== */
.foot{padding-block:24px 32px}
.foot__in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 24px;font-size:.75rem;color:var(--muted);letter-spacing:.06em}
.foot__channel{color:var(--ink);font-weight:500;text-transform:uppercase;letter-spacing:.12em}
.foot a{text-decoration:none;padding:8px 0}

/* ===== страница топа ===== */
.cover{aspect-ratio:4/3;overflow:hidden;background:var(--line)}
@media (min-width:768px){.cover{aspect-ratio:21/9}}
.cover img{width:100%;height:100%;object-fit:cover}
.top{padding-block:40px 24px}
@media (min-width:768px){.top{padding-block:64px 40px}}
.top__head{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}
@media (min-width:768px){.top__head{margin-bottom:64px;gap:28px}}
.top h1{font-size:clamp(2.5rem,7vw,6rem);max-width:14ch}
.top__back{text-decoration:none;display:inline-block;padding:8px 0}
.top__back::before{content:"\2190";margin-right:.45em}
.list{list-style:none;margin:0;padding:0;counter-reset:n;border-top:1px solid var(--line)}
.list li{counter-increment:n;display:grid;grid-template-columns:3.5rem 1fr;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
@media (min-width:768px){.list li{grid-template-columns:6rem 1fr;padding:26px 0;gap:24px}}
.list li::before{content:counter(n,decimal-leading-zero);font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--accent);line-height:1}
@media (min-width:768px){.list li::before{font-size:2rem}}
.list__name{font-family:var(--display);font-weight:800;font-size:clamp(1.25rem,3.4vw,2.5rem);line-height:1;text-transform:uppercase;letter-spacing:-.02em}
.top__cta{margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
@media (min-width:768px){.top__cta{margin-top:56px;gap:24px}}
.top__note{max-width:38ch}

/* ===== модальное окно ===== */
.modal{position:fixed;inset:0;z-index:50;display:none;align-items:flex-end;justify-content:center}
.modal.is-open,.modal:target{display:flex}
@media (min-width:768px){.modal{align-items:center;padding:24px}}
.modal__backdrop{position:absolute;inset:0;background:rgba(17,17,17,.6)}
.modal__box{position:relative;width:100%;max-width:560px;background:var(--bg);padding:32px var(--gutter) calc(32px + env(safe-area-inset-bottom))}
@media (min-width:768px){.modal__box{padding:48px}}
.modal__close{position:absolute;top:8px;right:8px;width:48px;height:48px;display:grid;place-items:center;border:0;background:none;color:var(--ink);cursor:pointer;text-decoration:none;font-size:1.5rem;line-height:1}
.modal h2{font-size:clamp(1.75rem,5vw,2.5rem);max-width:12ch;padding-right:40px}
.choice{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}
.choice a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.choice a:hover .choice__name{text-decoration:underline;text-underline-offset:4px}
.choice__name{font-family:var(--display);font-weight:800;font-size:1.5rem;text-transform:uppercase;letter-spacing:-.02em;line-height:1}
.choice__sub{display:block;margin-top:6px;font-size:.8125rem;color:var(--muted);font-family:var(--body);font-weight:400;text-transform:none;letter-spacing:0}
.choice__arrow{font-family:var(--body);font-weight:500;font-size:1.25rem}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .tile img,.hero__photo img{transition:none}
  .marquee__track{animation:none;width:auto}
  .marquee{overflow-x:auto}
  .marquee__list+.marquee__list{display:none}
}