/* ==========================================================
   Fukinuke Front Page
   SWELLの共通スタイルと衝突しないよう、全要素に fk- プレフィックス
   ========================================================== */

/* SWELL標準の「トップページ用余白」（本来はSWELL標準メインビジュアルの下の間隔）を無効化。
   独自のフルブリードHeroを使うため、ヘッダー直後の余白は不要。 */
.top #content.l-content,
.top #content.l-content.l-container {
  padding-top: 0;
}

/* #fukinuke-front 自体には overflow-x:hidden があるが、それは要素内部のはみ出しを隠すだけで、
   full-bleed（下記 margin-left:-50vw 等）で画面幅いっぱいに広げている #fukinuke-front 自身が
   ページの実スクロール可能領域を広げてしまうのは防げない。特にスマホでこれが原因の横スクロール
   （左右が固定されない・右に余白ができる）が起きるため、body側でも塞いでおく。
   このCSSは #fukinuke-front を使うページでしか読み込まれないため、影響範囲はそれらに限られる。 */
body {
  overflow-x: hidden;
}

/* SWELLの.l-container（max-width:1200px程度）の制約を無視して、
   トップページの各セクション背景を画面幅いっぱいに広げる。
   中のテキストは .fk-inner（max-width固定・中央寄せ）で読みやすい幅を維持。 */
#fukinuke-front {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  overflow-x: hidden;

  --fk-bg: #f5f8fa; --fk-panel: #ffffff; --fk-panel-2: #eef3f6; --fk-ink: #0d1620; --fk-muted: #5c6b78;
  --fk-line: #dde5eb; --fk-deep: #0a2540; --fk-blue: #2f7cd6; --fk-sky: #6fd0ff; --fk-foam: #9df0d8;
  --fk-dark-bg: #03060a; --fk-dark-bg-2: #0a1c30;
  font-family: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;
  color: var(--fk-ink);
  background: var(--fk-bg);
}
@media (prefers-color-scheme: dark) {
  #fukinuke-front:not([data-theme="light"]) {
    --fk-bg: #0a0e13; --fk-panel: #12171d; --fk-panel-2: #171d24; --fk-ink: #e9eef2; --fk-muted: #8b98a3;
    --fk-line: #232a32;
  }
}

#fukinuke-front * { box-sizing: border-box; }
#fukinuke-front section { position: relative; }
#fukinuke-front .fk-inner { max-width: 1080px; margin: 0 auto; padding: 0 28px; }
#fukinuke-front img, #fukinuke-front svg { max-width: 100%; }

/* ---------- hero ---------- */
#fukinuke-front .fk-hero {
  min-height: 92svh; display: flex; flex-direction: column; justify-content: space-between;
  background: var(--fk-dark-bg); overflow: hidden;
}
#fukinuke-front .fk-hero canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
#fukinuke-front .fk-hero-content {
  position: relative; z-index: 2; flex: 1; display: flex; flex-direction: column;
  justify-content: flex-end; padding: 6vh 28px 6vh;
}
#fukinuke-front .fk-hero-bottom { max-width: 1080px; margin: 0 auto; width: 100%; min-height: 1px; }

/* 視覚的には非表示だがスクリーンリーダー／検索エンジンには残すテキスト用 */
#fukinuke-front .fk-sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
#fukinuke-front .fk-hero-vertical-catch {
  position: absolute; right: 7%; top: 11%; z-index: 2;
  writing-mode: vertical-rl; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700;
  font-size: clamp(15px, 1.8vw, 21px); color: rgba(255,255,255,.9); letter-spacing: .14em;
}
#fukinuke-front .fk-hero-vertical-catch::after {
  content: ""; display: inline-block; width: 1px; height: 32px; margin-top: 14px;
  background: linear-gradient(rgba(255,255,255,.5), transparent);
}
@media (max-width: 640px) {
  /* スマホでは中央のFUKINUKE文字が画面幅いっぱいに近づくため、
     右上のキャッチコピーは画面のより上・右へ逃がしてコンパクトにする */
  #fukinuke-front .fk-hero-vertical-catch {
    right: 5%; top: 5%; font-size: 12px;
  }
  #fukinuke-front .fk-hero-vertical-catch::after {
    height: 12px; margin-top: 6px;
  }
}
#fukinuke-front .fk-scroll-cue {
  position: absolute; right: 28px; bottom: 26px; z-index: 2;
  writing-mode: vertical-rl; font-family: "JetBrains Mono", monospace; font-size: 10px;
  letter-spacing: .2em; color: rgba(255,255,255,.55); display: flex; align-items: center; gap: 10px;
}
#fukinuke-front .fk-scroll-cue::after { content: ""; display: block; width: 1px; height: 40px; background: linear-gradient(rgba(255,255,255,.5), transparent); }

/* ---------- intro ---------- */
#fukinuke-front .fk-intro {
  background: linear-gradient(180deg, var(--fk-dark-bg-2) 0, var(--fk-bg) 140px, var(--fk-bg) 100%);
  padding: 100px 28px 70px; text-align: center;
}
#fukinuke-front .fk-intro .fk-eyebrow {
  font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--fk-blue); margin-bottom: 18px; text-shadow: 0 1px 6px rgba(0,0,0,.35);
}
#fukinuke-front .fk-intro p {
  font-size: clamp(16px, 2.3vw, 21px); line-height: 1.95; font-weight: 500; max-width: 760px; margin: 0 auto 14px;
  text-wrap: balance; color: var(--fk-ink);
}
#fukinuke-front .fk-intro p:last-child { margin-bottom: 0; }
#fukinuke-front .fk-intro strong { color: var(--fk-blue); font-weight: 700; }

/* ---------- section heading (shared) ---------- */
#fukinuke-front .fk-sec-head { max-width: 640px; margin: 0 auto 44px; text-align: center; }
#fukinuke-front .fk-sec-head .fk-eyebrow {
  font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--fk-blue); margin-bottom: 12px;
}
#fukinuke-front .fk-sec-head h2 {
  font-family: "Unbounded", sans-serif; font-weight: 600; font-size: clamp(22px, 3.4vw, 32px);
  margin: 0 0 12px; text-wrap: balance;
}
#fukinuke-front .fk-sec-head p { color: var(--fk-muted); font-size: 14.5px; margin: 0; }

/* ---------- services ---------- */
#fukinuke-front .fk-services { padding: 90px 28px; background: var(--fk-bg); }

#fukinuke-front .fk-total-support {
  background: linear-gradient(120deg, var(--fk-deep), var(--fk-blue) 65%, var(--fk-sky));
  border-radius: 14px; padding: 28px 32px; margin-top: 24px;
  display: flex; align-items: center; gap: 26px; color: #fff;
}
#fukinuke-front .fk-ts-icons { display: flex; gap: 8px; flex: none; }
#fukinuke-front .fk-ts-icon {
  width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.14);
  display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.32);
}
#fukinuke-front .fk-ts-icon svg { width: 20px; height: 20px; }
#fukinuke-front .fk-ts-body h3 { font-family: "Unbounded", sans-serif; font-weight: 600; font-size: 16.5px; margin: 0 0 8px; color: #fff; }
#fukinuke-front .fk-ts-body p { font-size: 13.5px; line-height: 1.8; margin: 0; color: rgba(255,255,255,.92); max-width: 58ch; }
@media (max-width: 700px) { #fukinuke-front .fk-total-support { flex-direction: column; align-items: flex-start; } }

#fukinuke-front .fk-svc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
@media (max-width: 820px) { #fukinuke-front .fk-svc-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; } }
#fukinuke-front .fk-svc-card {
  background: var(--fk-panel); border: 1px solid var(--fk-line); border-radius: 12px;
  overflow: hidden; cursor: pointer; transition: border-color .2s ease, transform .2s ease;
}
#fukinuke-front .fk-svc-card:hover { border-color: var(--fk-blue); transform: translateY(-2px); }
#fukinuke-front .fk-svc-thumb {
  aspect-ratio: 16/10; display: flex; align-items: center; justify-content: center;
  position: relative; overflow: hidden;
}
#fukinuke-front .fk-svc-thumb svg { width: 46%; height: 46%; position: relative; z-index: 1; }
#fukinuke-front .fk-svc-thumb::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.16), transparent 60%);
}
#fukinuke-front .fk-svc-thumb.t1 { background: linear-gradient(135deg, #0a2540, #2f7cd6); }
#fukinuke-front .fk-svc-thumb.t2 { background: linear-gradient(135deg, #17497f, #6fd0ff); }
#fukinuke-front .fk-svc-thumb.t3 { background: linear-gradient(135deg, #0a2540, #4fb8a6); }
#fukinuke-front .fk-svc-thumb.t4 { background: linear-gradient(135deg, #3d2a70, #7a5ce0); }
#fukinuke-front .fk-svc-body { padding: 22px 24px 26px; }
#fukinuke-front .fk-svc-no {
  font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--fk-blue); margin-bottom: 14px;
}
#fukinuke-front .fk-svc-card h3 {
  font-family: "Unbounded", sans-serif; font-size: 17px; font-weight: 600; margin: 0 0 10px; color: var(--fk-ink);
}
#fukinuke-front .fk-svc-desc { font-size: 13.5px; color: var(--fk-muted); line-height: 1.75; margin: 0 0 14px; }
#fukinuke-front .fk-svc-toggle {
  font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--fk-blue);
  display: flex; align-items: center; gap: 6px;
}
#fukinuke-front .fk-svc-toggle .chev { transition: transform .2s ease; }
#fukinuke-front .fk-svc-card.open .fk-svc-toggle .chev { transform: rotate(180deg); }
#fukinuke-front .fk-svc-detail { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
#fukinuke-front .fk-svc-card.open .fk-svc-detail { max-height: 400px; }
#fukinuke-front .fk-svc-detail ul { margin: 14px 0 0; padding-left: 18px; font-size: 12.5px; color: var(--fk-ink); line-height: 1.9; }

/* ---------- works ---------- */
#fukinuke-front .fk-works { padding: 90px 28px; background: var(--fk-panel-2); }
#fukinuke-front .fk-works-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 30px; }
@media (max-width: 820px) { #fukinuke-front .fk-works-grid { grid-template-columns: repeat(2, 1fr); } }
#fukinuke-front .fk-work-thumb {
  aspect-ratio: 4/3; border-radius: 10px; position: relative; overflow: hidden; display: block;
  background-size: cover; background-position: center; text-decoration: none;
}
#fukinuke-front .fk-work-thumb > div { position: relative; z-index: 1; }
#fukinuke-front .fk-work-thumb::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.5)); z-index: 0; }
#fukinuke-front .fk-wcat { position: absolute; left: 14px; top: 12px; z-index: 1; color: rgba(255,255,255,.75); font-size: 10.5px; font-family: "JetBrains Mono", monospace; }
#fukinuke-front .fk-wlabel { position: absolute; left: 14px; bottom: 12px; right: 14px; z-index: 1; color: #fff; font-size: 12px; font-weight: 700; }
#fukinuke-front .fk-work-thumb.w1 { background-color: #b8722a; }
#fukinuke-front .fk-work-thumb.w2 { background-color: #0a2540; }
#fukinuke-front .fk-work-thumb.w3 { background-color: #1b7a4a; }
#fukinuke-front .fk-work-thumb.w4 { background-color: #5a3d99; }
#fukinuke-front .fk-work-thumb:not([style*="background-image"]).w1 { background-image: linear-gradient(150deg, #b8722a, #e0a458); }
#fukinuke-front .fk-work-thumb:not([style*="background-image"]).w2 { background-image: linear-gradient(150deg, #0a2540, #2f7cd6); }
#fukinuke-front .fk-work-thumb:not([style*="background-image"]).w3 { background-image: linear-gradient(150deg, #1b7a4a, #4fd18f); }
#fukinuke-front .fk-work-thumb:not([style*="background-image"]).w4 { background-image: linear-gradient(150deg, #5a3d99, #a06fe0); }

#fukinuke-front .fk-works-tags { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 34px; }
#fukinuke-front .fk-works-tag {
  font-size: 12.5px; font-weight: 700; padding: 7px 16px; border-radius: 999px;
  background: var(--fk-panel); border: 1px solid var(--fk-line); color: var(--fk-ink);
}
#fukinuke-front .fk-works-note {
  max-width: 480px; margin: 0 auto; text-align: center; font-size: 13.5px; color: var(--fk-muted);
  background: var(--fk-panel); border: 1px solid var(--fk-line); border-radius: 10px; padding: 18px 22px;
}
#fukinuke-front .fk-works-more { text-align: center; margin-top: 30px; }
#fukinuke-front .fk-works-more-link {
  display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 700;
  color: var(--fk-blue); text-decoration: none; padding: 12px 8px; border-bottom: 1px solid transparent;
  transition: border-color .2s ease;
}
#fukinuke-front .fk-works-more-link:hover { border-color: var(--fk-blue); }

#fukinuke-front .fk-works-placeholder {
  max-width: 520px; margin: 0 auto; text-align: center; padding: 46px 28px;
  border: 1px dashed var(--fk-line); border-radius: 14px; background: var(--fk-panel);
}
#fukinuke-front .fk-works-placeholder p {
  margin: 0; font-size: 14px; line-height: 1.9; color: var(--fk-muted);
}

/* ---------- area ---------- */
#fukinuke-front .fk-area { padding: 90px 28px; background: var(--fk-bg); }
#fukinuke-front .fk-area-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; }
@media (max-width: 780px) { #fukinuke-front .fk-area-grid { grid-template-columns: 1fr; } }
#fukinuke-front .fk-area-copy .fk-eyebrow {
  font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--fk-blue); margin-bottom: 14px;
}
#fukinuke-front .fk-area-copy h2 { font-family: "Unbounded", sans-serif; font-weight: 600; font-size: clamp(20px, 2.8vw, 26px); margin: 0 0 16px; }
#fukinuke-front .fk-area-copy p { font-size: 14.5px; color: var(--fk-ink); line-height: 1.9; margin: 0; }
#fukinuke-front .fk-area-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
#fukinuke-front .fk-area-chip {
  font-size: 12.5px; font-weight: 700; padding: 6px 14px; border-radius: 999px;
  background: var(--fk-panel); border: 1px solid var(--fk-line);
}
#fukinuke-front .fk-area-chip.primary { background: var(--fk-blue); color: #fff; border-color: var(--fk-blue); }
#fukinuke-front .fk-area-visual {
  aspect-ratio: 4/3; border-radius: 14px; background: linear-gradient(150deg, var(--fk-deep), var(--fk-blue) 60%, var(--fk-sky));
  display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;
}
#fukinuke-front .fk-pin { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 6px rgba(255,255,255,.22); }
#fukinuke-front .fk-label { font-family: "JetBrains Mono", monospace; color: rgba(255,255,255,.85); font-size: 12px; text-align: center; }

/* ---------- about ---------- */
#fukinuke-front .fk-about { padding: 90px 28px; background: var(--fk-panel-2); }
#fukinuke-front .fk-about-card {
  max-width: 720px; margin: 0 auto; background: var(--fk-panel); border: 1px solid var(--fk-line);
  border-radius: 14px; padding: 40px; display: grid; grid-template-columns: 96px 1fr; gap: 26px; align-items: start;
}
@media (max-width: 560px) { #fukinuke-front .fk-about-card { grid-template-columns: 1fr; text-align: center; } }
#fukinuke-front .fk-about-avatar {
  width: 96px; height: 96px; border-radius: 50%; background-size: cover; background-position: center;
  background-color: var(--fk-deep); margin: 0 auto; display: flex; align-items: flex-end; justify-content: center; overflow: hidden;
}
#fukinuke-front .fk-about-avatar--default { background-image: linear-gradient(140deg, var(--fk-deep), var(--fk-blue), var(--fk-sky)); }
#fukinuke-front .fk-about-avatar svg { width: 72%; height: 72%; }
@media (min-width: 561px) { #fukinuke-front .fk-about-avatar { margin: 0; } }
#fukinuke-front .fk-about-name { font-family: "Unbounded", sans-serif; font-weight: 600; font-size: 17px; margin: 0 0 4px; }
#fukinuke-front .fk-about-role { font-size: 12.5px; color: var(--fk-muted); margin: 0 0 14px; }
#fukinuke-front .fk-about-bio { font-size: 13.5px; color: var(--fk-ink); line-height: 1.85; margin: 0 0 14px; }
#fukinuke-front .fk-about-link { font-size: 12.5px; color: var(--fk-blue); font-weight: 700; text-decoration: none; }
#fukinuke-front .fk-about-link:hover { text-decoration: underline; }

/* ---------- cta ---------- */
#fukinuke-front .fk-cta { position: relative; overflow: hidden; background: var(--fk-dark-bg); padding: 110px 28px; text-align: center; }
#fukinuke-front .fk-cta canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .55; z-index: 0; }
#fukinuke-front .fk-cta-content { position: relative; z-index: 2; }
#fukinuke-front .fk-cta h2 { font-family: "Unbounded", sans-serif; font-weight: 600; color: #fff; font-size: clamp(24px, 4vw, 38px); margin: 0 0 14px; text-wrap: balance; }
#fukinuke-front .fk-cta p { color: rgba(255,255,255,.78); font-size: 14.5px; max-width: 46ch; margin: 0 auto 30px; }
#fukinuke-front .fk-cta-btn {
  display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(100deg, var(--fk-blue), var(--fk-sky));
  color: #04121f; font-weight: 700; font-size: 14.5px; padding: 15px 34px; border-radius: 999px;
  text-decoration: none; transition: transform .2s ease;
}
#fukinuke-front .fk-cta-btn:hover { transform: translateY(-2px); }

/* ---------- contact status（お問い合わせ受付停止中の案内） ---------- */
#fukinuke-front .fk-contact-status {
  min-height: 70svh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, var(--fk-dark-bg) 0%, var(--fk-dark-bg-2) 100%);
  padding: 90px 28px; text-align: center;
}
#fukinuke-front .fk-contact-status .fk-inner { max-width: 560px; }
#fukinuke-front .fk-contact-status-icon {
  width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 26px;
  background: linear-gradient(135deg, var(--fk-deep), var(--fk-blue) 70%, var(--fk-sky));
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 0 1px rgba(255,255,255,.14), 0 20px 44px -14px rgba(47,124,214,.65);
}
#fukinuke-front .fk-contact-status-icon svg { width: 28px; height: 28px; }
#fukinuke-front .fk-contact-status .fk-eyebrow {
  font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--fk-sky); margin-bottom: 14px;
}
#fukinuke-front .fk-contact-status h1 {
  font-family: "Unbounded", sans-serif; font-weight: 600; color: #fff;
  font-size: clamp(22px, 3.4vw, 32px); margin: 0 0 20px; text-wrap: balance;
}
#fukinuke-front .fk-contact-status-body {
  color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.95; white-space: pre-line;
  max-width: 52ch; margin: 0 auto 36px;
}

/* ---------- works archive / taxonomy（実績一覧・業種別一覧） ---------- */
#fukinuke-front .fk-filter-tabs {
  display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 40px;
}
#fukinuke-front .fk-filter-tab {
  font-size: 13px; font-weight: 700; padding: 8px 18px; border-radius: 999px;
  background: var(--fk-panel); border: 1px solid var(--fk-line); color: var(--fk-muted);
  text-decoration: none; transition: color .2s ease, border-color .2s ease, background .2s ease;
}
#fukinuke-front .fk-filter-tab:hover { color: var(--fk-ink); border-color: var(--fk-blue); }
#fukinuke-front .fk-filter-tab.active { background: var(--fk-blue); border-color: var(--fk-blue); color: #fff; }

#fukinuke-front .fk-archive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 900px) { #fukinuke-front .fk-archive-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { #fukinuke-front .fk-archive-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; } }

#fukinuke-front .fk-archive-card {
  display: block; text-decoration: none; background: var(--fk-panel); border: 1px solid var(--fk-line);
  border-radius: 12px; overflow: hidden; transition: border-color .2s ease, transform .2s ease;
}
#fukinuke-front .fk-archive-card:hover { border-color: var(--fk-blue); transform: translateY(-2px); }
#fukinuke-front .fk-archive-card-thumb {
  aspect-ratio: 4/3; position: relative; background-size: cover; background-position: center;
}
#fukinuke-front .fk-archive-card-thumb.w1 { background-image: linear-gradient(150deg, #b8722a, #e0a458); }
#fukinuke-front .fk-archive-card-thumb.w2 { background-image: linear-gradient(150deg, #0a2540, #2f7cd6); }
#fukinuke-front .fk-archive-card-thumb.w3 { background-image: linear-gradient(150deg, #1b7a4a, #4fd18f); }
#fukinuke-front .fk-archive-card-thumb.w4 { background-image: linear-gradient(150deg, #5a3d99, #a06fe0); }
#fukinuke-front .fk-archive-card-thumb .fk-wcat {
  position: absolute; left: 12px; top: 12px; color: rgba(255,255,255,.85); font-size: 10.5px;
  font-family: "JetBrains Mono", monospace; letter-spacing: .04em;
}
#fukinuke-front .fk-archive-card-body { padding: 18px 20px 22px; }
#fukinuke-front .fk-archive-card-title { font-family: "Unbounded", sans-serif; font-weight: 600; font-size: 15px; margin: 0 0 8px; color: var(--fk-ink); }
#fukinuke-front .fk-archive-card-excerpt { font-size: 13px; color: var(--fk-muted); line-height: 1.75; margin: 0 0 12px; }
#fukinuke-front .fk-archive-card-services { display: flex; flex-wrap: wrap; gap: 6px; }
#fukinuke-front .fk-svc-badge {
  font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 999px;
  background: var(--fk-panel-2); border: 1px solid var(--fk-line); color: var(--fk-muted);
}

@media (prefers-reduced-motion: reduce) {
  #fukinuke-front canvas { display: none; }
}