@layer components{.khg-cine{isolation:isolate;background:var(--surface-cream);position:relative;overflow:clip}@media (min-width:48rem){.khg-cine{align-items:center;min-height:clamp(30rem,76svh,45rem);display:flex}}.khg-cine-media{z-index:0;transform-origin:50% 46%;will-change:transform;animation:46s cubic-bezier(.37,0,.63,1) infinite alternate khg-cine-push;position:absolute;inset:0}@media (max-width:47.999rem){.khg-cine-media{height:16rem;bottom:auto;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}}.khg-cine-frame{object-fit:cover;object-position:50% 50%}.khg-cine-frame-2,.khg-cine-frame-3{opacity:0}.khg-cine-frame-2{animation:33s linear infinite khg-cine-second}.khg-cine-frame-3{animation:33s linear infinite khg-cine-third}@keyframes khg-cine-second{0%,27%{opacity:0}33.333%,60%{opacity:1}66.666%,to{opacity:0}}@keyframes khg-cine-third{0%,60.5%{opacity:0}66.666%,93.5%{opacity:1}to{opacity:0}}@keyframes khg-cine-push{0%{transform:scale(1)}to{transform:scale(1.075)}}.khg-cine-veil{z-index:1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in oklab, var(--surface-cream) 28%, transparent) 0rem, color-mix(in oklab, var(--surface-cream) 44%, transparent) 7rem, color-mix(in oklab, var(--surface-cream) 88%, transparent) 12.5rem, color-mix(in oklab, var(--surface-cream) 94%, transparent) 17rem, color-mix(in oklab, var(--surface-cream) 96%, transparent) 100%);position:absolute;inset:0}@media (min-width:48rem){.khg-cine-veil{background:linear-gradient(to right, color-mix(in oklab, var(--surface-cream) 94%, transparent) 0%, color-mix(in oklab, var(--surface-cream) 92%, transparent) 50%, color-mix(in oklab, var(--surface-cream) 88%, transparent) 72%, color-mix(in oklab, var(--surface-cream) 42%, transparent) 88%, color-mix(in oklab, var(--surface-cream) 16%, transparent) 100%)}}@media (min-width:80rem){.khg-cine-veil{background:linear-gradient(to right, color-mix(in oklab, var(--surface-cream) 94%, transparent) 0%, color-mix(in oklab, var(--surface-cream) 92%, transparent) 46%, color-mix(in oklab, var(--surface-cream) 88%, transparent) 62%, color-mix(in oklab, var(--surface-cream) 42%, transparent) 82%, color-mix(in oklab, var(--surface-cream) 14%, transparent) 100%)}}.khg-cine-body{z-index:2;width:100%;position:relative}.khg-cine-copy{max-width:42rem}@media (min-width:48rem) and (max-width:79.999rem){.khg-cine-copy{max-width:min(42rem,66vw)}}.khg-cine-quiet{color:var(--color-ink-muted)}.khg-cine-rule{border:0;border-top:1px solid color-mix(in oklab, var(--color-ink) 22%, transparent)}.khg-cine-toggle{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.khg-cine-control{z-index:3;border-radius:var(--radius-pill);cursor:pointer;background:color-mix(in oklab, var(--color-paper-raised) 62%, transparent);border:1px solid color-mix(in oklab, var(--color-ink) 70%, transparent);width:2.75rem;height:2.75rem;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px)saturate(1.1);transition:background-color var(--motion-base), border-color var(--motion-base), transform var(--motion-base);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem}@media (min-width:48rem){.khg-cine-control{top:1.75rem;right:1.75rem}}.khg-cine-control:hover{background:color-mix(in oklab, var(--color-paper-raised) 82%, transparent);border-color:var(--color-ink);transform:translateY(-1px)}.khg-cine-toggle:focus-visible~.khg-cine-control{outline:2px solid var(--color-ink);outline-offset:4px}.khg-cine-glyph{width:.72rem;height:.85rem;color:var(--color-ink);display:block}.khg-cine-toggle:not(:checked)~.khg-cine-control .khg-cine-when-paused,.khg-cine-toggle:checked~.khg-cine-control .khg-cine-when-playing{display:none}.khg-cine-toggle:checked~.khg-cine-media,.khg-cine-toggle:checked~.khg-cine-media .khg-cine-frame{animation-play-state:paused}.khg-cine-credit{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.khg-cine-media,.khg-cine-frame-2,.khg-cine-frame-3{animation-name:none}.khg-cine-toggle,.khg-cine-control{display:none}}@media (forced-colors:active){.khg-cine-media,.khg-cine-veil,.khg-cine-control{display:none}}}@layer print-overrides{@media print{.khg-cine-media,.khg-cine-veil,.khg-cine-control,.khg-cine-toggle{display:none!important}.khg-cine{min-height:0!important;display:block!important}}}
@layer components{.khg-scene{--p:0}.khg-scene__svg{width:100%;height:auto;display:block;overflow:hidden}.khg-scene__ground{fill:none;stroke:var(--color-ink);stroke-width:2px;stroke-linecap:square}.khg-scene__ink{fill:none;stroke:var(--color-brand-dark);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.khg-scene__hair{fill:none;stroke:var(--color-brand-mid);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.khg-scene__rule{fill:none;stroke:var(--color-ink-subtle);stroke-width:1px;stroke-linecap:butt}.khg-scene__poche{fill:var(--color-brand);fill-opacity:.14;stroke:none}.khg-scene__wash{fill:var(--color-brand-soft);stroke:none}.khg-scene__solid{fill:var(--color-brand-dark);stroke:none}.khg-scene__sheet{fill:var(--color-paper-raised);stroke:none}.khg-scene.is-live [data-d]{--t:clamp(0, calc((var(--p) - var(--d,0)) * var(--g,3.2)), 1)}.khg-scene.is-live [data-draw]{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--t))}.khg-scene.is-live [data-fill]{fill-opacity:calc(clamp(0, calc((var(--t) - .5) * 2.2), 1) * var(--fo,1))}.khg-scene.is-live [data-move]{transform:translate(calc(var(--dx,0) * (1 - var(--t)) * 1px), calc(var(--dy,0) * (1 - var(--t)) * 1px))}@media (prefers-reduced-motion:reduce){.khg-scene.is-live [data-d]{--t:1!important}}@media (forced-colors:active){.khg-scene__ground,.khg-scene__ink,.khg-scene__hair,.khg-scene__rule{stroke:canvastext}.khg-scene__solid{fill:canvastext}.khg-scene__poche,.khg-scene__wash,.khg-scene__sheet{fill:none}}}@media print{.khg-scene.is-live [data-d]{--t:1!important}}