.control-editorial{
  display:block;
  padding:110px max(28px,calc((100vw - 1440px)/2)) 104px;
  background:#f5f5f7;
  color:#1d1d1f;
  overflow:hidden;
}
.control-editorial::before{content:none}
.control-intro{max-width:860px;margin:0 auto 58px;text-align:center}
.control-kicker{margin:0 0 18px;color:#0066cc;font-size:13px;font-weight:800;letter-spacing:.15em}
.control-intro h2{margin:0;font-size:clamp(48px,6vw,88px);font-weight:800;letter-spacing:-.065em;line-height:1.04;text-wrap:balance}
.control-intro h2 span{color:#0066cc}
.control-intro>p:last-child{max-width:675px;margin:23px auto 0;color:#5c5c62;font-size:clamp(18px,1.5vw,22px);line-height:1.5;text-wrap:balance}
.control-gallery{width:min(100%,1390px);margin:auto;padding:27px;display:grid;grid-template-columns:minmax(0,3.6fr) minmax(220px,1fr);gap:18px;align-items:stretch;border-radius:30px;background:radial-gradient(circle at 82% 0%,#dce9ff 0,transparent 35%),linear-gradient(145deg,#e8ecf2,#dee5ef);box-shadow:inset 0 1px rgba(255,255,255,.9)}
.control-screen{min-width:0;height:clamp(420px,38vw,555px);margin:0;overflow:hidden;background:#fff;border:1px solid rgba(7,26,61,.12);border-radius:17px;box-shadow:0 25px 55px rgba(17,37,73,.15)}
.control-screen figcaption{height:42px;padding:0 18px;display:flex;align-items:center;gap:9px;background:#fff;color:#293650;font-size:12px;font-weight:750;letter-spacing:.01em;border-bottom:1px solid #e8eaf0}
.control-screen-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#0871eb;box-shadow:0 0 0 3px #e5f0ff}
.control-screen img{display:block;width:100%;height:calc(100% - 42px);object-fit:cover;object-position:left top}
.control-card-screen{background:#211c26}
.control-card-screen img{object-position:center top}
.control-notes{max-width:1300px;margin:42px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.control-notes>div{border-top:1px solid #cbd0d9;padding-top:20px}
.control-notes span{display:block;margin-bottom:11px;color:#0066cc;font-size:12px;font-weight:800;letter-spacing:.15em}
.control-notes h3{margin:0 0 7px;font-size:clamp(20px,1.55vw,26px);line-height:1.15;letter-spacing:-.035em}
.control-notes p{max-width:350px;margin:0;color:#5c5c62;font-size:15px;line-height:1.5}
@media(max-width:900px){
  .control-editorial{padding:88px 24px 86px}
  .control-gallery{grid-template-columns:minmax(0,2.2fr) minmax(170px,1fr);padding:16px;gap:12px}
  .control-screen{height:420px}
  .control-notes{gap:20px}
}
@media(max-width:650px){
  .control-editorial{padding:74px 16px 75px;background:#fff}
  .control-intro{margin-bottom:36px}
  .control-kicker{font-size:11px}
  .control-intro h2{font-size:clamp(43px,11vw,64px)}
  .control-intro>p:last-child{font-size:17px}
  .control-gallery{display:flex;flex-direction:column;padding:0;gap:22px;border-radius:0;background:transparent;box-shadow:none}
  .control-screen{height:clamp(260px,72vw,380px);border-radius:12px;flex:none}
  .control-card-screen{height:auto;background:#fff}
  .control-card-screen img{height:auto;object-fit:initial;background:none}
  .control-notes{margin-top:34px;grid-template-columns:1fr;gap:22px}
  .control-notes>div{padding-top:16px}
  .control-notes h3{font-size:22px}
}
@media(prefers-reduced-motion:no-preference){
  .control-screen{transition:transform .5s ease,box-shadow .5s ease}
  .control-screen:hover{transform:translateY(-5px);box-shadow:0 32px 65px rgba(17,37,73,.19)}
}