/* QA103.71 — Quality opening hero: desktop Mitutoyo background video, mobile poster. */
.quality-cmm-cinema.quality-cmm-hero{position:relative;width:100%;margin:0;padding:0;background:#080b0d;color:#fff;overflow:hidden}
.quality-cmm-hero .quality-cmm-frame{position:relative;width:100%;height:clamp(680px,78svh,860px);min-height:680px;overflow:hidden;background:#101315 url('/themes/sppauto/assets/cmm-precision-poster-qa10272.webp') center center/cover no-repeat;isolation:isolate}
.quality-cmm-hero .quality-cmm-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block;background:transparent;opacity:0;visibility:visible;filter:brightness(.82) saturate(.88) contrast(1.04);transform:scale(1.02);transition:opacity .45s ease,transform 5s ease}
.quality-cmm-hero.is-video-ready .quality-cmm-video,.quality-cmm-hero.is-video-playing .quality-cmm-video{opacity:1}
.quality-cmm-hero.is-video-playing .quality-cmm-video{transform:scale(1.035)}
.quality-cmm-hero .quality-cmm-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,6,7,.72) 0%,rgba(4,6,7,.52) 35%,rgba(4,6,7,.20) 66%,rgba(4,6,7,.30) 100%),linear-gradient(180deg,rgba(4,6,7,.12) 0%,rgba(4,6,7,.08) 52%,rgba(4,6,7,.48) 100%)}
.quality-cmm-hero .quality-cmm-grid{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.8) 44%,transparent 82%)}
.quality-cmm-hero .quality-cmm-content{position:relative;z-index:3;width:min(calc(100% - 96px),1480px);height:100%;margin:0 auto;padding:88px 0 42px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#fff}
.quality-cmm-hero .quality-cmm-copy{max-width:820px}
.quality-cmm-hero .quality-cmm-kicker{display:flex;align-items:center;gap:13px;color:#e2e7ea;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.quality-cmm-hero .quality-cmm-kicker:before{content:"";width:42px;height:2px;background:#d7281c}
.quality-cmm-hero .quality-cmm-copy h1{margin:22px 0 22px;color:#fff;font-size:clamp(64px,6.7vw,116px);font-weight:760;line-height:1.02;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}
.quality-cmm-hero .quality-cmm-copy h1 em{color:#d7281c;font-style:normal}
.quality-cmm-hero .quality-cmm-copy p{max-width:640px;margin:0;color:#d5dadd;font-size:14px;line-height:1.8;text-shadow:0 1px 20px rgba(0,0,0,.28)}
.quality-cmm-hero .quality-cmm-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.quality-cmm-hero .quality-cmm-badges span{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.18);background:rgba(4,7,9,.22);backdrop-filter:blur(6px);color:#eef1f2;font-size:8px;font-weight:800;letter-spacing:.12em}
.quality-cmm-hero .quality-cmm-meta{width:100%;display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}
.quality-cmm-hero .quality-cmm-scroll{display:inline-flex;align-items:center;gap:12px;color:#f4f5f5;text-decoration:none;font-size:9px;font-weight:850;letter-spacing:.11em}
.quality-cmm-hero .quality-cmm-scroll i{color:#d7281c;font-style:normal;font-size:15px;transition:transform .2s ease}
.quality-cmm-hero .quality-cmm-scroll:hover i{transform:translateY(3px)}
.quality-cmm-hero .quality-cmm-toggle{margin-inline-start:auto;min-height:40px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.28);background:rgba(5,8,9,.36);backdrop-filter:blur(8px);color:#fff;cursor:pointer;font:inherit;font-size:9px;font-weight:800;letter-spacing:.10em;transition:.2s ease}
.quality-cmm-hero .quality-cmm-toggle:hover,.quality-cmm-hero .quality-cmm-toggle:focus-visible{background:#fff;color:#111517;outline:none}
.quality-cmm-hero .quality-cmm-toggle i{position:relative;width:11px;height:11px;display:block}
.quality-cmm-hero .quality-cmm-toggle i:before,.quality-cmm-hero .quality-cmm-toggle i:after{content:"";position:absolute;top:0;width:3px;height:11px;background:currentColor}
.quality-cmm-hero .quality-cmm-toggle i:before{left:1px}.quality-cmm-hero .quality-cmm-toggle i:after{right:1px}
.quality-cmm-hero .quality-cmm-toggle.is-paused i:before{left:2px;top:0;width:0;height:0;background:transparent;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;border-left:9px solid currentColor}
.quality-cmm-hero .quality-cmm-toggle.is-paused i:after{display:none}
.quality-cmm-hero.is-video-error .quality-cmm-toggle{display:none}

@media(max-width:980px){
  .quality-cmm-hero .quality-cmm-frame{height:clamp(620px,74svh,760px);min-height:620px}
  .quality-cmm-hero .quality-cmm-content{width:min(calc(100% - 40px),1480px);padding:64px 0 30px}
  .quality-cmm-hero .quality-cmm-copy h1{font-size:clamp(52px,10vw,82px)}
}
@media(max-width:760px){
  .quality-cmm-hero .quality-cmm-frame{height:clamp(560px,72svh,680px);min-height:560px;background-position:56% center}
  .quality-cmm-hero .quality-cmm-video{display:none!important}
  .quality-cmm-hero .quality-cmm-shade{background:linear-gradient(180deg,rgba(5,7,8,.24) 0%,rgba(5,7,8,.30) 34%,rgba(5,7,8,.82) 100%)}
  .quality-cmm-hero .quality-cmm-grid{background-size:54px 54px;mask-image:linear-gradient(180deg,#000 0%,transparent 72%)}
  .quality-cmm-hero .quality-cmm-content{width:calc(100% - 32px);padding:38px 0 24px;justify-content:flex-end}
  .quality-cmm-hero .quality-cmm-copy h1{margin:16px 0 18px;font-size:clamp(42px,13.5vw,64px);line-height:1.04}
  .quality-cmm-hero .quality-cmm-copy p{font-size:12px;line-height:1.65}
  .quality-cmm-hero .quality-cmm-badges{margin-top:20px}
  .quality-cmm-hero .quality-cmm-meta{margin-top:24px;flex-wrap:wrap}
  .quality-cmm-hero .quality-cmm-toggle{display:none}
}
@media(prefers-reduced-motion:reduce){.quality-cmm-hero .quality-cmm-video{transform:none!important;transition:none!important}}

/* QA103.72 — Türkçe büyük harflerde İ/Ş gibi üst-alt işaretlerin satırlar arasında çakışmaması için hero başlık satır aralığı açıldı. */