/* v10: continuous transformations between editorial chapters. */
.ss-v10 .ground-section { overflow: clip; background: linear-gradient(180deg,#f6fbff,#e7f2ff 70%,#f8fbff); }
.ss-v10 .network-layout { position: relative; isolation: isolate; }
.ss-v10 .network-copy { position: relative; z-index: 2; }
.ss-v10 .network-globe-frame { transform-origin: 50% 50%; background: transparent; }
.ss-connect-word { position: absolute; z-index: -1; left: -8%; top: 24%; color: #82b5ef13; font: 800 clamp(100px,17vw,270px)/.8 Arial,sans-serif; letter-spacing: -.09em; white-space: nowrap; pointer-events: none; }
.ss-v10 .story-section { position: relative; padding-top: 130px; background: #f8fbff; }
.ss-story-track { position: relative; height: 2px; margin-top: 66px; background: #d4e3f8; }
.ss-story-track > span { display: block; height: 100%; background: #0879ff; transform-origin: left; }
.ss-story-track > i { position: absolute; top: -4px; left: 100%; width: 10px; height: 10px; border-radius: 50%; background: #0879ff; box-shadow: 0 0 0 7px #0879ff12,0 0 24px #0879ff75; }
.ss-v10 .story-path { margin-top: 28px; perspective: 1000px; }
.ss-v10 .story-path li,.ss-v10 .story-path li:not(:first-child) { background: transparent; border: 0; border-radius: 0; padding-top: 22px; padding-bottom: 12px; }
.ss-v10 .story-path-number { color: #91b6e2; font-size: clamp(35px,4vw,60px); font-weight: 500; letter-spacing: -.07em; }
.ss-v10 .story-statement { color: #9eaec2; background: linear-gradient(#183d74,#183d74) no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-color: #9eaec2; text-wrap: balance; }
.ss-v10 .practice-section { background: #061b3c; color: #f4f8ff; overflow: clip; padding-top: 74px; }
.ss-practice-stage { position: relative; min-height: 620px; display: flex; align-items: center; isolation: isolate; }
.ss-v10 .practice-heading { display: block; position: relative; z-index: 2; width: 48%; padding: 35px 0; }
.ss-v10 .practice-heading h2 { color: #fff; font-size: clamp(35px,3.65vw,56px); }
.ss-v10 .practice-heading .presentation-label { color: #77b9ff; }
.ss-v10 .practice-heading .presentation-lead { color: #a1b7d6; max-width: 420px; font-size: 15px; }
.ss-token-field { width: 60%; position: absolute; right: -7%; top: 50%; aspect-ratio: 1; transform: translateY(-50%); perspective: 1000px; pointer-events: none; }
.ss-token-grid { position: absolute; inset: 0; border-radius: 50%; opacity: .65; background: radial-gradient(circle,#147eff50 0,transparent 57%),radial-gradient(circle at center,#388eef38 1px,transparent 1px); background-size: auto,24px 24px; mask-image: radial-gradient(circle,#000,transparent 70%); }
.ss-token-lines { position: absolute; inset: 0; width: 100%; height: 100%; color: #619efa90; }
.ss-token-system { position: absolute; inset: 22%; transform-style: preserve-3d; }
.ss-token-ring { position: absolute; inset: 0; border: 1px solid #68bfff; border-radius: 50%; box-shadow: 0 0 12px #0085ff65,inset 0 0 14px #0085ff30; }
.ss-token-ring-a { border-width: 3px; border-color: #aeebff; transform: rotateX(66deg) rotateZ(-28deg); }
.ss-token-ring-b { inset: -11%; border-color: #257bfd; transform: rotateY(62deg) rotateZ(35deg); }
.ss-token-ring-c { inset: 11%; border-color: #6b7dff; transform: rotateX(42deg) rotateY(60deg); }
.ss-token-core { position: absolute; z-index: 2; inset: 26% 26% 24%; display: flex; flex-direction: column; align-items: center; justify-content: center; perspective: 700px; }
.ss-token-core::before { content: ''; position: absolute; inset: -15%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse,#419fff3a,transparent 66%); }
.ss-token-crystal { display: block; width: 78%; height: auto; aspect-ratio: 1; overflow: visible; fill: none; stroke: none; filter: drop-shadow(0 0 15px #40aaff4d) drop-shadow(0 16px 22px #020c2470); transform-origin: 50% 50%; animation: ss-token-crystal-turn 18s ease-in-out infinite alternate; }
.ss-token-core > .ss-token-label { margin-top: 7px; padding: 5px 16px; border: 1px solid #94c5ff3a; border-radius: 20px; color: #b2d7ff; background: #0a26594d; font: 500 clamp(10px,.95vw,14px)/1.2 Arial,sans-serif; letter-spacing: .13em; }
@keyframes ss-token-crystal-turn { from { transform: rotateY(-12deg) rotateZ(-4deg); } to { transform: rotateY(12deg) rotateZ(4deg); } }
.ss-token-node { position: absolute; padding: 10px 16px; border: 1px solid #7fbcff4a; border-radius: 7px; background: #0b285bd9; box-shadow: inset 0 0 20px #1672ef18,0 8px 20px #0002; color: #d8ecff; font: 500 clamp(11px,1.1vw,16px)/1.3 Arial,sans-serif; white-space: nowrap; }
.ss-node-0 { left: 11%; top: 22%; }.ss-node-1 { left: 65%; top: 16%; }.ss-node-2 { left: 73%; top: 50%; }.ss-node-3 { left: 62%; top: 79%; }.ss-node-4 { left: 13%; top: 73%; }.ss-node-5 { left: 0; top: 46%; }
.ss-token-caption { position: absolute; bottom: 2%; left: 0; right: 0; text-align: center; color: #75a2d2; font: 9px/1.5 monospace; letter-spacing: 3px; }
.ss-v10 .practice-columns { position: relative; margin-top: 30px; gap: 6%; }
.ss-v10 .practice-columns > article { border: 0; border-top: 1px solid #88b5ff4a; border-radius: 0; padding: 35px 0 0; background: transparent; box-shadow: none; }
.ss-v10 .practice-columns h3 { color: #f4f8ff; }
.ss-v10 .practice-columns .presentation-label { color: #66acff; }
.ss-v10 .practice-description,.ss-v10 .practice-topics details p { color: #9aafcd; }
.ss-v10 .model-families > div { border: 1px solid #a4caff26; background: linear-gradient(130deg,#0e3470,#0a2650); border-radius: 3px; }
.ss-v10 .model-families span { color: #8eacd1; }.ss-v10 .model-families strong { color: #d4e8ff; }
.ss-v10 .practice-topics details { border-color: #a4caff26; }.ss-v10 .practice-topics summary { color: #d4e4fc; }.ss-v10 .practice-topics details[open] summary { color: #75bdff; }
.ss-v10 .presentation-fineprint { color: #91a6c4; }
.ss-v10 .direction-section { background: linear-gradient(130deg,#075bdb,#063a9d); }
.ss-v10 .direction-steps li { background: #051e5a24; border-radius: 3px; }
.ss-v10 .direction-steps h3 { font-size: clamp(22px,2.3vw,34px); }
.ss-v10 .japan-section { background: #f5f7fa; }
.ss-v10 .japan-company { background: transparent; border: 0; border-top: 1px solid #aac2dd; border-radius: 0; box-shadow: none; padding: 28px 0; }
.ss-v10 .japan-layout { gap: 12%; }
.ss-v10 .company-wordmark { white-space: nowrap; }
.ss-tokyo { position: relative; margin-top: 36px; height: 225px; overflow: hidden; color: #315783; }
.ss-tokyo-word { position: absolute; left: 0; top: 0; font: 700 clamp(55px,7vw,102px)/1 Arial,sans-serif; letter-spacing: -.075em; color: #dce6f2; }
.ss-tokyo svg { position: absolute; bottom: 20px; width: 100%; height: auto; max-height: 220px; }
.ss-tokyo-sun { fill: #0871f3; opacity: .13; }
.ss-tokyo-caption { position: absolute; left: 0; bottom: 0; font: 8px/1.5 monospace; letter-spacing: 1.7px; color: #8c9fb7; }
.ss-v10 .participation-section { background: #e9f2ff; }
.ss-v10 .participation-option { border-radius: 3px; }
@media (min-width:1000px) and (min-height:650px) {
  .ss-v10 .network-layout { min-height: min(70svh,720px); }
  .ss-v10 .network-globe-frame { width: min(100%,68svh); justify-self: center; }
  .ss-practice-stage { min-height: min(75svh,760px); }
}
@media (max-width:999px) {
  .ss-v10 .practice-heading { width: 53%; }
  .ss-practice-stage { min-height: 520px; }
  .ss-token-field { width: 57%; right: -6%; }
  .ss-v10 .story-section { padding-top: 85px; }
  .ss-connect-word { font-size: 16vw; top: 36%; }
}
@media (max-width:640px) {
  .ss-v10 .ground-section { padding-bottom: 65px; }
  .ss-v10 .story-section { padding-top: 70px; }
  .ss-story-track { margin-top: 36px; }
  .ss-v10 .story-path { margin-top: 18px; }
  .ss-v10 .story-path li,.ss-v10 .story-path li:not(:first-child) { padding: 15px 8px 20px 0; }
  .ss-v10 .story-path-number { font-size: 38px; }
  .ss-v10 .story-statement { font-size: 19px; text-align: left; }
  .ss-v10 .practice-section { padding-top: 64px; }
  .ss-practice-stage { display: flex; flex-direction: column; min-height: 0; }
  .ss-v10 .practice-heading { width: 100%; padding: 0; }
  .ss-v10 .practice-heading h2 { font-size: 32px; }
  .ss-v10 .practice-heading .presentation-lead { font-size: 14px; }
  .ss-token-field { position: relative; top: auto; right: auto; width: calc(100% + 36px); margin: 8px -18px 25px; transform: none; }
  .ss-token-node { padding: 8px 11px; font-size: 11px; }
  .ss-token-core > .ss-token-label { margin-top: 5px; padding: 3px 10px; font-size: 9px; }
  .ss-token-caption { font-size: 8px; letter-spacing: 2px; }
  .ss-v10 .practice-columns { margin-top: 0; }
  .ss-v10 .practice-columns > article { padding: 28px 0 0; }
  .ss-v10 .practice-columns > article + article { margin-top: 45px; }
  .ss-v10 .japan-company { margin-top: 40px; padding: 26px 0 0; }
  .ss-tokyo { height: 200px; margin-top: 32px; }
  .ss-tokyo-word { font-size: 74px; }
  .ss-connect-word { top: 25%; font-size: 19vw; }
}
@media (prefers-reduced-motion:reduce) {
  .ss-token-crystal { animation: none; }
  .ss-v10 .story-statement { -webkit-text-fill-color: #183d74; background: none; }
  .ss-v10 .ss-practice-stage,.ss-v10 .network-layout { min-height: 0; }
}