.km .vd-hero{background:#000;height:100svh;min-height:560px;position:relative;overflow:hidden}.km .vd-hero .hero-img,.km .vd-hero .hero-img .drift{position:absolute;inset:0}.km .vd-hero .lbx{z-index:3;background:#000;height:12%;position:absolute;left:0;right:0}.km .vd-hero .lbx.t{top:0}.km .vd-hero .lbx.b{bottom:0}.km .vd-hero .vf{inset:clamp(70px, 10vh, 110px) var(--gutter) clamp(90px, 14vh, 140px);z-index:4;pointer-events:none;position:absolute}.km .vd-hero .vf i{border:0 solid #ffffffb3;width:26px;height:26px;position:absolute}.km .vd-hero .vf i:first-child{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.km .vd-hero .vf i:nth-child(2){border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.km .vd-hero .vf i:nth-child(3){border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.km .vd-hero .vf i:nth-child(4){border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.km .vd-hero .xh{width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.km .vd-hero .xh:before,.km .vd-hero .xh:after{content:"";background:#fff9;position:absolute}.km .vd-hero .xh:before{width:1px;top:0;bottom:0;left:50%}.km .vd-hero .xh:after{height:1px;top:50%;left:0;right:0}.km .vd-hud{z-index:5;color:#fff;align-items:center;gap:18px;display:flex;position:absolute}.km .vd-hud.tl{left:calc(var(--gutter) + 14px);top:calc(clamp(70px,10vh,110px) + 14px)}.km .vd-hud.tr{right:calc(var(--gutter) + 14px);top:calc(clamp(70px,10vh,110px) + 14px)}.km .vd-hud .hero-tc{font-variant-numeric:tabular-nums}.km .rec{align-items:center;gap:8px;display:flex}.km .rec i{background:var(--hanko);border-radius:50%;width:9px;height:9px;animation:1.2s steps(2,end) infinite km-blink}@keyframes km-blink{50%{opacity:0}}.km .batt{border:1.5px solid #fff;border-radius:2px;width:26px;height:12px;padding:1.5px;position:relative}.km .batt:after{content:"";background:#fff;width:70%;height:100%;display:block}.km .vd-hero .hero-jp{right:var(--gutter);z-index:5;font-family:var(--f-jp);writing-mode:vertical-rl;letter-spacing:.3em;color:var(--gold);font-size:clamp(22px,2.6vw,38px);position:absolute;top:50%;transform:translateY(-50%)}.km .vd-hero .hero-title{left:var(--gutter);right:var(--gutter);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:36px}.km .vd-hero h1{font-variation-settings:"wdth" 88;letter-spacing:-.055em;font-size:clamp(60px,13vw,230px);font-weight:500;line-height:.82}.km .vd-hero h1 .serif{color:var(--gold-soft);letter-spacing:-.03em}.km .vd-hero .hero-title p{max-width:34ch;color:var(--bone-2);line-height:1.5}.km-js .km .vd-hero .lbx{height:50%;animation:0s 2.5s forwards km-open}.km-js .km .vd-hero .vf,.km-js .km .vd-hero .vd-hud,.km-js .km .vd-hero .hero-jp,.km-js .km .vd-hero .hero-title p{visibility:hidden;animation:0s 2.5s forwards km-show}@keyframes km-open{to{height:12%}}@media (max-width:600px){.km .vd-hud.tr,.km .vd-hud.tl>span:last-child{display:none}.km .vd-hero .vf i{width:18px;height:18px}}.km .formats{padding:clamp(100px, 14vw, 200px) var(--gutter);grid-template-columns:1fr 1.2fr;align-items:center;gap:0 clamp(40px,6vw,100px);display:grid}.km .formats>*{min-width:0}.km .formats .copy{grid-row:1}.km .formats .lead{letter-spacing:-.02em;max-width:24ch;margin:24px 0 32px;font-size:clamp(20px,2.2vw,30px);line-height:1.2}.km .formats .lead .serif{color:var(--gold-soft)}.km .fmt-list{border-top:1px solid var(--ink-3);grid-column:1;align-self:start}.km .fmt-list button{text-align:left;border-bottom:1px solid var(--ink-3);width:100%;color:var(--mute);grid-template-columns:70px 1fr auto;align-items:center;gap:6px 14px;padding:16px 0;transition:color .3s;display:grid}.km .fmt-list button b{letter-spacing:-.01em;font-size:18px;font-weight:500}.km .fmt-list button[aria-pressed=true]{color:var(--bone)}.km .fmt-list button[aria-pressed=true] .mono:first-child{color:var(--gold)}.km .fmt-list .prog{background:var(--ink-3);grid-column:1/-1;height:2px;display:none;position:relative;overflow:hidden}.km .fmt-list button[aria-pressed=true] .prog{display:block}.km .fmt-list .prog i{background:var(--gold);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.km .stagebox{grid-area:1/2/span 2;place-items:center;height:min(70vh,640px);display:grid;position:relative}.km .morph{background:#000;border-radius:10px;width:640px;max-width:100%;height:360px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000c}.km .morph .ui{pointer-events:none;color:#fff;opacity:0;transition:opacity .3s;position:absolute;inset:0}.km .morph .ui.on{opacity:1}.km .morph .ui-yt{align-items:flex-end;display:flex}.km .morph .ui-yt>div{background:linear-gradient(#0000,#000000b3);align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:11px;display:flex}.km .morph .ui-yt i{background:#ffffff59;flex:1;height:3px;position:relative}.km .morph .ui-yt i:after{content:"";background:red;width:38%;position:absolute;top:0;bottom:0;left:0}.km .morph .ui-reel{background:linear-gradient(#0000 60%,#0009)}.km .morph .ui-reel b{font-size:12px;font-weight:600;position:absolute;bottom:18px;left:14px}.km .morph .ui-reel span{flex-direction:column;gap:14px;display:flex;position:absolute;bottom:60px;right:12px}.km .morph .ui-reel span i{background:#ffffffd9;border-radius:50%;width:24px;height:24px}.km .morph .ui-feed{flex-direction:column;justify-content:space-between;display:flex}.km .morph .ui-feed b{background:linear-gradient(#00000080,#0000);padding:10px 12px;font-size:12px}.km .morph .ratio{background:var(--gold);color:var(--ink);border-radius:5px;padding:4px 7px;position:absolute;top:10px;right:10px}@media (max-width:900px){.km .formats{grid-template-columns:minmax(0,1fr)}.km .stagebox{grid-area:auto/1;height:auto;min-height:420px;margin-top:24px}.km .fmt-list button{grid-template-columns:48px 1fr}.km .fmt-list button .mono:nth-of-type(2){display:none}}.km .watch-p{color:var(--bone-2);max-width:52ch;margin-top:20px;line-height:1.6}.km .watch .cross span{font-size:20px}.km .pipe{min-height:100svh;padding:90px var(--gutter) 40px;flex-direction:column;justify-content:center;gap:28px;display:flex;position:relative}.km .monitor{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);display:grid}.km .monitor>*{min-width:0}.km .mon-screen{aspect-ratio:16/9;border:1px solid var(--ink-3);background:#000;border-radius:8px;position:relative;overflow:hidden}.km .mon-screen .shot{opacity:0;transition:opacity .5s;position:absolute;inset:0}.km .mon-screen .shot.on{opacity:1}.km .mon-screen .mon-tc{z-index:1;font-family:var(--f-mono), monospace;color:var(--gold);font-variant-numeric:tabular-nums;background:#0009;border-radius:5px;padding:4px 8px;font-size:12px;position:absolute;bottom:10px;left:12px}.km .mon-screen .lut{z-index:1;color:#fff;background:#0009;border-radius:5px;padding:4px 8px;position:absolute;top:10px;right:12px}.km .mon-copy .stage-n{color:var(--gold)}.km .mon-copy h3{font-variation-settings:"wdth" 88;letter-spacing:-.045em;margin:12px 0 16px;font-size:clamp(36px,5vw,80px);font-weight:500;line-height:.9}.km .mon-copy p{color:var(--bone-2);max-width:42ch;min-height:4.6em;line-height:1.55}.km .mon-copy ul{flex-wrap:wrap;gap:8px;margin-top:18px;list-style:none;display:flex}.km .mon-copy li{border:1px solid var(--ink-3);color:var(--mute);border-radius:99px;padding:6px 11px;font-size:12px}.km .nle{background:var(--ink-2);border:1px solid var(--ink-3);-webkit-user-select:none;user-select:none;border-radius:10px;padding:12px 14px 14px;position:relative}.km .ruler{color:var(--mute-dark);font-family:var(--f-mono), monospace;justify-content:space-between;margin:0 0 8px 46px;font-size:9.5px;display:flex}.km .nle-track{grid-template-columns:40px 1fr;align-items:center;gap:6px;margin-top:5px;display:grid}.km .nle-track>span{font-family:var(--f-mono), monospace;color:var(--mute);background:var(--ink-3);text-align:center;border-radius:4px;padding:6px 0;font-size:10px}.km .lane{background:#100f0d;border-radius:4px;height:34px;position:relative}.km .clip{color:var(--ink);white-space:nowrap;filter:saturate(.5)brightness(.75);border-radius:4px;align-items:center;padding:0 8px;font-size:11px;font-weight:500;transition:filter .3s,box-shadow .3s;display:flex;position:absolute;top:2px;bottom:2px;overflow:hidden}.km .clip.on{filter:none;box-shadow:0 0 0 2px var(--bone)}.km .clip.a{color:#e6f2ea;background:repeating-linear-gradient(90deg,#3b5d48 0 2px,#4e7a5f 2px 5px)}.km .playhead{background:var(--hanko);z-index:3;pointer-events:none;width:2px;position:absolute;top:4px;bottom:8px;left:60px}.km .playhead:before{content:"";border:7px solid #0000;border-top:9px solid var(--hanko);position:absolute;top:-2px;left:-6px}@media (max-width:900px){.km .pipe{min-height:0;padding:100px var(--gutter)}.km .monitor{grid-template-columns:1fr}.km .clip{padding:0 4px;font-size:9px}}@media (prefers-reduced-motion:reduce){.km .rec i{animation:none}.km-js .km .vd-hero .lbx{height:12%;animation:none}.km-js .km .vd-hero .vf,.km-js .km .vd-hero .vd-hud,.km-js .km .vd-hero .hero-jp,.km-js .km .vd-hero .hero-title p{visibility:visible;animation:none}}