/* ============================================================
   Duplicate-3D — 共有クローム (ナビピル + HUDフッター + 地色)
   旧CSSベースのライトページ(services / about / contact)が読む単一ソース。
   ビジネスモード配色(金 #c0851c / 暖色地 #ebe5d6)。styles.css より後に読み込むこと。
   ============================================================ */
body { background: #ebe5d6; }

/* ===== ナビピル (上部中央固定・全幅バグ打ち消し) ===== */
#header{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:100;
  width:auto;max-width:none;background:none;border:none;backdrop-filter:none;-webkit-backdrop-filter:none}
nav.gnav{display:flex;width:auto;gap:clamp(14px,2.4vw,30px);background:#c0851c;color:#f2eddf;
  padding:11px clamp(18px,3vw,34px) 12px;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,14px 100%)}
nav.gnav a{font-family:'JetBrains Mono','Courier New',monospace;font-size:12px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:#f2eddf;text-decoration:none}
nav.gnav a:hover{color:#fff}
@media (max-width:768px){nav.gnav{gap:12px;padding:6px 16px}nav.gnav a{font-size:10px;padding:10px 0}}

/* ===== HUDフッター ===== */
.hud-footer{padding:12px;margin-top:30px}
.hud-inner{
  background:#ddd7c5;border:1px solid rgba(20,20,18,.22);border-radius:26px;
  padding:clamp(36px,6vh,70px) clamp(20px,3.5vw,56px) 26px;
  color:#26251f;font-family:'Noto Sans JP',sans-serif;
}
.hud-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,90px);margin-bottom:clamp(40px,7vh,80px)}
.ft-title{font-size:clamp(32px,5vw,60px);font-weight:700;line-height:1.4;color:#1e1d18;margin:0 0 22px}
.ft-note{font-size:clamp(14px,1.1vw,16px);line-height:2.1;color:#4b4941;margin:0 0 32px}
.hud-inner .btn-cta{
  display:inline-block;background:#c0851c;color:#f2eddf;
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  padding:15px 32px;text-decoration:none;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:filter .3s;
}
.hud-inner .btn-cta:hover{filter:brightness(1.15)}
.hud-links{display:flex;flex-direction:column;gap:10px}
.hud-links a{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;color:#55534a;text-decoration:none}
.hud-links a::before{content:'[ '}
.hud-links a::after{content:' ]'}
.hud-links a:hover{color:#c0851c}
.ft-desc{font-family:'Noto Sans JP',sans-serif;font-size:11px;line-height:1.9;color:#4b4941;margin:0 0 10px}
.ft-mail{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:#55534a;margin-top:12px}
.wordmark{
  font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(52px,9.4vw,150px);line-height:.9;letter-spacing:.005em;color:#1e1d18;text-align:right;
}
.wordmark sup{font-size:.18em;vertical-align:top}
.wordmark .accent{color:#c0851c}
.hud-foot{
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  border-top:1px solid rgba(20,20,18,.18);padding-top:18px;margin-top:24px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:#6b6557;
}
@media (max-width:768px){.hud-grid{grid-template-columns:1fr}.wordmark{text-align:left}}