/* ============================================================
   PROFILE block — Perfume /profile/ "Member" 構成に準拠 (実CSS実測)
   ・見出しは NEWS/VIDEO と完全一致させる = #news/#video と同一の #profile
     オーバーライド (max-width1290 / padding0 45 / static / h2 strong 38px/ls.76)。
     → フォント(theme serif)・サイズ・横座標(45px)・data-span 文字アニメ すべて共通。
   ・メンバーグリッド = Perfume c-members 実測値:
       gap45(=22.5*2) / 画像下 mb20 / name 20px w600 ls1.6 /
       /かな 13px #mute ml15 ty-2 w500 / Birth·Blood 16px ls.64。
     4人 = 横1列(4-across)。KAGVYA ダーク適応、実写は最適化 webp、素材/文言は KAGVYA 自前。
   ============================================================ */

/* ---- 見出し: #news/#video と同一オーバーライド (完全一致) ---- */
#profile.cm-section{margin-top:calc(220 * var(--pv))!important;padding:calc(96 * var(--pv)) 0 calc(96 * var(--pv))!important;}
#profile .section-header{position:static!important;display:block!important;width:auto!important;height:auto!important;
  max-width:1290px;margin:0 auto!important;padding:0 45px!important;}
#profile .header-title{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:auto!important;margin:0 0 27px 0!important;padding:0!important;z-index:auto;}
#profile .header-title h2 strong{font-size:38px!important;line-height:1!important;letter-spacing:.76px!important;color:var(--kg-ink)!important;}
#profile .header-view{display:none!important;}
#profile .section-main--profile{position:static!important;margin:0!important;padding:0!important;width:100%!important;min-height:0!important;}

/* ---- メンバーグリッド pp-* (index #profile 用) ---- */
.pp-list{list-style:none;max-width:1290px;margin:0 auto;padding:0 45px;
  display:grid;grid-template-columns:repeat(4,1fr);column-gap:45px;}
.pp-item{min-width:0;}
.pp-image{margin-bottom:20px;aspect-ratio:740 / 494; /* =3:2 (Perfume 実測 740x494) */
  overflow:hidden;border-radius:2px;background:var(--kg-bg2);}
.pp-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.pp-name{font-size:20px;font-weight:600;letter-spacing:1.6px;line-height:1.2;margin-bottom:15px;color:var(--kg-ink);}
.pp-name__jp{font-size:13px;color:var(--kg-mute);margin-left:15px;transform:translateY(-2px);
  display:inline-block;letter-spacing:0;font-weight:500;}
.pp-birth{font-size:16px;letter-spacing:.64px;margin-bottom:5px;color:rgba(236,231,221,.80);}
.pp-blood{font-size:16px;letter-spacing:.64px;color:rgba(236,231,221,.80);}

/* ---- SP (site 共通 breakpoint 960。4人は 2列に折り返し) ---- */
@media (max-width:960px){
  #profile.cm-section{padding:calc(80*(100vw/828)) 0!important;}
  #profile .section-header{padding:0 6%!important;}
  #profile .header-title h2 strong{font-size:calc(64*(100vw/828))!important;}
  .pp-list{padding:0 6%;grid-template-columns:repeat(2,1fr);
    column-gap:calc(40*(100vw/828));row-gap:calc(64*(100vw/828));}
  .pp-name{font-size:16px;letter-spacing:.96px;}
  .pp-name__jp{font-size:12px;}
  .pp-birth,.pp-blood{font-size:14px;letter-spacing:.52px;}
}
