/* item-mouton のページ固有スタイル（ワイヤーフレーム src/item/mouton/index.html の <style> から変換） */
.brand-section{padding:96px 0}
  .brand-section.alt{background:var(--light)}
  .brand-section .head{margin-bottom:40px}
  .brand-section .head .note{font-size:13.5px;color:var(--muted);margin-top:16px;max-width:680px;line-height:2}
  .brand-section .subhead{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--dark);letter-spacing:.04em;margin:36px 0 18px}
  .brand-section .subhead:first-of-type{margin-top:8px}
  .brand-intro{font-size:13.5px;color:var(--text);line-height:2;max-width:680px;margin-bottom:8px}
  .cmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .cmp-fig{margin:0}
  .cmp-fig .ph{aspect-ratio:16/10;background:var(--light);overflow:hidden;border-radius:var(--r-sm,2px);border:1px solid var(--rule)}
  .cmp-fig .ph img{width:100%;height:100%;object-fit:cover}
  .cmp-fig figcaption{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.7}
  .cmp-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
  @media (max-width:920px){
    .cmp-grid{grid-template-columns:1fr}
  }