/* Two semantic columns: heading in 1–4, empty column 5, prose in 6–12. */
.case-editorial{--case-gap:clamp(120px,10vw,160px);--case-media-gap:clamp(64px,5vw,80px);--case-gutter:clamp(24px,2.5vw,40px);--case-number-offset:37px}
.case-editorial .case-hero{padding-top:40px}
.case-editorial .case-hero h1{font-size:clamp(3.5rem,7.5vw,5.125rem);line-height:1.02;letter-spacing:-.06em}
.case-editorial .case-statement{font-size:1.5rem;font-weight:400;line-height:1.5;letter-spacing:0;max-width:1100px;margin-top:28px;color:var(--secondary)}
.case-editorial .case-hero>.case-cover{margin-top:56px}
.case-editorial .case-media-surface{background:var(--warm-surface);border-radius:6px}
.case-editorial .case-cover .case-media-surface{aspect-ratio:var(--media-ratio,16/10)}
.case-editorial .case-media-placeholder{font-size:.875rem}
.case-editorial .editorial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 var(--case-gutter);align-items:start}
.case-editorial .editorial-heading{grid-column:1/5;min-width:0}
.case-editorial .editorial-copy{grid-column:6/-1;min-width:0}
.case-editorial .case-section-heading{margin-bottom:48px}
.case-editorial .case-section-heading h2{font-size:52px;font-weight:700;line-height:1.04;letter-spacing:-.055em}
.case-editorial .editorial-grid>.case-section-heading{margin:0}
.case-editorial .editorial-grid>.case-section-heading h2{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font-size:52px;line-height:1.08;font-weight:600;letter-spacing:-.05em}
.case-editorial .editorial-heading h3{font-size:clamp(1.75rem,3vw,3rem);line-height:1.08;letter-spacing:-.05em;font-weight:700;text-wrap:pretty;overflow-wrap:break-word;hyphens:manual}
.case-editorial .has-number .editorial-heading>.number,.case-editorial .case-chapter-index{display:block;font-size:.875rem;line-height:21px;font-weight:400;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--secondary);padding:0;margin:0 0 16px}
.case-editorial .has-number>.editorial-copy{padding-top:var(--case-number-offset)}
.case-editorial .case-context-copy p{font-size:1.5rem;line-height:1.4;letter-spacing:-.025em;color:var(--ink)}
.case-editorial .case-meta-wrap{width:100%;padding-top:40px;margin:0}
.case-editorial .case-meta{display:block;border-top:1px solid var(--line);padding-top:0}
.case-editorial .case-meta>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:start;padding-block:20px;border-bottom:1px solid var(--line)}
.case-editorial .case-meta dt{margin:0}
.case-editorial .case-meta dt,.case-editorial .case-meta dd{font-size:1.25rem}
.case-editorial .case-placeholder-note{font-size:.875rem;line-height:1.5;max-width:600px;margin-top:28px}
.case-editorial .editorial-problem-list,.case-editorial .editorial-outcomes{list-style:none;margin:0;padding:0}
.case-editorial .editorial-problem-list>li,.case-editorial .editorial-outcomes li{padding-block:32px;border-top:1px solid var(--line)}
.case-editorial .editorial-problem-list h3,.case-editorial .editorial-outcomes h3{font-size:clamp(1.75rem,2.55vw,2.5rem);line-height:1.12;font-weight:600;letter-spacing:-.045em}
.case-editorial .editorial-problem-list .editorial-copy>p,.case-editorial .editorial-outcomes p{font-size:1.25rem;line-height:1.6}
.case-editorial .editorial-problem-list .editorial-copy>p+p,.case-editorial .editorial-outcomes p+p{margin-top:16px}
.case-editorial .editorial-problem-list>li:last-child,.case-editorial .editorial-outcomes li:last-child{padding-bottom:0}
.case-editorial .case-problem-gallery{width:100%;margin-top:32px}
.case-editorial .case-tasks,.case-editorial .case-approach{max-width:none;padding-top:var(--case-gap)}
.case-editorial .editorial-content>p{font-size:1.25rem;line-height:1.6}
.case-editorial .editorial-content>p+p{margin-top:20px}
.case-editorial .case-chapters-label{font-size:52px;font-weight:700;letter-spacing:-.055em;line-height:1.04;color:var(--ink);border-top:1px solid var(--line);padding-top:32px;margin-bottom:64px}
.case-editorial .case-chapter-header h3{font-size:clamp(2rem,3vw,3rem);font-weight:600}
.case-editorial .case-chapter+.case-chapter{margin-top:var(--case-gap)}
.case-editorial .case-chapter-copy p{font-size:1.25rem;line-height:1.6}
.case-editorial .case-chapter-copy p+p{margin-top:16px}
.case-editorial .case-chapter-copy p:first-child{color:var(--ink)}
.case-editorial .case-chapter-media{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--case-gutter);row-gap:40px;margin-top:32px}
.case-editorial .case-chapter-media>*{grid-column:6/-1;min-width:0;width:100%}
.case-editorial .editorial-section-media{grid-column:1/-1;width:100%;min-width:0}
.case-editorial .editorial-section-media>*{grid-column:1/-1}
.case-editorial .case-approach .editorial-section-media>*{grid-column:6/-1}
.case-smolum.case-editorial .case-approach .editorial-section-media>.case-demo-video{grid-column:1/-1}
.case-smolum .case-demo-video .case-media-surface{aspect-ratio:16/9}
.case-smolum .case-demo-video video{width:100%;height:100%;object-fit:contain}
.case-smolum .case-video-controls{position:absolute;inset:auto 0 0;z-index:1;display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 16px;color:#fff;background:linear-gradient(transparent,#000c 35%);font-size:13px}
.case-smolum .case-video-toggle{flex:none;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#fff;color:#171717;cursor:pointer}
.case-smolum .case-video-icon{display:block;width:20px;height:20px}
.case-smolum .case-video-icon-play{transform:translateX(-.5px)}
.case-smolum .case-video-toggle[data-state="paused"] .case-video-icon-pause,.case-smolum .case-video-toggle[data-state="playing"] .case-video-icon-play{display:none}
.case-smolum .case-video-toggle:focus-visible,.case-smolum .case-video-seek:focus-visible{outline:2px solid #fff;outline-offset:3px}
.case-smolum .case-video-seek{flex:1;min-width:0;height:24px;margin:0;appearance:none;background:transparent;cursor:pointer}
.case-smolum .case-video-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#fff 0 var(--video-progress,0%),#ffffff80 var(--video-progress,0%) 100%)}
.case-smolum .case-video-seek::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;appearance:none;background:#fff}
.case-smolum .case-video-seek::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#fff 0 var(--video-progress,0%),#ffffff80 var(--video-progress,0%) 100%)}
.case-smolum .case-video-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.case-smolum .case-video-seek:disabled{opacity:.65;cursor:default}
.case-smolum .case-video-time{flex:none;min-width:76px;text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:560px){.case-smolum .case-video-controls{gap:8px;min-height:48px;padding:6px 9px;font-size:11px}.case-smolum .case-video-toggle{width:30px;height:30px}.case-smolum .case-video-icon{width:17px;height:17px}.case-smolum .case-video-time{min-width:62px}}
.case-sport-and-bets.case-editorial .case-approach .editorial-section-media>*{grid-column:1/-1}
/* The Federation's only interface gallery spans the full content grid. */
.case-fkhg-mo.case-editorial .case-approach .editorial-section-media>*{grid-column:1/-1}
.case-u-jewels.case-editorial .case-approach .editorial-section-media:has([aria-label="Итоговые макеты U-Jewels"])>*{grid-column:1/-1}
.case-uslada.case-editorial .case-approach .editorial-section-media:has([aria-label="Итоговые макеты Услада"])>*{grid-column:1/-1}
.case-printday.case-editorial .case-approach .editorial-section-media:has([aria-label="Итоговые макеты Prinday"])>*{grid-column:1/-1}
.case-alisher-kushakov.case-editorial .case-approach .editorial-section-media>*{grid-column:1/-1}
.case-en-home.case-editorial .case-approach .editorial-section-media>*{grid-column:1/-1}
.case-editorial .case-before-after,.case-editorial .case-media-pair,.case-editorial .case-gallery-grid{gap:var(--case-gutter)}
.case-editorial .case-approach .case-before-after{grid-template-columns:minmax(0,1fr)}
.case-editorial .case-before-after .case-media-label{font-size:18px;font-weight:600;margin-bottom:16px}
.case-editorial .editorial-gallery>.case-section-heading h2{max-width:850px}
.case-editorial .editorial-gallery>.case-section-heading{margin-bottom:var(--case-media-gap)}
.case-editorial .case-final-media{display:grid;grid-template-columns:1fr;gap:40px}
.case-editorial .case-final-media>*{min-width:0}
.case-editorial .case-gallery-caption{font-size:16px}
.case-editorial .case-final-media>.gallery-mobile{width:min(100%,1060px);max-width:none;margin-inline:auto;gap:var(--case-gutter)}
.case-editorial .gallery-mobile .case-media{width:100%;max-width:none}
.case-editorial .case-results{--result-space:clamp(88px,9vw,128px);background:#000;color:#fff;margin-top:var(--result-space);padding-block:var(--result-space)}
.case-editorial .case-results .case-section-heading h2{color:#fff}
.case-editorial .case-result-intro{margin-bottom:64px}
.case-editorial .case-result-statement{font-size:clamp(1.75rem,2.5vw,2.5rem);line-height:1.3;letter-spacing:-.035em}
.case-editorial .case-result-statement p{color:#fff}
.case-editorial .case-result-copy{font-size:1.25rem}
.case-editorial .case-result-copy p{color:rgba(255,255,255,.82)}
.case-editorial .case-result-copy p+p,.case-editorial .case-result-statement p+p{margin-top:20px}
.case-editorial .result-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:repeat(3,auto);gap:4px;list-style:none;margin:0;padding:4px;border:1px solid rgba(255,255,255,.2);border-radius:5px}
.case-editorial .result-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;min-width:0;min-height:320px;gap:0;padding:32px;background:#1b1b1b;color:#fff}
.case-editorial .result-card>.number{display:block;align-self:start;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.24);color:#fff;font-size:1.125rem;font-weight:700;line-height:1.55}
.case-editorial .result-card h3{align-self:end;margin-top:40px;font-size:clamp(1.5rem,2.3vw,1.75rem);line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
.case-editorial .result-card-copy{align-self:start;margin-top:18px}
.case-editorial .result-card-copy p{font-size:1.25rem;line-height:1.55;color:rgba(255,255,255,.8)}
.case-editorial .result-card-copy p+p{margin-top:12px}
.case-editorial .case-metrics{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.case-editorial .editorial-next{padding-top:var(--case-gap);border-top:0}
.case-editorial .editorial-next h2{font-size:52px;font-weight:700}
.case-editorial .editorial-next .case-next-heading{margin-bottom:48px}
.case-editorial .contact-intro{font-size:1.25rem}
@media(max-width:1023px){
  .case-editorial .case-chapter-copy p{font-size:1.25rem}
  .case-editorial .result-cards{grid-auto-flow:row;grid-auto-columns:auto;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-editorial .result-card{min-height:300px}
}
.case-editorial .case-client-link{display:inline-flex;align-items:baseline;gap:8px;border-bottom:1px solid var(--line);line-height:1.25}
.case-editorial .case-client-link svg{align-self:center;flex:none;width:16px;height:16px}
.case-editorial .case-client-link:hover{opacity:.7;border-color:currentColor}
@media(max-width:800px){
  .case-editorial{--case-gap:88px;--case-media-gap:48px}
  .case-editorial .editorial-grid{grid-template-columns:1fr;row-gap:28px}
  .case-editorial .case-chapter-media{grid-template-columns:minmax(0,1fr)}
  .case-editorial .case-chapter-media>*{grid-column:1}
  .case-editorial .case-approach .editorial-section-media>*{grid-column:1}
  .case-editorial .editorial-heading,.case-editorial .editorial-copy{grid-column:1}
  .case-editorial .has-number>.editorial-copy{padding-top:0}
  .case-editorial .editorial-heading h3{font-size:clamp(2rem,5vw,3rem)}
  .case-editorial .case-chapter-copy p{font-size:1.25rem}
}
@media(max-width:560px){
  .case-editorial{--case-gap:64px;--case-media-gap:32px;--case-gutter:20px}
  .case-editorial .case-hero{padding-top:24px}
  .case-editorial .case-hero h1{font-size:clamp(1.875rem,9.5vw,2.75rem)}
  .case-editorial .case-statement{font-size:1.25rem;margin-top:24px}
  .case-editorial .case-hero>.case-cover{margin-top:32px}
  .case-editorial .case-context-copy p{font-size:1.375rem}
  .case-editorial .case-meta-wrap{padding-top:28px}
  .case-editorial .case-meta>div{grid-template-columns:110px minmax(0,1fr);gap:16px;padding-block:16px}
  .case-editorial .case-meta dt,.case-editorial .case-meta dd{font-size:1rem}
  .case-editorial .case-media-surface{border-radius:4px}
  .case-editorial .case-section-heading{margin-bottom:32px}
  .case-editorial .case-section-heading h2{font-size:52px}
  .case-editorial .editorial-grid>.case-section-heading h2{font-size:52px}
  .case-editorial .editorial-problem-list>li,.case-editorial .editorial-outcomes li{padding-block:24px}
  .case-editorial .editorial-problem-list h3,.case-editorial .editorial-outcomes h3{font-size:1.75rem}
  .case-editorial .editorial-problem-list .editorial-copy>p,.case-editorial .editorial-outcomes p{font-size:1rem;line-height:1.55}
  .case-editorial .contact-intro{font-size:1rem}
  .case-editorial .case-chapters-label{font-size:52px;margin-bottom:40px;padding-top:24px}
  .case-editorial .case-chapter-header h3{font-size:clamp(2rem,9vw,2.5rem);text-wrap:wrap}
  .case-editorial .case-chapter-copy p,.case-editorial .editorial-content>p,.case-editorial .case-result-copy{font-size:1rem;line-height:1.55}
  .case-editorial .case-chapter-media{gap:24px}
  .case-editorial .case-final-media,.case-editorial .case-final-media>.gallery-mobile{grid-template-columns:1fr;gap:24px}
  .case-editorial .case-results{--result-space:64px}
  .case-editorial .case-result-intro{margin-bottom:40px}
  .case-editorial .result-cards{grid-template-columns:minmax(0,1fr)}
  .case-editorial .result-card{min-height:0;padding:26px}
  .case-editorial .result-card h3{margin-top:32px}
  .case-editorial .result-card-copy p{font-size:1rem}
  .case-editorial .editorial-next .case-next-heading{margin-bottom:32px}
}