:root{--bg:#0b0d0e;--panel:#111315;--text:#e4e2dc;--muted:#989892;--line:#292b2c;--accent:#bba273;--max:1320px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,#191a1b,transparent 28%),var(--bg);font-size:16px;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;width:100%}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.header{height:88px;border-bottom:1px solid var(--line);background:#0b0d0ed9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.header .wrap{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:block;width:154px}.brand img{width:100%;height:auto;filter:brightness(1.12)}.menu{display:flex;gap:34px;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#8d8d88}.menu a:hover,.menu a[aria-current=page]{color:#fff}.place{justify-self:end;text-align:right;font-size:9px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:#70716e}.menu-button{display:none;background:none;border:0;color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.hero{padding:86px 0 90px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 30px;color:var(--accent);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(48px,7vw,110px);align-items:end}.hero h1,.page-hero h1{margin:0 0 28px;font-size:clamp(42px,4.2vw,64px);line-height:1.04;letter-spacing:-.045em;font-weight:500;text-wrap:balance}.lead{max-width:630px;margin:0 0 28px;color:#aaa9a3;font-size:18px}.price-line{font-size:16px;margin:0 0 34px}.price-line strong{color:#e7d5b3;font-size:22px;font-weight:500}.button{display:inline-flex;gap:38px;align-items:center;border:1px solid #555650;padding:14px 18px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;transition:.3s}.button:hover{border-color:var(--accent);background:#161718}.media{position:relative;overflow:hidden;background:#17191a}.media img{aspect-ratio:16/9;object-fit:cover;filter:grayscale(1) brightness(.72);transition:filter .7s,transform 1s}.media:hover img{filter:grayscale(.15) brightness(.86);transform:scale(1.015)}.media span{position:absolute;left:16px;bottom:13px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 8px #000}.section{padding:90px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:48px}.section h2{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-.035em;font-weight:500}.section-head p{max-width:700px;margin:0;color:var(--muted)}.services{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.service{padding:38px 40px 38px 0;border-bottom:1px solid var(--line)}.service:nth-child(odd){border-right:1px solid var(--line)}.service:nth-child(even){padding-left:40px}.service h3{font-size:24px;margin:0 0 14px;font-weight:500}.service p{margin:0 0 22px;color:var(--muted);max-width:520px}.service a{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.fact{padding:28px 28px 10px 0;border-bottom:1px solid var(--line)}.fact+.fact{padding-left:28px;border-left:1px solid var(--line)}.fact small{display:block;color:#72736f;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.fact b{display:block;margin:8px 0;font-size:21px;font-weight:500}.fact span{color:var(--muted);font-size:14px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work h3{font-size:20px;font-weight:500;margin:17px 0 4px}.work p{font-size:13px;color:var(--muted);margin:0}.work img{aspect-ratio:16/9;object-fit:cover;filter:grayscale(1) brightness(.75)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.step{padding:30px 35px 10px 0}.step+.step{padding-left:35px;border-left:1px solid var(--line)}.step span{color:var(--accent);font-size:10px}.step h3{font-size:19px;font-weight:500}.step p{color:var(--muted);font-size:14px}.faq{max-width:900px;margin-left:auto}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:17px}.faq p{color:var(--muted);max-width:720px}.cta{padding:90px 0}.cta-grid{display:flex;justify-content:space-between;align-items:end;gap:40px}.cta h2{font-size:clamp(34px,4vw,58px);margin:0;letter-spacing:-.04em;font-weight:500}.cta a.phone{font-size:clamp(24px,3vw,40px);color:var(--accent)}.footer{border-top:1px solid var(--line);padding:32px 0;color:#757671;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.page-hero{padding:75px 0 65px;border-bottom:1px solid var(--line)}.page-hero .lead{margin-bottom:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.copy h2{font-size:30px;font-weight:500;letter-spacing:-.03em}.copy p,.copy li{color:var(--muted)}.copy ul{padding-left:18px}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px}.contact-grid h1{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.05em;margin:0 0 40px;font-weight:500}.contact-data a{display:block;margin:15px 0;color:var(--accent)}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .75s,transform .75s}[data-reveal].visible{opacity:1;transform:none}@media(max-width:800px){.wrap{width:min(calc(100% - 34px),var(--max))}.header{height:76px}.header .wrap{grid-template-columns:1fr auto}.place{display:none}.menu-button{display:block}.menu{display:none;position:absolute;top:76px;left:0;right:0;background:#0b0d0df5;padding:28px 17px;flex-direction:column}.menu.open{display:flex}.hero{padding:55px 0}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1,.page-hero h1{font-size:38px}.lead{font-size:16px}.section{padding:65px 0}.section-head,.two-col{grid-template-columns:1fr;gap:18px}.services,.facts,.work-grid,.steps{grid-template-columns:1fr}.service,.service:nth-child(even){padding:28px 0;border-right:0}.fact+.fact,.step+.step{padding-left:0;border-left:0}.work-grid{gap:42px}.cta-grid,.footer .wrap{align-items:flex-start;flex-direction:column}.contact-grid{grid-template-columns:1fr;gap:50px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Header branding: use the symbol separately so the name stays readable. */
.brand{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%}
.brand img{width:42px;height:42px;object-fit:contain;filter:brightness(1.12)}
.brand span{display:flex;flex-direction:column;line-height:1;gap:5px;white-space:nowrap}
.brand strong{font-size:16px;letter-spacing:.08em;font-weight:600;color:#e4e2dc}
.brand small{font-size:7px;letter-spacing:.18em;color:#8d8d88}
.hero-grid{align-items:center}.facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.showcase{position:relative;align-self:center}.slide{display:none}.slide.active{display:block;animation:slide-in .55s ease both}.carousel-nav{height:44px;display:flex;align-items:center;justify-content:flex-end;gap:16px;color:#7d7e79;font-size:10px;letter-spacing:.12em}.carousel-nav button{width:34px;height:30px;border:0;background:transparent;color:#b4b4ae;cursor:pointer;font-size:16px}.carousel-nav button:hover{color:var(--accent)}@keyframes slide-in{from{opacity:0}to{opacity:1}}
.carousel-side{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:58px;height:58px;border:1px solid #ffffff80;border-radius:50%;background:#0b0d0ee8;color:#fff;font-size:42px;line-height:.8;cursor:pointer;backdrop-filter:blur(8px);transition:.25s;display:grid;place-items:center;padding:0 0 4px}.carousel-side:hover{background:#e2dfd7;color:#101112}.carousel-prev{left:-22px}.carousel-next{right:-22px}.play-badge{position:absolute;z-index:2;left:50%;top:50%;width:58px;height:58px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #ffffffa6;border-radius:50%;background:#08090999;color:#fff;font-style:normal;font-size:15px;padding-left:3px}.showcase .media span{background:#090a0bcc;padding:5px 8px}@media(max-width:800px){.carousel-prev{left:8px}.carousel-next{right:8px}.carousel-side{width:46px;height:46px;font-size:34px}.play-badge{width:50px;height:50px}}

/* Выпуски: зацикленная multi-item карусель с видимым продолжением. */
.episodes-carousel{--cards-visible:3.2;--card-gap:24px;position:relative;padding:0 58px}
.episodes-viewport{overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none}
.episodes-viewport.is-dragging{cursor:grabbing}
.episodes-carousel .work-grid{display:flex;gap:var(--card-gap);overflow:visible;padding:0;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}
.episodes-carousel .work{display:block;flex:0 0 calc(31.25% - 16.5px);min-width:0}
.work img{transition:filter .45s,transform .55s}
.work:hover img,.work:focus-visible img{filter:grayscale(0) brightness(.9);transform:scale(1.012)}
.episodes-prev,.episodes-next{position:absolute;z-index:2;top:calc(50% - 42px);width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;background:#0b0d0ee8;color:#fff;font-size:32px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:background .25s,color .25s,border-color .25s,opacity .25s}
.episodes-prev{left:0}.episodes-next{right:0}
.episodes-prev:hover,.episodes-next:hover{background:#e2dfd7;border-color:#e2dfd7;color:#101112}
@media(max-width:1050px){.episodes-carousel{--cards-visible:2.2}.episodes-carousel .work{flex-basis:calc(45.4545% - 13.1px)}}
@media(max-width:800px){.episodes-carousel{--cards-visible:1.14;--card-gap:14px;padding:0}.episodes-carousel .work{flex-basis:calc(87.7193% - 1.72px)}.episodes-prev,.episodes-next{top:32%;width:42px;height:42px}.episodes-prev{left:10px}.episodes-next{right:10px}}

/* Выбор площадки для просмотра выпуска. */
.video-modal[hidden]{display:none}.video-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px}.video-modal-backdrop{position:absolute;inset:0;background:#050606d9;backdrop-filter:blur(10px)}.video-modal-dialog{position:relative;width:min(100%,520px);padding:40px;background:#111315;border:1px solid #3a3b3a;box-shadow:0 28px 90px #000}.video-modal-close{position:absolute;top:13px;right:15px;width:34px;height:34px;border:0;background:transparent;color:#aaa;font-size:28px;line-height:1;cursor:pointer}.video-modal-close:hover{color:#fff}.video-modal-label{margin:0 0 10px;color:var(--accent);font-size:9px;letter-spacing:.17em;text-transform:uppercase}.video-modal-title{margin:0 40px 26px 0;font-size:28px;line-height:1.15;font-weight:500;letter-spacing:-.03em}.video-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.video-platform{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:14px 16px;border:1px solid #555650;font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:.25s}.video-platform:not([aria-disabled=true]):hover{border-color:var(--accent);background:#191a1a}.video-platform[aria-disabled=true]{color:#666;border-color:#292b2c;cursor:not-allowed}.video-platform small{display:block;font-size:8px;letter-spacing:.08em;color:#6f706d}.video-platform[aria-disabled=true] span:last-child{display:none}@media(max-width:520px){.video-modal{padding:16px}.video-modal-dialog{padding:34px 22px 24px}.video-modal-title{font-size:24px}.video-modal-actions{grid-template-columns:1fr}}

/* Контактные действия без открытого номера в разметке. */
.contact-call{font:inherit}.cta .phone,.contact-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #555650;background:transparent;color:var(--accent);cursor:pointer;transition:.25s}.cta .phone{padding:14px 22px;font-size:14px;letter-spacing:.14em;text-transform:uppercase}.contact-button{width:max-content;min-height:48px;padding:12px 16px;margin:15px 0;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.cta .phone:hover,.contact-button:hover{border-color:var(--accent);background:#191a1a;color:#fff}

/* Единая округлая форма интерактивных кнопок. */
.button,.contact-call,.contact-button,.video-platform{border-radius:999px}.contact-data .contact-call{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;margin:15px 0;border:1px solid #555650;background:transparent;color:var(--accent);cursor:pointer;font-size:10px;letter-spacing:.13em;text-transform:uppercase;transition:.25s}.contact-data .contact-call:hover{border-color:var(--accent);background:#191a1a;color:#fff}
.cta-title-button{padding:0;border:0;border-radius:0;background:transparent;color:var(--text);cursor:pointer;font-size:clamp(34px,4vw,58px);line-height:1.15;letter-spacing:-.04em;text-align:left;transition:color .25s}.cta-title-button:hover{color:var(--accent)}.cta-title-button:after{content:" ↗";font-size:.48em;vertical-align:top;color:var(--accent)}
.contact-trigger.cta-title-button{display:none}
.has-js .contact-trigger.cta-title-button{display:block}
.cta-title-link{display:inline-block;color:var(--text);font-size:clamp(34px,4vw,58px);line-height:1.15;letter-spacing:-.04em;font-weight:500;transition:color .25s}
.cta-title-link:hover{color:var(--accent)}
.cta-title-link:after{content:" ↗";font-size:.48em;vertical-align:top;color:var(--accent)}

/* Доступность и читаемость: ссылки работают и без JavaScript. */
:root{--muted:#b7b6b0}
body{font-size:17px}
.media img{filter:grayscale(1) brightness(.84)}
.media:hover img{filter:grayscale(.15) brightness(.96)}
.media span,.fact small,.step span,.video-modal-label{font-size:11px}
.work img{filter:grayscale(1) brightness(.86)}
.service a,.footer{font-size:11px}
.cta-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}
.cta-fallback{justify-content:flex-start;margin-top:22px}
.cta .phone,.contact-button,.contact-trigger:not(.cta-title-link){display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 18px;border:1px solid #555650;border-radius:999px;background:transparent;color:var(--accent);font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.25s}
.cta .phone{font-size:12px}
.cta .phone:hover,.contact-button:hover,.contact-trigger:hover{border-color:var(--accent);background:#191a1a;color:#fff}
.contact-trigger{color:#c8c7c1;border-color:#41423f}
.contact-data .contact-call{margin:15px 0}
.contact-data .contact-call{display:block;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--accent);font:inherit;font-size:inherit;letter-spacing:normal;text-transform:none}
.contact-data .contact-call:hover{background:transparent;color:#e7d5b3}
.contact-data .contact-link{display:block;margin:18px 0}
.contact-data .route-link{margin-top:18px}
.route-link{display:inline-flex;margin-top:20px;color:var(--accent);font-size:13px}
.arrival-note{max-width:620px;color:var(--muted)}
.media img,.work img{height:auto}

/* На планшете шапка уже компактная, а первый экран не сжимает текст и видео. */
@media(max-width:960px){
  .header{height:76px}
  .header .wrap{grid-template-columns:1fr auto}
  .place{display:none}
  .menu-button{display:block}
  .menu{display:none;position:absolute;top:76px;left:0;right:0;background:#0b0d0df5;padding:28px max(24px,calc((100vw - min(100vw - 48px,var(--max)))/2));flex-direction:column;gap:20px}
  .menu.open{display:flex}
  .hero{padding:65px 0 70px}
  .hero-grid{grid-template-columns:1fr;gap:42px}
  .hero h1{max-width:760px}
  .showcase{max-width:560px;width:100%}
  .page-hero{padding:62px 0 56px}
}
@media(max-width:800px){
  .cta-actions{justify-content:flex-start}
  .cta-grid{gap:26px}
}

/* Дополнительные тексты услуг: читаемая длина строки и явные ссылки. */
.editorial .copy{min-width:0}
.editorial .copy h3{margin:0 0 18px;font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.02em}
.editorial .copy p{margin:0 0 20px}
.editorial .reading{max-width:760px;margin-left:auto}
.editorial a,.section-head p a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#bba27388;color:var(--accent)}
.editorial a:hover,.section-head p a:hover{text-decoration-color:currentColor}
.editorial li{margin-bottom:18px;padding-left:6px}
.editorial strong{color:var(--text);font-weight:500}
.editorial blockquote{margin:24px 0;padding:4px 0 4px 24px;border-left:2px solid var(--accent);color:var(--text)}
.equipment-notes{margin:0}
.equipment-notes dt{color:var(--text);font-weight:500;margin:0 0 10px}
.equipment-notes dd{margin:0 0 28px;color:var(--muted)}
.editorial[id]{scroll-margin-top:96px}
@media(max-width:800px){.editorial .copy h3{font-size:22px}.editorial .two-col{gap:32px}.editorial .reading{max-width:none}}

/* Ссылки на адрес сохраняют расположение текста и заметны при наведении. */
.address-link{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#bba27388}
.address-link:hover,.address-link:focus-visible{color:var(--accent);text-decoration-color:currentColor}
.contact-data .address-link{display:inline;margin:0;color:inherit}
.contact-data .address-link:hover,.contact-data .address-link:focus-visible{color:var(--accent)}
