/* ===========================================================
   sec-6.css — LOCATION (accordion + map)
   =========================================================== */
#section-6 {
  padding: 120px 0;
  background: var(--bg-2);
}
.loc-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 40px;
  align-items: stretch;
}

/* accordion */
.acc-head {
  margin-bottom: 14px;
}
.acc-head .acc-eyebrow {
  margin-bottom: 18px;
}
.acc-head h2 {
  font-size: clamp(34px, 4vw, 52px);
}
.accordion {
  border-top: 1px solid var(--line);
}
.acc-item {
  border-bottom: 1px solid var(--line);
}
.acc-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 22px 4px;
  text-align: left;
  font-family: var(--serif);
  font-size: 23px;
  color: var(--ink);
  transition: color 0.2s;
}
.acc-trigger:hover {
  color: var(--accent);
}
.acc-trigger .acc-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.acc-trigger .i {
  color: var(--gold);
}
.acc-trigger .i svg {
  width: 22px;
  height: 22px;
}
.acc-chevron {
  width: 18px;
  height: 18px;
  color: var(--ink-mute);
  transition: transform 0.35s ease;
  flex: none;
}
.acc-item.open .acc-chevron {
  transform: rotate(180deg);
}
.acc-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.acc-panel ul {
  padding: 0 4px 8px 38px;
  display: grid;
  gap: 12px;
}
.acc-panel li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--ink-soft);
  padding: 8px 0;
  border-bottom: 1px solid var(--line-soft);
}
.acc-panel li:last-child {
  border-bottom: none;
}
.acc-panel li .dist {
  font-family: var(--serif);
  font-size: 19px;
  color: var(--accent);
  white-space: nowrap;
}

/* map */
.loc-map {
  position: relative;
  min-height: 460px;
  border: 1px solid var(--line);
  overflow: hidden;
}
.loc-map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(0.25) contrast(1.02);
}
.loc-pin-card {
  position: absolute;
  left: 22px;
  bottom: 22px;
  background: var(--paper);
  border: 1px solid var(--line);
  padding: 14px 20px;
  box-shadow: var(--shadow-sm);
  z-index: 2;
}
.loc-pin-card .pin-name {
  font-family: var(--serif);
  font-size: 22px;
  color: var(--ink);
}
.loc-pin-card .pin-sub {
  font-family: var(--sans);
  font-size: 12px;
  color: var(--ink-mute);
}

@media (max-width: 1000px) {
  .loc-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .loc-map {
    min-height: 380px;
  }
}