.kh-film-start { position: absolute; z-index: 30; top: 50%; left: 50%; transform: translate(-50%,-50%); min-height: 48px; padding: 14px 24px; border: 1px solid #ffffff70; border-radius: 30px; background: #080808e6; color: #fff; font: 15px/1.4 Inter,Arial,sans-serif; cursor: pointer; }
.kh-film-start:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
html.kh-overlay-scroll { scrollbar-width: none; }
html.kh-overlay-scroll::-webkit-scrollbar { width: 0; height: 0; }
.kh-page-scrollbar { position: fixed; z-index: 1000; inset: 8px 0 8px auto; width: 20px; opacity: 0; transition: opacity .3s ease; mix-blend-mode: difference; }
.kh-page-scrollbar[data-visible="true"], .kh-page-scrollbar:focus-within { opacity: .65; }
.kh-page-scrollbar[hidden] { display: none; }
.kh-page-scroll-thumb { position: absolute; top: 0; right: 0; width: 20px; min-height: 48px; cursor: grab; touch-action: none; }
.kh-page-scroll-thumb::after { content: ''; position: absolute; top: 0; bottom: 0; right: 5px; width: 4px; border-radius: 8px; background: #fff; }
.kh-page-scrollbar[data-dragging="true"] .kh-page-scroll-thumb { cursor: grabbing; }
.kh-page-scroll-thumb:focus-visible { outline: 1px solid #fff; outline-offset: -3px; border-radius: 6px; }
#korikon-site.kh.km .kh-header.kh-film-nav {
  --film-gutter: clamp(24px,5.55vw,114px);
  position: fixed;
  inset: 0 0 auto;
  transform: none;
  z-index: 80;
  width: 100%;
  max-width: none;
  min-height: 0;
  height: clamp(100px,17svh,180px);
  margin: 0;
  padding: 0 var(--film-gutter);
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: center;
  gap: clamp(24px,3vw,60px);
  border: 0;
  border-bottom: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  filter: blur(5px);
  transition: opacity .9s ease,filter 1s ease,visibility 0s,background .35s ease,color .35s ease,height .35s ease,border-color .35s ease;
}
#korikon-site.kh.km .kh-film-nav[data-revealed="true"],
#korikon-site.kh.km .kh-film-nav.is-scrolled { opacity: 1; visibility: visible; pointer-events: auto; filter: blur(0); }
#korikon-site.kh.km .kh-film-nav.is-scrolled { height: 86px; background: rgba(255,255,255,.96); color: #16191a; border-bottom-color: #e9e9e9; backdrop-filter: blur(16px); }
#korikon-site.kh.km .kh-film-nav .kh-brand { width: clamp(180px,16vw,320px); display: block; min-width: 0; }
#korikon-site.kh.km .kh-film-nav .kh-brand img { display: block; width: 100%; height: auto; transition: filter .35s ease; }
#korikon-site.kh.km .kh-film-nav.is-scrolled .kh-brand img { filter: invert(1); }
#korikon-site.kh.km .kh-film-nav .kh-desktop-nav { display: flex; align-items: center; gap: clamp(24px,2.4vw,48px); margin: 0; }
#korikon-site.kh.km .kh-film-nav a { font-size: clamp(12px,1.15vw,18px); font-weight: 400; color: inherit; white-space: nowrap; }
#korikon-site.kh.km .kh-film-nav a:hover { opacity: .72; }
#korikon-site.kh.km .kh-film-nav .kh-header-actions { justify-self: end; display: flex; align-items: center; gap: 22px; margin: 0; }
#korikon-site.kh.km .kh-film-contact { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#korikon-site.kh.km .kh-film-contact svg { width: 16px; height: 16px; }
#korikon-site.kh.km .kh-film-nav .kh-menu-button { display: none; border: 0; padding: 10px; color: inherit; background: transparent; }
#korikon-site.kh.km .kh-film-nav .kh-mobile-nav { position: absolute; top: 100%; left: 0; width: 100%; padding: 24px; border: 0; background: #101214; color: #fff; box-shadow: 0 20px 40px #0002; }
#korikon-site.kh.km .kh-film-nav.is-scrolled .kh-mobile-nav { background: #fff; color: #16191a; }
#korikon-site.kh.km .kh-film-nav .kh-mobile-nav a { display: flex; justify-content: space-between; padding: 15px 0; font-size: 17px; }

#korikon-site.kh.km .kh-hero.kh-film-hero { position: relative; isolation: isolate; display: block; width: 100%; height: 100vh; height: 100dvh; min-height: 540px; max-height: none; padding: 0; margin: 0; overflow: hidden; background: #000; color: #fff; }
#korikon-site.kh.km .kh-film-media { position: absolute; inset: 0; z-index: -2; overflow: hidden; background: #000; }
#korikon-site.kh.km .kh-film-scene { position: absolute; z-index: 0; left: var(--scene-left,0); top: var(--scene-top,0); width: var(--scene-width,100%); height: var(--scene-height,100%); }
#korikon-site.kh.km .kh-film-opening,
#korikon-site.kh.km .kh-film-video,
#korikon-site.kh.km .kh-film-still { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: fill; object-position: 50% 50%; }
#korikon-site.kh.km .kh-film-opening { z-index: 0; opacity: 0; }
#korikon-site.kh.km .kh-film-video { z-index: 1; opacity: 0; }
#korikon-site.kh.km .kh-film-still { z-index: 2; opacity: var(--still-opacity,0); }
/* Keep the video opaque under the matching photograph. */
#korikon-site.kh.km .kh-film-hero[data-has-frame="true"] .kh-film-video { opacity: 1; }
#korikon-site.kh.km .kh-film-hero[data-has-frame="true"] .kh-film-opening { opacity: 1; }
#korikon-site.kh.km .kh-film-hero.is-settled .kh-film-still { opacity: 1; }
#korikon-site.kh.km .kh-film-hero[data-still-error="true"] .kh-film-still { opacity: 0; }
#korikon-site.kh.km .kh-film-shade { position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(180deg,#00000015,transparent 20%,transparent 72%,#00000020); }
#korikon-site.kh.km .kh-film-electricity { position: absolute; inset: 0; z-index: 3; display: block; width: 100%; height: 100%; opacity: 0; pointer-events: none; overflow: visible; mix-blend-mode: screen; transition: opacity .8s ease; }
#korikon-site.kh.km .kh-film-hero.is-settled .kh-film-electricity { opacity: .88; }
#korikon-site.kh.km .kh-film-ember { opacity: 0; animation: kh-ember-scatter var(--spark-duration,2.5s) linear var(--spark-delay,0s) infinite; animation-play-state: paused; }
#korikon-site.kh.km .kh-film-hero.is-settled .kh-film-ember { animation-play-state: running; }
#korikon-site.kh.km .kh-film-hero[data-paused="true"] .kh-film-ember,
#korikon-site.kh.km .kh-film-hero[data-in-view="false"] .kh-film-ember { animation-play-state: paused; }
@keyframes kh-ember-scatter {
  0%,2% { opacity: 0; transform: translate(0,0) scale(.65); }
  4% { opacity: 1; transform: translate(calc(var(--spark-x) * .14),calc(var(--spark-y) * .14)) scale(1); }
  8% { opacity: .65; transform: translate(calc(var(--spark-x) * .38),calc(var(--spark-y) * .38)) scale(.9); }
  10% { opacity: .85; transform: translate(calc(var(--spark-x) * .5),calc(var(--spark-y) * .5)) scale(.85); }
  16% { opacity: .25; transform: translate(calc(var(--spark-x) * .83),calc(var(--spark-y) * .83)) scale(.6); }
  20%,100% { opacity: 0; transform: translate(var(--spark-x),var(--spark-y)) scale(.3); }
}
#korikon-site.kh.km .kh-film-energy {
  position: absolute;
  z-index: 4;
  left: var(--contact-x,50%);
  top: var(--contact-y,50%);
  width: var(--energy-size,220px);
  height: var(--energy-size,220px);
  transform: translate(-50%,-50%);
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  transition: opacity .6s ease;
}
#korikon-site.kh.km .kh-film-glow-halo { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(ellipse at center,#ffe6db77 0%,#ff482b77 12%,#ff160040 34%,transparent 70%); animation: kh-contact-breathe 5.6s ease-in-out infinite; }
#korikon-site.kh.km .kh-film-glow-core { position: absolute; inset: 38%; border-radius: 50%; background: radial-gradient(circle,#fff4e699,#ffb48c55 34%,transparent 70%); animation: kh-contact-vibrate 4.8s ease-in-out infinite; }
#korikon-site.kh.km .kh-film-spark { position: absolute; left: 50%; top: 50%; width: 2px; height: clamp(7px,.5vw,14px); border-radius: 50%; background: linear-gradient(transparent,#fff7df 38%,#ff643c); box-shadow: 0 0 7px #ff4e2b; opacity: 0; }
#korikon-site.kh.km .kh-film-spark-one { animation: kh-spark-left 9.2s linear .65s infinite; }
#korikon-site.kh.km .kh-film-spark-two { animation: kh-spark-right 12.2s linear 1.8s infinite; }
#korikon-site.kh.km .kh-film-energy > span { animation-play-state: paused; }
#korikon-site.kh.km .kh-film-hero.is-settled .kh-film-energy { opacity: .9; }
#korikon-site.kh.km .kh-film-hero.is-settled .kh-film-energy > span { animation-play-state: running; }
#korikon-site.kh.km .kh-film-hero[data-paused="true"] .kh-film-energy > span,
#korikon-site.kh.km .kh-film-hero[data-in-view="false"] .kh-film-energy > span { animation-play-state: paused; }
@keyframes kh-contact-breathe {
  0%,100% { opacity: .32; transform: scale(.96); }
  50% { opacity: .6; transform: scale(1.05); }
}
@keyframes kh-contact-vibrate {
  0%,100% { opacity: .28; }
  50% { opacity: .5; }
}
@keyframes kh-spark-left {
  0%,2% { opacity: 0; transform: translate(0,0) rotate(-40deg) scale(.4); }
  3% { opacity: .72; }
  10% { opacity: 0; transform: translate(calc(var(--energy-size,220px) * -.3),calc(var(--energy-size,220px) * -.25)) rotate(-40deg) scale(.25); }
  10.1%,100% { opacity: 0; }
}
@keyframes kh-spark-right {
  0%,2% { opacity: 0; transform: translate(0,0) rotate(23deg) scale(.3); }
  3% { opacity: .58; }
  9% { opacity: 0; transform: translate(calc(var(--energy-size,220px) * .17),calc(var(--energy-size,220px) * -.32)) rotate(23deg) scale(.2); }
  9.1%,100% { opacity: 0; }
}
#korikon-site.kh.km .kh-film-brand { position: absolute; left: clamp(24px,5.55vw,114px); bottom: clamp(78px,10.8svh,128px); top: auto; z-index: 5; max-width: calc(100% - 48px); pointer-events: none; }
#korikon-site.kh.km .kh-film-brand h1 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: Michroma,Geist,Arial,sans-serif;
  font-size: clamp(28px,2.5vw,54px);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -.045em;
  text-align: left;
  text-transform: uppercase;
  text-wrap: nowrap;
  text-shadow: 0 1px 18px #0003;
  opacity: 1;
  transform: none;
}
#korikon-site.kh.km .kh-film-brand h1 .kh-film-title-line { display: block; color: #fff; margin: 0; }
#korikon-site.kh.km .kh-film-brand h1 .kh-film-word { display: inline-block; opacity: 0; filter: blur(10px); }
#korikon-site.kh.km .kh-film-hero.is-brand-visible .kh-film-word { animation: kh-word-materialize 1.3s cubic-bezier(.2,.65,.2,1) var(--word-delay,0s) both; }
@keyframes kh-word-materialize { 0% { opacity: 0; filter: blur(10px); } 45% { opacity: .6; filter: blur(3px); } 100% { opacity: 1; filter: blur(0); } }
#korikon-site.kh.km .kh-film-discover { position: absolute; z-index: 5; left: 50%; bottom: max(20px,3svh,env(safe-area-inset-bottom)); transform: translateX(-50%); display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; color: #fff; opacity: 0; visibility: hidden; transition: opacity .8s ease .6s,visibility 0s .6s; }
#korikon-site.kh.km .kh-film-hero.is-brand-visible .kh-film-discover { opacity: .7; visibility: visible; }
#korikon-site.kh.km .kh-film-discover:hover { opacity: 1; }
#korikon-site.kh.km .kh-film-discover svg { width: 24px; height: 24px; }
#korikon-site.kh.km .kh-film-hero :focus-visible,
#korikon-site.kh.km .kh-film-nav:not(.is-scrolled) :focus-visible { outline-color: #fff; }
#korikon-site.kh.km .kh-film-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
#korikon-site.kh.km .kh-footer .kh-footer-main > a img { width: 181px; height: auto; filter: invert(1); }
@media (max-width: 1050px) {
  #korikon-site.kh.km .kh-header.kh-film-nav { height: 100px; grid-template-columns: minmax(0,1fr) auto; gap: 20px; }
  #korikon-site.kh.km .kh-film-nav .kh-brand { width: 190px; }
  #korikon-site.kh.km .kh-film-nav .kh-desktop-nav { display: none; }
  #korikon-site.kh.km .kh-film-nav .kh-menu-button { display: inline-flex; }
  #korikon-site.kh.km .kh-film-nav a { font-size: 14px; }
}
@media (max-width: 600px) {
  #korikon-site.kh.km .kh-header.kh-film-nav,
  #korikon-site.kh.km .kh-film-nav.is-scrolled { height: 82px; padding-inline: 22px; }
  #korikon-site.kh.km .kh-film-nav .kh-brand { width: 146px; }
  #korikon-site.kh.km .kh-film-nav .kh-header-actions { gap: 8px; }
  #korikon-site.kh.km .kh-film-nav .kh-film-contact { font-size: 12px; }
  #korikon-site.kh.km .kh-hero.kh-film-hero { min-height: 540px; }
  #korikon-site.kh.km .kh-film-brand { left: 24px; bottom: max(102px,13svh); }
  #korikon-site.kh.km .kh-film-brand h1 { font-size: clamp(23px,5.5vw,33px); line-height: 1.5; letter-spacing: -.055em; }
  #korikon-site.kh.km .kh-film-shade { background: linear-gradient(180deg,#0002,transparent 24%,transparent 66%,#0008); }
  #korikon-site.kh.km .kh-film-discover { bottom: max(20px,env(safe-area-inset-bottom)); }
}
@media (max-height: 560px) and (min-width: 601px) {
  #korikon-site.kh.km .kh-hero.kh-film-hero { min-height: 100svh; }
  #korikon-site.kh.km .kh-header.kh-film-nav { height: 80px; }
  #korikon-site.kh.km .kh-film-brand { bottom: 54px; }
  #korikon-site.kh.km .kh-film-brand h1 { font-size: 26px; line-height: 1.25; }
  #korikon-site.kh.km .kh-film-discover { bottom: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  #korikon-site.kh.km .kh-film-hero:not([data-presentation="true"]) .kh-film-video { display: none; }
  #korikon-site.kh.km .kh-film-hero:not([data-presentation="true"]) .kh-film-still { opacity: 1; transition: none; }
  #korikon-site.kh.km .kh-film-brand h1 .kh-film-word { opacity: 1; filter: none; animation: none; }
  #korikon-site.kh.km .kh-film-nav { filter: none; transition: none; }
  #korikon-site.kh.km .kh-film-energy,
  #korikon-site.kh.km .kh-film-electricity { display: none; }
}