.switch-k1ller-page{--switch-accent:#ed1c24;--fg-laser:var(--switch-accent);background:#050505}
.switch-k1ller-page:before{background-color:#050505;background-image:radial-gradient(circle at 72% 32%,rgba(237,28,36,.17),transparent 25%),linear-gradient(135deg,#050505 20%,#250609 62%,#050505)}
.switch-k1ller-page .fg-hero{background:linear-gradient(125deg,rgba(5,5,5,.22),rgba(42,5,8,.34) 58%,rgba(5,5,5,.44))}
.switch-k1ller-page .fg-hero:before{content:"06"}
.switch-k1ller-page .section-no:before,.switch-k1ller-page .fg-work-info:before{background:var(--switch-accent);box-shadow:0 0 7px rgba(237,28,36,.5)}
.switch-k1ller-page .site-header .nav a:after,.switch-k1ller-page .fg-back:after{background:var(--switch-accent);box-shadow:0 0 7px rgba(237,28,36,.4)}
.switch-k1ller-page .fg-works{background:linear-gradient(180deg,rgba(38,5,8,.42),rgba(5,5,5,.28) 18%,rgba(5,5,5,.36))}
.switch-k1ller-page:not(.switch-k1ller-list-page) .fg-works{padding-top:clamp(64px,8vw,110px)}
.switch-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.3vw,36px)}
.switch-category-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.5)}
.switch-category-visual{position:relative;display:flex;width:100%;height:auto;aspect-ratio:16/9;align-items:flex-start;justify-content:space-between;padding:18px;overflow:hidden;background:#090909}
.switch-category-visual.fg-video-frame{aspect-ratio:16/9}
.switch-category-visual video{width:100%;height:100%;object-fit:cover;transform:none}
.switch-category-visual :is(.video-thumbnail,.mv-video-thumbnail){width:100%;height:100%;object-fit:cover;transform:none}
.switch-category-visual .fg-play{z-index:4;top:50%}
.switch-category-visual .fg-play:disabled{cursor:default}
.switch-category-visual.is-playing>span,.switch-category-visual.is-playing>b{opacity:0}
.switch-category-visual:after{content:"";position:absolute;inset:auto -20% 18% 8%;height:1px;background:var(--switch-accent);box-shadow:0 0 18px rgba(237,28,36,.8);transform:rotate(-18deg)}
.switch-category-main{background:radial-gradient(circle at 70% 25%,rgba(237,28,36,.28),transparent 25%),linear-gradient(145deg,#080808,#280507 65%,#050505)}
.switch-category-side{background:radial-gradient(circle at 28% 68%,rgba(237,28,36,.2),transparent 27%),linear-gradient(35deg,#050505,#1c0809 58%,#0a0a0a)}
.switch-category-pv{background:linear-gradient(115deg,transparent 44%,rgba(237,28,36,.2) 45%,transparent 47%),linear-gradient(145deg,#0a0a0a,#260507 60%,#050505)}
.switch-category-visual>span{position:relative;z-index:1;color:#ddd;font:500 7px/1 "Space Grotesk";letter-spacing:.2em}
.switch-category-visual>b{align-self:flex-end;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2);font:500 clamp(90px,11vw,170px)/.7 "Space Grotesk";letter-spacing:-.12em}
.switch-category-info{position:relative;z-index:2;display:flex;min-height:215px;flex:1;flex-direction:column;padding:22px 20px 18px;background:rgba(3,3,3,.94)}
.switch-category-info:before{content:"";position:absolute;top:0;left:0;width:48px;height:2px;background:var(--switch-accent);box-shadow:0 0 8px rgba(237,28,36,.55)}
.switch-category-info h3{margin:0 0 9px;color:#f3f1eb;font:500 clamp(24px,2.5vw,40px)/.88 "Space Grotesk";letter-spacing:-.05em}
.switch-category-info p{margin:0 0 13px;color:#aaa;font:300 9px/1.55 "Noto Sans JP"}
.switch-category-info a{display:flex;min-height:38px;align-items:center;justify-content:space-between;margin-top:auto;padding:0 11px;border:1px solid rgba(237,28,36,.65);color:#fff;font:600 9px/1 "Space Grotesk";letter-spacing:.13em}
.switch-category-info a b{color:var(--switch-accent);font-size:15px}
.switch-k1ller-category+.switch-k1ller-category{margin-top:clamp(110px,13vw,180px)}
.switch-k1ller-category-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}
.switch-k1ller-category-heading span{color:var(--switch-accent);font:500 8px/1 "Space Grotesk";letter-spacing:.22em}
.switch-k1ller-category-heading h3{margin:15px 0 0;color:#f2f0eb;font:500 clamp(34px,5vw,72px)/.9 "Space Grotesk";letter-spacing:-.055em}
.switch-k1ller-work-count{margin:0 0 5px;color:var(--switch-accent);font:500 clamp(10px,1vw,14px)/1 "Space Grotesk";letter-spacing:.22em}
.switch-k1ller-category-copy{max-width:52em;margin:-12px 0 34px;color:#888;font:300 10px/1.9 "Noto Sans JP";letter-spacing:.06em}
.switch-k1ller-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.switch-k1ller-grid:empty:before{content:attr(data-empty-message);grid-column:1/-1;min-height:220px;display:grid;place-items:center;border-block:1px solid rgba(255,255,255,.09);color:#777;font:400 11px/1.8 "Noto Sans JP";letter-spacing:.12em}
.switch-k1ller-page .fg-video-frame{background:radial-gradient(circle at 50% 36%,rgba(237,28,36,.18),transparent 25%),linear-gradient(145deg,#250609,#090909 60%,#17080a)}
.switch-k1ller-grid .fg-work-card{width:100%;max-width:none}
.switch-k1ller-grid .fg-video-frame{width:100%;height:auto;aspect-ratio:16/9}
.switch-k1ller-grid .fg-video-frame :is(video,.video-thumbnail,.mv-video-thumbnail){width:100%;height:100%;object-fit:cover}
.switch-k1ller-page .fg-number,.switch-k1ller-page .fg-meta,.switch-k1ller-page .fg-back span{color:var(--switch-accent)}
.switch-list-hero{min-height:72svh;padding:clamp(150px,18vw,240px) var(--pad) 90px;background:linear-gradient(120deg,rgba(5,5,5,.3),rgba(48,5,8,.3))}
.switch-list-hero h1{margin:30px 0 24px;color:#f3f1eb;font:500 clamp(62px,10vw,148px)/.78 "Space Grotesk";letter-spacing:-.07em}
.switch-list-hero>p:last-child{max-width:44em;color:#aaa;font:300 11px/1.9 "Noto Sans JP";letter-spacing:.06em}
.switch-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:52px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.switch-list-heading h2{margin:0;font:500 clamp(42px,6vw,88px)/.88 "Space Grotesk";letter-spacing:-.06em}
.switch-list-heading span{color:var(--switch-accent);font:500 10px/1 "Space Grotesk";letter-spacing:.22em}
.switch-list-direct{padding-top:clamp(56px,7vw,96px)}
@media(max-width:1100px){.switch-k1ller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.switch-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.switch-k1ller-page:not(.switch-k1ller-list-page) .fg-works{padding-top:58px}.switch-k1ller-category+.switch-k1ller-category{margin-top:90px}.switch-k1ller-category-heading{display:block;margin-bottom:26px}.switch-k1ller-category-heading h3{font-size:clamp(34px,10vw,50px)}.switch-k1ller-work-count{margin-top:18px;font-size:8px}.switch-k1ller-category-copy{margin-top:-8px;font-size:9px}.switch-k1ller-grid,.switch-category-grid{grid-template-columns:1fr}.switch-k1ller-grid:empty:before{min-height:160px}.switch-category-card{width:100%;margin-inline:auto}.switch-category-info{min-height:180px;padding:18px 14px 14px}.switch-category-info h3{margin-bottom:6px;font-size:clamp(20px,6vw,26px)}.switch-category-info p{margin-bottom:8px;font-size:8px;line-height:1.4}.switch-category-info a{min-height:32px}.switch-list-hero{min-height:64svh;padding-top:135px}.switch-list-hero h1{font-size:clamp(52px,15vw,78px)}.switch-list-heading{display:block}.switch-list-heading span{display:block;margin-top:18px;font-size:8px}.switch-k1ller-grid .fg-video-frame{width:100%;height:auto;aspect-ratio:16/9}}

/* Mobile cards must remain independent blocks in normal document flow. */
@media(max-width:760px){
  .switch-k1ller-page .switch-category-grid,
  .switch-k1ller-page .switch-k1ller-grid{
    position:relative;
    display:grid;
    height:auto;
    max-height:none;
    overflow:visible;
    align-items:start;
    gap:32px;
  }
  .switch-k1ller-page .switch-category-card,
  .switch-k1ller-page .switch-k1ller-grid .fg-work-card{
    position:relative;
    inset:auto;
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    margin:0;
    overflow:visible;
    transform:none;
  }
  .switch-k1ller-page .switch-category-visual,
  .switch-k1ller-page .switch-k1ller-grid .fg-video-frame{
    position:relative;
    inset:auto;
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:16/9;
    overflow:hidden;
    transform:none;
  }
  .switch-k1ller-page .switch-category-visual :is(video,.video-thumbnail,.mv-video-thumbnail),
  .switch-k1ller-page .switch-k1ller-grid .fg-video-frame :is(video,.video-thumbnail,.mv-video-thumbnail){
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:none;
  }
  .switch-k1ller-page .switch-category-info,
  .switch-k1ller-page .switch-k1ller-grid .fg-work-info{
    position:relative;
    inset:auto;
    display:flex;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    margin:0;
    overflow:visible;
    transform:none;
  }
  .switch-k1ller-page .switch-category-info{flex:none;min-height:180px}
  .switch-k1ller-page .switch-k1ller-grid .fg-work-info{padding-bottom:18px}
}

/* List-page playback uses the same media coordinates as the working entrance cards. */
@media(max-width:760px){
  .switch-k1ller-list-page .switch-k1ller-grid .fg-video-frame[data-video-ratio="fixed-16x9"]{position:relative;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden}
  .switch-k1ller-list-page .switch-k1ller-grid .fg-video-frame[data-video-ratio="fixed-16x9"]>video,
  .switch-k1ller-list-page .switch-k1ller-grid .fg-video-frame[data-video-ratio="fixed-16x9"]>:is(.video-thumbnail,.mv-video-thumbnail){position:absolute;inset:0;top:0;right:0;bottom:0;left:0;display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;margin:0;padding:0;object-fit:cover;object-position:center;transform:none;-webkit-transform:none}
}