/* WHY ATTEND：3頂点カード（01=Gold / 02=Silver / 03=Bronze）
   OFFLINE/ONLINE カード級の高級感。写真部にタイポ + 光線を焼き込み。
   ドロップ・スパークル装飾は撤去、01/02/03 は Barlow Condensed に統一。 */

.premium-lp .value-section {
  background:
    radial-gradient(ellipse at 20% 30%, #7b4c1424, transparent 55%),
    radial-gradient(ellipse at 50% 60%, #5a6d801f, transparent 55%),
    radial-gradient(ellipse at 82% 30%, #6a3d1e28, transparent 55%),
    #08090b !important;
}

#concept .reason-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }

/* 01 = GOLD */
#concept .reason-card {
  --rc-accent:#f1d08b;
  --rc-bright:#fff2c8;
  --rc-deep:#6a4614;
  --rc-rgb:225,177,82;
  --rc-metal:linear-gradient(115deg,#916022 0%,#e7bd67 18%,#fff5d0 34%,#bf8d37 49%,#f5d889 64%,#97631c 81%,#e9cc87 100%);
  --rc-bg:linear-gradient(145deg,#17120b,#08090a 50%,#1b1409);
  --rc-label-en:'SPEAKERS';
  --rc-label-jp:'挑戦者と語る一日';
  --rc-label-en-full:'REAL SPEAKERS';
  --rc-label-tag:'Tokyo International Forum';
  position:relative; isolation:isolate; display:flex; flex-direction:column;
  min-width:0; border:1px solid transparent;
  background:var(--rc-bg) padding-box, var(--rc-metal) border-box;
  box-shadow:0 24px 65px #000a,0 0 35px rgba(var(--rc-rgb),.10),inset 0 0 38px rgba(var(--rc-rgb),.05);
}
/* 02 = SILVER */
#concept .reason-silver {
  --rc-accent:#d9dfe7;
  --rc-bright:#f6f8fb;
  --rc-deep:#4a5866;
  --rc-rgb:195,205,220;
  --rc-metal:linear-gradient(115deg,#4a647a 0%,#bdd5e8 20%,#fff 35%,#6b879f 49%,#d3e5f2 64%,#516f87 80%,#c2ddf3 100%);
  --rc-bg:linear-gradient(145deg,#15181d,#090b0f 50%,#191e25);
  --rc-label-en:'ENCOUNTERS';
  --rc-label-jp:'翌日の仕事に効く出会い';
  --rc-label-en-full:'BUSINESS ENCOUNTERS';
  --rc-label-tag:'10,000 Business Leaders';
}
/* 03 = BRONZE */
#concept .reason-bronze {
  --rc-accent:#e0a67e;
  --rc-bright:#ffe4d0;
  --rc-deep:#7a3f1f;
  --rc-rgb:213,135,85;
  --rc-metal:linear-gradient(115deg,#5a2f18 0%,#d7986b 20%,#ffe6d0 35%,#8a4b23 49%,#eeb28c 64%,#68391d 80%,#ecb28a 100%);
  --rc-bg:linear-gradient(145deg,#1a120c,#0a0705 50%,#1b120a);
  --rc-label-en:'ONE DAY';
  --rc-label-jp:'3コンテンツが1日に';
  --rc-label-en-full:'THREE IN ONE DAY';
  --rc-label-tag:'Three Stages · One Ticket';
}

/* 内側の細金枠：角にL字アクセント */
#concept .reason-card::before {
  content:''; position:absolute; z-index:5; inset:8px; pointer-events:none;
  border:1px solid rgba(var(--rc-rgb),.22);
  background:
    linear-gradient(var(--rc-accent),var(--rc-accent)) left top/28px 1px no-repeat,
    linear-gradient(var(--rc-accent),var(--rc-accent)) left top/1px 28px no-repeat,
    linear-gradient(var(--rc-accent),var(--rc-accent)) right bottom/28px 1px no-repeat,
    linear-gradient(var(--rc-accent),var(--rc-accent)) right bottom/1px 28px no-repeat;
}
/* 上辺の光線 */
#concept .reason-card::after {
  content:''; position:absolute; z-index:6; pointer-events:none;
  left:6%; right:6%; top:-1px; height:1px;
  background:linear-gradient(90deg,transparent,var(--rc-bright),transparent);
  box-shadow:0 0 15px rgba(var(--rc-rgb),.9);
}

/* 写真フレーム（OFFLINE/ONLINE 級の演出） */
#concept .reason-photo {
  position:relative; z-index:1; width:100%;
  aspect-ratio:1122/612;
  margin:0; overflow:hidden;
  border-bottom:1px solid rgba(var(--rc-rgb),.35);
}
#concept .reason-photo > img {
  position:absolute; top:0; left:var(--photo-left,-7.41%);
  display:block; width:var(--photo-scale,114.95%); max-width:none; height:auto;
  transform:translateY(var(--photo-shift,-3.6875%));
  filter:brightness(.72) contrast(1.05) saturate(.9);
}
#concept .reason-silver { --photo-scale:124.31%; --photo-left:-12.15%; --photo-shift:-5.25%; }
#concept .reason-bronze { --photo-scale:116.28%; --photo-left:-8.14%; --photo-shift:-4.625%; }

/* 写真の下部フェード + コーナー金光 */
#concept .reason-photo::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse at 0% 100%, rgba(var(--rc-rgb),.25), transparent 42%),
    radial-gradient(ellipse at 100% 0%, rgba(var(--rc-rgb),.22), transparent 40%),
    linear-gradient(180deg, transparent 55%, #050403e0 100%);
}
#concept .reason-photo::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg,transparent 78%,#050403);
  mix-blend-mode:multiply;
}

/* 写真オーバーレイ：英字ラベル + 日本語サブ + 会場タグ + REAL VALUE ロゴ */
#concept .reason-photo-overlay {
  position:absolute; inset:0; z-index:3; pointer-events:none;
  display:grid; grid-template-columns:1fr auto; grid-template-rows:auto 1fr auto;
  padding:22px 26px 20px;
}
#concept .reason-photo-overlay::before {
  content:var(--rc-label-en);
  grid-column:1; grid-row:1;
  font-family:var(--display);
  font-size:56px; font-weight:700;
  letter-spacing:.03em;
  line-height:.95;
  color:transparent;
  background-image:var(--rc-metal);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 4px #000) drop-shadow(0 0 18px rgba(var(--rc-rgb),.55));
  text-shadow:0 4px 20px #000;
  align-self:start;
}
#concept .reason-photo-overlay::after {
  content:var(--rc-label-tag);
  grid-column:1; grid-row:3;
  font-family:var(--display);
  font-size:11px; font-weight:500;
  letter-spacing:.28em;
  color:var(--rc-bright);
  text-transform:uppercase;
  text-shadow:0 2px 8px #000;
  align-self:end;
}
#concept .reason-photo-overlay > span {
  grid-column:1; grid-row:2;
  align-self:start;
  margin-top:6px;
  font-family:'Noto Serif JP','Yu Mincho',serif;
  font-size:15px; font-weight:500;
  color:var(--rc-bright);
  letter-spacing:.06em;
  text-shadow:0 2px 8px #000, 0 0 18px rgba(var(--rc-rgb),.3);
}
#concept .reason-photo-overlay > span::after {
  content:''; display:block; width:38px; height:1px; margin-top:10px;
  background:linear-gradient(90deg, var(--rc-accent), transparent);
}
#concept .reason-photo-overlay > b {
  grid-column:2; grid-row:3; align-self:end;
  font-family:var(--display);
  font-size:10px; font-weight:600;
  letter-spacing:.25em;
  color:var(--rc-accent);
  text-shadow:0 2px 6px #000;
}

/* 写真上下端のヘアライン光 */
#concept .reason-photo > .reason-photo-glow {
  position:absolute; z-index:2; pointer-events:none;
  left:4%; right:4%; height:1px;
  background:linear-gradient(90deg,transparent,var(--rc-bright),transparent);
  box-shadow:0 0 10px rgba(var(--rc-rgb),.7);
}
#concept .reason-photo > .reason-photo-glow.top { top:0; }
#concept .reason-photo > .reason-photo-glow.bottom { bottom:0; }

/* コンテンツ本体 */
#concept .reason-content {
  position:relative; z-index:2; padding:30px 32px 36px;
  display:flex; flex-direction:column; gap:0;
  background:radial-gradient(ellipse at 0% 15%, rgba(var(--rc-rgb),.06), transparent 60%);
  container-type:inline-size;
}

/* 01/02/03 数字：Barlow Condensed + 金属グラデ */
#concept .reason-index {
  display:flex; align-items:center; gap:18px; margin:0 0 6px;
}
#concept .reason-index > span {
  font-family:'Noto Serif JP','Yu Mincho',serif !important;
  font-size:62px !important; font-weight:900 !important;
  line-height:1 !important; letter-spacing:.02em !important;
  color:transparent;
  background-image:var(--rc-metal);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 12px rgba(var(--rc-rgb),.24));
}
#concept .reason-index > i {
  flex:1; height:1px;
  background:linear-gradient(90deg, rgba(var(--rc-rgb),.65), rgba(var(--rc-rgb),.05));
  box-shadow:0 0 10px rgba(var(--rc-rgb),.25);
}

/* kicker */
#concept .reason-kicker {
  margin:16px 0 20px;
  color:var(--rc-accent);
  font:500 13px/1.6 var(--sans) !important;
  letter-spacing:.24em;
}

/* タイトル枠：装飾なし（枠・シャドウ全撤去） */
#concept .reason-title-frame {
  position:relative;
  display:flex; align-items:center; justify-content:center;
  min-height:auto; padding:6px 4px;
  border:0;
  box-shadow:none;
  background:transparent;
}
#concept .reason-title-frame::before,
#concept .reason-title-frame::after { content:none; }

/* タイトル本体：ベタ色（Gold/Silver/Bronze）、複数行OK、カード幅内に収める */
#concept .reason-card h3 {
  padding:0 !important; margin:0; border:0 !important;
  background:none !important; box-shadow:none !important;
  font-family:'Noto Serif JP','Yu Mincho',serif !important;
  font-size:clamp(24px, 8.4cqi, 34px) !important;
  font-weight:700 !important; line-height:1.55 !important;
  letter-spacing:.02em; text-align:center;
  word-break:keep-all; line-break:strict; overflow-wrap:normal;
  max-width:100%;
  color:var(--rc-accent) !important;
  -webkit-text-fill-color:var(--rc-accent) !important;
  -webkit-text-stroke:0 !important;
  filter:none !important;
  text-shadow:none !important;
}

/* 説明本文 */
#concept .reason-description {
  margin:26px 0 0;
  color:#dad7d0;
  font:400 16px/2 var(--sans) !important;
  -webkit-text-stroke:0 !important;
  overflow-wrap:anywhere;
}

/* 旧デザインのリボン装飾は非表示 */
#concept .reason-ribbon { display:none !important; }

/* section-heading */
#concept .section-heading h2 { font-family:'Noto Serif JP','Yu Mincho',serif !important; }

/* --- responsive --- */
@media(min-width:961px) and (max-width:1150px) {
  #concept .reason-grid { gap:22px; }
  #concept .reason-content { padding:26px 24px 32px; }
  #concept .reason-index > span { font-size:52px !important; }
  #concept .reason-description { font-size:15px !important; }
  #concept .reason-kicker { font-size:10px !important; letter-spacing:.18em; }
}
@media(max-width:960px) {
  #concept .reason-grid { grid-template-columns:minmax(0,1fr); max-width:560px; margin-inline:auto; gap:34px; }
  #concept .reason-content { padding:32px 30px 38px; }
  #concept .reason-index > span { font-size:72px !important; }
  #concept .reason-title-frame { padding:22px 16px; }
  #concept .reason-description { font-size:16.5px !important; }
}
@media(max-width:960px) {
  /* スマホは container-query の計算をやめ、日本語の自然改行で箱内に収める */
  #concept .reason-card h3 {
    font-size:clamp(24px, 6.4vw, 32px) !important;
    line-height:1.55 !important;
    white-space:normal !important;
    word-break:normal;
    line-break:strict;
    overflow-wrap:break-word;
    max-width:100%;
    overflow:visible;
    text-align:center;
  }
  #concept .reason-title-frame { padding:22px 18px; }
}
@media(max-width:540px) {
  #concept .reason-content { padding:26px 22px 32px; }
  #concept .reason-index > span { font-size:66px !important; }
  #concept .reason-kicker { font-size:10px !important; letter-spacing:.2em; margin:14px 0 18px; }
  #concept .reason-title-frame { padding:20px 14px; }
  #concept .reason-card h3 { font-size:clamp(22px, 6vw, 28px) !important; line-height:1.55 !important; }
  #concept .reason-description { font-size:15.5px !important; line-height:2 !important; margin-top:24px; }
}
@media(max-width:360px) {
  #concept .reason-content { padding:22px 18px 28px; }
  #concept .reason-index > span { font-size:58px !important; }
  #concept .reason-kicker { font-size:9px !important; letter-spacing:.16em; }
  #concept .reason-card h3 { font-size:20px !important; line-height:1.55 !important; }
  #concept .reason-description { font-size:14.5px !important; }
}