/* Navigator-first redesign: Mio Nagumo guides the page instead of appearing as decoration. */
.navigator-site {
  --navy:#17324a;
  --ink:#24465f;
  --muted:#678094;
  --sky:#79d6ff;
  --blue:#20aef3;
  --blue-deep:#087fbd;
  --pink:#ff8fbd;
  --yellow:#ffd86b;
  --mint:#8fe2ca;
  --lilac:#c7b7ff;
  --paper:#ffffff;
  --mist:#f5fbff;
  --line:rgba(28,67,96,.12);
  --soft-shadow:0 24px 70px rgba(43,101,139,.14);
  background:#f7fcff;
  color:var(--navy);
}
.navigator-site main { overflow:hidden; }
.navigator-site .container { width:min(calc(100% - 48px),1240px); }

/* Header */
.navigator-site .site-header {
  position:sticky;
  top:0;
  z-index:80;
  border:0;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 30px rgba(32,88,126,.08);
  backdrop-filter:blur(18px) saturate(140%);
}
.navigator-site .header-inner { min-height:72px; }
.navigator-site .brand { color:var(--navy); }
.navigator-site .site-nav { gap:7px; }
.navigator-site .site-nav a {
  padding:8px 12px;
  border-radius:999px;
  color:#557286;
  font-size:.8rem;
  font-weight:800;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.navigator-site .site-nav a::after { display:none; }
.navigator-site .site-nav a:hover,
.navigator-site .site-nav a:focus-visible,
.navigator-site .site-nav a.is-active {
  color:#0c78b1;
  background:#e7f7ff;
  transform:translateY(-1px);
}
.navigator-site .lang-switch { border:0; background:#f1f8fc; box-shadow:none; }
.navigator-site .scroll-progress {
  height:3px;
  background:linear-gradient(90deg,var(--blue),var(--pink),var(--yellow));
  transform-origin:left;
}

/* Hero */
.navigator-hero {
  position:relative;
  min-height:calc(100svh - 72px);
  padding:58px 0 72px;
  background:
    radial-gradient(circle at 8% 14%,rgba(255,216,107,.36),transparent 22rem),
    radial-gradient(circle at 88% 18%,rgba(255,143,189,.24),transparent 24rem),
    linear-gradient(180deg,#f7fcff,#eefaff 72%,#fff);
}
.navigator-hero::before {
  position:absolute;
  inset:0;
  content:"";
  pointer-events:none;
  opacity:.4;
  background-image:radial-gradient(circle,rgba(32,174,243,.22) 1.5px,transparent 1.7px);
  background-size:30px 30px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
}
.navigator-hero-grid {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);
  align-items:center;
  gap:40px;
}
.navigator-copy { position:relative; z-index:3; padding:30px 0; }
.navigator-kicker,
.chapter-kicker {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 18px;
  padding:8px 13px;
  border-radius:999px;
  background:#fff;
  color:#1084bd;
  box-shadow:0 10px 28px rgba(53,117,153,.1);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
}
.navigator-kicker::before,
.chapter-kicker::before {
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--yellow);
  content:"";
  box-shadow:0 0 0 5px rgba(255,216,107,.2);
}
.navigator-copy h1 {
  margin:0;
  max-width:760px;
  font-size:clamp(3.4rem,5.35vw,5.25rem);
  line-height:1.04;
  letter-spacing:-.05em;
}
.navigator-copy h1 .marker {
  position:relative;
  display:inline-block;
  white-space:nowrap;
  color:#0b85c3;
}
.navigator-copy h1 .marker::after {
  position:absolute;
  right:-3%;
  bottom:.04em;
  left:-2%;
  z-index:-1;
  height:.27em;
  border-radius:999px;
  background:rgba(255,216,107,.72);
  content:"";
  transform:rotate(-1.5deg);
}
.navigator-copy .hero-lead { max-width:700px; margin:26px 0 0; color:var(--muted); font-size:1rem; }
.navigator-copy .hero-actions { margin-top:28px; }
.navigator-site .button {
  min-height:50px;
  padding:10px 20px;
  border:0;
  border-radius:16px;
  font-weight:850;
  box-shadow:0 12px 26px rgba(34,95,132,.1);
}
.navigator-site .button-primary { background:linear-gradient(135deg,#20aef3,#1697dc); color:#fff; }
.navigator-site .button-secondary { background:#fff; color:var(--navy); }
.navigator-site .button:hover,
.navigator-site .button:focus-visible { transform:translateY(-2px); box-shadow:0 16px 34px rgba(34,95,132,.16); }
.hero-route { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 0; padding:0; list-style:none; }
.hero-route a {
  display:inline-flex;
  gap:7px;
  align-items:center;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#5b7384;
  font-size:.74rem;
  font-weight:780;
  text-decoration:none;
}
.hero-route b { color:#1592cf; }

.mio-hero-stage { position:relative; min-height:590px; }
.mio-hero-poster {
  position:absolute;
  inset:34px 0 24px 24px;
  overflow:hidden;
  border:9px solid #fff;
  border-radius:38px;
  background:url("../images/site/hero-general.webp") center/cover;
  box-shadow:var(--soft-shadow);
  transform:rotate(1deg);
}
.mio-hero-poster::after {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(25,69,96,.12));
  content:"";
}
.mio-hero-character {
  position:absolute;
  z-index:3;
  right:4px;
  bottom:2px;
  width:min(62%,410px);
  filter:drop-shadow(0 18px 20px rgba(34,78,108,.18));
}
.mio-hero-character img { display:block; width:100%; height:auto; }
.mio-hero-bubble {
  position:absolute;
  z-index:5;
  top:64px;
  left:0;
  width:min(255px,57%);
  padding:16px 18px;
  border-radius:22px 22px 22px 7px;
  background:#fff;
  box-shadow:0 18px 42px rgba(45,94,126,.15);
  transform:rotate(-1.5deg);
}
.mio-hero-bubble strong { display:block; margin-bottom:4px; color:#0d8dcc; font-size:.72rem; letter-spacing:.08em; }
.mio-hero-bubble p { margin:0; color:var(--navy); font-size:.88rem; font-weight:780; line-height:1.6; }
.mio-name-sticker {
  position:absolute;
  z-index:5;
  right:12px;
  bottom:28px;
  max-width:220px;
  padding:9px 13px;
  border-radius:13px;
  background:var(--yellow);
  color:#695313;
  box-shadow:0 12px 24px rgba(95,74,18,.13);
  font-size:.72rem;
  font-weight:900;
  line-height:1.45;
  transform:rotate(2deg);
}

/* Story chapters */
.story-section { position:relative; padding:96px 0; }
.story-section:nth-of-type(even) { background:#fff; }
.story-shell {
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  align-items:center;
  gap:56px;
}
.story-shell.reverse { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.story-copy { min-width:0; }
.story-copy h2 {
  margin:0;
  max-width:720px;
  font-size:clamp(2.25rem,4.25vw,4.15rem);
  line-height:1.13;
  letter-spacing:-.04em;
}
.story-copy p { max-width:690px; color:var(--muted); }
.story-copy .big-line {
  display:block;
  margin:22px 0;
  color:#0d86c1;
  font-size:clamp(1.25rem,2.2vw,1.9rem);
  font-weight:900;
  line-height:1.45;
}
.story-card {
  position:relative;
  overflow:hidden;
  padding:14px;
  border-radius:34px;
  background:#fff;
  box-shadow:var(--soft-shadow);
}
.story-card img {
  display:block;
  width:100%;
  height:clamp(360px,36vw,510px);
  border-radius:25px;
  object-fit:cover;
  object-position:center;
}
.world-playground .story-card img {
  object-fit:contain;
  background:linear-gradient(180deg,#dff5ff,#f2fbff);
}
.story-card figcaption { padding:14px 10px 4px; color:var(--muted); font-size:.82rem; }
.story-card::before {
  position:absolute;
  z-index:3;
  top:3px;
  left:50%;
  width:82px;
  height:20px;
  border-radius:4px;
  background:rgba(255,216,107,.72);
  content:"";
  transform:translateX(-50%) rotate(-3deg);
}

.reason-board { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:30px; }
.reason-chip { padding:18px; border-radius:22px; background:#fff; box-shadow:0 12px 30px rgba(45,97,131,.08); }
.reason-chip:nth-child(1){transform:rotate(-.6deg)}
.reason-chip:nth-child(2){transform:rotate(.7deg)}
.reason-chip:nth-child(3){transform:rotate(.5deg)}
.reason-chip:nth-child(4){transform:rotate(-.7deg)}
.reason-chip b { display:block; margin-bottom:5px; color:#0f88c5; }
.reason-chip span { color:var(--muted); font-size:.84rem; }

.world-playground { background:linear-gradient(135deg,#e8f8ff 0%,#f6efff 45%,#fff9dd 100%); }
.connection-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin-top:28px; }
.connection-pill {
  padding:14px 8px;
  border-radius:20px;
  background:#fff;
  text-align:center;
  box-shadow:0 10px 26px rgba(45,97,131,.08);
  font-weight:850;
}
.connection-pill:nth-child(2n){transform:translateY(8px)}
.connection-pill i { display:block; width:30px; height:7px; margin:0 auto 9px; border-radius:999px; background:var(--blue); }
.connection-pill:nth-child(2) i{background:var(--mint)}
.connection-pill:nth-child(3) i{background:var(--pink)}
.connection-pill:nth-child(4) i{background:var(--yellow)}
.connection-pill:nth-child(5) i{background:var(--lilac)}
.connection-pill:nth-child(6) i{background:#75c6ff}

/* Diver */
.diver-stage { background:#fff9fc; }
.diver-layout {
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:center;
  gap:52px;
}
.diver-photo-stack { position:relative; min-height:520px; }
.diver-photo-main {
  position:absolute;
  inset:16px 54px 46px 0;
  margin:0;
  padding:11px;
  border-radius:30px;
  background:#fff;
  box-shadow:var(--soft-shadow);
  transform:rotate(-1.2deg);
}
.diver-photo-main img { width:100%; height:100%; border-radius:22px; object-fit:cover; object-position:center; }
.diver-note {
  position:absolute;
  z-index:4;
  left:28px;
  bottom:14px;
  width:min(290px,58%);
  padding:16px 18px;
  border-radius:20px;
  background:var(--yellow);
  box-shadow:0 14px 28px rgba(108,84,14,.14);
  transform:rotate(1.5deg);
}
.diver-note strong { display:block; margin-bottom:4px; font-size:.98rem; line-height:1.45; }
.diver-note p { margin:0; color:#6b591d; font-size:.8rem; line-height:1.55; }
.diver-mio {
  position:absolute;
  z-index:5;
  right:0;
  bottom:28px;
  width:175px;
  max-height:390px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 14px 18px rgba(42,84,113,.16));
}

/* Status */
.status-stage { background:linear-gradient(180deg,#fff,#effaff); }
.status-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:32px; }
.status-step { position:relative; padding:20px; border-radius:24px; background:#fff; box-shadow:0 13px 34px rgba(42,94,128,.09); }
.status-step::before {
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  margin-bottom:16px;
  border-radius:50%;
  background:#e7f7ff;
  color:#0d89c7;
  content:attr(data-step);
  font-size:.7rem;
  font-weight:900;
}
.status-step strong { display:block; margin-bottom:6px; }
.status-step span { color:var(--muted); font-size:.82rem; }
.alpha-card {
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  align-items:end;
  gap:24px;
  min-height:300px;
  margin-top:36px;
  padding:32px 34px 0;
  overflow:hidden;
  border-radius:34px;
  background:linear-gradient(135deg,#17324a,#0b78ad);
  color:#fff;
  box-shadow:0 24px 58px rgba(27,81,116,.22);
}
.alpha-card h3 { margin-top:14px; }
.alpha-card p { color:rgba(255,255,255,.74); }
.alpha-card .status-badge { background:#ffd86b; color:#604f16; }
.alpha-card img { width:100%; max-height:300px; align-self:end; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 16px 20px rgba(0,0,0,.18)); }

/* Join */
.join-stage { position:relative; padding:96px 0 112px; background:#fff; }
.join-card {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  align-items:end;
  min-height:390px;
  overflow:hidden;
  padding:46px 46px 0;
  border-radius:40px;
  background:linear-gradient(135deg,#dff6ff,#fff6d7 52%,#ffeaf3);
  box-shadow:var(--soft-shadow);
}
.join-card h2 { margin:0; max-width:700px; font-size:clamp(2.25rem,4.5vw,4.4rem); line-height:1.08; letter-spacing:-.045em; }
.join-card p { max-width:650px; color:var(--muted); }
.join-card img { width:100%; max-height:340px; align-self:end; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 18px 18px rgba(54,93,120,.15)); }

/* Persistent navigator */
.mio-dock {
  position:fixed;
  z-index:60;
  right:18px;
  bottom:18px;
  display:grid;
  grid-template-columns:76px minmax(0,205px);
  align-items:end;
  width:min(304px,calc(100vw - 36px));
  min-height:106px;
  padding:10px 12px 10px 5px;
  border:1px solid rgba(25,88,126,.08);
  border-radius:24px;
  background:rgba(255,255,255,.95);
  box-shadow:0 18px 50px rgba(38,85,115,.18);
  backdrop-filter:blur(15px);
  transition:transform .25s ease,opacity .25s ease;
}
.mio-dock img { display:block; width:82px; max-height:108px; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 9px 10px rgba(47,84,106,.13)); }
.mio-dock-copy { padding:6px 0; }
.mio-dock-kicker { display:block; color:#1494d0; font-size:.58rem; font-weight:900; letter-spacing:.09em; }
.mio-dock-title { display:block; margin:3px 0; color:var(--navy); font-size:.84rem; line-height:1.38; }
.mio-dock-text { display:block; color:var(--muted); font-size:.68rem; line-height:1.5; }
.mio-dock.is-changing { transform:translateY(4px); opacity:.76; }
.navigator-site .site-footer { border:0; background:#17324a; color:#fff; }
.navigator-site .footer-inner p,
.navigator-site .footer-links a { color:rgba(255,255,255,.66); }

/* Developer journey */
.navigator-developer .navigator-hero { min-height:auto; padding-bottom:86px; }
.navigator-developer .mio-hero-poster { background:url("../images/site/hero-developer.webp") center/cover; }
.dev-hero-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:24px; }
.dev-hero-fact { padding:13px 15px; border-radius:17px; background:#fff; box-shadow:0 10px 25px rgba(42,94,128,.08); }
.dev-hero-fact span { display:block; color:var(--muted); font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.dev-hero-fact strong { display:block; color:var(--navy); }
.arch-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin:32px 0; }
.arch-node { position:relative; padding:20px 14px; border-radius:21px; background:#fff; box-shadow:0 12px 30px rgba(42,94,128,.08); text-align:center; }
.arch-node:not(:last-child)::after { position:absolute; top:50%; right:-16px; z-index:2; color:#1698dc; content:"→"; font-weight:900; transform:translateY(-50%); }
.arch-node b { display:block; margin-bottom:5px; color:#0c86c1; }
.arch-node span { color:var(--muted); font-size:.76rem; }
.quickstart-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); align-items:center; gap:38px; }
.navigator-site .code-block { margin:0; border:0; border-radius:26px; background:#132b3d; box-shadow:0 18px 44px rgba(20,54,78,.22); }
.principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:28px; }
.principle-card { padding:22px; border-radius:24px; background:#fff; box-shadow:0 12px 30px rgba(42,94,128,.08); }
.principle-card:nth-child(1){border-top:7px solid var(--sky)}
.principle-card:nth-child(2){border-top:7px solid var(--pink)}
.principle-card:nth-child(3){border-top:7px solid var(--yellow)}
.principle-card b { display:block; margin-bottom:8px; }
.principle-card p { margin:0; color:var(--muted); font-size:.84rem; }

/* Tablet */
@media (max-width:1000px) {
  .navigator-hero-grid,
  .story-shell,
  .story-shell.reverse,
  .diver-layout,
  .quickstart-grid { grid-template-columns:1fr; }
  .navigator-hero { min-height:auto; }
  .navigator-copy h1 { max-width:820px; }
  .mio-hero-stage { min-height:560px; }
  .story-shell .story-copy,
  .story-shell.reverse .story-copy { order:1; }
  .story-shell .story-card,
  .story-shell.reverse .story-card { order:2; }
  .story-card img { height:460px; }
  .connection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .status-steps,
  .arch-board { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .arch-node:nth-child(2)::after { display:none; }
  .diver-layout .story-copy { order:1; }
  .diver-photo-stack { order:2; min-height:500px; }
  .alpha-card,
  .join-card { grid-template-columns:minmax(0,1fr) 190px; }
  .principle-grid { grid-template-columns:1fr; }
}

/* Mobile */
@media (max-width:760px) {
  .navigator-site .container { width:min(calc(100% - 28px),1240px); }
  .navigator-site .header-inner {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px 12px;
    min-height:0;
    padding:10px 0 8px;
  }
  .navigator-site .brand { grid-column:1; grid-row:1; }
  .navigator-site .header-actions { display:contents; }
  .navigator-site .lang-switch { grid-column:2; grid-row:1; justify-self:end; }
  .navigator-site .site-nav {
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:5px;
    padding:2px 0 4px;
    scrollbar-width:none;
  }
  .navigator-site .site-nav::-webkit-scrollbar { display:none; }
  .navigator-site .site-nav a { flex:0 0 auto; padding:7px 10px; font-size:.74rem; }

  .navigator-hero { padding:34px 0 56px; }
  .navigator-copy { padding:10px 0 0; }
  .navigator-copy h1 { font-size:clamp(2.7rem,13vw,4rem); line-height:1.05; }
  .navigator-copy h1 .marker { white-space:normal; }
  .navigator-copy .hero-lead { margin-top:20px; font-size:.94rem; }
  .hero-route { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero-route a { justify-content:center; }

  .mio-hero-stage { min-height:440px; margin-top:8px; }
  .mio-hero-poster { inset:26px 0 20px 0; border-width:7px; border-radius:28px; }
  .mio-hero-character { right:0; bottom:4px; width:min(62%,270px); }
  .mio-hero-bubble { top:42px; left:8px; width:min(230px,58%); padding:12px 13px; }
  .mio-hero-bubble p { font-size:.8rem; }
  .mio-name-sticker { right:8px; bottom:18px; max-width:170px; padding:8px 10px; font-size:.62rem; }

  .story-section { padding:68px 0; }
  .story-shell,
  .story-shell.reverse,
  .diver-layout { gap:34px; }
  .story-copy h2 { font-size:clamp(2.05rem,9.5vw,3.15rem); }
  .story-copy .big-line { margin:18px 0; font-size:1.2rem; }
  .story-card { padding:10px; border-radius:26px; }
  .story-card img { height:330px; border-radius:20px; }
  .world-playground .story-card img { height:310px; }
  .story-card figcaption { padding:12px 7px 2px; }
  .reason-board,
  .status-steps,
  .arch-board { grid-template-columns:1fr; }
  .reason-chip { transform:none!important; }
  .connection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .connection-pill:nth-child(2n) { transform:none; }

  .diver-photo-stack { min-height:400px; }
  .diver-photo-main { inset:8px 20px 44px 0; }
  .diver-note { left:12px; bottom:8px; width:min(255px,72%); padding:13px 14px; }
  .diver-note strong { font-size:.88rem; }
  .diver-note p { font-size:.74rem; }
  .diver-mio { right:0; bottom:20px; width:135px; max-height:290px; }

  .alpha-card,
  .join-card {
    grid-template-columns:1fr;
    min-height:0;
    padding:27px 22px 0;
    border-radius:30px;
  }
  .alpha-card img,
  .join-card img { justify-self:end; width:min(58%,210px); max-height:240px; }
  .join-card h2 { font-size:clamp(2.1rem,10vw,3.4rem); }
  .join-stage { padding:70px 0 84px; }

  .mio-dock {
    right:10px;
    bottom:10px;
    grid-template-columns:55px minmax(0,1fr);
    width:min(268px,calc(100vw - 20px));
    min-height:72px;
    padding:6px 9px 6px 3px;
    border-radius:18px;
  }
  .mio-dock img { width:60px; max-height:72px; }
  .mio-dock-text { display:none; }
  .mio-dock-kicker { font-size:.52rem; }
  .mio-dock-title { font-size:.72rem; }
  .dev-hero-facts { grid-template-columns:1fr 1fr; }
}

@media (max-width:430px) {
  .navigator-site .container { width:min(calc(100% - 22px),1240px); }
  .navigator-copy h1 { font-size:clamp(2.35rem,12.5vw,3.4rem); }
  .navigator-kicker,
  .chapter-kicker { font-size:.63rem; }
  .mio-hero-stage { min-height:390px; }
  .mio-hero-character { width:min(64%,235px); }
  .mio-hero-bubble { width:62%; }
  .mio-name-sticker { max-width:145px; }
  .story-copy h2 { font-size:clamp(1.9rem,9.2vw,2.7rem); }
  .story-card img { height:285px; }
  .world-playground .story-card img { height:270px; }
  .connection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .diver-photo-stack { min-height:350px; }
  .diver-mio { width:115px; }
  .diver-note { width:74%; }
  .status-step { padding:17px; }
  .hero-actions { gap:8px; }
  .navigator-site .button { min-height:46px; padding:9px 15px; }
}

/* Japanese headline rhythm: prefer semantic, balanced wraps over hard-coded breaks. */
html[lang="ja"] .navigator-site .story-copy h2,
html[lang="ja"] .navigator-site .join-card h2,
html[lang="ja"] .navigator-site .alpha-card h3 {
  text-wrap:balance;
  line-break:strict;
  word-break:normal;
  overflow-wrap:normal;
}
html[lang="ja"] .navigator-site .story-copy h2 br,
html[lang="ja"] .navigator-site .join-card h2 br {
  display:none;
}
html[lang="ja"] #about .story-copy h2 { max-width:11em; }
html[lang="ja"] #world .story-copy h2 { max-width:11.5em; }
html[lang="ja"] #diver .story-copy h2 { max-width:12.5em; }
html[lang="ja"] #status .story-copy h2 { max-width:14em; }
html[lang="ja"] #join .join-card h2 { max-width:10em; }

@media (prefers-reduced-motion:reduce) {
  .navigator-site *,
  .navigator-site *::before,
  .navigator-site *::after { animation-duration:.001ms!important; transition-duration:.001ms!important; }
  .mio-dock { transition:none; }
}