/*
 * PRIME GEAR Motion v2.9.0
 *
 * Coexistence baseline:
 * - Existing PRIME GEAR self-animations and interactive UI keep ownership of internals.
 * - Motion handles page-level / dedicated initial reveals only.
 * - data-pg-motion="none|self|interactive" is the future cross-plugin contract.
 * - Existing CSS transforms are protected from generic auto motion.
 * - v0.5 device profiles are preserved.
 * - v0.6 adds layout stability refresh coordination for lazy images, fonts, sliders/dynamic content, bfcache and viewport changes.
 * - v0.8 connects normal / lite / safe to the shared PRIME GEAR seasonal performance contract.
 * - v1.0 freezes the audited stable baseline established in v0.9.
 * - v1.1 adds a dedicated first-view Timeline for the top main visual while preserving fail-open behavior.
 * - v1.1.1 keeps the Hero Metrics final state pinned after Reveal so the legacy Metrics CSS cannot hide it mid-count.
 * - v1.2 classifies article images into feature / standard / quiet motion profiles without adding authoring work.
 * - v1.2.2 defers mobile ScrollTrigger refresh work until scroll idle to protect touch-scroll smoothness.
 * - v1.3 adds a restrained single-post first-view Timeline: title -> metas -> featured image after the transition curtain.
 * - v1.3.2 keeps article/top first-view timing reliable across missed transition-end events and defers mobile refresh until inertia scrolling has settled.
 * - v1.4 adds Brand Scenes for profile / manufacturer-origin pages and a future opt-in scene contract.
 * - v1.4.1 stages initial-viewport Brand Scenes until the transition curtain finishes and strengthens mobile scene visibility.
 * - v1.5.1 keeps micro interactions opt-in only; existing SWELL / PRIME GEAR hover behavior remains untouched.
 * - v1.6.0 adds Entry Sequence orchestration: Transition -> First View -> Scroll Motion.
 * - v1.7.0 coordinates page Motion with active seasonal visuals; v1.8.0 adds runtime health safety; v1.9.0 adds a dormant, admin-only v2 Experiment Lab; v2.0.0 promotes the validated 404 character scene from Lab to production; v2.3.0 adds an admin-only About Editorial Lab with black heading wipes, policy reveals and a scroll text fill.
 */

html.pg-motion-ready {
  --pg-motion-ready: 1;
}

.pg-motion-target {
  backface-visibility: hidden;
}

/*
 * Reduced motion intentionally does not force transform:none here.
 * A blanket transform override could destroy layout transforms owned by the theme / blocks.
 * JS clears only properties prepared by Motion.
 */
@media (prefers-reduced-motion: reduce) {
  .pg-motion-target {
    opacity: 1 !important;
    visibility: visible !important;
  }
}


/* v0.8 performance state markers.
 * Transform is never forced in CSS because theme/block layout transforms must remain owned by their source.
 */
html.pg-motion-perf-safe .pg-motion-target {
  opacity: 1 !important;
  visibility: visible !important;
}


/* v0.9 fail-open: Motion failure must never leave content hidden. */
html.pg-motion-fallback .pg-motion-target {
  opacity: 1 !important;
  visibility: visible !important;
}


/* =========================================================
 * v1.5 Micro Interactions
 * - Desktop / fine pointer only.
 * - Existing card / Manufacturer hover remains owned by their plugins.
 * - Motion only animates safe inner labels and linked article images.
========================================================= */
@media (hover:hover) and (pointer:fine){
  .pg-motion-interaction-label{
    display:inline-block;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform-origin:center center;
  }

  .pg-motion-interaction-image{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform-origin:center center;
  }
}


/* =========================================================
 * v2.0.0 - Production 404 Character Scene
 * - Production 404でもレイアウトは変更しない。
 * - 目は子テーマ404 SVG/CSS側で背景色の穴として表示。
========================================================= */
html.pg-motion-404-scene .pg-404__character,
html.pg-motion-404-scene .pg-404__logo-letter,
html.pg-motion-404-scene .pg-404__eyes-shift {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}


/* =========================================================
 * v2.2.0 Lab - 404 Blueprint Draw
 * - 管理者 + ?pgmotion_lab=1 の404だけで有効。
 * - 子テーマSVGは変更せず、Motionが一時的な輪郭cloneを生成。
 * - 通常404 / safe / reduced-motionはv2.1または即表示。
========================================================= */
html.pg-motion-404-blueprint-lab .pg-motion-404-blueprint {
  pointer-events: none;
}

html.pg-motion-404-blueprint-lab .pg-motion-404-blueprint__path {
  fill: none !important;
  stroke: rgba(72, 76, 82, .72) !important;
  stroke-width: 1.35px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  shape-rendering: geometricPrecision;
}


/* =========================================================
 * v2.6.0 Production - About Editorial Scene
 * - 「プライムギアについて」専用の本番Scene。
 * - 通常本文は動かさず、H1/H2の黒Wipe・運営方針・最後のBrand Messageだけを演出。
 * - 他固定ページには一切適用しない。
========================================================= */
/* v2.6.0: H1/H2 non-destructive overlay wipe.
 * The original heading text/gradient DOM stays untouched. Empty overlay layers
 * are measured to the actual glyph bounds and sit above the heading only while
 * the wipe runs. This avoids mobile WebKit background-clip:text repaint issues.
 */
html.pg-motion-about-editorial .pg-about-editorial__heading,
html.pg-motion-profile-editorial .pg-about-editorial__heading,
html.pg-motion-review-policy .pg-about-editorial__heading,
html.pg-motion-company-editorial .pg-about-editorial__heading,
html.pg-motion-privacy-policy .pg-about-editorial__heading,
html.pg-motion-contact-editorial .pg-about-editorial__heading {
  position: relative !important;
  isolation: isolate;
}

html.pg-motion-about-editorial .pg-about-editorial__heading-layer,
html.pg-motion-profile-editorial .pg-about-editorial__heading-layer,
html.pg-motion-review-policy .pg-about-editorial__heading-layer,
html.pg-motion-company-editorial .pg-about-editorial__heading-layer,
html.pg-motion-privacy-policy .pg-about-editorial__heading-layer,
html.pg-motion-contact-editorial .pg-about-editorial__heading-layer {
  position: absolute !important;
  display: none;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

html.pg-motion-about-editorial .pg-about-editorial__cover,
html.pg-motion-profile-editorial .pg-about-editorial__cover,
html.pg-motion-review-policy .pg-about-editorial__cover,
html.pg-motion-company-editorial .pg-about-editorial__cover,
html.pg-motion-privacy-policy .pg-about-editorial__cover,
html.pg-motion-contact-editorial .pg-about-editorial__cover {
  z-index: 3;
  opacity: 0;
}

html.pg-motion-about-editorial .pg-about-editorial__wipe-bar,
html.pg-motion-profile-editorial .pg-about-editorial__wipe-bar,
html.pg-motion-review-policy .pg-about-editorial__wipe-bar,
html.pg-motion-company-editorial .pg-about-editorial__wipe-bar,
html.pg-motion-privacy-policy .pg-about-editorial__wipe-bar,
html.pg-motion-contact-editorial .pg-about-editorial__wipe-bar {
  z-index: 4;
  opacity: 0;
  background: #111111 !important;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

html.pg-motion-about-editorial .pg-about-editorial__policy-owned {
  will-change: clip-path, opacity;
}

html.pg-motion-about-editorial .pg-about-editorial__fill {
  margin-top: clamp(2rem, 5vw, 4rem);
  margin-bottom: clamp(2rem, 5vw, 4rem);
  font-size: clamp(1.12rem, .98rem + .62vw, 1.48rem);
  font-weight: 600;
  line-height: 1.9;
  letter-spacing: .012em;
}

html.pg-motion-about-editorial .pg-about-editorial__fill-char {
  color: #c4c7cb;
  transition: none !important;
}

@media (max-width: 959px) {
  html.pg-motion-about-editorial .pg-about-editorial__fill {
    margin-top: 2.3rem;
    margin-bottom: 2.3rem;
    font-size: clamp(1.06rem, .98rem + .45vw, 1.22rem);
    line-height: 1.85;
  }
}

/* v2.3.2 About Editorial fail-open / runtime safe guard. */
html.pg-motion-fallback.pg-motion-about-editorial .pg-about-editorial__cover,
html.pg-motion-perf-safe.pg-motion-about-editorial .pg-about-editorial__cover,
html.pg-motion-fallback.pg-motion-about-editorial .pg-about-editorial__wipe-bar,
html.pg-motion-perf-safe.pg-motion-about-editorial .pg-about-editorial__wipe-bar,
html.pg-motion-fallback.pg-motion-profile-editorial .pg-about-editorial__cover,
html.pg-motion-perf-safe.pg-motion-profile-editorial .pg-about-editorial__cover,
html.pg-motion-fallback.pg-motion-profile-editorial .pg-about-editorial__wipe-bar,
html.pg-motion-perf-safe.pg-motion-profile-editorial .pg-about-editorial__wipe-bar,
html.pg-motion-fallback.pg-motion-review-policy .pg-about-editorial__cover,
html.pg-motion-perf-safe.pg-motion-review-policy .pg-about-editorial__cover,
html.pg-motion-fallback.pg-motion-review-policy .pg-about-editorial__wipe-bar,
html.pg-motion-perf-safe.pg-motion-review-policy .pg-about-editorial__wipe-bar,
html.pg-motion-fallback.pg-motion-company-editorial .pg-about-editorial__cover,
html.pg-motion-perf-safe.pg-motion-company-editorial .pg-about-editorial__cover,
html.pg-motion-fallback.pg-motion-company-editorial .pg-about-editorial__wipe-bar,
html.pg-motion-perf-safe.pg-motion-company-editorial .pg-about-editorial__wipe-bar,
html.pg-motion-fallback.pg-motion-privacy-policy .pg-about-editorial__cover,
html.pg-motion-perf-safe.pg-motion-privacy-policy .pg-about-editorial__cover,
html.pg-motion-fallback.pg-motion-privacy-policy .pg-about-editorial__wipe-bar,
html.pg-motion-perf-safe.pg-motion-privacy-policy .pg-about-editorial__wipe-bar,
html.pg-motion-fallback.pg-motion-contact-editorial .pg-about-editorial__cover,
html.pg-motion-perf-safe.pg-motion-contact-editorial .pg-about-editorial__cover,
html.pg-motion-fallback.pg-motion-contact-editorial .pg-about-editorial__wipe-bar,
html.pg-motion-perf-safe.pg-motion-contact-editorial .pg-about-editorial__wipe-bar {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* v2.11 Contact RC1 fail-open.
 * Motion never owns the form's hover/focus/submit behavior; these rules only
 * guarantee visible controls if GSAP is disabled, reduced, or stopped safely.
 */
html.pg-motion-fallback.pg-motion-contact-editorial .pg-contact-motion__label,
html.pg-motion-fallback.pg-motion-contact-editorial .pg-contact-motion__control,
html.pg-motion-fallback.pg-motion-contact-editorial .pg-contact-motion__privacy,
html.pg-motion-fallback.pg-motion-contact-editorial .pg-contact-motion__submit,
html.pg-motion-perf-safe.pg-motion-contact-editorial .pg-contact-motion__label,
html.pg-motion-perf-safe.pg-motion-contact-editorial .pg-contact-motion__control,
html.pg-motion-perf-safe.pg-motion-contact-editorial .pg-contact-motion__privacy,
html.pg-motion-perf-safe.pg-motion-contact-editorial .pg-contact-motion__submit {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  clip-path: none !important;
}

html.pg-motion-fallback.pg-motion-about-editorial .pg-about-editorial__policy-owned,
html.pg-motion-perf-safe.pg-motion-about-editorial .pg-about-editorial__policy-owned {
  opacity: 1 !important;
  visibility: visible !important;
  clip-path: none !important;
}

html.pg-motion-fallback.pg-motion-about-editorial .pg-about-editorial__fill-char,
html.pg-motion-perf-safe.pg-motion-about-editorial .pg-about-editorial__fill-char {
  color: inherit !important;
}


/* =========================================================
 * v2.7 Production - Profile Editorial / Identity Scene
 * - /profile/ 専用の本番Scene。旧H2 + 次2ブロックAuto Brand Sceneは使用しない。
 * - 本文は静止。見出し・名前/写真・レビュー方針リストだけを演出。
========================================================= */
/* v2.7 Profile headings use the same non-destructive overlay layers as About v2.6. */
html.pg-motion-profile-editorial .pg-profile-editorial__name,
html.pg-motion-profile-editorial .pg-profile-editorial__review-item {
  will-change: clip-path, opacity;
}

html.pg-motion-profile-editorial .pg-profile-editorial__portrait-shell {
  position: relative;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: top;
  line-height: 0;
  isolation: isolate;
  border-radius: 50%;
}

html.pg-motion-profile-editorial .pg-profile-editorial__portrait-shell > img {
  display: block;
  max-width: 100%;
  will-change: transform, opacity;
}

html.pg-motion-profile-editorial .pg-profile-editorial__portrait-iris {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  pointer-events: none;
  opacity: 1;
  --pg-profile-iris-open: 0%;
  --pg-profile-iris-angle: -24deg;

  /* 8枚羽根の境界をわずかな明度差で見せる。 */
  background:
    repeating-conic-gradient(
      from var(--pg-profile-iris-angle) at 50% 50%,
      #111111 0deg 37deg,
      #181818 37deg 43deg,
      #0c0c0c 43deg 45deg
    );

  /* 円形プロフィール写真に合わせ、中央から円形に開く。最後はoverlayだけ消して元の丸写真へ戻す。 */
  -webkit-mask-image: radial-gradient(
    circle at 50% 50%,
    transparent 0 var(--pg-profile-iris-open),
    #000 calc(var(--pg-profile-iris-open) + 1.15%) 100%
  );
  mask-image: radial-gradient(
    circle at 50% 50%,
    transparent 0 var(--pg-profile-iris-open),
    #000 calc(var(--pg-profile-iris-open) + 1.15%) 100%
  );
  will-change: opacity, -webkit-mask-image, mask-image;
}

/* Fail-open / safe mode */
html.pg-motion-fallback.pg-motion-profile-editorial .pg-profile-editorial__name,
html.pg-motion-perf-safe.pg-motion-profile-editorial .pg-profile-editorial__name,
html.pg-motion-fallback.pg-motion-profile-editorial .pg-profile-editorial__review-item,
html.pg-motion-perf-safe.pg-motion-profile-editorial .pg-profile-editorial__review-item,
html.pg-motion-fallback.pg-motion-profile-editorial .pg-profile-editorial__portrait-shell > img,
html.pg-motion-perf-safe.pg-motion-profile-editorial .pg-profile-editorial__portrait-shell > img {
  opacity: 1 !important;
  visibility: visible !important;
  clip-path: none !important;
  transform: none !important;
}

html.pg-motion-fallback.pg-motion-profile-editorial .pg-profile-editorial__portrait-iris,
html.pg-motion-perf-safe.pg-motion-profile-editorial .pg-profile-editorial__portrait-iris {
  display: none !important;
}


/* =========================================================
 * v2.8 Production - Review Policy Editorial Scene
 * - /review-policy/ 専用。
 * - 見出しはAbout/Profileと同じ非破壊Black Wipe。
 * - 通常本文は静止。4つの本音視点と5つの評価軸だけを専用表示。
========================================================= */
html.pg-motion-review-policy .pg-review-policy__lens-list,
html.pg-motion-review-policy .pg-review-policy__evaluation-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

html.pg-motion-review-policy .pg-review-policy__lens-item,
html.pg-motion-review-policy .pg-review-policy__evaluation-item {
  position: relative;
  list-style: none !important;
  box-sizing: border-box;
}

/* Review Lens: 01 --- text */
html.pg-motion-review-policy .pg-review-policy__lens-item {
  min-height: 2.8rem;
  padding: .62rem 0 .62rem 4.15rem !important;
  border-bottom: 1px solid rgba(17, 17, 17, .08);
  will-change: clip-path, opacity;
}

html.pg-motion-review-policy .pg-review-policy__lens-item::before {
  content: attr(data-pg-review-index);
  position: absolute;
  left: 0;
  top: .72rem;
  width: 1.65rem;
  color: #6f7378;
  font-size: .72em;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .13em;
  font-variant-numeric: tabular-nums;
}

html.pg-motion-review-policy .pg-review-policy__lens-item::after {
  content: '';
  position: absolute;
  left: 2.05rem;
  top: 1.08rem;
  width: 1.25rem;
  height: 1px;
  background: #111111;
  opacity: .7;
  transform-origin: left center;
}

/* Evaluation Steps: Company/Review Criteria style
 * v2.9: Review Criteria v1.3.0の完成版をMotion本体へ統合。
 * 区切り線なし。01 -> short rule -> title -> description の左組み。
 */
html.pg-motion-review-policy .pg-review-policy__evaluation-list {
  margin: 30px 0 44px !important;
  padding: 0 !important;
  list-style: none !important;
}

html.pg-motion-review-policy .pg-review-policy__evaluation-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px 26px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 3px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 18px 0 !important;
  border: 0 !important;
  background: transparent !important;
  list-style: none !important;
  box-sizing: border-box;
}

html.pg-motion-review-policy .pg-review-policy__evaluation-item::before,
html.pg-motion-review-policy .pg-review-policy__evaluation-item::after {
  content: none !important;
  display: none !important;
}

html.pg-motion-review-policy .pg-review-policy__evaluation-number {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  display: block;
  min-width: 34px;
  margin: 2px 0 0;
  color: rgba(17, 17, 17, .42);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .06em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

html.pg-motion-review-policy .pg-review-policy__evaluation-line {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block;
  width: 18px;
  height: 1px;
  margin-top: .72em;
  background: rgba(17, 17, 17, .22);
  transform-origin: left center;
}

html.pg-motion-review-policy .pg-review-policy__evaluation-item > strong {
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: .01em !important;
}

html.pg-motion-review-policy .pg-review-policy__evaluation-item > ul,
html.pg-motion-review-policy .pg-review-policy__evaluation-item > ol {
  grid-column: 3 !important;
  grid-row: 2 !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html.pg-motion-review-policy .pg-review-policy__evaluation-item > ul > li,
html.pg-motion-review-policy .pg-review-policy__evaluation-item > ol > li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 0 16px !important;
  border: 0 !important;
  background: transparent !important;
  list-style: none !important;
  color: rgba(17, 17, 17, .58) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

html.pg-motion-review-policy .pg-review-policy__evaluation-item > ul > li::before,
html.pg-motion-review-policy .pg-review-policy__evaluation-item > ol > li::before {
  content: "" !important;
  position: absolute !important;
  top: .72em !important;
  left: 1px !important;
  width: 7px !important;
  height: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-left: 1px solid rgba(17, 17, 17, .25) !important;
  border-bottom: 1px solid rgba(17, 17, 17, .25) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html.pg-motion-review-policy .pg-review-policy__evaluation-item > ul > li::after,
html.pg-motion-review-policy .pg-review-policy__evaluation-item > ol > li::after {
  content: none !important;
}

@media (max-width: 959px) {
  html.pg-motion-review-policy .pg-review-policy__lens-item {
    padding-left: 3.65rem !important;
  }

  html.pg-motion-review-policy .pg-review-policy__lens-item::after {
    width: .9rem;
  }

  html.pg-motion-review-policy .pg-review-policy__evaluation-list {
    margin: 24px 0 36px !important;
  }

  html.pg-motion-review-policy .pg-review-policy__evaluation-item {
    grid-template-columns: 28px 18px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding: 15px 0 !important;
  }

  html.pg-motion-review-policy .pg-review-policy__evaluation-number {
    min-width: 28px !important;
    margin-top: 2px !important;
    font-size: 11px !important;
  }

  html.pg-motion-review-policy .pg-review-policy__evaluation-line {
    width: 12px !important;
    margin-top: .7em !important;
  }

  html.pg-motion-review-policy .pg-review-policy__evaluation-item > strong {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  html.pg-motion-review-policy .pg-review-policy__evaluation-item > ul,
  html.pg-motion-review-policy .pg-review-policy__evaluation-item > ol {
    margin-top: 3px !important;
  }

  html.pg-motion-review-policy .pg-review-policy__evaluation-item > ul > li,
  html.pg-motion-review-policy .pg-review-policy__evaluation-item > ol > li {
    padding-left: 14px !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
  }
}

/* Fail-open / safe mode */
html.pg-motion-fallback.pg-motion-review-policy .pg-review-policy__lens-item,
html.pg-motion-perf-safe.pg-motion-review-policy .pg-review-policy__lens-item,
html.pg-motion-fallback.pg-motion-review-policy .pg-review-policy__evaluation-item,
html.pg-motion-perf-safe.pg-motion-review-policy .pg-review-policy__evaluation-item {
  opacity: 1 !important;
  visibility: visible !important;
  clip-path: none !important;
  transform: none !important;
}

/* =========================================================
 * v2.9 Production - Company Editorial Scene
 * - /company/ 専用。
 * - H1/H2はAbout/Profile/Review Policyと同じ非破壊Black Wipe。
 * - Company v1.0で採用した実績・ブランド・対応内容・CTAの動きを統合。
========================================================= */

html.pg-motion-company-editorial .pg-company-motion {
  --pg-company-text: #111111;
  --pg-company-muted: rgba(17, 17, 17, 0.56);
  --pg-company-line: rgba(17, 17, 17, 0.13);
  --pg-company-accent: #b00000;
}

html.pg-motion-company-editorial .pg-company-sub-label {
  position: relative;
  margin-top: 30px !important;
  padding-left: 18px;
  color: var(--pg-company-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

html.pg-motion-company-editorial .pg-company-sub-label::before {
  content: "";
  position: absolute;
  top: 0.74em;
  left: 0;
  width: 9px;
  height: 2px;
  background: var(--pg-company-accent);
}

/* イベント・取材 */
html.pg-motion-company-editorial .pg-company-event-list {
  position: relative;
  margin: 18px 0 34px !important;
  padding: 0 0 0 26px !important;
  list-style: none !important;
}

html.pg-motion-company-editorial .pg-company-event-list__rail {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 4px;
  width: 1px;
  background: var(--pg-company-line);
  transform-origin: top center;
  pointer-events: none;
}

html.pg-motion-company-editorial .pg-company-event-list > li {
  position: relative !important;
  margin: 0 !important;
  padding: 7px 0 7px 14px !important;
  border: 0 !important;
  background: transparent !important;
  list-style: none !important;
}

html.pg-motion-company-editorial .pg-company-event-list > li::before,
html.pg-motion-company-editorial .pg-company-event-list > li::after {
  content: none !important;
}

html.pg-motion-company-editorial .pg-company-event-dot {
  position: absolute;
  top: 1.05em;
  left: -25px;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--pg-company-accent);
  box-shadow: 0 0 0 1px rgba(176, 0, 0, 0.2);
}

/* レビュー実績：ブランドウォール */
html.pg-motion-company-editorial .pg-company-brand-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 !important;
  margin: 20px 0 26px !important;
  padding: 0 !important;
  border-top: 1px solid var(--pg-company-line);
  list-style: none !important;
}

html.pg-motion-company-editorial .pg-company-brand-list > li {
  position: relative !important;
  min-width: 0;
  margin: 0 !important;
  padding: 15px 18px 15px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pg-company-line) !important;
  background: transparent !important;
  color: var(--pg-company-text);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
  list-style: none !important;
}

html.pg-motion-company-editorial .pg-company-brand-list > li::before,
html.pg-motion-company-editorial .pg-company-brand-list > li::after {
  content: none !important;
}

html.pg-motion-company-editorial .pg-company-brand-line {
  display: block;
  width: 20px;
  height: 1px;
  margin-top: 7px;
  background: rgba(176, 0, 0, 0.42);
  transform-origin: left center;
}

/* 対応可能な内容 */
html.pg-motion-company-editorial .pg-company-capabilities {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px !important;
  margin: 22px 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

html.pg-motion-company-editorial .pg-company-capabilities > li {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 28px 18px minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  min-width: 0;
  margin: 0 !important;
  padding: 15px 14px !important;
  overflow: hidden;
  border: 1px solid rgba(17, 17, 17, 0.07) !important;
  border-radius: 10px;
  background: rgba(17, 17, 17, 0.018) !important;
  list-style: none !important;
}

html.pg-motion-company-editorial .pg-company-capabilities > li::before,
html.pg-motion-company-editorial .pg-company-capabilities > li::after {
  content: none !important;
}

html.pg-motion-company-editorial .pg-company-capability__number {
  grid-column: 1;
  color: rgba(17, 17, 17, 0.38);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

html.pg-motion-company-editorial .pg-company-capability__line {
  grid-column: 2;
  width: 14px;
  height: 1px;
  background: rgba(176, 0, 0, 0.5);
  transform-origin: left center;
}

html.pg-motion-company-editorial .pg-company-capability__text {
  grid-column: 3;
  min-width: 0;
  color: var(--pg-company-text);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.55;
}

html.pg-motion-company-editorial .pg-company-contact-link {
  display: inline-block;
  transform-origin: left center;
}

/* Company fail-open / safe */
html.pg-motion-fallback.pg-motion-company-editorial .pg-company-event-list__rail,
html.pg-motion-perf-safe.pg-motion-company-editorial .pg-company-event-list__rail,
html.pg-motion-fallback.pg-motion-company-editorial .pg-company-event-dot,
html.pg-motion-perf-safe.pg-motion-company-editorial .pg-company-event-dot,
html.pg-motion-fallback.pg-motion-company-editorial .pg-company-brand-line,
html.pg-motion-perf-safe.pg-motion-company-editorial .pg-company-brand-line,
html.pg-motion-fallback.pg-motion-company-editorial .pg-company-capability__number,
html.pg-motion-perf-safe.pg-motion-company-editorial .pg-company-capability__number,
html.pg-motion-fallback.pg-motion-company-editorial .pg-company-capability__line,
html.pg-motion-perf-safe.pg-motion-company-editorial .pg-company-capability__line,
html.pg-motion-fallback.pg-motion-company-editorial .pg-company-capability__text,
html.pg-motion-perf-safe.pg-motion-company-editorial .pg-company-capability__text,
html.pg-motion-fallback.pg-motion-company-editorial .pg-company-contact-link,
html.pg-motion-perf-safe.pg-motion-company-editorial .pg-company-contact-link {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.pg-motion-company-editorial .pg-company-event-list__rail,
  html.pg-motion-company-editorial .pg-company-event-dot,
  html.pg-motion-company-editorial .pg-company-brand-line,
  html.pg-motion-company-editorial .pg-company-capability__number,
  html.pg-motion-company-editorial .pg-company-capability__line,
  html.pg-motion-company-editorial .pg-company-capability__text,
  html.pg-motion-company-editorial .pg-company-contact-link {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}

@media (max-width: 700px) {
  html.pg-motion-company-editorial .pg-company-brand-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.pg-motion-company-editorial .pg-company-brand-list > li {
    padding: 13px 12px 13px 0 !important;
    font-size: 13px;
  }

  html.pg-motion-company-editorial .pg-company-capabilities {
    grid-template-columns: 1fr;
    gap: 8px !important;
  }

  html.pg-motion-company-editorial .pg-company-capabilities > li {
    grid-template-columns: 26px 16px minmax(0, 1fr);
    padding: 13px 12px !important;
    border-radius: 9px;
  }
}



/* =========================================================
 * v2.10.0 RC2 - Privacy Policy Editorial
 * - 法務ページは本文を完全に静止。
 * - H1/H2の共通Black Wipeのみを使用する。
========================================================= */