/* Current NEW STYLE only: preserve its type, colors, content and destinations.
   Versioned separately from the published immutable artifact/overrides. */
.home-page .home-hero {
  padding-block: 0 1.25rem;
}

.home-page .home-hero .cinematic-page-hero__content {
  padding-block: clamp(10rem, 13vw, 11rem) clamp(2rem, 4vw, 3.5rem);
}

/* The landscape media frames the message, not the full height of the large
   product preview. This avoids enlarging a 16:9 image into a portrait crop. */
@media (min-width: 40.001rem) {
  .home-page .home-hero > .cinematic-solar-video,
  .home-page .home-hero > .home-hero__veil {
    bottom: auto;
    height: clamp(44rem, 56.25vw, 60rem);
    max-height: calc(100% - 7.75rem);
  }

  .home-page .home-hero > .home-hero__veil {
    background: linear-gradient(180deg, #01030766, #01030724 42%, #010307 100%);
  }
}

.kf-hero-video-control {
  position: absolute;
  z-index: 3;
  right: clamp(1rem, 3vw, 2.5rem);
  min-width: 44px;
  min-height: 44px;
  padding: .5rem .875rem;
  border: 1px solid #617583;
  border-radius: .5rem;
  background: #0a1720;
  color: #e8f4fa;
  font: 500 .75rem/1.3 "Instrument Sans Variable", "Instrument Sans", sans-serif;
  cursor: pointer;
}

.kf-hero-video-control[hidden] { display: none; }
.kf-hero-video-control--hero { top: max(6.25rem, calc(5.5rem + env(safe-area-inset-top))); }
.kf-hero-video-control--footer { bottom: 1rem; }
.kf-hero-video-control:hover:not(:disabled) { background: #172c39; }
.kf-hero-video-control:focus-visible { outline: 2px solid #b2f7f0; outline-offset: 3px; }
.kf-hero-video-control:disabled { cursor: default; color: #b1c1ca; }

@media (max-width: 40rem) {
  .home-page .home-hero { padding-block: 0 1rem; }
  .home-page .home-hero .cinematic-page-hero__content {
    padding-block: max(10rem, calc(8.75rem + env(safe-area-inset-top))) 1.5rem;
  }
  .home-page .home-hero__actions { grid-template-columns: minmax(0, 1fr); }
}

/* ── Menu HP "Glass Atelier" (owner 2026-10-14: "buat mewah, elegant, ringan, animasi ringan mewah", arah B) ──
   Hanya presentasi: markup, urutan, tujuan link, CTA & pemilih bahasa dari artefak tetap. Ikon = Lucide (ISC) lewat
   mask. Gerak sekali saat dibuka (transform/opacity), tanpa loop; prefers-reduced-motion = tanpa gerak. */
.mobile-navigation{--kfa-ink:#eef2f8;--kfa-muted:#aeb9ca;--kfa-blue:#4f9cff;--kfa-blue-deep:#1a6bff;--kfa-line:#ffffff1a;--kfa-ease:cubic-bezier(.16,1,.3,1)}
.mobile-navigation .dialog__panel{background:radial-gradient(70% 38% at 12% 2%,#1a6bff38,#0000 70%),radial-gradient(70% 42% at 96% 94%,#22d3ee1c,#0000 70%),#05070c}
.mobile-navigation .mobile-navigation__header{width:min(100%,36rem);border-bottom:0;padding-top:max(.9rem,env(safe-area-inset-top))}
.mobile-navigation .mobile-navigation__brand span{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--kfa-ink)}
.mobile-navigation .mobile-navigation__close{border-radius:14px;background:#ffffff0d;border:1px solid var(--kfa-line);transition:background-color .18s,border-color .18s}
.mobile-navigation .mobile-navigation__close:hover{background:#ffffff17;border-color:#4f9cff66}
.mobile-navigation .mobile-navigation__body{padding:.4rem 1rem .9rem}
.mobile-navigation .mobile-navigation__body nav{padding:.85rem;border-radius:26px;background:linear-gradient(160deg,#ffffff12,#ffffff04 60%),#0a0f18;border:1px solid var(--kfa-line);box-shadow:inset 0 1px #ffffff1f,0 30px 60px #00000073}
.mobile-navigation .mobile-navigation__primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.mobile-navigation .mobile-navigation__primary .mobile-navigation__link{position:relative;overflow:hidden;min-height:6rem;padding:.9rem;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;border-radius:18px;background:#0b111c;border:1px solid #ffffff12;color:var(--kfa-ink);font-size:.95rem;font-weight:620;letter-spacing:-.005em;box-shadow:none;transition:border-color .2s,background-color .2s}
.mobile-navigation .mobile-navigation__primary .mobile-navigation__link::before{content:"";position:absolute;left:.9rem;top:.9rem;width:22px;height:22px;background:var(--kfa-blue);-webkit-mask:var(--kfa-icon) center/contain no-repeat;mask:var(--kfa-icon) center/contain no-repeat}
.mobile-navigation .mobile-navigation__primary>li:nth-child(1) .mobile-navigation__link{--kfa-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Crect%20width%3D%227%22%20height%3D%229%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%225%22%20x%3D%2214%22%20y%3D%223%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%229%22%20x%3D%2214%22%20y%3D%2212%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%225%22%20x%3D%223%22%20y%3D%2216%22%20rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.mobile-navigation .mobile-navigation__primary>li:nth-child(2) .mobile-navigation__link{--kfa-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M12%2012h.01M16%206V4a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v2m14%207a18.15%2018.15%200%200%201-20%200%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%226%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.mobile-navigation .mobile-navigation__primary>li:nth-child(3) .mobile-navigation__link{--kfa-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M13.4%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-7.4M2%206h4m-4%204h4m-4%204h4m-4%204h4%22%2F%3E%3Cpath%20d%3D%22M21.378%205.626a1%201%200%201%200-3.004-3.004l-5.01%205.012a2%202%200%200%200-.506.854l-.837%202.87a.5.5%200%200%200%20.62.62l2.87-.837a2%202%200%200%200%20.854-.506z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.mobile-navigation .mobile-navigation__primary>li:nth-child(4) .mobile-navigation__link{--kfa-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M9%205v4%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%226%22%20x%3D%227%22%20y%3D%229%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M9%2015v2m8-14v2%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%228%22%20x%3D%2215%22%20y%3D%225%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M17%2013v3M3%203v16a2%202%200%200%200%202%202h16%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.mobile-navigation .mobile-navigation__primary>li:nth-child(5) .mobile-navigation__link{--kfa-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M12.586%202.586A2%202%200%200%200%2011.172%202H4a2%202%200%200%200-2%202v7.172a2%202%200%200%200%20.586%201.414l8.704%208.704a2.426%202.426%200%200%200%203.42%200l6.58-6.58a2.426%202.426%200%200%200%200-3.42z%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.mobile-navigation .mobile-navigation__primary>li:nth-child(6) .mobile-navigation__link{--kfa-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M18%2021a8%208%200%200%200-16%200%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%228%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M22%2020c0-3.37-2-6.5-4-8a5%205%200%200%200-.45-8.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.mobile-navigation .mobile-navigation__primary .mobile-navigation__link:hover{border-color:#4f9cff47;background:#0d1524;color:#fff}
.mobile-navigation .mobile-navigation__primary .mobile-navigation__link[aria-current=page],.mobile-navigation .mobile-navigation__primary .mobile-navigation__link[aria-current=page]:hover{color:#fff;background:linear-gradient(160deg,#1a6bff38,#0b111c 72%);border-color:#4f9cff6b;box-shadow:0 0 0 1px #4f9cff2e,0 12px 30px #1a6bff38}
.mobile-navigation .mobile-navigation__primary .mobile-navigation__link[aria-current=page]::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#fff0 30%,#ffffff24 50%,#fff0 70%);transform:translateX(-120%);pointer-events:none}
.mobile-navigation .mobile-navigation__groups{display:grid;gap:.35rem;margin-top:.65rem;padding-top:0;border-top:0}
.mobile-navigation .mobile-navigation__group+.mobile-navigation__group{border-top:0}
.mobile-navigation .mobile-navigation__disclosure{min-height:46px;padding-inline:.9rem .8rem;border-radius:14px;background:#ffffff07;color:#c8d2e2;font-size:.92rem;font-weight:620;transition:background-color .18s,color .18s}
.mobile-navigation .mobile-navigation__disclosure svg{color:#7d8aa0}
.mobile-navigation .mobile-navigation__disclosure:hover,.mobile-navigation .mobile-navigation__disclosure[aria-expanded=true]{background:#ffffff0e;color:#fff}
.mobile-navigation .mobile-navigation__secondary{padding:.3rem 0 .45rem .35rem}
.mobile-navigation .mobile-navigation__link--secondary{border:0;box-shadow:none;justify-content:flex-start;min-height:44px;padding-inline:.9rem;border-radius:12px;background:transparent;color:var(--kfa-muted);font-size:.88rem;font-weight:560}
.mobile-navigation .mobile-navigation__link--secondary:hover{background:#ffffff09;color:#fff}
.mobile-navigation .mobile-navigation__language{justify-content:center;gap:.35rem;padding:.2rem 0 .55rem}
.mobile-navigation .mobile-navigation__language .language-switcher::before{align-self:center;margin-right:.15rem;content:"";width:16px;height:16px;flex:none;background:#7d8aa0;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%202a14.5%2014.5%200%200%200%200%2020a14.5%2014.5%200%200%200%200-20M2%2012h20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%202a14.5%2014.5%200%200%200%200%2020a14.5%2014.5%200%200%200%200-20M2%2012h20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat}
.mobile-navigation .mobile-navigation__language .language-switcher{background:transparent;border:0;gap:.3rem}
.mobile-navigation .mobile-navigation__language .language-switcher a{min-inline-size:3rem;padding-inline:.8rem;color:#8a96a8;font-size:.78rem;letter-spacing:.06em}
.mobile-navigation .mobile-navigation__language .language-switcher a[aria-current=page]{background:#4f9cff26;color:#9cc5ff}
.mobile-navigation .mobile-navigation__actions{gap:.6rem;padding:.6rem;border-radius:22px;background:#0b111ccc;border:1px solid #ffffff14;box-shadow:0 1rem 2.5rem #00000059}
.mobile-navigation .mobile-navigation__actions .button{min-height:52px;border-radius:15px;font-size:.95rem;font-weight:650}
.mobile-navigation .mobile-navigation__actions .button--ghost{background:#ffffff0d;border-color:transparent;color:#fff}
.mobile-navigation .mobile-navigation__actions .button--primary{color:#fff;background:linear-gradient(180deg,var(--kfa-blue),var(--kfa-blue-deep));border-color:transparent;box-shadow:inset 0 1px #ffffff57,0 10px 26px #1a6bff59}
@keyframes kfaCard{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes kfaRise{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes kfaSheen{to{transform:translateX(120%)}}
@media (prefers-reduced-motion:no-preference){
  .mobile-navigation[data-state=open] .mobile-navigation__body nav{animation:kfaCard .5s var(--kfa-ease) both}
  .mobile-navigation[data-state=open] .mobile-navigation__primary>li{animation:kfaRise .46s var(--kfa-ease) both}
  .mobile-navigation[data-state=open] .mobile-navigation__primary>li:nth-child(1){animation-delay:60ms}
  .mobile-navigation[data-state=open] .mobile-navigation__primary>li:nth-child(2){animation-delay:100ms}
  .mobile-navigation[data-state=open] .mobile-navigation__primary>li:nth-child(3){animation-delay:140ms}
  .mobile-navigation[data-state=open] .mobile-navigation__primary>li:nth-child(4){animation-delay:180ms}
  .mobile-navigation[data-state=open] .mobile-navigation__primary>li:nth-child(5){animation-delay:220ms}
  .mobile-navigation[data-state=open] .mobile-navigation__primary>li:nth-child(6){animation-delay:260ms}
  .mobile-navigation[data-state=open] .mobile-navigation__groups{animation:kfaCard .46s var(--kfa-ease) .3s both}
  .mobile-navigation[data-state=open] .mobile-navigation__language,.mobile-navigation[data-state=open] .mobile-navigation__actions{animation:kfaCard .46s var(--kfa-ease) .34s both}
  .mobile-navigation[data-state=open] .mobile-navigation__primary .mobile-navigation__link[aria-current=page]::after{animation:kfaSheen 1.1s ease-out .45s 1 both}
}