/* ==========================================================================
   IRON BASE — 後続ページ共通の「黒鉄・機械・整備工場」レイヤー（2026-09-09）
   ハーレーページ（harley-iron.css）で確定した質感を、色だけ差し替えられる形にした共通層。
   結線＝body に .iron-page ＋ ページ固有クラス。読み込み順は editorial.css → top-finish.css → iron-base.css → 各ページCSS。
   harley/index.html と harley-iron.css には一切影響しない（.harley-iron は別スコープ）。
   撤去＝<link> 1行を外す。
   ========================================================================== */
body.iron-page{
  --ac:#b33238;          /* 主アクセント（抑制した赤） */
  --ac-deep:#8f2229;     /* 濃いアクセント＝縁・帯 */
  --ac-soft:#cc6669;     /* 小見出しの色 */
  --edge:#8580754d;      /* 金属の細い縁 */
  --edge-hi:#93918b66;   /* 金属の上ハイライト */
  --plate-a:#262628;     /* プレート明部 */
  --plate-b:#131416;     /* プレート暗部 */
  --txt:#e9e5dc; --txt2:#bcb8b0; --txt3:#a8a49c;
  background:repeating-linear-gradient(0deg,#ffffff02 0,transparent 1px,transparent 4px),#0c0d0e;
  color:var(--txt);
}

/* ---------- ファーストビュー ---------- */
body.iron-page .page-hero{min-height:max(700px,90svh);height:auto;max-height:none;overflow:hidden;border-bottom:4px solid var(--ac-deep);background:#111214;isolation:isolate}
body.iron-page .page-hero::before{display:none}
body.iron-page .page-hero>img{filter:brightness(.55);object-position:center}
body.iron-page .page-hero::after{background:linear-gradient(90deg,#090a0bee,#090a0b8a 52%,#090a0b0a),linear-gradient(0deg,#0c0d0e,transparent 40%)}
body.iron-page .page-hero-inner{position:relative;z-index:4;padding-top:150px;padding-bottom:72px;pointer-events:none}
body.iron-page .page-hero-inner a,body.iron-page .page-hero-inner button{pointer-events:auto}
body.iron-page .crumb{margin-bottom:34px}
body.iron-page .page-hero .eyebrow{font-size:11px;letter-spacing:.22em;color:#c0b7aa}
body.iron-page .page-hero .eyebrow::before{background:var(--ac)}
body.iron-page .page-hero h1{font-size:clamp(80px,12.4vw,186px);line-height:.9;letter-spacing:-.035em;font-weight:600;margin:26px 0 28px;animation:none;opacity:1;transform:none;max-width:74%}
body.iron-page .page-hero h1 span.sub{display:block;font-size:.55em;color:transparent;-webkit-text-stroke:1px #d0ccc4;letter-spacing:.01em;margin-top:12px}
body.iron-page .iron-catch{font-size:clamp(24px,2.9vw,42px);font-weight:700;letter-spacing:.05em;margin:26px 0 16px;text-shadow:0 4px 12px #000;line-height:1.4}
body.iron-page .page-lead{font-size:14px;line-height:2.1;max-width:480px;color:var(--txt2);border-left:3px solid var(--ac);animation:none;transform:none;opacity:1;margin-top:16px}
.iron-enter{display:inline-flex;align-items:center;gap:28px;margin-top:24px;padding:14px 0;border-bottom:1px solid #b2a89b;font:11px 'Oswald',sans-serif;letter-spacing:.18em;color:var(--txt);text-decoration:none;transition:gap .3s,border-color .3s}
.iron-enter:hover{gap:38px;border-color:#fff}
.iron-enter span{color:var(--ac-soft);font-size:22px}
.iron-stamp{position:absolute;z-index:4;bottom:22px;right:6%;font:10px 'Oswald',sans-serif;letter-spacing:.18em;color:#b5aea2}
/* 切り抜き実車 */
.iron-bike{position:absolute;z-index:3;right:2%;top:126px;bottom:34px;width:42%;pointer-events:none;filter:drop-shadow(-18px 25px 22px #000b)}
.iron-bike img{width:100%;height:100%;object-fit:contain;object-position:center}
/* 右端の縦ラベル */
.iron-rail{position:absolute;z-index:5;right:calc(6% - 4px);top:150px;display:flex;flex-direction:column;gap:14px;align-items:flex-end;font:10px 'Oswald',sans-serif;letter-spacing:.24em;color:#9d978d;writing-mode:vertical-rl}
.iron-rail b{color:var(--ac-soft);font-weight:400}

/* ---------- 店舗の位置（静止画） ---------- */
body.iron-page .floor-locator{margin-top:0;border:1px solid #65645d55;border-top:1px solid #a4a29a66;background:linear-gradient(125deg,var(--plate-a),var(--plate-b));padding-top:45px;padding-bottom:45px;box-shadow:0 22px 45px #0006}
body.iron-page .locator-copy h2{font-weight:700;font-size:clamp(24px,2.9vw,40px);margin:16px 0}
body.iron-page .locator-copy p{color:#c0bcb4}
body.iron-page .locator-copy .eyebrow{color:var(--ac-soft)}
body.iron-page .locator-dot{background:#ffd78a;box-shadow:0 0 14px #ffc15b}

/* ---------- 節 ---------- */
body.iron-page .page-section{padding-top:96px;scroll-margin-top:112px}
body.iron-page .section-head{border-top:3px solid #797970;border-bottom:1px solid #ffffff20;padding-top:24px;padding-bottom:24px;align-items:center}
body.iron-page .section-head h2{font-size:clamp(27px,3.6vw,52px);font-weight:700;letter-spacing:-.025em;line-height:1.28}
body.iron-page .section-head .eyebrow{color:var(--ac-soft);letter-spacing:.16em}
body.iron-page .note{color:#9d9992;font-size:12px}

/* ---------- 大きな写真帯（floors） ---------- */
body.iron-page .floors{gap:60px}
body.iron-page .floor{gap:0;align-items:stretch;border:1px solid var(--edge);background:linear-gradient(125deg,var(--plate-a),var(--plate-b));box-shadow:0 24px 45px #0006}
body.iron-page .floor-main{aspect-ratio:auto;min-height:500px;border-right:1px solid #ffffff15}
body.iron-page .floor-main img{height:100%;object-fit:cover}
body.iron-page .floor.rev .floor-main{border-right:0;border-left:1px solid #ffffff15}
body.iron-page .floor-side{padding:30px;min-width:0}
body.iron-page .floor-text b{font:500 clamp(32px,3.7vw,56px)/1.05 'Oswald',sans-serif;letter-spacing:-.02em}
body.iron-page .floor-text em{display:block;color:#e5ddd0;margin-top:14px}
body.iron-page .floor-text p{color:var(--txt2);font-size:14px}
body.iron-page .floor-no{color:var(--ac);font-size:46px;opacity:1;-webkit-text-stroke:0}
body.iron-page .floor-subs{gap:10px;margin-top:24px}
body.iron-page .floor-subs img{border:1px solid #77736c55}

/* ---------- カード・ギャラリー・段取り ---------- */
body.iron-page .tile,body.iron-page .shot{border:1px solid var(--edge);border-top:2px solid var(--edge-hi);box-shadow:0 16px 30px #0006}
body.iron-page .tile-label b{font-weight:600}
body.iron-page .shop-gallery{grid-auto-rows:290px;gap:18px}
body.iron-page .shop-gallery figcaption{left:22px;right:22px;bottom:22px;text-shadow:0 2px 8px #000}
body.iron-page .shop-gallery figcaption b{font-size:24px;letter-spacing:.035em}
body.iron-page .steps li{border:1px solid #85807566;border-top:3px solid var(--ac-deep);background:linear-gradient(140deg,var(--plate-a),var(--plate-b));box-shadow:inset 0 1px #ffffff18,0 15px 30px #0004}
body.iron-page .steps.four b,body.iron-page .steps.five b{font:500 22px 'Oswald',sans-serif;letter-spacing:.025em;color:#e6e0d6}
body.iron-page .steps span{line-height:2;color:var(--txt2)}
body.iron-page .steps.five{gap:12px}

/* ---------- 表・折りたたみ ---------- */
body.iron-page .spec{border-top:3px solid #797970}
body.iron-page .spec>div{border-bottom:1px solid #ffffff18;grid-template-columns:230px 1fr}
body.iron-page .spec dt{color:#a8a49c;letter-spacing:.08em}
body.iron-page .spec dd{color:#e2ded6}
body.iron-page .fold{border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
body.iron-page .fold summary{color:#ddd8cf}
body.iron-page .fold-body{color:var(--txt2)}
body.iron-page .history{border-top:0}
body.iron-page .facility figcaption span,body.iron-page .role figcaption span{color:var(--txt2)}

/* ---------- 在庫帯・CTA・フッター ---------- */
body.iron-page .goo-band{border:1px solid #75716b;border-left:5px solid var(--ac-deep);background:linear-gradient(130deg,#302a2c,#121315);min-height:170px}
body.iron-page .cta-col{border-top:3px solid #8e8980;background:linear-gradient(140deg,#2e2f31,#101112)}
body.iron-page .cta-col:last-child{background:linear-gradient(145deg,var(--ac-deep),#3b171c)}
body.iron-page .site-foot{border-top:1px solid #77736c55;background:#0a0b0c}

/* ---------- フォーム（買取・お問い合わせ） ---------- */
body.iron-page .form{background:linear-gradient(150deg,#1d1d1f,#111112);border:1px solid var(--edge);border-top:3px solid var(--ac-deep);padding:clamp(22px,3vw,42px);box-shadow:0 20px 40px #0005}
body.iron-page .form input[type=text],body.iron-page .form textarea{background:#0b0c0d;border:1px solid #ffffff2e}
body.iron-page .form input[type=text]:focus,body.iron-page .form textarea:focus{border-color:#b7a99a}
body.iron-page .line-box{border:1px solid var(--edge);border-top:2px solid var(--edge-hi);background:linear-gradient(130deg,var(--plate-a),var(--plate-b));padding:22px 26px}
body.iron-page .map-box{border:1px solid #75716b;background:#101112}

/* ---------- 電話・在庫の強い導線（ページ末） ---------- */
.iron-actions{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:26px;border:1px solid #75716b}
.iron-actions a{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:26px 28px;color:var(--txt);text-decoration:none;background:linear-gradient(140deg,#232325,#111112);transition:background .25s}
.iron-actions a+a{border-left:1px solid #75716b}
.iron-actions a:hover{background:linear-gradient(140deg,#33272a,#171718)}
.iron-actions small{font:10px 'Oswald',sans-serif;letter-spacing:.22em;color:var(--ac-soft)}
.iron-actions b{font:500 clamp(22px,2.4vw,34px)/1 'Oswald',sans-serif;letter-spacing:.02em}
.iron-actions span{font-size:12px;color:var(--txt3)}

/* ---------- 大きな数字の帯 ---------- */
.iron-figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #75716b;border-top:3px solid #797970;background:linear-gradient(120deg,#242426,#101112);box-shadow:0 15px 35px #0006}
.iron-figures div{padding:30px 26px;min-width:0}
.iron-figures div+div{border-left:1px solid #ffffff1c}
.iron-figures b{display:block;font:500 clamp(38px,5vw,74px)/1 'Oswald',sans-serif;letter-spacing:-.03em;color:#eee9e0}
.iron-figures b i{font-style:normal;font-size:.4em;letter-spacing:.02em;margin-left:6px;color:var(--ac-soft)}
.iron-figures span{display:block;margin-top:12px;font-size:12px;line-height:1.8;color:var(--txt3)}

/* ---------- 大きな1枚写真＋文章 ---------- */
.iron-story{display:grid;grid-template-columns:1.35fr 1fr;gap:0;border:1px solid var(--edge);background:linear-gradient(125deg,var(--plate-a),var(--plate-b));box-shadow:0 24px 45px #0006}
.iron-story-pic{position:relative;min-height:460px;overflow:hidden;border-right:1px solid #ffffff15}
.iron-story-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.iron-story-body{padding:clamp(26px,3vw,46px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.iron-story-body small{font:10px 'Oswald',sans-serif;letter-spacing:.24em;color:var(--ac-soft)}
.iron-story-body h3{margin:16px 0 0;font:500 clamp(26px,3vw,44px)/1.15 'Oswald',sans-serif;letter-spacing:-.02em;color:#efeae1}
.iron-story-body h3 em{display:block;font-style:normal;font:400 14px/1.8 'Noto Sans JP',sans-serif;letter-spacing:.08em;color:#ddd7cd;margin-top:12px}
.iron-story-body p{margin:18px 0 0;font-size:14px;line-height:2.1;color:var(--txt2);word-break:keep-all;overflow-wrap:anywhere}

/* ---------- 動きの配慮 ---------- */
@media(prefers-reduced-motion:reduce){.iron-enter,.iron-actions a{transition:none}}

/* ---------- レスポンシブ ---------- */
@media(max-width:1000px){
  .iron-figures{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iron-figures div:nth-child(3){border-left:0}
  .iron-figures div:nth-child(n+3){border-top:1px solid #ffffff1c}
  .iron-story{grid-template-columns:1fr}
  .iron-story-pic{min-height:320px;border-right:0;border-bottom:1px solid #ffffff15}
}
@media(max-width:900px){
  body.iron-page .floor-main{min-height:360px}
  body.iron-page .floor-side{padding:22px}
  body.iron-page .shop-gallery{grid-auto-rows:210px}
  body.iron-page .spec>div{grid-template-columns:1fr}
}
@media(max-width:700px){
  body.iron-page .page-hero{height:auto;min-height:600px;max-height:none}
  body.iron-page .page-hero-inner{padding:118px 24px 42px}
  body.iron-page .page-hero h1{font-size:17vw;max-width:100%;margin:22px 0 20px}
  body.iron-page .iron-bike{filter:drop-shadow(-10px 16px 18px #000c)}
  body.iron-page .page-hero .eyebrow{font-size:9px;letter-spacing:.12em}
  body.iron-page .crumb{margin-bottom:22px}
  body.iron-page .iron-catch{font-size:23px}
  body.iron-page .page-lead{font-size:12.5px}
  .iron-stamp,.iron-rail{display:none}
  body.iron-page .floor-main{min-height:0;aspect-ratio:4/3}
  body.iron-page .page-section{padding-top:52px}
  body.iron-page .section-head{gap:12px;align-items:flex-start;padding-top:18px;padding-bottom:18px}
  body.iron-page .section-head h2{font-size:26px}
  body.iron-page .section-head .eyebrow{font-size:10px;min-width:0}
  body.iron-page .shop-gallery{grid-auto-rows:185px;gap:10px}
  body.iron-page .shop-gallery figcaption{left:12px;right:12px;bottom:12px}
  body.iron-page .shop-gallery figcaption b{font-size:16px}
  body.iron-page .floor-locator{padding-top:26px;padding-bottom:26px}
  body.iron-page .steps.four b,body.iron-page .steps.five b{font-size:19px}
  .iron-actions{grid-template-columns:1fr}
  .iron-actions a+a{border-left:0;border-top:1px solid #75716b}
  .iron-figures{grid-template-columns:1fr 1fr}
  .iron-figures div{padding:20px 16px}
  .iron-figures b{font-size:34px}
  .iron-figures span{font-size:11px;margin-top:8px}
  .iron-story-pic{min-height:230px}
}