*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

    :root {
      --black: #0a0a0a; --dark: #111111; --dark-gray: #1a1a1a;
      --medium-gray: #2a2a2a; --light-gray: #888888;
      --off-white: #e8e8e8; --white: #ffffff; --accent: #c8a45c;
    }

    body {
      font-family: 'Noto Sans JP', sans-serif;
      background-color: var(--black);
      color: var(--off-white);
      line-height: 1.8;
    }

    /* Header */
    header {
      position: fixed; top: 0; left: 0; right: 0; z-index: 100;
      padding: 20px 60px; display: flex; align-items: center; justify-content: space-between;
      background: rgba(10, 10, 10, 0.85); backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    .logo { display: flex; align-items: center; text-decoration: none; }
    .logo img { height: 40px; width: auto; }
    nav { display: flex; align-items: center; gap: 40px; }
    nav a { color: var(--light-gray); text-decoration: none; font-size: 13px; letter-spacing: 0.1em; transition: color 0.3s; }
    nav a:hover { color: var(--white); }
    nav a.active { color: var(--accent); }
    .nav-contact { padding: 10px 28px; border: 1px solid rgba(255,255,255,0.2); font-size: 12px; letter-spacing: 0.15em; transition: all 0.3s; }
    .nav-contact:hover { background: var(--white); color: var(--black) !important; border-color: var(--white); }
    .hamburger { display: none; flex-direction: column; gap: 5px; width: 28px; height: 28px; cursor: pointer; z-index: 200; }
    .hamburger span { display: block; width: 100%; height: 2px; background: var(--white); transition: all 0.3s; }
    .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
    .hamburger.active span:nth-child(2) { opacity: 0; }
    .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
    .mobile-nav {
      position: fixed; inset: 0; background: rgba(10,10,10,0.95); backdrop-filter: blur(20px);
      display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px;
      z-index: 150; opacity: 0; pointer-events: none; transition: opacity 0.3s;
    }
    .mobile-nav.open { opacity: 1; pointer-events: auto; }
    .mobile-nav a { color: var(--off-white); text-decoration: none; font-size: 18px; letter-spacing: 0.15em; }

    /* Page Header */
    .page-header {
      padding: 160px 60px 60px; text-align: center;
      background: var(--dark);
    }
    .page-header .section-label { font-size: 11px; letter-spacing: 0.3em; color: var(--accent); margin-bottom: 16px; }
    .page-header h1 {
      font-family: 'Playfair Display', serif; font-size: clamp(28px, 3vw, 42px);
      font-weight: 400; color: var(--white); letter-spacing: 0.03em;
    }

    /* Filter Tabs */
    .news-filter {
      display: flex; justify-content: center; gap: 16px;
      padding: 32px 60px; background: var(--black);
    }
    .filter-btn {
      padding: 8px 24px; border: 1px solid var(--medium-gray); background: none;
      color: var(--light-gray); font-size: 12px; letter-spacing: 0.1em; cursor: pointer;
      font-family: 'Noto Sans JP', sans-serif; transition: all 0.3s;
    }
    .filter-btn:hover, .filter-btn.active { border-color: var(--accent); color: var(--accent); }

    /* News List */
    .news-list { max-width: 900px; margin: 0 auto; padding: 40px 60px 120px; }
    .news-item {
      display: grid; grid-template-columns: 100px auto 1fr;
      gap: 20px; align-items: center; padding: 24px 0;
      border-bottom: 1px solid var(--medium-gray);
      text-decoration: none; color: inherit; transition: opacity 0.3s;
    }
    .news-item:hover { opacity: 0.7; }
    .news-date { font-size: 13px; color: var(--light-gray); letter-spacing: 0.05em; }
    .news-category {
      font-size: 10px; letter-spacing: 0.1em; padding: 4px 12px;
      border: 1px solid rgba(200,164,92,0.3); color: var(--accent); white-space: nowrap;
      justify-self: start; align-self: center; height: auto;
    }
    .news-category.column { border-color: var(--medium-gray); color: var(--light-gray); }
    .news-title { font-size: 15px; color: var(--white); font-weight: 400; }

    /* Footer */
    footer {
      background: var(--black); border-top: 1px solid var(--medium-gray);
      padding: 60px; display: flex; justify-content: space-between; align-items: center;
    }
    .footer-logo img { height: 30px; opacity: 0.6; }
    .footer-copy { font-size: 11px; color: var(--light-gray); letter-spacing: 0.1em; }

    @media (max-width: 768px) {
      header { padding: 14px 20px; }
      nav { display: none; }
      .hamburger { display: flex; }
      .page-header { padding: 120px 24px 40px; }
      .news-filter { padding: 24px; }
      .news-list { padding: 24px 24px 80px; }
      .news-item { grid-template-columns: 1fr; gap: 8px; }
      .news-date { font-size: 12px; }
      footer { flex-direction: column; gap: 20px; padding: 40px 24px; }
    }