/* Readable resting frames. Motion moves between them, never across a running headline. */
.about-portrait img { object-position:right top; }
@media (min-width:1024px) {
 html.has-motion { scroll-behavior:auto; }
 .has-motion .scene__screen { min-height:0; }
 .hero-titles { color:#262425; }
 .hero-titles--light { color:#f3f0ea; clip-path:inset(0% 0% 0% 50%); }
 .hero-title { -webkit-text-fill-color:currentColor; -webkit-text-stroke:0; }
 .hero-titles:not(.hero-titles--light) em { color:#80628e; }
 .hero-titles--light em { color:#c4afd1; }
 .has-motion .hero-takeover {
  inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;white-space:normal;transform:none;padding:10vh var(--gutter);
 }
 .hero-takeover h2 { font:300 clamp(80px,9vw,160px)/.88 Editorial,serif;letter-spacing:-.055em; }
 .hero-takeover em { color:#d0bedb; }
 .hero-takeover p { margin-top:35px;font:400 clamp(17px,1.5vw,24px)/1.5 Inter,sans-serif;letter-spacing:0; }
 .problem .section-meta { margin-bottom:3vh; }
 .problem-slides { min-height:60vh; }
 .problem-slide,.enhanced .problem-slide.is-active,.has-motion .problem-slide {
  display:grid;grid-template-columns:1.35fr 1fr;gap:6vw;align-items:center;
 }
 .enhanced .problem-slide:not(.is-active) { display:none; }
 .has-motion .problem-slide.is-leaving { display:grid;visibility:visible;pointer-events:none; }
 .has-motion .rule-panel.is-leaving { display:block;visibility:visible;pointer-events:none; }
 .problem-copy blockquote { font-size:clamp(48px,4.5vw,83px);line-height:.98;letter-spacing:-.045em; }
 .problem-copy p { font-size:clamp(16px,1.2vw,20px);line-height:1.55;margin-top:28px;max-width:510px; }
 .problem-photo { height:58vh;overflow:hidden;background:#d7d1ca; }
 .problem-photo img { width:100%;height:100%;object-fit:cover; }
 .problem-slide:nth-child(3) img,.problem-slide:nth-child(5) img { object-position:75% center; }
 .problem-slide:nth-child(4) img { object-position:center 25%; }
 .has-motion .problem-slides { height:65vh;min-height:0; }
 .has-motion .problem-conclusion { inset:0; }
 .has-motion .problem-conclusion p { margin:0 auto;max-width:1000px;text-align:center; }
 /* The transparent portrait and extended bench share the page background. */
 .about-portrait { width:100%;height:100svh;pointer-events:none; }
 .has-motion .education { background:transparent; }
 .has-motion .work-card { width:calc(100vw - 2 * var(--gutter));max-width:none; }
 .has-motion .works-rail { gap:calc(2 * var(--gutter)); }
 .has-motion .comparison { height:57vh; }
 .has-motion .faq { height:100svh;min-height:0;padding:6vh var(--gutter);overflow:hidden;align-items:center; }
 .has-motion .faq-intro { position:static; }
 .has-motion .faq-list { max-height:88vh;overflow-y:auto;scrollbar-width:thin;padding-right:14px; }
 .has-motion .faq-list summary { min-height:7.5vh;padding:1.8vh 0;font-size:clamp(14px,1.12vw,18px); }
 .has-motion .faq-list p { font-size:clamp(14px,1.05vw,17px);line-height:1.55;padding-bottom:2vh; }
 .has-motion .contacts { height:100svh;min-height:0;overflow:hidden; }
 .has-motion .contact-info,.has-motion .contact-form-wrap { min-height:0;overflow-y:auto;scrollbar-width:thin; }
 .has-motion .contact-info { padding-top:5vh;padding-bottom:4vh; }
 .has-motion .contact-info h2 { font-size:clamp(55px,5.3vw,96px);margin:3vh 0; }
 .has-motion .contact-info dl { margin:3vh 0; }
 .has-motion .contact-info dl>div { padding:1.4vh 0; }
 .has-motion .contact-form-wrap { padding-top:4vh;padding-bottom:4vh; }
 .has-motion .contact-form-wrap .eyebrow { margin-bottom:2vh; }
 .has-motion .contact-form-wrap label:not(.consent) { margin-top:1.8vh; }
 .has-motion .consent { margin:2.5vh 0; }
 .has-motion .documents { height:100svh;min-height:0;padding-top:5vh;padding-bottom:4vh; }
 .has-motion .document-tabs { margin-top:4vh;margin-bottom:3vh; }
 .has-motion .document-card button { height:40vh;min-height:0; }
 .has-motion .documents-bottom { margin-top:2vh; }
 .has-motion .reviews { height:100svh;min-height:0;padding-top:6vh;padding-bottom:6vh; }
}
.comparison-divider span { width:54px;height:54px;left:-27px;top:calc(50% - 27px);background:#262425c9; }
.comparison-divider:after {
 content:'Потяните ↔';position:absolute;top:calc(50% + 42px);left:50%;transform:translateX(-50%);
 color:white;background:#262425c9;padding:7px 12px;white-space:nowrap;font-size:12px;letter-spacing:.03em;
}
@media (max-width:1023px) {
 .problem-photo { height:36vh;max-height:360px;margin-top:30px;overflow:hidden; }
 .problem-photo img { width:100%;height:100%;object-fit:cover;object-position:center 35%; }
 .problem-slide:nth-child(3) img,.problem-slide:nth-child(5) img { object-position:75% center; }
 .problem-slides { min-height:0; }
 .problem-slide { padding-bottom:20px; }
 .comparison-divider:after { font-size:11px;padding:5px 8px; }
}