/* C-5 desktop background and horizontal composition. Mobile keeps its original background. */
@media (min-width:1101px) {
  .c3-inner {
    width:min(1800px,calc(100% - 96px));
    grid-template-columns:minmax(330px,1.04fr) minmax(0,1.5fr) minmax(245px,.64fr);
    column-gap:28px;
    min-height:0;
    padding:32px clamp(85px,8.5vw,164px) 34px 0;
    align-items:center;
  }
  .c3-copy { align-self:center; max-width:none; }
  .c3-kicker { font-size:clamp(11px,.86vw,15px); margin-bottom:9px; letter-spacing:.22em; }
  .c3-series { position:relative; isolation:isolate; gap:14px; }
  .c3-series strong { font-size:clamp(86px,7vw,134px); line-height:.98; }
  .c3-series > span { font-size:clamp(51px,4.35vw,83px); }
  /* A narrow light core and a broader diffused halo sit under the live title. */
  .c3-series::before {
    content:''; position:absolute; pointer-events:none; z-index:-1;
    left:-24px; right:-50px; bottom:0; height:2px;
    background:linear-gradient(90deg,transparent 0%,#087cd670 8%,#b7efff 24%,#42c4ff 45%,#138de082 74%,transparent 100%);
    box-shadow:0 0 7px 1px #219dff99,0 0 20px 3px #1275dd66;
  }
  .c3-series::after {
    content:''; position:absolute; pointer-events:none; z-index:-2;
    left:-40px; right:-75px; bottom:-12px; height:28px;
    background:radial-gradient(ellipse at 35% 50%,#72d7ff85 0%,#0877da57 28%,#0571ca20 53%,transparent 74%);
    filter:blur(6px);
  }
  .c3-slogan { margin-top:14px; font-size:clamp(30px,2.15vw,41px); line-height:1.2; }
  .c3-light-rule { display:none; }
  .c3-description { width:100%; max-width:none; margin-top:12px; font-size:clamp(14px,1.03vw,18px); line-height:1.6; }
  .c3-links { flex-wrap:nowrap; gap:14px; margin-top:18px; font-size:clamp(13px,.9vw,16px); }
  .c3-links a { justify-content:center; min-height:48px; gap:14px; padding:11px 20px; border:1px solid #d7e9f5b3; border-radius:5px; white-space:nowrap; transition:background .18s,border-color .18s; }
  .c3-links a:first-child { background:#0878f7; border-color:#0878f7; color:white; font-weight:700; }
  .c3-links a:first-child:hover { background:#0065dc; border-color:#3e9cff; }
  .c3-links a:last-child { background:#020d1e70; color:#edf7ff; }
  .c3-links a:last-child:hover { background:#0b325b; border-color:#fff; }
  .c3-lineup { align-self:center; align-items:end; padding:0; gap:clamp(14px,1.2vw,23px); margin:0; }
  .c3-photo { max-width:158px; margin-inline:auto; }
  .c3-product figcaption { margin-top:13px; transform:translateX(10px); }
  .c3-product figcaption strong { font-size:clamp(20px,1.35vw,25px); }
  .c3-lineup .c3-product figcaption strong {
    font-family:'Temco Sans',sans-serif; font-weight:650;
    letter-spacing:-.025em; transform:none;
  }
  .c3-product figcaption span { font-size:clamp(12px,.93vw,16px); margin-top:5px; }
  /* Keep the actual product photo; reflect its two faces about their base edges.
     The decorative SVG includes a cool, fading reflection and a soft contact
     shadow, replacing the old flat black floor polygon. Desktop only. */
  .c3-reflection { display:none; }
  .c3-photo::before {
    left:0; right:auto; top:-3px; bottom:auto;
    width:100%; height:136.36364%; border-radius:0;
    background:var(--floor-reflection) 0 0 / 100% 100% no-repeat;
    filter:none; transform:none; opacity:1; z-index:-1;
  }
  .module-1 { --floor-reflection:url('assets/m74c-floor-reflection.svg'); }
  .module-2 { --floor-reflection:url('assets/m74-floor-reflection.svg'); }
  .module-3 { --floor-reflection:url('assets/m74p-floor-reflection.svg'); }
  .module-4 { --floor-reflection:url('assets/m74r-floor-reflection.svg'); }
  .c3-photo::after { content:none; }
  .c3-photo > img { transform:translateY(-3px); filter:drop-shadow(0 3px 2px #0004); }
  .c3-features { align-self:center; margin:0; padding:0 0 0 22px; }
  .c3-features ul { gap:15px; }
  .c3-features li { grid-template-columns:42px minmax(0,1fr); gap:14px; min-height:49px; }
  .c3-features svg { width:42px; height:49px; }
  .c3-features h2 { font-size:clamp(16px,1.13vw,21px); margin-bottom:3px; }
  .c3-features p { font-size:clamp(12px,.86vw,15px); line-height:1.55; }
  .c3-hero::before { background-image:url('assets/c5-precision-background-v2.webp'); background-position:center center; background-size:100% 100%; }
  .c3-hero::after { background:linear-gradient(90deg,#01091822 0%,transparent 40%,#01091814 80%,transparent); }
}
@media (min-width:1101px) and (max-width:1250px) {
  .c3-inner { width:calc(100% - 64px); grid-template-columns:minmax(305px,1.05fr) minmax(0,1.42fr) minmax(225px,.68fr); column-gap:20px; padding-right:66px; }
  .c3-series { gap:10px; }
  .c3-series strong { font-size:84px; }
  .c3-series > span { font-size:52px; }
  .c3-kicker { font-size:10px; }
  .c3-slogan { font-size:31px; }
  .c3-description { font-size:13px; }
  .c3-links { gap:10px; font-size:12px; }
  .c3-links a { padding:10px 14px; gap:12px; }
  .c3-features { padding-left:15px; }
  .c3-features li { grid-template-columns:36px minmax(0,1fr); gap:11px; }
  .c3-features svg { width:36px; height:46px; }
  .c3-features h2 { font-size:16px; }
  .c3-features p { font-size:11px; }
}
@media (min-width:1600px) {
  .c3-inner { column-gap:36px; padding-top:36px; padding-bottom:38px; }
  .c3-links a { min-height:52px; padding-inline:25px; }
  .c3-features ul { gap:16px; }
}
@media (min-width:1101px) and (max-height:720px) {
  .c3-inner { padding-top:24px; padding-bottom:26px; }
}