/* Hallmark · shape: Long document · genre: editorial · theme: Точный сервис (locked) · redesign: full
 * hero: editorial split with architecture photo · signature: live calculation beside its explanation · imagery: library photograph 1, live product example 1 · posture: restrained · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4 · weakest: E, replaced the continuous text column with three contextual images */
.ds-about-page .ds-about-intro{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,min-content) 1fr;gap:var(--space-lg) var(--ds-gap);align-items:start;padding-top:var(--space-lg);padding-bottom:var(--space-2xl)}
.ds-about-page .ds-about-intro>h2{grid-column:1;grid-row:auto;font-size:clamp(32px,3.1vw,44px);max-width:22ch}
.ds-about-page .ds-about-intro>.ds-context,.ds-about-page .ds-about-intro>p:not(.ds-context),.ds-about-page .ds-about-intro>.text-link{grid-column:1}
.ds-about-page .ds-about-intro>.ds-context{margin:0;font-size:16px;font-weight:400;color:var(--ds-muted)}
.ds-about-page .ds-about-intro>p:not(.ds-context){font-size:16px;color:var(--ds-muted);max-width:54ch}
.ds-about-page .ds-about-intro>.text-link{justify-self:start;align-self:start}
.ds-about-page .ds-about-photo{grid-column:2;grid-row:1/6;align-self:start;margin:0;display:flex;flex-direction:column}
.ds-about-photo img{width:100%;height:560px;object-fit:cover;object-position:50% 50%;border-radius:var(--ds-radius);filter:saturate(.7);outline:1px solid var(--ds-rule);outline-offset:-1px}
.ds-about-photo figcaption,.ds-about-catalog figcaption,.ds-about-calculation figcaption{font-size:13px;color:var(--ds-muted);margin-top:var(--space-sm);line-height:1.6;max-width:65ch}
.ds-about-catalog{margin:0 0 var(--space-xl)}
.ds-about-catalog picture{display:block;border:1px solid var(--ds-rule);border-radius:var(--ds-radius);overflow:clip;background:var(--ds-paper)}
.ds-about-catalog img{display:block;width:100%;height:auto}
.ds-about-calculation{margin:var(--space-xl) 0 0;max-width:440px}
.ds-about-calculation img{display:block;width:100%;height:auto;border-radius:var(--ds-radius);border:1px solid var(--ds-rule)}
.ds-about-photo-credit{margin-top:var(--space-lg);font-size:12px;color:var(--ds-muted);max-width:90ch;line-height:1.7}
.ds-about-photo-credit a{text-decoration:underline;text-underline-offset:4px}
.ds-about-photo-credit a:focus-visible{outline:3px solid var(--ds-focus);outline-offset:4px}
@media(max-width:1100px){.ds-about-photo img{height:520px}}
@media(max-width:760px){
 .ds-about-page .ds-about-intro{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:var(--space-lg);padding-bottom:var(--space-xl)}
 .ds-about-page .ds-about-intro>h2{grid-row:1;font-size:34px;max-width:22ch}
 .ds-about-page .ds-about-intro>.ds-context{grid-row:2}
 .ds-about-page .ds-about-intro>.ds-about-photo{grid-column:1;grid-row:3;margin-top:var(--space-xs)}
 .ds-about-photo img{min-height:0;height:auto;aspect-ratio:4/3;object-position:50% 50%}
 .ds-about-calculation{max-width:440px;margin-top:var(--space-lg)}
 .ds-about-photo-credit{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.ds-about-page *{animation:none!important;transition:none!important}}

/* Replace the full-width screenshot with readable product material. */
.ds-about-page .ds-about-rating-layout{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:var(--ds-gap);align-items:start}
.ds-about-score-example{margin:0;max-width:440px}
.ds-about-score-example .ds-breakdown{padding:var(--space-lg);box-shadow:none}
.ds-about-score-example .ds-breakdown h3{padding-right:0}
.ds-about-score-example .ds-breakdown>.ds-caption{padding-right:0}
.ds-about-score-example figcaption{font-size:13px;color:var(--ds-muted);line-height:1.6;margin-top:var(--space-sm)}
.ds-about-rating-layout .ds-about-factors{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
.ds-about-rating-layout .ds-about-factors>div{padding-top:var(--space-md)}
.ds-about-rating-layout .ds-about-factors h3{font-size:22px;margin:var(--space-xs) 0 var(--space-sm)}
.ds-about-rating-layout .ds-about-factors span{font-size:12px}
@media(max-width:760px){
 .ds-about-page .ds-about-rating-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
 .ds-about-score-example{max-width:100%;width:100%}
 .ds-about-score-example .ds-breakdown{padding:var(--space-lg) var(--space-md)}
 .ds-about-score-example .ds-factor>div{flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm)}
}

/* Published methodology remains useful without scored companies. */
.ds-about-weight-panel{background:var(--ds-paper-2)}
.ds-about-weight-panel h3{font-size:30px;max-width:18ch;margin-bottom:var(--space-md)}
.ds-about-weight-panel>p:not(.ds-calculation-note){font-size:14px;color:var(--ds-muted);line-height:1.6}
.ds-about-weight-panel dl{margin-top:var(--space-xl)}
.ds-weight-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xs) var(--space-sm);margin-top:var(--space-lg)}
.ds-weight-row dt{font-size:14px}.ds-weight-row dd{font-size:24px;font-weight:500;margin:0;line-height:1.2;font-variant-numeric:tabular-nums}
.ds-weight-row dd small{font-size:12px;font-weight:400;color:var(--ds-muted)}
.ds-weight-row .ds-meter{grid-column:1/-1;margin-top:var(--space-xs)}
.ds-about-weight-panel>.ds-calculation-note{margin-top:var(--space-xl)}