/* Applicare design kit: the media sections (owner picks R84, 2026-09-27). Load after css/a-kit.css.
   Real repairs (a stories rail + a full-screen viewer), reviews (desktop: one mixed wall on the night band; phone:
   the spotlight video with a switcher, then the reviews as a list), and the video parts they share.
   Behaviour: js/kit-media.js (renders from js/kit-data.js). Kit tokens only; night overlays use the kit's own
   rgba(6,30,28,a) the way a-kit.css does.
   Motion: loops play only while on screen and the tab is visible, at most three videos at once on the page, never by
   themselves under reduced motion (.rm) or on Data Saver/2G (.no-auto: posters, with a slow drift instead). */

/* ---------- controls ---------- */
.k-ctl[hidden],.k-pp[hidden],.k-pause[hidden],.k-arrow[hidden]{display:none} /* their display rules would beat the attribute */
.k-ctl{position:relative;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(6,30,28,.58);color:var(--on-night);cursor:pointer;
  transition:background-color var(--d-ui) ease,transform var(--d-press) var(--ease-out)}
.k-ctl:active{transform:scale(.94)}
.k-ctl svg{width:14px;height:14px;fill:currentColor;stroke:none}
.k-ctl svg.i{width:20px;height:20px;fill:none;stroke:currentColor}
.k-ctl .pl,.k-ctl.is-paused .pz,.is-paused>.k-ctl .pz{display:none}
.k-ctl.is-paused .pl,.is-paused>.k-ctl .pl{display:block}
.k-ctl:focus-visible{outline-color:var(--on-night);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.k-ctl:hover{background:rgba(6,30,28,.8)}}

/* a section's Pause/Play (everything that moves for longer than 5 s has one) */
.k-pause{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 13px;border:1.5px solid var(--line-2);border-radius:var(--radius-pill);background:transparent;color:var(--ink-2);font:600 var(--t-14)/1 var(--sans);white-space:nowrap;cursor:pointer;
  transition:border-color var(--d-ui) ease,color var(--d-ui) ease,transform var(--d-press) var(--ease-out)}
.k-pause:active{transform:scale(.97)}
.k-pause svg{width:12px;height:12px;fill:currentColor}
.k-pause .pl,.k-pause.is-paused .pz{display:none}
.k-pause.is-paused .pl{display:block}
@media (hover:hover) and (pointer:fine){.k-pause:hover{border-color:var(--brand);color:var(--brand-deep)}}
.no-auto .k-pause[data-pause]{display:none}   /* nothing plays by itself, so there is nothing to pause */
.rm .k-pause[data-live-pause]{display:none}   /* no loops run under reduced motion */

/* a small play/pause on a tile (the kit's .play look, a 44px tap area) */
.k-pp{position:absolute;z-index:3;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(6,30,28,.55);color:var(--on-night);cursor:pointer;
  transition:background-color var(--d-ui) ease,transform var(--d-press) var(--ease-out)}
.k-pp::before{content:"";position:absolute;inset:-4px}
.k-pp:active{transform:scale(.94)}
.k-pp:focus-visible{outline:3px solid var(--on-night);outline-offset:2px;box-shadow:0 0 0 6px var(--brand-deep)}
.k-pp svg{width:12px;height:12px;fill:currentColor}
.k-pp .pl,.k-pp[data-state="paused"] .pz{display:none}
.k-pp[data-state="paused"] .pl{display:block}
@media (hover:hover) and (pointer:fine){.k-pp:hover{background:rgba(6,30,28,.8)}}

/* media inside frames and tiles: the poster stays until the clip is really playing */
.k-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
video.k-media{opacity:0;transition:opacity 400ms ease}
video.k-media.playing{opacity:1}
/* Data Saver or 2G: clips stay posters (nothing downloads) and the posters drift slowly instead */
@keyframes k-kb{from{transform:scale(1)}to{transform:scale(1.07) translate3d(-1.5%,-1%,0)}}
.motion.no-auto .k-story>img,.motion.no-auto .k-vf>img,.motion.no-auto .k-vtile>img{animation:k-kb 16s ease-in-out infinite alternate}

/* ---------- real repairs: stories rail ---------- */
.k-headrow{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.k-headrow>div{max-width:44rem}
.k-headrow .sub{text-wrap:pretty}
.k-headrow .k-tools{display:flex;align-items:center;gap:8px}
.k-stories{grid-auto-columns:min(56%,240px);gap:12px;padding-top:6px;padding-bottom:12px}
.k-story{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:9/16;padding:0;border:0;border-radius:var(--radius-xl);background:var(--brand-deep);color:var(--on-night);text-align:left;cursor:pointer;box-shadow:var(--shadow-1);
  transition:transform var(--d-press) var(--ease-out),box-shadow var(--d-ui) ease}
.k-story:active{transform:scale(.98)}
.k-story:focus-visible{outline-color:var(--brand);outline-offset:3px}
.k-story>img,.k-story>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.k-story>video{opacity:0;transition:opacity 400ms ease}
.k-story>video.playing{opacity:1}
.k-scrim{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:48px 12px 12px;background:linear-gradient(to top,rgba(12,52,50,.9) 0%,rgba(12,52,50,.5) 55%,rgba(12,52,50,0) 100%);color:var(--on-night);text-align:left;pointer-events:none}
.k-scrim b{display:block;font-size:var(--t-15);line-height:1.25}
.k-scrim span{display:block;margin-top:3px;font-size:var(--t-13);line-height:1.35;color:var(--on-night-2)}
.k-bar{position:absolute;z-index:1;left:10px;right:52px;top:12px;height:3px;border-radius:2px;background:rgba(238,245,243,.34);overflow:hidden}
.k-bar i{display:block;height:100%;background:var(--on-night);transform-origin:left;transform:scaleX(0)}
.k-exp{position:absolute;z-index:1;right:8px;top:4px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(6,30,28,.45)}
.k-exp svg{width:16px;height:16px}
.no-auto .k-story .k-bar{display:none}
@media (hover:hover) and (pointer:fine){.k-story:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}}
.k-hint{margin-top:10px;font-size:var(--t-13);color:var(--ink-3)}
.k-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line-2);border-radius:50%;background:var(--card);color:var(--ink);cursor:pointer;
  transition:border-color var(--d-ui) ease,color var(--d-ui) ease,transform var(--d-press) var(--ease-out),opacity var(--d-ui) ease}
.k-arrow:active{transform:scale(.94)}
.k-arrow[disabled]{opacity:.4;cursor:default}
.k-arrow .i{width:20px;height:20px}
@media (hover:hover) and (pointer:fine){.k-arrow:not([disabled]):hover{border-color:var(--brand);color:var(--brand-deep)}}
.k-stories-nav{display:none}
@media (min-width:1000px){
  .k-stories{grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:18px}
  /* more clips than six: one row that scrolls, the seventh peeking, arrows beside the Pause */
  .k-stories.is-scroll{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 5 * 18px) / 6.4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px}
  .k-stories.is-scroll::-webkit-scrollbar{display:none}
  .k-stories-nav:not([hidden]){display:flex;gap:8px}
  .k-hint{display:none}
}

/* ---------- the full-screen clip viewer ---------- */
html.k-lock,html.k-lock body{overflow:hidden}
.k-viewer{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;gap:28px}
.k-viewer[hidden]{display:none}
.k-vw-backdrop{position:absolute;inset:0;background:var(--night);opacity:0;transition:opacity 220ms var(--ease-out)}
.k-viewer.open .k-vw-backdrop{opacity:1}
.k-vw-stage{position:relative;width:100%;height:100%;overflow:hidden;background:var(--night);opacity:0;transform:scale(.97);transition:opacity 220ms var(--ease-out),transform 280ms var(--ease-out);touch-action:none;-webkit-user-select:none;user-select:none}
.k-viewer.open .k-vw-stage{opacity:1;transform:none}
.k-vw-stage.dragging{transition:none}
.k-vw-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--night)}
.k-vw-stage::before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:132px;background:linear-gradient(to bottom,rgba(6,30,28,.62),rgba(6,30,28,0));pointer-events:none}
.k-vw-bars{position:absolute;z-index:3;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));display:flex;gap:4px;pointer-events:none}
.k-vw-bars span{flex:1;height:3px;border-radius:2px;background:rgba(238,245,243,.34);overflow:hidden}
.k-vw-bars span i{display:block;height:100%;background:var(--on-night);transform-origin:left;transform:scaleX(0)}
.k-vw-bars span.done i{transform:none}
.k-vw-top{position:absolute;z-index:4;right:8px;top:calc(24px + env(safe-area-inset-top));display:flex;gap:6px}
.k-vw-count{position:absolute;z-index:3;left:14px;top:calc(34px + env(safe-area-inset-top));font-size:var(--t-13);font-weight:600;color:var(--on-night);font-variant-numeric:tabular-nums}
.k-vw-zone{position:absolute;z-index:2;top:84px;bottom:170px;padding:0;border:0;background:transparent;cursor:pointer}
.k-vw-zone.prev{left:0;width:32%}
.k-vw-zone.next{right:0;width:68%}
.k-vw-cap{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;gap:14px;padding:72px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(6,30,28,.92) 0%,rgba(6,30,28,.6) 60%,rgba(6,30,28,0) 100%);color:var(--on-night)}
.k-vw-t b{display:block;font-family:var(--serif);font-weight:600;font-size:var(--t-21);line-height:1.2}
.k-vw-t span{display:block;margin-top:4px;font-size:var(--t-15);color:var(--on-night-2)}
.k-vw-cap .btn{width:100%;min-height:52px}
.k-vw-arrow{display:none}
.k-viewer :focus-visible{outline-color:var(--on-night)}
.k-viewer .btn-primary:focus-visible{outline-color:var(--on-night);outline-offset:3px}
.rm .k-vw-stage,.rm .k-vw-backdrop{transition:opacity 160ms ease}
.rm .k-vw-stage{transform:none}
@media (min-width:700px){
  .k-vw-stage{width:auto;height:min(92dvh,920px);aspect-ratio:9/16;border-radius:var(--radius-2xl);box-shadow:0 30px 80px -20px rgba(6,30,28,.8)}
  .k-vw-arrow{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;padding:0;border:1.5px solid var(--line-night);border-radius:50%;background:transparent;color:var(--on-night);cursor:pointer;
    transition:border-color var(--d-ui) ease,transform var(--d-press) var(--ease-out)}
  .k-vw-arrow:active{transform:scale(.94)}
  .k-vw-arrow[disabled]{opacity:.35;cursor:default}
  .k-vw-arrow svg{width:22px;height:22px}
  .k-vw-cap .btn{width:auto;justify-self:start}
}
@media (hover:hover) and (pointer:fine){.k-vw-arrow:not([disabled]):hover{border-color:var(--on-night)}}

/* ---------- a video review frame: poster, muted loop, English subtitles (from the .vtt), tap for sound ---------- */
.k-vf{position:relative;overflow:hidden;margin:0;aspect-ratio:9/16;border-radius:var(--radius-2xl);background:var(--brand-deep);container-type:inline-size;isolation:isolate}
.k-vf>img,.k-vf>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.k-vf>video{opacity:0;transition:opacity 400ms ease}
.k-vf>video.playing,.k-vf.has-sound>video{opacity:1}
.k-snd{position:absolute;inset:0;z-index:2;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}
.k-snd:focus-visible{outline:3px solid var(--on-night);outline-offset:-6px;border-radius:var(--radius-2xl)}
.k-sndchip{position:absolute;left:60px;top:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:44px;height:44px;border-radius:var(--radius-pill);background:rgba(6,30,28,.58);color:var(--on-night);font:700 var(--t-13)/1 var(--sans);white-space:nowrap;transition:background-color var(--d-ui) ease}
.k-sndchip svg{width:20px;height:20px;flex:none}
.k-sndchip-t{display:none}
@container (min-width:300px){.k-sndchip{width:auto;padding:0 16px 0 12px}.k-sndchip-t{display:inline}}
@media (hover:hover) and (pointer:fine){.k-snd:hover .k-sndchip{background:rgba(6,30,28,.8)}}
.k-vf .k-pz{position:absolute;left:10px;top:10px}
.k-vf.has-sound .k-snd,.k-vf.has-sound .k-pz{display:none}
.k-cc{position:absolute;z-index:1;left:10px;right:10px;bottom:14px;margin:0;text-align:center;pointer-events:none;transition:bottom var(--d-ui) ease}
.k-cc span{display:inline;padding:3px 8px;border-radius:6px;background:rgba(12,52,50,.8);color:var(--on-night);font:600 var(--t-14)/1.5 var(--sans);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.k-cc span:empty{display:none}
.k-vf.has-sound .k-cc{bottom:64px}
@container (max-width:230px){.k-cc{left:6px;right:6px;bottom:10px}.k-cc span{font-size:var(--t-12);padding:2px 6px}}

/* ---------- reviews: the night band ---------- */
.k-reviews{position:relative;overflow:hidden;isolation:isolate;background:var(--night);color:var(--on-night)}
.k-pattern{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:.06;pointer-events:none}
.k-glow{position:absolute;z-index:-1;right:-220px;top:-260px;width:780px;height:780px;border-radius:50%;background:radial-gradient(closest-side,rgba(59,163,159,.3),rgba(59,163,159,0));pointer-events:none}
.k-glow.two{right:auto;left:-300px;top:auto;bottom:-340px;width:700px;height:700px;background:radial-gradient(closest-side,rgba(45,135,131,.26),rgba(45,135,131,0))}
@keyframes k-glow{to{transform:translate3d(-160px,120px,0) scale(1.12)}}
.motion .k-glow{animation:k-glow 22s ease-in-out infinite alternate}
.motion .k-glow.two{animation-duration:27s;animation-delay:-9s}
.k-reviews.is-still .k-glow{animation-play-state:paused}
.k-reviews :focus-visible{outline-color:var(--on-night)}
.k-reviews .h2{color:var(--on-night)}
.k-reviews .h2 em{color:var(--on-night-2)}
.k-reviews .sub{color:var(--on-night-2);text-wrap:pretty}
.k-reviews .link{color:var(--on-night)}
.k-rev-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "stage" "rate" "wall" "more"}
.k-rev-title{grid-area:title;margin-bottom:22px}
.k-stage{grid-area:stage}
.k-rate{grid-area:rate;display:flex;align-items:center;gap:16px;margin:32px 0 16px;padding:16px 18px;border:1px solid var(--line-night);border-radius:var(--radius-xl)}
.k-num{font-family:var(--serif);font-weight:600;font-size:3.4rem;line-height:1;color:var(--on-night);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em} /* the rating: never animated */
.k-rate p{font-size:var(--t-14);line-height:1.4;color:var(--on-night-2)}
.k-rate .stars{display:block;font-size:var(--t-18);letter-spacing:2px}
.k-wall{grid-area:wall}
.k-more{grid-area:more;width:100%;margin-top:14px}
.k-more[hidden]{display:none}

/* one Google review card */
.k-rev{display:flex;flex-direction:column;gap:10px;margin:0;padding:16px 16px 8px;background:rgba(238,245,243,.06);border:1px solid var(--line-night);border-radius:var(--radius-xl);container-type:inline-size}
.k-rev[hidden]{display:none}
.k-rev-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.k-rev .stars{font-size:var(--t-14);letter-spacing:1px}
.k-rev .la{width:26px;height:26px;color:var(--brand-light)}
.k-rev blockquote p{font-size:var(--t-15);line-height:1.55;color:var(--on-night);overflow-wrap:anywhere}
.k-rev figcaption{margin-top:auto;padding-top:2px;font-size:var(--t-13);line-height:1.5;color:var(--on-night-2)}
.k-rev figcaption b{color:var(--on-night);font-weight:700}
.k-rev figcaption a{display:inline-block;min-height:44px;margin:0 0 -6px;padding:12px 0;color:var(--on-night-2);font-weight:600;text-decoration:none}
.k-rev figcaption a svg{display:inline;width:13px;height:13px;margin-left:3px;vertical-align:-2px}
@container (max-width:230px){.k-rev .k-long{display:none}}
@media (hover:hover) and (pointer:fine){.k-rev figcaption a:hover{color:var(--on-night);text-decoration:underline;text-underline-offset:3px}}

/* masonry columns, laid out by the script from the lists (the video tiles are spread among the reviews) */
.k-cols{display:flex;align-items:flex-start;gap:12px}
.k-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px}
.k-revvid{margin:0}
.k-revvid .k-vf{border-radius:var(--radius-xl);box-shadow:0 0 0 1px var(--line-night)}
.k-revvid figcaption{padding:10px 2px 2px;font-size:var(--t-12);line-height:1.4;color:var(--on-night-2)}
.k-revvid figcaption b{display:block;font-size:var(--t-14);color:var(--on-night)}
.k-gtile{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:132px;padding:18px;border:1.5px dashed var(--line-night);border-radius:var(--radius-xl);color:var(--on-night);text-decoration:none;transition:border-color var(--d-ui) ease,background-color var(--d-ui) ease}
.k-gtile[hidden],.k-revvid[hidden]{display:none}
.k-gtile b{font-family:var(--serif);font-weight:600;font-size:var(--t-21);line-height:1.2;font-variant-numeric:lining-nums}
.k-gtile span{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-14);font-weight:700;color:var(--on-night-2)}
.k-gtile .i{width:16px;height:16px}
@media (hover:hover) and (pointer:fine){.k-gtile:hover{border-color:var(--on-night-2);background:rgba(238,245,243,.05)}}

/* phone: the spotlight. One video on show, the switcher beside it (a rail that scrolls once there are more videos
   than fit), its words under it, then the reviews as a list */
.k-stage{display:grid;grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"media tabs" "copy copy";gap:18px 12px}
.k-stage-media{grid-area:media;position:relative;aspect-ratio:9/16;border-radius:var(--radius-2xl);box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.k-stage-media .k-vf{position:absolute;inset:0;transition:opacity 360ms var(--ease-out),visibility 0s}
.k-stage-media .k-vf:not(.on){opacity:0;visibility:hidden;transition:opacity 360ms var(--ease-out),visibility 0s 360ms}
.k-tabs{grid-area:tabs;display:flex;flex-direction:column;gap:14px;contain:size;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;scrollbar-width:none;padding:3px 3px 0}
.k-tabs::-webkit-scrollbar{display:none}
.k-tabs.fade-b{-webkit-mask-image:linear-gradient(var(--ink) calc(100% - 48px),transparent);mask-image:linear-gradient(var(--ink) calc(100% - 48px),transparent)}
.k-tab{flex:none;display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:none;color:var(--on-night);text-align:left;cursor:pointer;border-radius:var(--radius-lg);scroll-snap-align:start}
.k-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:9/16;border-radius:var(--radius-lg);background:var(--brand-deep);box-shadow:0 0 0 2px var(--night),0 0 0 3.5px transparent;transition:box-shadow var(--d-ui) ease,transform var(--d-press) var(--ease-out)}
.k-tab:active .k-thumb{transform:scale(.96)}
.k-tab[aria-selected="true"] .k-thumb{box-shadow:0 0 0 2px var(--night),0 0 0 4px var(--brand-light)}
.k-thumb img{width:100%;height:100%;object-fit:cover}
.k-thumb::after{content:"";position:absolute;inset:0;background:rgba(6,30,28,.4);transition:opacity var(--d-ui) ease}
.k-tab[aria-selected="true"] .k-thumb::after{opacity:0}
.k-prog{position:absolute;z-index:1;left:6px;right:6px;bottom:6px;height:3px;border-radius:2px;background:rgba(238,245,243,.4);overflow:hidden}
.k-prog i{display:block;height:100%;background:var(--on-night);transform-origin:left;transform:scaleX(0)}
.k-tab-t{display:flex;flex-direction:column;gap:1px}
.k-tab-t b{font-size:var(--t-12);line-height:1.25}
.k-tab-t small{font-size:var(--t-12);color:var(--on-night-2);font-variant-numeric:tabular-nums}
@media (hover:hover) and (pointer:fine){.k-tab:hover .k-thumb::after{opacity:.5}}
.k-stage-copy{grid-area:copy}
.k-quote{transition:opacity 220ms var(--ease-out),transform 320ms var(--ease-out)}
.k-quote.swap{opacity:0;transform:translate3d(0,8px,0)}
.k-qmark{display:block;height:28px;font-family:var(--serif);font-size:64px;line-height:.66;color:var(--accent)}
.k-pull p{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.4rem,1rem + 1.5vw,2.25rem);line-height:1.22;letter-spacing:-.01em;color:var(--on-night);text-wrap:pretty}
.k-pull-en{margin-top:12px;font-size:var(--t-16);line-height:1.5;color:var(--on-night-2);text-wrap:pretty}
.k-by{margin-top:14px;font-size:var(--t-13);line-height:1.45;color:var(--on-night-2)}
.k-by b{display:block;font-size:var(--t-15);color:var(--on-night)}
.k-listen{margin-top:20px}
.rm .k-quote{transition:opacity 160ms ease}
.rm .k-quote.swap{transform:none}
@media (min-width:640px) and (max-width:999px){
  .k-stage{grid-template-columns:280px minmax(0,1fr);grid-template-rows:1fr auto;grid-template-areas:"media copy" "media tabs";column-gap:36px;row-gap:0}
  .k-stage-copy{align-self:center;padding:20px 0}
  .k-tabs{flex-direction:row;gap:10px;contain:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;align-self:end;padding:14px 0 0;border-top:1px solid var(--line-night)}
  .k-tabs.fade-b{-webkit-mask-image:none;mask-image:none}
  .k-tab{flex:0 0 auto;flex-direction:row;align-items:center;gap:12px;padding:6px;transition:background-color var(--d-ui) ease}
  .k-tab[aria-selected="true"]{background:rgba(238,245,243,.08)}
  .k-thumb{width:52px;flex:none}
}
@media (min-width:560px) and (max-width:999px){.k-cols,.k-col{gap:14px}}
@media (min-width:1000px){
  .k-rev-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"title rate" "wall wall" "more more";column-gap:64px;align-items:end}
  .k-rev-title{margin-bottom:44px}
  .k-rate{justify-self:end;margin:0 0 44px;padding:22px 26px;gap:22px}
  .k-num{font-size:5rem}
  .k-stage{display:none}
  .k-cols,.k-col{gap:16px}
  .k-rev{padding:18px 18px 10px}
}