/* TKG Contact — Japanese business minimal / Zen */
.tkg-contact-zen { background:#f5f3ee; color:#17202a; }
.tkg-contact-zen a { transition:all .25s ease; }

.zen-contact-heading { padding:68px 0 62px; background:#182028; color:#fff; }
.zen-contact-heading h1 { margin:12px 0 12px; font-size:54px; line-height:1.04; font-weight:300; letter-spacing:-.03em; color:#fff; }
.zen-contact-heading p { margin:0; font-size:16px; color:rgba(255,255,255,.72); }
.zen-kicker { font-size:12px; letter-spacing:.22em; font-weight:700; text-transform:uppercase; opacity:.78; }

.zen-intro-section { padding:86px 0 72px; background:#f5f3ee; }
.zen-intro-row { display:flex; align-items:flex-end; }
.zen-section-mark { display:flex; align-items:center; gap:10px; font-size:11px; letter-spacing:.18em; font-weight:700; color:#6e7478; }
.zen-section-mark span { width:28px; height:1px; display:inline-block; background:#a8121a; }
.zen-display-title { margin:18px 0 0; font-size:58px; line-height:.97; font-weight:300; letter-spacing:-.04em; color:#17202a; }
.zen-display-title em { font-family:Georgia,serif; font-weight:400; color:#39434b; }
.zen-jp-vertical { margin-top:32px; color:#9b9286; letter-spacing:.15em; font-size:12px; }
.zen-lead { margin:0 0 8px; padding-left:50px; border-left:1px solid #d9d3c9; font-size:22px; line-height:1.75; color:#4b545a; font-weight:300; }

.zen-contact-section { padding:0 0 100px; background:#f5f3ee; }
.zen-contact-grid { display:flex; align-items:stretch; }
.zen-factory-figure { margin:0; height:100%; min-height:570px; background:#d8d4cb; overflow:hidden; position:relative; }
.zen-factory-figure img { width:100%; height:570px; object-fit:cover; filter:saturate(.82); }
.zen-factory-figure figcaption { position:absolute; left:0; bottom:0; right:0; padding:26px 30px; color:#fff; background:linear-gradient(180deg,transparent,rgba(11,19,28,.72)); }
.zen-factory-figure figcaption span { display:block; font-size:14px; letter-spacing:.12em; font-weight:700; }
.zen-factory-figure figcaption small { display:block; margin-top:5px; color:rgba(255,255,255,.74); }

.zen-contact-panel { height:100%; min-height:570px; background:#fff; padding:50px 56px; border-top:3px solid #151c22; }
.zen-panel-header { display:flex; align-items:flex-start; gap:16px; padding-bottom:28px; border-bottom:1px solid #e3dfd7; }
.zen-red-dot { width:10px; height:10px; border-radius:50%; margin-top:7px; background:#a8121a; flex:0 0 10px; }
.zen-panel-header small { display:block; font-size:10px; letter-spacing:.16em; color:#8a8e91; }
.zen-panel-header h3 { margin:6px 0 0; font-size:30px; font-weight:400; color:#17202a; }
.zen-contact-list { margin:6px 0 0; }
.zen-contact-list > div { display:grid; grid-template-columns:120px 1fr; gap:22px; padding:20px 0; border-bottom:1px solid #ece9e2; }
.zen-contact-list dt { font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#93979a; font-weight:700; }
.zen-contact-list dd { margin:0; line-height:1.75; color:#313a41; }
.zen-contact-list a { color:#17202a; border-bottom:1px solid transparent; }
.zen-contact-list a:hover { color:#a8121a; border-bottom-color:#a8121a; }
.zen-actions { display:flex; gap:10px; margin-top:28px; }
.zen-btn { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-width:180px; padding:14px 16px; font-size:11px; letter-spacing:.12em; font-weight:700; }
.zen-btn span { font-size:16px; }
.zen-btn-dark { background:#182028; color:#fff !important; border:1px solid #182028; }
.zen-btn-dark:hover { background:#a8121a; border-color:#a8121a; }
.zen-btn-light { background:#fff; color:#182028 !important; border:1px solid #d9d6cf; }
.zen-btn-light:hover { border-color:#182028; }

.zen-location-section { padding:95px 0; background:#fff; }
.zen-location-head { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:38px; }
.zen-location-head h2 { margin:12px 0 0; font-size:44px; font-weight:300; letter-spacing:-.03em; color:#17202a; }
.zen-location-meta { text-align:right; font-size:12px; letter-spacing:.12em; font-weight:700; color:#303a42; }
.zen-location-meta span { display:inline-block; margin-top:5px; color:#9a9da0; font-size:10px; }
.zen-map-grid { display:flex; align-items:stretch; }
.zen-static-map { width:100%; height:430px; border:0; padding:0; background:#e7e3dc; overflow:hidden; position:relative; cursor:zoom-in; text-align:left; }
.zen-static-map img { width:100%; height:430px; object-fit:cover; transition:transform .5s ease; }
.zen-static-map:hover img { transform:scale(1.025); }
.zen-map-overlay { position:absolute; left:20px; bottom:20px; background:rgba(255,255,255,.94); padding:13px 16px; min-width:140px; }
.zen-map-overlay strong,.zen-map-overlay small { display:block; }
.zen-map-overlay strong { font-size:10px; letter-spacing:.15em; color:#17202a; }
.zen-map-overlay small { margin-top:4px; color:#8a8f93; }
.zen-google-map { height:430px; background:#eee; overflow:hidden; }
.zen-google-map iframe { width:100%; height:430px; border:0; display:block; filter:grayscale(18%) saturate(.82); }

.zen-map-modal .modal-content { border-radius:0; border:0; box-shadow:0 20px 70px rgba(0,0,0,.25); }
.zen-map-modal .modal-header { border:0; padding:25px 30px 8px; }
.zen-map-modal .modal-title { margin:8px 0 0; font-size:26px; font-weight:300; }
.zen-map-modal .modal-body { padding:20px 30px 30px; }

.zen-closing-section { padding:80px 0 95px; background:#182028; color:#fff; }
.zen-closing-line { width:100%; height:1px; background:rgba(255,255,255,.16); margin-bottom:38px; }
.zen-dark-kicker { color:#b9bfc4; }
.zen-closing-section h2 { margin:10px 0 0; color:#fff; font-size:42px; font-weight:300; }
.zen-closing-section p { margin-top:38px; color:#b8bec3; }

@media (max-width:991px) {
  .zen-intro-row,.zen-contact-grid,.zen-map-grid { display:block; }
  .zen-lead { margin-top:36px; padding-left:26px; }
  .zen-contact-panel { min-height:0; }
  .zen-factory-figure,.zen-factory-figure img { height:460px; min-height:460px; }
  .zen-google-map { margin-top:20px; }
}
@media (max-width:767px) {
  .zen-contact-heading { padding:50px 0 46px; }
  .zen-contact-heading h1 { font-size:42px; }
  .zen-intro-section { padding:60px 0 50px; }
  .zen-display-title { font-size:46px; }
  .zen-lead { font-size:18px; }
  .zen-contact-section { padding-bottom:70px; }
  .zen-contact-panel { padding:34px 26px; }
  .zen-contact-list > div { grid-template-columns:90px 1fr; gap:12px; }
  .zen-actions { flex-direction:column; }
  .zen-btn { width:100%; }
  .zen-location-section { padding:68px 0; }
  .zen-location-head { align-items:flex-start; flex-direction:column; }
  .zen-location-meta { text-align:left; }
  .zen-location-head h2 { font-size:36px; }
  .zen-static-map,.zen-static-map img,.zen-google-map,.zen-google-map iframe { height:330px; }
  .zen-closing-section { padding:65px 0; }
  .zen-closing-section h2 { font-size:34px; }
  .zen-closing-section .text-right { text-align:left; }
  .zen-closing-section p { margin-top:20px; }
}