/* 玄関のトップの型（templates/gateway-top.php。結）。
   出所：YuiTopPC の <style>（PC）と YuiTopSP の <style>（900px 以下）。値は変えない。
   hero・contact・footer・wrap・section は place-top.css（同時に読む）。ここは、二つの扉・結について・結の面のグラデーション・ロゴの高さだけ。
   responsive.css の後に読むので、900px 以下の値はここでもう一度書く。 */

/* 二つの扉（PC：2列、扉の写真は 5:4） */
.doors { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-5); }
.doors .lm-card { padding: var(--space-4); }
.doors .lm-card .lm-photo { aspect-ratio: 5 / 4; }
.door__lead { margin: 0 0 var(--space-3); font-size: 14px; letter-spacing: .1em; color: var(--ink-muted); }
.doors .lm-card--yawata { background: #f7f1e2; }
.doors .lm-card--relien { background: #efd5d7; }
.doors .lm-card--yawata .lm-photo { background: #efe2c4; }
.doors .lm-card--relien .lm-photo { background: #e7c4c6; }

/* 結について */
.about__grid { display: grid; grid-template-columns: 460px 1fr; gap: 100px; }
.about__grid .lm-heading { margin: 0; }
.about__grid .lm-lead { margin-bottom: var(--space-4); }
.about__places { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); margin-top: var(--space-5); }
.about__places h3 { margin: 0 0 var(--space-1); }
.about__places .lm-body { font-size: 14px; }

/* 問い合わせの LINE のボタンを2つ縦に並べる（扉と同じ順：八幡が先、RE.lien が後） */
.contact__line .lm-btn + .lm-btn { margin-top: var(--space-2); }

/* ロゴ（組みロゴ。ヘッダー・フッターとも高さ36px。ヘッダーの高さは header.logo_height が --logo-h で渡す） */
[data-theme="yui"] .footer .lm-logo { display: block; height: 36px; width: auto; }

/* 結トップだけの例外：面ごとに、左下から八幡の金・右上から RE.lien の赤を差し込み、面の中で混ぜる。
   左右は扉の並び（左＝八幡／右＝RE.lien）に必ず揃える（グラデーションは他サイトでは禁止） */
[data-theme="yui"] .lm-sea {
  background:
    radial-gradient(120% 150% at 0% 100%, rgba(213,175,92,.40) 0%, rgba(213,175,92,.26) 34%, rgba(213,175,92,.10) 62%, rgba(213,175,92,0) 86%),
    radial-gradient(120% 150% at 100% 0%, rgba(168,24,32,.21) 0%, rgba(168,24,32,.14) 34%, rgba(168,24,32,.06) 62%, rgba(168,24,32,0) 86%),
    #fbf8f4;
  color: var(--ink);
}
[data-theme="yui"] .lm-sea .lm-label, [data-theme="yui"] .lm-sea .lm-body, [data-theme="yui"] .lm-sea .lm-caption { color: var(--ink-muted); }
[data-theme="yui"] .lm-sea .lm-link, [data-theme="yui"] .lm-sea .lm-nav .lm-nav__cta { color: var(--light-ink); }
[data-theme="yui"] .lm-sea .lm-list, [data-theme="yui"] .lm-sea .lm-list li, [data-theme="yui"] .footer__bottom { border-color: var(--rule); }
[data-theme="yui"] .footer__sns a { color: var(--ink-muted); }

/* 901〜1200px：固定幅の列を幅に合わせて縮める（段の順番と文言は変えない） */
@media (min-width: 901px) and (max-width: 1200px) {
  .about__grid { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: var(--space-5); }
  .doors { gap: var(--space-4); }
}

/* ---- 900px 以下：YuiTopSP ---- */
@media (max-width: 900px) {
  /* グラデーションの向きだけ PC と変える。扉が縦に積むので、上＝八幡の金／下＝RE.lien の赤（PC の 左＝八幡／右＝RE.lien に対応） */
  [data-theme="yui"] .lm-sea {
    background:
      radial-gradient(150% 120% at 0% 0%, rgba(213,175,92,.40) 0%, rgba(213,175,92,.26) 34%, rgba(213,175,92,.10) 62%, rgba(213,175,92,0) 86%),
      radial-gradient(150% 120% at 100% 100%, rgba(168,24,32,.21) 0%, rgba(168,24,32,.14) 34%, rgba(168,24,32,.06) 62%, rgba(168,24,32,0) 86%),
      #fbf8f4;
  }
  .doors { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .doors .lm-card { padding: var(--space-3); }
  .doors .lm-card .lm-photo { aspect-ratio: 4 / 5; }
  .door__lead { margin: 0 0 var(--space-2); font-size: 13px; }

  .about__grid { display: block; }
  .about__grid .lm-heading { margin: 0 0 var(--space-5); }
  .about .lm-lead { font-size: 16px; line-height: 2.1; font-weight: 300; letter-spacing: .04em; margin-bottom: 0; }
  .about .lm-lead + .lm-lead { margin-top: var(--space-3); }
  .about__run { margin-top: var(--space-3); font-size: 14px; }
  .about__places { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); margin-top: var(--space-5); }
  .about__places h3 { margin: 0 0 var(--space-1); font-size: 18px; line-height: 1.8; font-weight: 400; letter-spacing: .08em; }
}