/* photography 固有CSS (共通style.cssに無い分。元HTML <style>より自動抽出)
        カテゴリハブ。目玉=2種空撮へのカードグリッド（.insp-grid） */
  .intro-lead{max-width:820px;margin:0 auto;text-align:center;font-size:15px;line-height:2;color:var(--ink-sub)}
  @media(min-width:880px){.intro-lead{font-size:16.5px}}
  .intro-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}
  .intro-tag{display:inline-flex;align-items:center;gap:7px;background:var(--sky);color:var(--navy);
    font-size:13.5px;font-weight:800;padding:9px 16px;border-radius:999px;border:1px solid var(--line)}
  .intro-tag .ico-sm{color:var(--blue)}
  .insp-grid{display:grid;gap:24px;grid-template-columns:1fr}
  @media(min-width:760px){.insp-grid{grid-template-columns:repeat(2,1fr)}}
  .insp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
    border-radius:18px;overflow:hidden;box-shadow:0 2px 8px rgba(11,46,89,.05);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
  .insp-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(7,31,61,.14);border-color:var(--blue-light)}
  .insp-card .ic-thumb{position:relative;aspect-ratio:16/10;background:var(--sky);overflow:hidden}
  .insp-card .ic-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
  .insp-card:hover .ic-thumb img{transform:scale(1.05)}
  .insp-card .ic-chip{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;
    justify-content:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.94);
    color:var(--blue);box-shadow:0 4px 12px rgba(7,31,61,.18)}
  .insp-card .ic-chip .ico{width:23px;height:23px}
  .insp-card .ic-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px}
  .insp-card h3{font-size:19px;font-weight:900;color:var(--navy);line-height:1.4}
  @media(min-width:880px){.insp-card h3{font-size:20px}}
  .insp-card .ic-desc{margin-top:9px;font-size:13.5px;color:var(--ink-sub);line-height:1.8;flex:1}
  .insp-card .ic-more{margin-top:16px;display:inline-flex;align-items:center;gap:6px;
    font-size:14px;font-weight:800;color:var(--accent)}
  .insp-card .ic-more .ico-sm{transition:transform .2s ease}
  .insp-card:hover .ic-more .ico-sm{transform:translateX(4px)}
  .insp-card.coming{background:var(--sky-2);border-style:dashed;box-shadow:none}
  .insp-card.coming:hover{transform:none;box-shadow:none;border-color:var(--line)}
  .insp-card.coming .ic-ph{flex:1;min-height:200px;display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:12px;color:var(--ink-sub);text-align:center;padding:30px}
  .insp-card.coming .ic-ph .ico-lg{color:var(--blue-light)}
  .insp-card.coming .ic-ph b{font-size:16px;font-weight:800;color:var(--navy)}
  .insp-card.coming .ic-ph span{font-size:13px}
  .anim-ready .intro-lead,
  .anim-ready .intro-tags,
  .anim-ready .insp-card{opacity:0}
  @media (prefers-reduced-motion: reduce){ .anim-ready *{opacity:1!important;transform:none!important} }

  /* ===== 実際の空撮作品（YouTube埋め込みギャラリー）=====
     ⚠️ セクションは .aerial-works（共通CSSの .works=実績グリッドと衝突するためリネーム済み）。
     カードは .aerial-work（共通 .work=白カードと衝突回避）。 */
  .aerial-works .works-lead{max-width:760px;margin:0 auto 32px;text-align:center;font-size:15px;line-height:1.95;color:var(--ink-sub)}
  .aerial-works .works-grid{display:grid;gap:24px;grid-template-columns:1fr}
  @media(min-width:760px){.aerial-works .works-grid{grid-template-columns:repeat(2,1fr)}}
  .aerial-work{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(7,31,61,.06);transition:.2s}
  .aerial-work:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(7,31,61,.12)}
  .aerial-work .work-frame{position:relative;aspect-ratio:16/9;background:var(--navy);overflow:hidden}
  .aerial-work .work-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
  .aerial-work figcaption{display:flex;align-items:center;gap:8px;padding:14px 18px;font-size:15px;font-weight:800;color:var(--navy)}
  .aerial-work figcaption .ico-sm{width:17px;height:17px;color:var(--accent);flex:none}
  .anim-ready .aerial-works .works-lead,
  .anim-ready .aerial-work{opacity:0}