/* Hero beranda: Sekolah Alam Kahfis Aceh
   Pemandangan potongan kertas (warna datar), papan kayu menggantung di ranting,
   papan penunjuk jenjang. Gerak: awan, burung, kupu-kupu, daun jatuh, pohon bergoyang,
   anak-anak berkegiatan, tunas tumbuh. Semua gerak berhenti bila "kurangi gerakan" aktif. */

.kh-hero{
  --kh-near:clamp(150px,16vw,230px);
  --kh-pb:calc(var(--kh-near) * .6);
  --ink:#173f2a; --ink-soft:#2f4a3b;
  --sky:#d3ebe4; --sky-low:#e6f1d3;
  --sun:#f4b83a; --ray:#f4b83a; --moon-cut:transparent;
  --cloud:#ffffff; --cloud-back:#c3ddd5;
  --m1:#a9cbc4; --m2:#93b9b3; --h1:#b9d9a4; --h2:#a3cc8a; --h3:#8fc267;
  --rice:#b7d77a; --row:#92c05a; --water:#8cc7d1;
  --leaf1:#4f8f3a; --leaf2:#3f7d34; --leaf3:#7fb04a;
  --ground1:#3c7a3b; --ground2:#28543C; --tuft:#4f9040;
  --wood:#c79a5b; --wood-d:#8d6236;
  position:relative;overflow:hidden;isolation:isolate;background:var(--sky);
  padding:clamp(36px,4.5vw,64px) 0 var(--kh-pb);
  transition:background-color 1.2s;
}
.kh-hero[data-waktu="siang"]{--sky:#c6e7e1;--sky-low:#e3f0d8;--m1:#a5c6cf;--m2:#8db4bd;--sun:#f6c04a}
.kh-hero[data-waktu="sore"]{--sky:#f7dfb8;--sky-low:#f1e3b8;--sun:#ee8a3a;--ray:#ee8a3a;--cloud:#fff1dc;--cloud-back:#efc79a;
  --m1:#c9b7a0;--m2:#b0a58f;--h1:#c4d49a;--h2:#a9c37c;--h3:#8fb560;--rice:#c4d06f;--row:#9fb84f;--water:#e0b98a}
.kh-hero[data-waktu="malam"]{--sky:#cfe3d4;--sky-low:#dde8cc;--sun:#f6efcf;--ray:transparent;--moon-cut:#cfe3d4;
  --cloud:#f3f8f1;--cloud-back:#b5cfc2;--m1:#a3c1b4;--m2:#8eb0a3;--h1:#a9c995;--h2:#92b982;--h3:#7aa86a;--rice:#a3c274;--row:#86a85a;--water:#8cbfc0}

/* ---------- latar ---------- */
.kh-scene{position:absolute;inset:0;z-index:0;pointer-events:none;container-type:size;overflow:hidden}
.kh-scene:before{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(90px,10.5vw,160px);background:var(--sky-low)}
.kh-layer{position:absolute;left:0;right:0;bottom:0;will-change:transform}
.kh-layer svg{display:block;width:100%;height:100%}
.kh-layer--far{height:clamp(300px,36vw,520px)}
.kh-layer--mid{height:clamp(200px,24vw,340px)}
.kh-layer--near{height:var(--kh-near)}
.kh-layer--near:after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:400px;background:var(--ground2)}

.f-m1{fill:var(--m1)}.f-m2{fill:var(--m2)}.f-h1{fill:var(--h1)}.f-h2{fill:var(--h2)}.f-h3{fill:var(--h3)}
.f-rice{fill:var(--rice)}.f-row{stroke:var(--row)}.f-water{stroke:var(--water)}
.f-leaf1{fill:var(--leaf1)}.f-leaf2{fill:var(--leaf2)}.f-leaf3{fill:var(--leaf3)}
.f-ground1{fill:var(--ground1)}.f-ground2{fill:var(--ground2)}.f-tuft{fill:var(--tuft)}

/* matahari / bulan */
.kh-sun{position:absolute;right:2%;top:clamp(8px,1.5vw,20px);width:clamp(76px,8.5vw,124px);aspect-ratio:1}
.kh-sun svg{display:block;width:100%;height:100%;overflow:visible}
.kh-rays{stroke:var(--ray);animation:kh-spin 90s linear infinite}
.kh-sun-disc{fill:var(--sun)}
.kh-moon-cut{fill:var(--moon-cut)}

/* awan */
.kh-cloud{position:absolute;left:0;width:clamp(110px,15vw,210px);animation:kh-drift linear infinite}
.kh-cloud svg{display:block;width:100%;height:auto}
.c-front{fill:var(--cloud)}.c-back{fill:var(--cloud-back)}
.kh-cloud--a{top:7%;animation-duration:130s;animation-delay:-48s}
.kh-cloud--b{top:22%;width:clamp(80px,10vw,140px);animation-duration:170s;animation-delay:-120s}
.kh-cloud--c{top:3%;width:clamp(130px,18vw,250px);animation-duration:210s;animation-delay:-12s}

/* burung */
.kh-bird{position:absolute;left:0;width:30px;fill:#2c4a3a;animation:kh-cross linear infinite}
.kh-bird svg{display:block;width:100%;height:auto;overflow:visible}
.kh-bird .wing-l,.kh-bird .wing-r{transform-origin:0 0;animation:kh-flap .55s ease-in-out infinite alternate}
.kh-bird .wing-l{--f:-14deg;--t:26deg}
.kh-bird .wing-r{--f:14deg;--t:-26deg}
.kh-bird--a{top:14%;animation-duration:46s;animation-delay:-8s}
.kh-bird--b{top:19%;width:24px;animation-duration:54s;animation-delay:-20s}
.kh-bird--c{top:11%;width:20px;animation-duration:62s;animation-delay:-31s}
.kh-bird--b .wing-l,.kh-bird--b .wing-r{animation-duration:.46s}

/* kupu-kupu */
.kh-butterfly{position:absolute;width:22px;bottom:calc(var(--kh-near) * .95);left:34%;animation:kh-wander 19s ease-in-out infinite}
.kh-butterfly svg{display:block;width:100%;height:auto;overflow:visible}
.kh-butterfly--a{fill:#e8873a}
.kh-butterfly--b{fill:#f1c93a;left:68%;bottom:calc(var(--kh-near) * 1.25);width:18px;animation-duration:24s;animation-delay:-9s}
.kh-butterfly .bw-l,.kh-butterfly .bw-r{transform-origin:0 0;animation:kh-bw .22s ease-in-out infinite alternate}

/* daun jatuh */
.kh-leaf{position:absolute;top:0;left:var(--x,10%);width:20px;height:20px;animation:kh-fall linear infinite;animation-duration:var(--t,20s);animation-delay:var(--dl,0s)}
.kh-leaf svg{display:block;width:100%;height:100%;fill:var(--c,#7fb04a);animation:kh-drift-leaf ease-in-out infinite alternate;animation-duration:calc(var(--t,20s) / 4);animation-delay:var(--dl,0s)}
.kh-leaf--1{--x:8%;--t:21s;--dl:-3s}
.kh-leaf--2{--x:31%;--t:27s;--dl:-14s;--c:#d9a441;width:16px;height:16px}
.kh-leaf--3{--x:58%;--t:23s;--dl:-9s;--c:#4f8f3a}
.kh-leaf--4{--x:79%;--t:30s;--dl:-21s;--c:#9bbf4a;width:17px;height:17px}
.kh-leaf--5{--x:92%;--t:25s;--dl:-6s;--c:#d9a441;width:15px;height:15px}
@supports not (height:1cqh){.kh-leaf{display:none}}

/* gerak pemandangan */
.kh-sway{--a:2.5deg;transform-origin:0 0;animation:kh-sway 5s ease-in-out infinite alternate;animation-delay:var(--d,0s)}
.kh-sway--palm{--a:2.4deg;animation-duration:6.5s}
.kh-sway--tree{--a:1.4deg;animation-duration:7.5s}
.kh-sway--flower{--a:7deg;animation-duration:3.2s}
.kh-sway--grass{--a:6deg;animation-duration:2.8s}
.kh-sway--branch{--a:4deg;animation-duration:4.4s}
.kh-sway--branch2{--a:3.4deg;animation-duration:5.6s;animation-delay:-2s}
.kh-flag{transform-origin:0 7px;animation:kh-flag 1.5s ease-in-out infinite alternate}
.kh-flow{animation:kh-flow 3.4s linear infinite}
.kh-grow{transform-origin:0 0;animation:kh-grow 7s ease-in-out infinite;animation-delay:var(--d,0s)}
.kh-nod{transform-origin:0 -50px;animation:kh-nod 4.6s ease-in-out infinite alternate}
.kh-arm{transform-origin:0 0;animation:kh-arm 3.4s ease-in-out infinite alternate}
.kh-arm--slow{animation-duration:5s}
.kh-can{transform-origin:0 0;animation:kh-pour 8s ease-in-out infinite}
.kh-drops{animation:kh-dropsgate 8s linear infinite}
.kh-drops ellipse{animation:kh-drip .8s linear infinite}
.kh-drops ellipse:nth-child(2){animation-delay:-.2s}
.kh-drops ellipse:nth-child(3){animation-delay:-.4s}
.kh-drops ellipse:nth-child(4){animation-delay:-.6s}

@keyframes kh-spin{to{transform:rotate(360deg)}}
@keyframes kh-drift{from{transform:translateX(-26vw)}to{transform:translateX(112vw)}}
@keyframes kh-cross{0%{transform:translate(-8vw,0)}25%{transform:translate(24vw,-18px)}50%{transform:translate(52vw,10px)}75%{transform:translate(82vw,-14px)}100%{transform:translate(110vw,4px)}}
@keyframes kh-flap{from{transform:rotate(var(--f))}to{transform:rotate(var(--t))}}
@keyframes kh-wander{0%,100%{transform:translate(0,0)}20%{transform:translate(90px,-46px)}42%{transform:translate(190px,6px)}63%{transform:translate(120px,-62px)}82%{transform:translate(30px,-20px)}}
@keyframes kh-bw{from{transform:scaleX(1)}to{transform:scaleX(.2)}}
@keyframes kh-fall{from{transform:translateY(-30px)}to{transform:translateY(calc(100cqh + 30px))}}
@keyframes kh-drift-leaf{from{transform:translateX(-26px) rotate(-40deg)}to{transform:translateX(34px) rotate(55deg)}}
@keyframes kh-sway{from{transform:rotate(calc(var(--a) * -1))}to{transform:rotate(var(--a))}}
@keyframes kh-flag{from{transform:skewY(-7deg) scaleX(1)}to{transform:skewY(7deg) scaleX(.82)}}
@keyframes kh-flow{to{stroke-dashoffset:-64}}
@keyframes kh-grow{0%,100%{transform:scale(.62)}55%{transform:scale(1.08)}75%{transform:scale(1)}}
@keyframes kh-nod{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}}
@keyframes kh-arm{from{transform:rotate(-9deg)}to{transform:rotate(11deg)}}
@keyframes kh-pour{0%,35%{transform:rotate(0)}52%,86%{transform:rotate(24deg)}100%{transform:rotate(0)}}
@keyframes kh-dropsgate{0%,48%{opacity:0}54%,86%{opacity:1}92%,100%{opacity:0}}
@keyframes kh-drip{from{transform:translateY(0);opacity:1}to{transform:translateY(32px);opacity:.15}}

/* ---------- isi ---------- */
.kh-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,64px);align-items:start}
.kh-copy{max-width:640px}
.kh-brandline{display:flex;align-items:center;gap:9px;margin:0 0 16px;font:800 15px/1 var(--sans);color:var(--ink)}
.kh-hero h1{font-family:var(--serif);font-weight:800;font-size:clamp(38px,4.9vw,64px);line-height:1.05;letter-spacing:-.025em;color:var(--ink);margin:0 0 20px;text-wrap:balance}
.kh-w{display:inline-block;transform-origin:50% 100%;animation:kh-sprout .85s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(.12s + var(--i) * .12s)}
@keyframes kh-sprout{from{opacity:0;transform:translateY(.32em) scale(.55,.15) rotate(-3deg)}to{opacity:1;transform:none}}
.kh-lead{font-size:16.5px;line-height:1.68;color:var(--ink-soft);max-width:60ch;margin:0}
.kh-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:24px}
.kh-link{font-weight:800;color:var(--ink);padding-bottom:2px;border-bottom:3px solid var(--leaf3)}
.kh-link:hover{border-bottom-color:var(--ink)}

/* catatan orang tua */
.kh-note{position:relative;max-width:470px;margin-top:30px;padding:20px 20px 14px;background:#fffdf3;border-radius:3px;transform:rotate(-1deg);box-shadow:3px 5px 0 rgba(23,63,42,.16)}
.kh-pin{position:absolute;top:-8px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#d9503a;box-shadow:1px 3px 0 rgba(0,0,0,.25),inset -2px -2px 0 rgba(0,0,0,.18)}
.kh-note-stack{display:grid}
.kh-q{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(8px) rotate(.6deg);transition:opacity .7s,transform .7s,visibility .7s}
.kh-q.is-on{opacity:1;visibility:visible;transform:none}
.kh-q p{margin:0 0 8px;font:700 22px/1.25 'Caveat',var(--sans);color:#2c3d33}
.kh-q footer{font:800 13px/1.3 var(--sans);color:var(--green-d)}

/* papan foto menggantung */
.kh-side{display:grid;justify-items:end;gap:22px}
.kh-board{position:relative;width:min(100%,456px);padding-top:46px}
.kh-branch{position:absolute;top:-6px;right:-120px;width:700px;max-width:none;height:auto;pointer-events:none;overflow:visible}
.kh-swing{position:relative;transform-origin:50% -10px;animation:kh-pendulum 7s ease-in-out infinite alternate}
@keyframes kh-pendulum{from{transform:rotate(-1.3deg)}to{transform:rotate(1.3deg)}}
.kh-rope{position:absolute;top:-10px;width:3px;height:30px;border-radius:2px;background:#7a5a35;z-index:1}
.kh-rope--l{left:14%}.kh-rope--r{right:14%}
.kh-frame{position:relative;aspect-ratio:4/3;border:14px solid #a0713f;border-radius:10px;background:#d8e8cf;
  box-shadow:0 0 0 2px #6f4a28,inset 0 0 0 3px #6f4a28,6px 9px 0 rgba(60,40,20,.28);overflow:visible}
.kh-slides{position:absolute;inset:0;overflow:hidden;border-radius:2px}
.kh-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.3s ease}
.kh-slide.is-on{opacity:1}
.kh-slide img,.kh-slide video{display:block;width:100%;height:100%;object-fit:cover}
.kh-slide.is-on img{animation:kh-zoom 9s ease-out forwards}
@keyframes kh-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}
.kh-nail{position:absolute;width:9px;height:9px;border-radius:50%;background:#4a3320;box-shadow:inset -1px -1px 0 #1f140a,1px 1px 0 rgba(255,255,255,.25);z-index:2}
.kh-nail--tl{top:-11px;left:-11px}.kh-nail--tr{top:-11px;right:-11px}.kh-nail--bl{bottom:-11px;left:-11px}.kh-nail--br{bottom:-11px;right:-11px}
.kh-tag{position:relative;margin:20px auto 0;width:88%;padding:8px 12px 10px;background:var(--wood);border-radius:6px;box-shadow:3px 5px 0 rgba(70,45,20,.3);
  background-image:repeating-linear-gradient(0deg,rgba(90,60,25,.07) 0 2px,transparent 2px 9px)}
.kh-tag:before,.kh-tag:after{content:"";position:absolute;top:-14px;width:2px;height:16px;background:#7a5a35}
.kh-tag:before{left:18%}.kh-tag:after{right:18%}
.kh-cap{margin:0;min-height:1.25em;font:700 24px/1.2 'Caveat',var(--sans);color:#33220f;text-align:center}
.kh-pegs{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:6px}
.kh-peg{width:14px;height:14px;padding:0;border:2px solid #5a3d22;border-radius:50%;background:#e2bf86;cursor:pointer;transition:transform .2s,background .2s}
.kh-peg:hover{transform:scale(1.2)}
.kh-peg.is-on{background:#2f6b3c;border-color:#173f2a;transform:scale(1.2)}
.kh-pause{position:relative;width:20px;height:20px;margin-left:8px;padding:0;border:2px solid #5a3d22;border-radius:5px;background:#e2bf86;cursor:pointer}
.kh-pause span{position:absolute;inset:3px 4px;background:linear-gradient(90deg,#33220f 0 36%,transparent 36% 64%,#33220f 64%)}
.kh-pause[aria-pressed="true"] span{background:none;border-left:7px solid #33220f;border-top:5px solid transparent;border-bottom:5px solid transparent;inset:3px 4px 3px 6px}

/* hitung mundur PPDB */
.kh-count{width:min(100%,456px);padding:12px 16px 14px;background:var(--wood-d);color:#fff4dc;border-radius:8px;transform:rotate(.8deg);box-shadow:3px 5px 0 rgba(70,45,20,.3);
  background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.07) 0 2px,transparent 2px 8px)}
.kh-count-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 6px;font:700 22px/1.15 'Caveat',var(--sans)}
.kh-wave{font:800 13px/1 var(--sans);padding:3px 9px;border-radius:99px;background:#fff4dc;color:#5a3d22}
.kh-count-units{display:grid;grid-template-columns:repeat(4,1fr)}
.kh-count-units span{display:grid;justify-items:center;padding:2px 0;font-size:12px;font-weight:700;letter-spacing:.02em}
.kh-count-units span+span{border-left:2px dashed rgba(255,244,220,.4)}
.kh-count-units b{font:800 32px/1.05 var(--serif);font-variant-numeric:tabular-nums}
.kh-count-units b.tick{animation:kh-tick .35s ease-out}
@keyframes kh-tick{from{transform:translateY(-6px);opacity:.3}to{transform:none;opacity:1}}

/* papan penunjuk jenjang */
.kh-signs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,28px);margin-top:clamp(22px,3vw,38px);padding:8px clamp(12px,2vw,26px) 0}
.kh-signs:before{content:"";position:absolute;left:-6px;right:-6px;top:0;height:13px;border-radius:7px;background:#b4a548;
  background-image:repeating-linear-gradient(90deg,transparent 0 150px,rgba(60,65,15,.4) 150px 153px);box-shadow:0 4px 0 rgba(60,45,15,.2)}
.kh-post{position:absolute;top:-4px;width:14px;border-radius:7px;background:#a39440;box-shadow:inset -3px 0 0 rgba(60,65,15,.3);
  height:calc(100% + var(--kh-pb) - var(--kh-near) * .235 + 8px)}
.kh-post--l{left:-10px}.kh-post--r{right:-10px}
.kh-sign{position:relative;display:block;padding-top:22px;color:var(--ink);text-decoration:none;transform-origin:50% 0}
.kh-sign:before,.kh-sign:after{content:"";position:absolute;top:6px;width:2px;height:24px;background:#6b4a2b}
.kh-sign:before{left:24%}.kh-sign:after{right:24%}
.kh-sign-board{position:relative;display:grid;gap:2px;padding:10px 14px 10px;border-radius:8px;background:var(--wood);color:#33220f;
  background-image:repeating-linear-gradient(0deg,rgba(90,60,25,.07) 0 2px,transparent 2px 9px);box-shadow:3px 5px 0 rgba(70,45,20,.3);
  transform:rotate(calc((var(--i) - 1.5) * .8deg))}
.kh-sign-board strong{font:800 30px/1 var(--serif);color:#2a1a08;letter-spacing:-.01em}
.kh-sign-name{font-size:13px;font-weight:800;line-height:1.3}
.kh-sign-desc{font-size:13px;font-weight:600;line-height:1.35;color:#4a3318}
.kh-sign-go{margin-top:2px;font:700 21px/1 'Caveat',var(--sans);color:#5a2f0c;text-decoration:underline wavy rgba(90,47,12,.45);text-underline-offset:5px}
.kh-sign:hover,.kh-sign:focus-visible{animation:kh-swingsign 1s ease-out}
.kh-sign:focus-visible{outline:3px solid var(--ink);outline-offset:6px;border-radius:10px}
@keyframes kh-swingsign{0%{transform:rotate(0)}18%{transform:rotate(5deg)}42%{transform:rotate(-3.5deg)}66%{transform:rotate(2deg)}84%{transform:rotate(-1deg)}100%{transform:rotate(0)}}

.kh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kh-hero.is-paused *{animation-play-state:paused !important}

/* ---------- layar sempit ---------- */
@media (max-width:980px){
  .kh-grid{grid-template-columns:1fr;gap:34px}
  .kh-copy{max-width:none}
  .kh-side{justify-items:center}
  .kh-board{width:min(100%,440px)}
  .kh-signs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .kh-signs:before,.kh-post{display:none}
  .kh-sign{padding-top:18px}
  .kh-sign:before,.kh-sign:after{height:20px}
  .kh-sign-board strong{font-size:28px}
  .kh-hero{--kh-pb:calc(var(--kh-near) * .55)}
}
@media (max-width:560px){
  .kh-hero{padding-top:30px}
  .kh-actions{flex-direction:column;align-items:stretch;gap:6px}
  .kh-actions .btn{width:100%}
  .kh-link{text-align:center;border-bottom:0;padding:12px 0;text-decoration:underline;text-decoration-color:var(--leaf3);text-decoration-thickness:3px;text-underline-offset:6px}
  .kh-q p{font-size:20px}
  .kh-count-units b{font-size:26px}
  .kh-sign-desc{display:none}
  .kh-bird--c,.kh-butterfly--b{display:none}
}

/* ---------- penyempurnaan (rapi, mudah dibaca, tokoh tidak tertutup papan) ---------- */
.kh-hero{--kh-pb:calc(var(--kh-near) * .78)}
/* awan & burung tidak lagi lewat di belakang judul/paragraf */
.kh-cloud{opacity:.9}
.kh-cloud--a{top:2%}.kh-cloud--b{top:9%}.kh-cloud--c{top:1%}
.kh-bird--a{top:5%}.kh-bird--b{top:8%}.kh-bird--c{top:3%}
/* teks lebih terbaca di atas latar */
.kh-hero h1{text-shadow:0 2px 0 rgba(255,255,255,.35)}
.kh-lead{max-width:56ch;font-size:17px;color:#1f3a2b}
/* papan jenjang lebih ringkas */
.kh-sign-board{padding:8px 14px 10px}
.kh-sign-board strong{font-size:28px}
.kh-sign-desc{font-size:12.5px}
/* hitung mundur & keterangan foto lebih ramping */
.kh-count{padding:10px 16px 12px}
.kh-count-label{font-size:20px}
.kh-count-units b{font-size:28px}
.kh-cap{font-size:22px}
.kh-note{margin-top:24px}
@media (max-width:980px){
  .kh-hero{--kh-pb:calc(var(--kh-near) * .8)}
  .kh-bird,.kh-cloud--b{display:none}
  .kh-grid{gap:28px}
}
@media (max-width:560px){
  .kh-hero{padding-top:24px}
  .kh-lead{font-size:16px}
  .kh-board{width:min(100%,360px)}
  .kh-side{gap:16px}
  .kh-note{margin-top:20px}
}

/* ---------- kurangi gerakan ---------- */
@media (prefers-reduced-motion:reduce){
  .kh-hero *,.kh-hero *:before,.kh-hero *:after{animation:none !important;transition:none !important}
  .kh-leaf,.kh-bird,.kh-butterfly{display:none}
  .kh-cloud--a{transform:translateX(18vw)}.kh-cloud--b{transform:translateX(58vw)}.kh-cloud--c{transform:translateX(82vw)}
  .kh-w,.kh-q.is-on{opacity:1}
}