/* ============================================================
   index.html 桌機版（≥1024px）
   只用媒體查詢，不動任何 HTML 結構
   ============================================================ */
@media (min-width: 1024px) {

  /* ---- 版心與基本字級 ---- */
  body { font-size: 16px; }
  .page { width: 100%; max-width: none; padding-top: 38px; }
  .wrap { max-width: 1160px; margin-left: auto; margin-right: auto; padding: 0 40px; }

  /* ---- 頁首：滿版、版心置中 ---- */
  header { width: 100%; left: 0; transform: none; height: 38px; }
  header .wrap.nav { max-width: 1160px; margin: 0 auto; }
  .logo img { height: 21px; }
  .hamb i { width: 26px; height: 2px; }
  .drawer { top: 38px; width: 380px; max-width: 380px; right: 0; padding: 32px 36px; }
  .drawer a { font-size: 16px; padding: 16px 0; }

  /* ---- 標題字級 ---- */
  .eyebrow { font-size: 12px; letter-spacing: .3em; }
  h1 { font-size: 46px; line-height: 1.35; margin: 14px 0 12px; }
  h2 { font-size: 31px; line-height: 1.5; margin: 10px 0 16px; }
  p  { margin-bottom: 14px; }

  /* ---- HERO：左文右圖 ---- */
  .hero { padding: 0; min-height: 520px; display: flex; align-items: center; }
  .hero-img { width: 54%; height: 100%; top: 0; right: 0; object-position: center 22%; }
  .hero::after { height: 140px; }
  .hero .wrap { width: 100%; }
  .hero-sub { font-size: 16px; letter-spacing: .16em; margin-bottom: 20px; }
  .hero .lead { max-width: 430px; font-size: 16px; line-height: 2; }
  .hero-script { font-size: 17px; top: 48px; right: 56px; line-height: 1.5; }

  /* ---- BELIEF：兩段文字在左，圖片在右跨兩列 ---- */
  .belief {
    max-width: 1160px; margin: 0 auto; padding: 62px 40px;
    display: grid; grid-template-columns: 1fr 1.05fr;
    column-gap: 60px; row-gap: 12px; align-items: center;
  }
  .belief .wrap { padding: 0; max-width: none; }
  .belief .wrap:first-of-type { grid-column: 1; grid-row: 1; align-self: end; }
  .belief .wrap:last-of-type  { grid-column: 1; grid-row: 2; align-self: start; }
  .belief-img { grid-column: 2; grid-row: 1 / span 2; margin: 0;
    aspect-ratio: 4/3; height: auto; align-self: center; object-position: center 40%; }

  /* ---- PRINCIPLES：說明在左，四個原則 2×2 在右 ---- */
  .principles { padding: 62px 0; }
  .pr-grid { grid-template-columns: .8fr 1.45fr; column-gap: 60px; margin-top: 26px; }
  .pr-grid > p { font-size: 16px; line-height: 2.1; }
  .pr-grid > div:last-child {
    display: grid; grid-template-columns: 1fr 1fr;
    column-gap: 44px; row-gap: 26px; justify-content: initial;
  }
  .pr-item { grid-template-columns: 38px 1fr; gap: 14px; border-top: 0; padding: 0; align-items: start; }
  .pr-ic { width: 38px; height: 38px; }
  .pr-ic svg { width: 19px; height: 19px; }
  .pr-item strong { font-size: 17px; margin-bottom: 5px; line-height: 1.5; }
  .pr-item em { font-size: 14.5px; line-height: 1.85; }

  /* ---- INGREDIENTS：圖左文右（還原原始設計意圖） ---- */
  .ingsec {
    max-width: 1160px; margin: 0 auto; padding: 0 40px 62px;
    display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;
  }
  .ing-img { grid-column: 1; aspect-ratio: 4/3; height: auto; align-self: center; }
  .ingsec .wrap { grid-column: 2; padding: 0; margin-top: 0 !important; max-width: none; }
  .ing-text p { font-size: 16px; line-height: 2.05; }

  /* ---- SCIENCE：文左圖右 ---- */
  .teamsec {
    max-width: 1160px; margin: 0 auto; padding: 0 40px 62px;
    display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;
  }
  .teamsec .wrap { grid-column: 1; padding: 0; max-width: none; }
  .team-text p { font-size: 16px; line-height: 2.05; }
  .team-img { grid-column: 2; margin: 0; aspect-ratio: 4/3; object-fit: cover; height: auto; align-self: center; }

  /* ---- 結語：置中 ---- */
  .closing { padding: 76px 0; text-align: center; }
  .closing .wrap { max-width: 780px; }
  .closing h2 { font-size: 30px; }
  .closing p { font-size: 16.5px; line-height: 2.1; }

  /* ---- 頁尾：據點清單兩欄 ---- */
  footer { padding: 52px 0 40px; }
  .foot .logo img { height: 24px; }
  .ftag { font-size: 13px; }
  .socials a { width: 34px; height: 34px; }
  .socials svg { width: 16px; height: 16px; }
  .totop { width: 38px; height: 38px; font-size: 17px; }
  .fabout { margin-top: 32px; padding-top: 28px; }
  .fabout .ftitle { font-size: 17px; margin-bottom: 14px; }
  .fabout .fintro { font-size: 13.5px; max-width: 860px; }
  .fabout ul { grid-template-columns: 1fr 1fr; column-gap: 56px; row-gap: 10px; }
  .fabout li { font-size: 13.5px; }
  .fabout .fgo { font-size: 12px; padding: 3px 14px; }
  .fabout .fct { font-size: 13px; }
  .fabout .fct b { font-size: 14.5px; }
}

/* 超寬螢幕：版心再放寬一點 */
@media (min-width: 1600px) {
  .wrap, header .wrap.nav, .belief, .ingsec, .teamsec { max-width: 1320px; }
  .hero { min-height: 660px; }
  h1 { font-size: 52px; }
}