.upload-page-hero-bg-img {
    position: absolute;
    inset: 0;
    background: url(../img/archives-bg03.jpg) center / cover no-repeat;
    filter: sepia(32%) brightness(1) contrast(1.2) saturate(1.05);
}
/* ── 都道府県テーブルフィルタ（地図SVGの代替） ── */
.pref-filter-label{text-align:center;font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin:.5rem 0 .6rem}
.pref-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 2.2rem;max-width:900px}
.pref-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid rgba(212,168,71,.28);border-radius:20px;background:transparent;color:var(--cream);font-family:'Noto Serif JP',serif;font-size:.82rem;line-height:1;cursor:pointer;transition:all .2s}
.pref-chip:hover{border-color:var(--amber);color:var(--amber)}
.pref-chip.active{background:var(--amber);color:var(--sepia-dark);border-color:var(--amber);font-weight:400}
.pref-chip-count{font-family:'Space Mono',monospace;font-size:.62rem;opacity:.65}
.pref-chip.active .pref-chip-count{opacity:.85}

.related-section{margin-top:1.5rem;border-top:1px solid rgba(212,168,71,.15);padding-top:1.2rem}
.related-title{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.8rem}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.related-card{display:flex;flex-direction:column;text-align:left;background:none;border:1px solid rgba(212,168,71,.15);border-radius:6px;overflow:hidden;cursor:pointer;padding:0;transition:border-color .2s}
.related-card:hover{border-color:var(--amber)}
.related-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#1a1410}
.related-card-title{font-family:'Noto Serif JP',serif;font-size:.72rem;color:var(--cream);padding:6px 8px 2px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-card-meta{font-family:'Space Mono',monospace;font-size:.55rem;color:var(--text-muted);padding:0 8px 6px}

/* ════════════════════════════
   SERVICES — textured dark bg
════════════════════════════ */
.services-section{position:relative;padding:2rem 5rem;}

.services-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(42,34,24,.95) 0%,rgba(42,34,24,.84) 50%,rgba(42,34,24,.95) 100%);}
.services-inner{position:relative;z-index:1;}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:5rem;}
.service-card{background:rgba(54,44,32,.82);border:1px solid rgba(212,168,71,.12);padding:3.5rem 3rem;position:relative;transition:border-color .4s,background .4s;overflow:hidden;backdrop-filter:blur(4px);}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--amber),transparent);transform:scaleX(0);transition:transform .4s;}
.service-card:hover::before{transform:scaleX(1);}
.service-card:hover{border-color:rgba(212,168,71,.28);background:rgba(68,54,38,.88);}
.service-num{font-family:'Cormorant Garamond',serif;font-size:5rem;font-weight:300;color:rgba(212,168,71,.08);line-height:1;margin-bottom:-1.5rem;}
.service-icon{width:48px;height:48px;border:1px solid rgba(200,146,42,.28);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;}
.service-icon svg{width:20px;height:20px;stroke:var(--amber);fill:none;stroke-width:1;}
.service-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:400;margin-bottom:1.2rem;}
.services-desc{font-size:.95rem;line-height:2;color:var(--text-muted);margin: 2rem auto 3rem;}
.service-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  margin-top: 2rem;

  font-family: 'Space Mono', monospace;
  font-size: .6rem;
  letter-spacing: .28em;
  text-transform: uppercase;
  text-decoration: none;

  /* 👇 ここが重要（常時目立つ） */
  color: var(--amber-light);
  padding: .7rem 1.4rem;

  border: 1px solid rgba(212,168,71,.45);
  background: rgba(212,168,71,.08);

  box-shadow:
    0 0 0 1px rgba(212,168,71,.15),
    0 6px 18px rgba(0,0,0,.35);

  transition: all .35s ease;
  overflow: hidden;
}

/* 左アクセント強化 */
.service-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background: var(--amber);
  opacity: .9;
}

/* ホバーで“完成形”へ */
.service-link:hover {
  color: var(--sepia-dark);
  background: var(--amber);
  border-color: var(--amber);
  box-shadow:
    0 0 0 1px rgba(212,168,71,.4),
    0 10px 28px rgba(0,0,0,.5);
}

/* 矢印 */
.service-link::after {
  content: '→';
  font-size: .7rem;
  transition: transform .3s ease;
}

.service-link:hover::after {
  transform: translateX(6px);
}

.service-img {height: auto;width: 100%;margin-bottom: 12px;}

@media(max-width:1024px){

  .services-grid{grid-template-columns:1fr;}

  .services-section{padding:6rem 2rem;}
}