/* Заголовки проектов: читаемые размеры вместо огромных (карточки на главной и шапка проекта). */
.sdw-card-fade{position:absolute;inset:auto 0 0 0;height:65%;z-index:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.35) 55%,transparent)}
.sdw-card-title{margin:0;max-width:22ch;font-family:"Onest","General Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(20px,1.1vw + 14px,30px);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:#fff;text-wrap:balance;overflow-wrap:break-word;text-shadow:0 1px 18px rgba(0,0,0,.35)}
.sdw-hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.55) 75%,rgba(0,0,0,.45) 100%)}
.sdw-hero-in{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 clamp(20px,4vw,56px) clamp(32px,5vw,72px);color:#fff;font-family:"Onest","General Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.sdw-hero-sub{margin:0 0 16px;max-width:60ch;font-size:13px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.sdw-hero-title{margin:0;max-width:20ch;font-size:clamp(28px,4vw,60px);font-weight:600;line-height:1.08;letter-spacing:-.03em;color:#fff;text-wrap:balance;overflow-wrap:break-word;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.sdw-hero-info{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:24px;font-size:13px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:#fff}
.sdw-hero-info span{color:rgba(255,255,255,.6);margin-right:6px}
.sdw-seq-title{max-width:18ch;font-size:clamp(30px,4.2vw,64px) !important;line-height:1.05 !important;text-wrap:balance;overflow-wrap:break-word;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.35)}
/* Подложка под текстом на странице проектов: заголовок читается даже на белом/светлом фото */
.sdw-seq-shade{background:
  radial-gradient(ellipse 70% 55% at 50% 50%,rgba(0,0,0,.42) 0%,rgba(0,0,0,.2) 60%,transparent 100%),
  linear-gradient(to bottom,rgba(0,0,0,.45) 0%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.55) 100%),
  rgba(0,0,0,.18)}
[data-content] [data-text],[data-content] [data-info],[data-content] [data-tags]{text-shadow:0 1px 10px rgba(0,0,0,.6)}
[data-content] [data-tags] > div{color:rgba(255,255,255,.92)}

/* Логотип в шапке: две строки SDW / SKi, цвет = currentColor (работает с blend-режимом шапки) */
.sdw-logo-link{display:inline-block;line-height:0;color:inherit}
.sdw-logo{display:block;width:auto;height:34px;overflow:visible}
@media (min-width:1024px){.sdw-logo{height:42px}}
.sdw-logo__dot{transform-box:fill-box;transform-origin:center bottom;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.sdw-logo-link:hover .sdw-logo__dot{transform:translateY(-14%) scale(1.18)}
.sdw-logo__stem{transition:opacity .3s}
@media (prefers-reduced-motion:reduce){.sdw-logo__dot{transition:none}}

/* Видео проекта поверх картинки: картинка видна, пока видео грузится, затем видео плавно появляется */
.sdw-vid-host{position:relative}
.sdw-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;pointer-events:none}
.sdw-vid.is-ready{opacity:1}
@media (prefers-reduced-motion:reduce){.sdw-vid{display:none}}