/*
 * CANAMEK 1.4 homepage (handle canamek-home, front page only, after canamek-core).
 * Ported from the round-3 boards Main.dc.html / HomeMobile.dc.html: shared.css sections 13, 14, 16 and 22
 * (hero, dock, read-out, category tiles, posts, quote band), the Main page glue (renamed hm-* to ck-home__*),
 * the HomeMobile phone differences and round3.css R1, R3, R4, R6. Tokens, buttons, chips, inputs, section
 * heads, accordion, tiles and the product card come from ck-core.css. Owner: home.
 * House rule: never write a less-than character inside a CSS comment.
 */

/* == 1. Top block: one survey ground behind the header, the hero and the dock == */
.ck-home__top{position:relative;isolation:isolate;padding-bottom:8px}
.ck-home__dock{position:relative;z-index:2}

/* == 2. Hero slider (shared 13 + R1 + R3 + R4) == */
.ck-hero{position:relative;z-index:2;padding-top:20px}
.ck-hero__stage{position:relative}
.ck-hero__amb{position:absolute;left:6%;right:6%;top:12%;bottom:-6%;z-index:0;pointer-events:none}
.ck-hero__amb img{width:100%;height:100%;object-fit:cover;filter:blur(46px) saturate(1.25);opacity:.12;border-radius:40px}
.ck-hero__fw{position:relative;z-index:2}
.ck-hero__frame{position:relative;aspect-ratio:1400/588;border-radius:var(--r-l);overflow:hidden;background:#cfccc7;box-shadow:0 0 0 1px var(--hair-2),var(--e3);touch-action:pan-y}
.ck-hero__slide{position:absolute;inset:0;display:block;transition:opacity 600ms var(--ease),visibility 0s linear 600ms}
.ck-hero__slide:not([aria-hidden="true"]){transition:opacity 600ms var(--ease),visibility 0s}
.ck-hero__slide[aria-hidden="true"]{opacity:0;visibility:hidden}
.ck-hero__link{display:block;width:100%;height:100%;color:inherit}
.ck-hero__slide picture{display:block;width:100%;height:100%}
.ck-hero__img{display:block;width:100%;height:100%;object-fit:cover}
.ck-hero__slide--fit .ck-hero__img{object-fit:contain;background:#cfccc7}
.ck-hero__slide>.ck-ph{position:absolute;inset:0;min-height:0;border-radius:0}
/* the frame clips (overflow:hidden), so the slide link's ring is drawn on the frame, outside, on the light ground (5.8:1) */
.ck-hero__link:focus-visible{outline:none}
.ck-hero__frame:has(.ck-hero__link:focus-visible){outline:2px solid var(--red-deep);outline-offset:3px}
/* control pill: on the photo edge 1101 and up; 641-1100 a row under the frame; hidden on phones (dots instead) */
.ck-hero__ctl{position:absolute;right:16px;bottom:16px;z-index:4;display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-pill)}
.ck-hero__ctl .ib{border-radius:var(--r-pill)}
.ck-hero__ctl :focus-visible{outline-offset:-3px}
.ck-hero__count{padding:0 8px;font:600 13px/1 var(--f-m);letter-spacing:.06em;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.ck-hero__count span{color:var(--ink-soft)}
.ck-hero__count .ck-hero__cur{color:var(--ink)}
/* phone dots (R4): 44 px targets drawing 8 px dots, the current one a 22 px red pill */
.ck-hero__dots{display:none;align-items:center;justify-content:center;gap:0;margin:2px auto 0}
.ck-hero__dots button{position:relative;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:22px;background:none;cursor:pointer}
.ck-hero__dots button::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:999px;
  background:var(--dot-off);box-shadow:inset 0 0 0 1px rgba(40,40,40,.52);
  transition:width var(--t-hover) var(--ease),margin var(--t-hover) var(--ease),background-color var(--t-hover) var(--ease)}
.ck-hero__dots button[aria-current="true"]::before{width:22px;margin-left:-11px;background:var(--dot-on);box-shadow:none}
.ck-hero__dots button:hover::before{background:#a9a59e}
.ck-hero__dots button[aria-current="true"]:hover::before{background:var(--dot-on)}
.ck-hero__dots button:focus-visible{outline:2px solid var(--red-deep);outline-offset:-8px}
/* slide rail: 3 caption tabs only (round 3: no action button beside it) */
.ck-rail{position:relative;z-index:2;margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:6px;border-radius:var(--r-l)}
.ck-rail__tabs{display:grid;grid-template-columns:repeat(var(--ck-hero-n,3),minmax(0,1fr));gap:4px}
.ck-rail__tab{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:44px;margin:0;padding:14px 18px 16px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:left;color:inherit;font:inherit}
.ck-rail__tab:hover{background:rgba(255,255,255,.6)}
.ck-rail__tab+.ck-rail__tab::before{content:"";position:absolute;left:-3px;top:16px;bottom:16px;width:1px;background:var(--line)}
.ck-rail__tab[aria-selected="true"]{background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(40,40,40,.07),0 8px 18px -12px rgba(40,40,40,.35)}
.ck-rail__tab[aria-selected="true"]::before,.ck-rail__tab[aria-selected="true"]+.ck-rail__tab::before{display:none}
.ck-rail__tab:focus-visible{outline-offset:-3px}
.ck-rail__top{display:flex;align-items:center;gap:12px}
.ck-rail__idx{font:600 12px/1 var(--f-m);letter-spacing:.1em;color:var(--ink-soft)}
.ck-rail__tab[aria-selected="true"] .ck-rail__idx{color:var(--red-deep)}
.ck-rail__trk{position:relative;flex:1;height:2px;border-radius:2px;background:var(--hair-2)}
.ck-rail__trk i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;background:var(--red);box-shadow:var(--laser-glow)}
.ck-rail__tab.is-done .ck-rail__trk i{width:100%;background:rgba(40,40,40,.45);box-shadow:none}
/* the selected tab's laser line: full while the slideshow waits or is paused, a 5 s fill while it rotates */
.ck-hero:not(.is-playing) .ck-rail__tab[aria-selected="true"] .ck-rail__trk i{width:100%}
@keyframes ck-rail-fill{from{width:0}to{width:100%}}
.ck-hero.is-playing .ck-rail__tab[aria-selected="true"] .ck-rail__trk i{animation:ck-rail-fill 5000ms linear forwards}
.ck-rail__t{display:block;margin-top:12px;font:600 17px/1.25 var(--f-d);letter-spacing:-.01em;color:var(--ink)}
.ck-rail__d{display:block;margin-top:4px;font:500 14px/1.45 var(--f-b);color:var(--ink-soft)}
/* without JS: slide 1 only, no controls */
html:not(.ck-js) .ck-hero__ctl,html:not(.ck-js) .ck-hero__dots,html:not(.ck-js) .ck-rail{display:none}

/* == 3. Utility dock (shared 14 + R3: no arrows, cells centred) == */
.ck-udock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;border-radius:var(--r-l);padding:6px;gap:4px}
.ck-udock a{display:flex;align-items:center;justify-content:center;gap:14px;min-height:76px;padding:12px 20px;border-radius:10px;color:var(--ink);text-decoration:none}
.ck-udock a:hover{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--hair)}
.ck-udock a>span:last-child{flex:0 1 200px;min-width:0}
.ck-udock b{display:block;font:700 15px/1.25 var(--f-b);color:var(--ink)}
.ck-udock small{display:block;margin-top:3px;font:500 13px/1.35 var(--f-b);color:var(--ink-soft)}
@media (min-width:1101px){ .ck-udock{grid-template-columns:repeat(var(--ck-dock-n,4),minmax(0,1fr))} }

/* == 4. Read-out strip "CANAMEK in numbers" (shared 14) == */
.ck-home__readout{margin-top:56px}
.ck-readout{border-radius:var(--r-l);overflow:hidden}
.ck-readout__stats{display:grid;grid-template-columns:repeat(var(--ck-stat-n,4),minmax(0,1fr))}
.ck-readout__stats>div{padding:24px 28px;border-right:1px solid var(--hair)}
.ck-readout__stats>div:last-child{border-right:0}
.ck-readout__num{display:block;font:700 40px/1 var(--f-d);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.ck-readout__lbl{display:block;margin-top:10px;font:500 12px/1.35 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.ck-readout__svc{display:grid;grid-template-columns:repeat(var(--ck-svc-n,3),minmax(0,1fr));border-top:1px solid var(--hair)}
.ck-readout__stats:empty+.ck-readout__svc,.ck-readout>h2+.ck-readout__svc{border-top:0}
.ck-readout__svc>div{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:20px 28px;align-content:start}
.ck-readout__svc .i{grid-row:span 2;font:600 12px/22px var(--f-m);letter-spacing:.1em;color:var(--red-deep)}
.ck-readout__svc b{font:700 16px/1.35 var(--f-b);color:var(--ink)}
.ck-readout__svc span{font:500 14px/1.45 var(--f-b);color:var(--ink-soft)}

/* == 5. Section glue (Main + HomeMobile) == */
.ck-home__grid{margin-top:24px}
.ck-home__prod--2 .ck-home__grid{margin-top:32px}
.ck-home__desc,.ck-home__act--foot{display:none}
.ck-home__desc{margin-top:10px;font:500 15px/1.5 var(--f-b);color:var(--ink-soft)}
.ck-home__act--foot{margin-top:16px}
/* system chips under "For all Machinery" (links; Featured = this grid) */
.ck-home__chips{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:24px}
.ck-home__chips-lbl,.ck-home__mach-lbl{display:flex;align-items:center;gap:10px;font:500 12px/1.3 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}
.ck-home__chips .chip .ic{color:var(--ink-soft)}
.ck-home__chips .chip[aria-current] .ic{color:var(--red-deep)}

/* == 6. "Shop by System." tiles + machine row (shared 16) == */
.ck-home__cats{margin-top:32px}
.ck-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ck-cat{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:188px;padding:24px;border-radius:var(--r-l);color:var(--ink);text-decoration:none}
.ck-cat:hover{color:var(--ink);background:#fff}
.ck-cat__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ck-cat__name{font:600 26px/1.15 var(--f-d);letter-spacing:-.015em}
.ck-cat__go{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:10px;font:700 14px/1 var(--f-b);color:var(--ink)}
.ck-cat__go::after{content:"";position:absolute;left:0;right:22px;bottom:-6px;height:2px;border-radius:2px;background:var(--red);box-shadow:var(--laser-glow);transform:scaleX(0);transform-origin:left;transition:transform var(--t-sweep) var(--ease)}
.ck-cat:hover .ck-cat__go::after{transform:scaleX(1)}
.ck-cat:focus-visible .ck-cat__go::after{transform:scaleX(1)}   /* own rule: a browser without :focus-visible keeps the hover one */
.ck-cat:hover .ck-iwell{--mk:rgba(var(--red-rgb),.75)}
.ck-cat:focus-visible .ck-iwell{--mk:rgba(var(--red-rgb),.75)}
.ck-home__mach{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 24px;margin-top:16px;padding:8px 8px 8px 20px;border-radius:var(--r-l)}
.ck-home__mach .chip-row{display:grid;grid-template-columns:repeat(var(--ck-mach-n,5),minmax(0,1fr));gap:8px}
.ck-home__mach .chip{justify-content:space-between}
.ck-home__mach .chip .ic{color:var(--ink-soft)}

/* == 7. Service features == */
.ck-home__feat .ck-tile{min-height:100%}

/* == 8. About: the photo frame spans the text column; no trust strip (round 3) == */
.ck-home__about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"ph hd" "ph tx";column-gap:64px;align-items:start}
.ck-home__about-ph{grid-area:ph;align-self:stretch;min-height:420px}
.ck-home__about-ph>img,.ck-home__about-ph>.ck-ph,.ck-home__consult-ph>img,.ck-home__consult-ph>.ck-ph{position:absolute;inset:0;min-height:0}
.ck-home__about-hd{grid-area:hd;align-self:end}
.ck-home__about-hd .t-display{margin-top:16px}
.ck-home__about-tx{grid-area:tx;padding-top:28px}
.ck-home__about-tx>p{max-width:60ch;font:500 17px/1.7 var(--f-b);color:var(--ink-soft)}
.ck-home__about-tx>p+p{margin-top:16px}
.ck-home__about .ck-ticks{margin-top:24px}
.ck-home__about .btn{margin-top:28px}

/* == 9. Blog mosaic (shared 16, scoped: style.css styles .ck-post for single posts) == */
.ck-home__posts{margin-top:28px}
.ck-home .ck-posts{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}
.ck-home .ck-post{position:relative;display:flex;flex-direction:column;padding:0;border-radius:var(--r-l);overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--hair),var(--e2);color:var(--ink)}
.ck-home .ck-post:first-child{grid-row:span 2}
.ck-home .ck-post__img{position:relative;aspect-ratio:16/10;overflow:hidden}
.ck-home .ck-post:first-child .ck-post__img{aspect-ratio:auto;flex:1;min-height:300px}
.ck-home .ck-post__img>img,.ck-home .ck-post__img .ck-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;min-height:0;border-radius:0}
.ck-home .ck-post__cat{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;align-self:flex-start;height:28px;padding:0 10px;border-radius:var(--r-s);font:600 12px/1 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);pointer-events:none}
.ck-home .ck-post__body{display:flex;flex-direction:column;gap:12px;max-width:none;margin:0;padding:18px 20px 20px;font-size:inherit;line-height:inherit;color:inherit}
.ck-home .ck-post:not(:first-child) .ck-post__body{flex:1}
.ck-home .ck-post__t{font:600 19px/1.3 var(--f-d);letter-spacing:-.01em;color:var(--ink)}
.ck-home .ck-post:first-child .ck-post__t{font-size:28px;line-height:1.15}
.ck-home .ck-post__t a{color:var(--ink)}
.ck-home .ck-post:hover .ck-post__t a,.ck-home .ck-post__t a:hover{color:var(--red-deep)}
.ck-home .ck-post__go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font:700 14px/1 var(--f-b);color:var(--red-deep)}
.ck-home .ck-post a.ck-post__link::after{content:"";position:absolute;inset:0;z-index:1}
.ck-home .ck-post a.ck-post__link:focus-visible{outline:none}
.ck-home .ck-post:has(a.ck-post__link:focus-visible){outline:2px solid var(--red-deep);outline-offset:3px}

/* == 10. Consultation + lead forms == */
.ck-home__datum-c{max-width:1040px;margin-left:auto;margin-right:auto}
/* photo and form share one height (fixes the live empty block above the form) */
.ck-home__consult{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:stretch;max-width:1040px;margin:40px auto 0}
.ck-home__consult-ph{min-height:420px}
.ck-home__cform{padding:32px;border-radius:var(--r-l)}
.ck-home__form{display:flex;flex-direction:column;gap:18px;margin:0}
.ck-home__cform .ck-home__form>.btn{margin-top:6px}
.ck-home__req{margin-bottom:-6px}
.ck-home__req .req{color:var(--red-deep)}
.ck-home__cnote{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 8px;margin:0;font:500 14px/1.4 var(--f-b);color:var(--ink-soft);text-align:center}
/* the tel link is a primary phone action: 44 px tall and underlined (not told apart by colour alone) */
.ck-home__cnote a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--red-deep);text-decoration:underline;text-underline-offset:3px}
.ck-home__cnote a:hover{color:var(--ink)}
/* theme.js marks the pressed submit button while the fresh form token is fetched: the loading look */
.ck-home .btn[data-ck-sending-btn]{opacity:1;color:transparent!important;pointer-events:none}
.ck-home .btn[data-ck-sending-btn] .ic{visibility:hidden}
.ck-home .btn[data-ck-sending-btn]::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;
  border:2px solid;border-color:rgba(255,255,255,.95) rgba(255,255,255,.95) rgba(255,255,255,.3) rgba(255,255,255,.3);animation:ck-spin .8s linear infinite}

/* == 11. FAQ == */
.ck-home__faq-intro{max-width:56ch;margin:16px auto 0}
.ck-home__acc{max-width:900px;margin:40px auto 0}
.ck-home__acc .ck-acc__a>p+p{margin-top:12px}
/* answer lists read as ticks */
.ck-home__acc .ck-acc__a ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0}
.ck-home__acc .ck-acc__a li{position:relative;padding-left:22px}
.ck-home__acc .ck-acc__a li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;background:var(--red-deep)}
/* without JS every answer is shown */
html:not(.ck-js) .ck-home__acc .ck-acc__a[hidden]{display:block}
.ck-home__center{display:flex;justify-content:center;margin-top:32px}

/* == 12. Quote band: the one saturated block (shared 22; white on red-deep 6.00:1) == */
.ck-quote{position:relative;isolation:isolate;padding:var(--sec-t) 0 var(--sec-b);background:var(--red-deep);color:#fff}
.ck-quote .ck-eyebrow,.ck-quote .ck-eyebrow b{color:#fff}
.ck-quote :focus-visible{outline-color:#fff}
.ck-quote__form :focus-visible{outline-color:var(--red-deep)}
.ck-quote__form .ck-eyebrow{color:var(--ink-soft)}
.ck-quote__form .ck-eyebrow b{color:var(--red-deep)}
.ck-quote__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}
.ck-quote__h{margin-top:16px;font:600 64px/1 var(--f-d);letter-spacing:-.03em;color:#fff;text-wrap:balance}
.ck-quote__p{margin-top:20px;max-width:52ch;font:500 18px/1.6 var(--f-b);color:#fff}
.ck-quote__checks{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px;padding:0;font:700 15px/1.3 var(--f-b);color:#fff}
.ck-quote__checks li{display:flex;align-items:center;gap:8px}
.ck-quote__form{display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:var(--r-l);background:#fff;color:var(--ink);box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}
.ck-quote__form .ck-home__form{gap:16px}
.ck-quote__form .ck-home__req{margin:-6px 0 -2px}

/* == 13. Responsive == */
@media (max-width:1100px){
  .ck-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-udock{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-udock a:last-child:nth-child(odd){grid-column:1 / -1}
  .ck-home__mach{grid-template-columns:1fr;padding:14px 12px 12px}
  .ck-home__mach-lbl{padding-left:6px}
  .ck-home__feat{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:641px) and (max-width:1100px){
  .ck-hero__ctl{position:relative;right:auto;bottom:auto;width:max-content;margin:10px 0 0 auto}
}
@media (max-width:900px){
  .ck-home__readout{margin-top:40px}
  .ck-readout__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-readout__stats>div:nth-child(2n){border-right:0}
  .ck-readout__stats>div:nth-child(-n+2){border-bottom:1px solid var(--hair)}
  .ck-readout__stats>div{padding:20px}
  .ck-readout__num{font-size:32px}
  .ck-readout__svc{grid-template-columns:1fr}
  .ck-readout__svc>div{border-right:0;padding:16px 20px}
  .ck-readout__svc>div+div{border-top:1px solid var(--hair)}
  .ck-home .ck-posts{grid-template-columns:1fr}
  .ck-home .ck-post:first-child{grid-row:auto}
  .ck-home .ck-post:first-child .ck-post__img{min-height:0;aspect-ratio:16/10;flex:none}
  .ck-home .ck-post:first-child .ck-post__t{font-size:22px}
  .ck-home__endbtn{width:100%}   /* end-of-section actions: full width, label left, like the head actions */
  .ck-home__about{grid-template-columns:minmax(0,1fr);grid-template-areas:"hd" "ph" "tx";row-gap:28px}
  .ck-home__about-ph{align-self:auto;min-height:0;aspect-ratio:4/3}
  .ck-home__about-tx{padding-top:0}
  .ck-home__about-tx>p{font-size:16px}
  /* minmax(0,1fr), not 1fr: the 304 px reCAPTCHA slot must not widen the single column past the gutter (it shrinks) */
  .ck-home__consult{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:28px;align-items:start}
  .ck-home__consult-ph{min-height:0;aspect-ratio:4/3}
  .ck-home__cform{padding:24px}
  .ck-home__acc{margin-top:28px}
  .ck-home__mach .chip-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ck-quote__grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .ck-quote__h{font-size:40px}
  .ck-quote__p{font-size:17px}
  .ck-quote__form{padding:24px}
}
/* tablets: lead post full width, the other four in two columns (.ck-home .ck-home__posts, not .ck-home__posts:
   the one-column rule above is .ck-home .ck-posts, which a single class would lose to) */
@media (min-width:641px) and (max-width:900px){
  .ck-home .ck-home__posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-home .ck-home__posts .ck-post:first-child{grid-column:1 / -1}
}
@media (max-width:640px){
  /* phone hero = a horizontal scroll-snap track with 3 dots, no pill, no autoplay (round 3, items 5 + 6) */
  .ck-hero{padding-top:12px}
  .ck-hero.ck-wrap{padding-left:12px;padding-right:12px}
  .ck-hero__frame{display:flex;aspect-ratio:1/1;border-radius:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}
  .ck-hero__frame::-webkit-scrollbar{display:none}
  .ck-hero--wide .ck-hero__frame{aspect-ratio:1400/588}
  .ck-hero__slide{position:relative;inset:auto;flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;transition:none}
  .ck-hero__slide[aria-hidden="true"]{opacity:1;visibility:visible}
  html:not(.ck-js) .ck-hero__slide:not(:first-child){display:none}
  .ck-hero .ck-marks--out,.ck-hero__amb{display:none}
  .ck-hero__ctl{display:none}
  .ck-hero__dots{display:flex}
  .ck-rail,.ck-home__dock{display:none}   /* phones go hero, dots, Our products */
  .ck-home__top{padding-bottom:0}          /* the 8 px was the dock's breathing room (HomeMobile: none) */
  .ck-home__faq-intro{margin-top:12px;font-size:16px}   /* HomeMobile: body size under the FAQ title */
  /* section heads: descriptor under the H2, actions under the content (HomeMobile) */
  .ck-home__eyetail,.ck-home__chips-lbl,.ck-home__chips .chip .ic{display:none}
  .ck-home__desc{display:block}
  .ck-home__shead .ck-shead__act{display:none}
  .ck-home__act--foot{display:block}
  .ck-home__act--foot .btn{width:100%}
  .ck-home__solid{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 1px var(--hair-3),var(--e1)}
  .ck-home__line{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .ck-home__chips{display:block;margin-top:20px}
  .ck-home__grid,.ck-home__prod--2 .ck-home__grid{margin-top:16px}
  /* tiles: the count badge breaks after the number instead of running past the tile edge */
  .ck-home__cats{margin-top:24px}
  .ck-cats{gap:10px}
  .ck-cat{min-height:150px;padding:16px;gap:16px}
  .ck-cat__name{font-size:18px}
  .ck-cat .ck-iwell--56{width:44px;height:44px}
  .ck-home__cats .badge--count{flex:0 1 auto;height:auto;min-height:26px;padding:5px 8px;white-space:normal;line-height:1.35;text-align:center}
  .ck-home__mach{gap:12px}
  .ck-home__mach .chip-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck-home__mach .chip:last-child:nth-child(odd){grid-column:1 / -1}
  /* blog: the lead post stays a card; posts 2-5 become compact rows with a plain mono kicker (HomeMobile) */
  .ck-home__posts{gap:10px}
  .ck-home .ck-home__posts .ck-post:not(:first-child){display:grid;grid-template-columns:116px minmax(0,1fr);align-items:stretch}
  .ck-home .ck-home__posts .ck-post:not(:first-child) .ck-post__img{aspect-ratio:auto;min-height:124px}
  .ck-home .ck-home__posts .ck-post:not(:first-child) .ck-post__body{flex:none;justify-content:center;gap:8px;padding:14px 16px}
  .ck-home .ck-home__posts .ck-post:not(:first-child) .ck-post__cat{position:static;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font:500 12px/1.3 var(--f-m);letter-spacing:.14em;color:var(--ink-soft)}
  .ck-home .ck-home__posts .ck-post:not(:first-child) .ck-post__t{font-size:16px;line-height:1.3}
  .ck-home .ck-home__posts .ck-post:not(:first-child) .ck-post__go{margin-top:2px}
  /* service features: icon-left rows, no icon well */
  .ck-home__feat{grid-template-columns:minmax(0,1fr);gap:10px}
  .ck-home__feat .ck-tile{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:start;padding:16px 18px;min-height:0}
  .ck-home__feat .ck-tile .ck-iwell{grid-row:1 / span 2;width:24px;height:24px;margin-top:1px;background:none;box-shadow:none}
  .ck-home__feat .ck-tile h3{font-size:17px;line-height:1.3}
  .ck-home__feat .ck-tile p{font-size:14px;line-height:1.5}
  .ck-quote__h{font-size:36px}
}

/* == 14. Reduced motion, reduced transparency, Save-Data == */
@media (prefers-reduced-motion:reduce){
  .ck-hero__slide{transition:none}
  .ck-rail__trk i{display:none}
  .ck-hero.is-playing .ck-rail__tab[aria-selected="true"] .ck-rail__trk i{animation:none}
}
@media (prefers-reduced-transparency:reduce),(prefers-reduced-data:reduce){
  .ck-hero__amb{display:none}
}