@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500&display=swap");

.footer-showcase {
  --footer-bg: #302d29;
  --footer-text: #f7f4ee;
  --footer-muted: #c9c3b9;
  --footer-accent: #c8a66a;
  --footer-line: rgba(255, 255, 255, 0.16);
  margin-top: clamp(72px, 9vw, 128px);
  padding: 0;
  background: var(--footer-bg);
  color: var(--footer-text);
}
.footer-showcase__inner { width: min(100%, 1680px); margin-inline: auto; padding-inline: clamp(24px, 5vw, 96px); }
.footer-showcase__grid { display: grid; grid-template-columns: minmax(250px, .85fr) minmax(360px, 1.45fr) minmax(250px, .85fr); min-height: 430px; }
.footer-showcase__panel { min-width: 0; padding: clamp(48px, 5vw, 76px) clamp(28px, 4vw, 64px); }
.footer-showcase__panel + .footer-showcase__panel { border-left: 1px solid var(--footer-line); }
.footer-showcase__eyebrow { margin: 0 0 14px; color: var(--footer-accent); font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: .14em; }
.footer-showcase__label { margin: 28px 0 8px; color: var(--footer-text); font-size: 14px; font-weight: 700; }
.footer-showcase__label--spaced { margin-top: 34px; }
.footer-showcase__tel { display: inline-block; color: var(--footer-text); font-size: clamp(30px, 2.5vw, 44px); font-weight: 300; line-height: 1.1; letter-spacing: -.035em; text-decoration: none; white-space: nowrap; }
.footer-showcase__hours, .footer-showcase__company-info { margin: 0; }
.footer-showcase__hours div { display: grid; grid-template-columns: 68px 1fr; gap: 18px; padding-block: 5px; font-size: 14px; line-height: 1.6; }
.footer-showcase__hours dt { color: var(--footer-accent); font-weight: 600; }
.footer-showcase__hours dd { margin: 0; color: var(--footer-text); }
.footer-showcase__address { margin: 0 0 26px; color: var(--footer-text); font-size: 15px; font-weight: 600; line-height: 1.6; }
.footer-showcase__map { width: 100%; overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); background: #f9f9f9; }
.footer-showcase__map-image { display: block; width: 100%; aspect-ratio: 638 / 358; overflow: hidden; background: #e7e3da; }
.footer-showcase__map-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.footer-showcase__map-image:hover img { filter: brightness(.96); }
.footer-showcase__map-tools { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 16px; padding: 7px 11px; border-top: 1px solid rgba(0, 0, 0, .1); background: #f9f9f9; }
.footer-showcase__map-tools a { color: #222; font-size: 11px; line-height: 16px; text-decoration: none; }
.footer-showcase__map-tools img { display: block; width: 72px; height: 16px; object-fit: contain; }
.footer-showcase__map-tools a:last-child:hover { text-decoration: underline; }
.footer-showcase__wordmark { margin: 0 0 40px; color: var(--footer-text); font-family: "Cinzel", serif; font-size: clamp(22px, 1.8vw, 32px); font-weight: 500; line-height: 1.1; letter-spacing: .06em; white-space: nowrap; }
.footer-showcase__wordmark span { display: inline; margin: 0; font-size: 1em; letter-spacing: inherit; text-align: inherit; }
.footer-showcase__company-info div { margin-top: 22px; }
.footer-showcase__company-info dt { color: var(--footer-accent); font-size: 12px; font-weight: 600; line-height: 1.4; }
.footer-showcase__company-info dd { margin: 5px 0 0; color: var(--footer-text); font-size: 14px; line-height: 1.6; }
.footer-showcase__bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0 30px; border-top: 1px solid var(--footer-line); }
.footer-showcase__nav { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.footer-showcase__nav a, .footer-showcase__copyright { color: var(--footer-muted); font-size: 12px; line-height: 1.6; text-decoration: none; }
.footer-showcase__nav a:hover { color: var(--footer-text); }
.footer-showcase__copyright { margin: 0; white-space: nowrap; }
@media (max-width: 1050px) {
  .footer-showcase__grid { grid-template-columns: 1fr 1.25fr; }
  .footer-showcase__company { grid-column: 1 / -1; border-top: 1px solid var(--footer-line); border-left: 0 !important; }
  .footer-showcase__company-info { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
  .footer-showcase__company-info div { margin-top: 0; }
}
@media (max-width: 720px) {
  .footer-showcase__inner { padding-inline: 24px; }
  .footer-showcase__grid { display: block; min-height: 0; }
  .footer-showcase__panel { padding: 42px 0; }
  .footer-showcase__panel + .footer-showcase__panel { border-top: 1px solid var(--footer-line); border-left: 0; }
  .footer-showcase__map { height: auto; }
  .footer-showcase__company-info { grid-template-columns: 1fr 1fr; }
  .footer-showcase__wordmark { width: max-content; }
  .footer-showcase__bottom { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 420px) {
  .footer-showcase__company-info { grid-template-columns: 1fr; gap: 0; }
  .footer-showcase__company-info div { margin-top: 20px; }
}
