/*
Theme Name: Ozawa Original
Theme URI: https://ozawaseisakusho.com/
Author: Tech Ocean
Author URI: https://tech-ocean.co.jp/
Description: 有限会社 小澤製作所 公式サイト用オリジナルテーマ。Claude Designで作成した「Editorial Offset」デザインをWordPress化したもの。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ozawa-original
*/

/* ===========================================================
 * 共通グローバル
 * 各ページの専用CSSは各テンプレートファイル内 <style> に残す。
 * このstyle.cssにはデザイントークン + 共通コンポーネントのみ。
 * =========================================================== */

:root{
  /* 背景 */
  --bg:#f4f2ec;
  --bg2:#ecebe4;
  --bg3:#e6e4dc;
  --paper:#fbfaf6;

  /* テキスト */
  --ink:#0c0d0f;
  --ink2:#1f2024;
  --gray:#65656b;
  --gray2:#a4a4a8;

  /* 罫線 */
  --line:#0c0d0f;
  --line-soft:#d8d6cf;

  /* アクセント */
  --blue:oklch(0.36 0.16 256);
  --blue-light:oklch(0.52 0.18 256);
  --red:oklch(0.55 0.22 28);

  /* フォント */
  --sans:'Helvetica Neue','Hiragino Kaku Gothic ProN','Yu Gothic',Helvetica,Arial,sans-serif;
  --jp:'Hiragino Kaku Gothic ProN','Yu Gothic','Noto Sans JP',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --serif:'Newsreader','Cormorant Garamond','EB Garamond',Georgia,serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  line-height:1.4;
}
body{width:100%;max-width:100%;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}

.mono{font-family:var(--mono);font-feature-settings:'tnum';letter-spacing:.02em}
.jp{font-family:var(--jp)}
.uc{text-transform:uppercase;letter-spacing:.08em}

/* WordPress管理バー対応 */
.admin-bar .nav{top:32px}
@media (max-width:782px){
  .admin-bar .nav{top:46px}
}

/* スクリーンリーダー専用 */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;
  width:1px;word-wrap:normal!important;
}

/* ===========================================================
 * 共通プリミティブ (CLAUDE.md §2 参照)
 * =========================================================== */

/* キッカー (セクション見出しの上の番号 + 英語) */
.head-kicker{
  display:flex;align-items:center;gap:14px;
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink);margin-bottom:18px;
}
.head-kicker .n{
  display:inline-block;padding:2px 8px;background:var(--ink);color:#fff;
  letter-spacing:.14em;
}
.head-kicker .en{color:var(--gray)}

/* ボタン */
.btn{
  display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 28px;
  font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:0;
  cursor:pointer;transition:.2s;background:transparent;
  border:1.5px solid var(--ink);color:var(--ink);
}
.btn .ar{font-size:16px}
.btn.primary{background:var(--ink);color:var(--bg)}
.btn.primary .ar{color:#9bb2ff}
.btn.ghost{border-color:transparent}
.btn:hover{transform:translateY(-2px)}

/* パンくず */
.breadcrumb{
  display:flex;gap:10px;align-items:center;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gray);margin-bottom:24px;flex-wrap:wrap;
}
.breadcrumb a{color:var(--gray)}
.breadcrumb a:hover{color:var(--ink)}
.breadcrumb span:not(.current){color:var(--line-soft)}

/* セクション見出し */
.biz-wrap{max-width:1600px;margin:0 auto}
.biz-head{margin-bottom:48px}
.biz-h2{
  font-size:64px;font-weight:700;letter-spacing:-0.04em;
  line-height:1;font-family:var(--sans);
}
.biz-h2 em{font-style:italic;font-weight:300;color:var(--blue)}
.fac-intro{
  font-family:var(--jp);font-size:18px;line-height:1.7;
  color:var(--ink2);margin-top:24px;max-width:720px;
}

/* ───────────── レスポンシブ調整 ───────────── */
@media (max-width:1100px){
  .biz-h2{font-size:48px}
}
@media (max-width:720px){
  .biz-h2{font-size:36px}
  .fac-intro{font-size:15px}
}