/* COWORKMILL Common SP Navigation */
/* SP対応: nav-center を 768px 以下で隠す + ハンバーガー登場 */
@media (max-width: 768px) {
  nav .nav-center, .nav-center { display: none !important; }
  /* iOS 自動ズーム対策: form input の font-size を 16px 以上に */
  input[type="text"], input[type="email"], input[type="search"],
  input[type="tel"], input[type="url"], input:not([type]),
  textarea, select { font-size: 16px !important; }
}
.cwm-hamburger { display: none; }
@media (max-width: 768px) {
  .cwm-hamburger {
    display: inline-flex; flex-direction: column; justify-content: center; gap: 4px;
    width: 36px; height: 36px; background: transparent; border: 0;
    cursor: pointer; padding: 8px; margin-left: 4px; vertical-align: middle;
  }
  .cwm-hamburger span {
    display: block; width: 20px; height: 2px;
    background: var(--gray-700, #333); border-radius: 1px;
    transition: transform .25s, opacity .2s;
  }
  .cwm-hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .cwm-hamburger.open span:nth-child(2) { opacity: 0; }
  .cwm-hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}
.cwm-mob-nav-overlay {
  position: fixed; inset: 0; background: rgba(8, 12, 18, .96);
  backdrop-filter: blur(12px); z-index: 99999;
  display: none; flex-direction: column; align-items: center; justify-content: center;
  -webkit-backdrop-filter: blur(12px);
}
.cwm-mob-nav-overlay.open { display: flex; }
.cwm-mob-nav-inner {
  display: flex; flex-direction: column; gap: 4px;
  text-align: center; width: 100%; max-width: 320px;
}
.cwm-mob-nav-inner a {
  color: #f5f5f5; font-size: 17px; font-weight: 500;
  text-decoration: none; padding: 18px 24px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  letter-spacing: .04em; transition: color .15s, background .15s;
}
.cwm-mob-nav-inner a:hover, .cwm-mob-nav-inner a:active { color: #2BB5C8; background: rgba(43,181,200,.06); }
.cwm-mob-nav-inner a.cta {
  background: #2BB5C8; color: #fff; border-radius: 28px;
  margin-top: 24px; padding: 14px 32px; font-weight: 600;
  border: 0; align-self: center; min-width: 180px;
}
.cwm-mob-nav-inner a.cta:hover, .cwm-mob-nav-inner a.cta:active { background: #1f9eaf; }
.cwm-mob-nav-close {
  position: absolute; top: 16px; right: 16px;
  width: 44px; height: 44px; background: transparent; border: 0;
  color: #fff; font-size: 28px; line-height: 1; cursor: pointer; padding: 0;
}
.cwm-mob-nav-brand {
  position: absolute; top: 24px; left: 20px;
  color: #fff; font-size: 13px; letter-spacing: .12em; opacity: .7;
}

/* COWORKMILL PC Navigation Rules (added 2026-05-02) */
/* extracted from coworkmill.html so spaces/photos/architects all share the same header */
@media (min-width: 769px){
.nav-logo{text-decoration:none;display:inline-flex;align-items:center;line-height:1}
.nav-logo .cw{font-size:15px;font-weight:500;background:linear-gradient(135deg,#79F1A4,#2BB5C8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}
.nav-logo .dot{width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,#79F1A4,#2BB5C8);margin:0 3px 3px;flex-shrink:0;display:inline-block;align-self:flex-end}
.nav-logo .ml{font-size:15px;font-weight:500;background:linear-gradient(135deg,#3ecf8e,#2BB5C8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}
.nav-center{display:flex;gap:32px;margin:0 auto}
.nav-center a{font-size:12px;font-weight:400;color:var(--gray-600);text-decoration:none;letter-spacing:.02em;transition:color .15s}
.nav-center a:hover{color:var(--black)}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-cta{font-family:var(--font-display);font-size:11px;font-weight:600;padding:8px 16px;background:#2BB5C8;color:#fff;border:none;cursor:pointer;border-radius:6px;letter-spacing:.02em;transition:background .15s;text-decoration:none;display:inline-block}
.nav-cta:hover{background:#22a3b5}
}