/* 公開前ブラッシュアップ（2026-10-30〜）。styles.css・finish.css の後に読む。
   10-30: 金継ぎ計測の極小文字（8〜11px）を解消し、ラベル・補足の文字を「スマホ12px／PC13px」の1段にそろえる */
.brand small,.hero-topline,.hero-bottomline,.section-kicker,.hero .section-kicker,.photo-credit,.scene-image .photo-source,
.intro-label,.harvest-label,.harvest-note,.cycle-step small,.cycle-caption,.field-gallery figcaption>span,.field-gallery p,.field-source,
.soil-list article>span,.channel,.connect-list small,.contact label span,.contact .form-note,.map-wrap p,.map-preview p,
.footer-brand small,.footer-bottom a,.footer-bottom small,.footer-top-link,.site-header .header-shop,.mobile-menu summary{font-size:13px}
.site-header nav a{white-space:nowrap}
@media(max-width:600px){
  .brand small,.hero-topline,.hero-bottomline,.section-kicker,.hero .section-kicker,.photo-credit,.scene-image .photo-source,
  .intro-label,.harvest-label,.harvest-note,.cycle-step small,.cycle-caption,.field-gallery figcaption>span,.field-gallery p,.field-source,
  .soil-list article>span,.channel,.connect-list small,.contact label span,.contact .form-note,.map-wrap p,.map-preview p,
  .footer-brand small,.footer-bottom a,.footer-bottom small,.footer-top-link,.site-header .header-shop,.mobile-menu summary{font-size:12px}
  .brand{font-size:13px}.brand small{letter-spacing:.02em}
}

/* 10-30②（10/31分を前倒し）: 似て非なる色と角丸の整理。節の地色・深緑のボタン・写真上の帯は役割色なので残す */
:root{--line:#c8d2bf;--line-strong:#74836b;--mid:#74836b;--on-dark-sub:#d2ddce;--r-s:12px;--r-panel:24px;--r-pill:999px}
.intro-body,.connect-list small,.map-wrap p,.map-preview p,.soil-list p,.connect-list p,.form-note,.contact .form-note,
.harvest-label,.harvest-note,.cycle-step small{color:var(--muted)}
.hero-bottomline{border-top-color:var(--line)}.soil-list article{border-top-color:var(--line)}
.connect-list>a{border-top-color:var(--line)}.connect-list>a:last-child{border-bottom-color:var(--line)}
.cycle-icon,.connect-list>a>span,.map-preview{border-color:var(--line)}
.harvest-band{border-block-color:var(--line)}.field-gallery figcaption{border-bottom-color:var(--line)}
.contact input,.contact select,.contact textarea{border-color:var(--line-strong)}
.cycle-arrow,.harvest-band i{color:var(--mid)}
.footer-top-link{border-color:var(--mid)}.footer-bottom{border-top-color:var(--mid)}
.footer-brand small,.footer-bottom small{color:var(--on-dark-sub)}
.contact label span{color:var(--accent)}
.hero,.scene,.connect,.contact,.contact form,.map-preview,.map-wrap iframe,.field-gallery img{border-radius:var(--r-panel)}
.contact input,.contact select,.contact textarea,.scene-image .photo-source,.scene-image span,.brand-mark{border-radius:var(--r-s)}
.header-shop,.primary-link,.photo-credit,.map-preview>span,.footer-top-link{border-radius:var(--r-pill)}
@media(max-width:600px){:root{--r-panel:20px}}

/* 10-30③: 文字の段を役割ごとに整理（見出し2段・本文3段＝ラベル13/本文16/リード18）。畑の景色の見出しは強調の2段目として残す */
.intro h2,.addition h2,.access h2,.contact h2,.field-story-heading h2{font-size:clamp(36px,4.4vw,58px)}
.soil-list h3,.field-gallery h3{font-size:23px}
.soil-list p,.scene-content>p:not(.section-kicker),.intro-body p,.field-story-heading>p{font-size:16px}
.hero-lead,.section-lead{font-size:18px}
.site-header nav a,.primary-link,.contact .primary-link,.hero-shop,.text-link,.scene .text-link,.access .text-link,.contact .text-link{font-size:14px}
.primary-link span{font-size:inherit}
.harvest-band i{font-size:13px}.harvest-band>div>span,.map-preview>span{font-size:20px}.cycle-step strong,.cycle-arrow{font-size:24px}
@media(max-width:600px){
  .intro h2,.addition h2,.access h2,.contact h2,.field-story-heading h2{font-size:clamp(30px,8.8vw,43px)}
  .soil-list p,.scene-content>p:not(.section-kicker),.intro-body p,.field-story-heading>p,.hero-lead{font-size:15px}
  .section-lead{font-size:16px}
  .site-header nav a,.primary-link,.contact .primary-link,.hero-shop,.text-link,.scene .text-link,.access .text-link,.contact .text-link{font-size:13px}
  .harvest-band>div>span{font-size:18px}.cycle-step strong{font-size:20px}.cycle-arrow{font-size:18px}
}

/* 10-30④: 暗い地の上の白系文字を --paper の1色へ。写真上の帯は深緑に、土づくりの丸は cream に寄せる */
.scene,.scene-content>p:not(.section-kicker),.scene .text-link,.site-footer,.footer-brand>span,.footer-top-link,.footer-bottom>span,.footer-bottom a,
.primary-link,.header-shop,.site-header .header-shop,.photo-credit,.scene-image .photo-source{color:var(--paper)}
.footer-brand small,.footer-bottom small{color:var(--line)}
.scene-image .photo-source{background:#183f30e6}
.cycle-icon{background:var(--cream)}

/* 10-30⑤: 本文の墨色をボタンの深緑と同じ色へ。入力欄の地を生成りへ（枠は --line-strong で区別） */
:root{--ink:#183f30}
.contact input,.contact select,.contact textarea{background:var(--paper)}
.skip{background:var(--paper)}
@media(max-width:600px){
  /* 10-30⑥: スマホの残りの段（ストア紹介の本文14→15・ヘッダーの小ボタン12→13・作物帯の区切り13→12） */
  .connect-list p{font-size:15px}.site-header .header-shop,.mobile-menu summary{font-size:13px}.harvest-band i{font-size:12px}
}

/* 2026-10-30夜 マサト指定：AIっぽい飾り（点・横棒・英字風の字間）を外し、ラベルを全節でそろえる */
.hero-message{margin-block:auto;padding-top:0}
.section-kicker,.hero .section-kicker,.intro-label{font-family:inherit;font-weight:700;font-size:13px;line-height:1.6;letter-spacing:.06em;color:var(--accent);margin:0 0 24px;display:block}
.scene-content .section-kicker{color:#d9bcb0}
.intro .intro-main{margin-top:clamp(20px,3vw,36px)}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 .ln>span{display:block}
@media(max-width:600px){.section-kicker,.hero .section-kicker,.intro-label{font-size:12px;margin-bottom:17px}}

/* 2026-10-30夜 マサト指定：写真がふわっと・ボワンと出る演出（動きを減らす設定では出さない） */
@keyframes sf-rise{from{transform:translateY(105%)}to{transform:none}}
@keyframes sf-fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes sf-curtain{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sf-settle{from{transform:scale(1.2)}to{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
  .js .hero h1 .ln>span{animation:sf-rise .95s cubic-bezier(.2,.8,.2,1) .15s both}
  .js .hero h1 .ln:nth-child(2)>span{animation-delay:.28s}
  .js .hero-lead{animation:sf-fade-up .8s ease .55s both}
  .js .hero-actions{animation:sf-fade-up .8s ease .7s both}
  .js .hero-bottomline{animation:sf-fade-up .8s ease .9s both}
  .js .hero-visual{animation:sf-curtain 1.25s cubic-bezier(.7,0,.2,1) both}
  .js .hero-visual img{animation:sf-settle 2s cubic-bezier(.2,.7,.2,1) both}

  /* 写真：横から幕が開く（中の写真は少し引いて落ち着く） */
  .motion-ready .reveal.photo-wipe,.motion-ready .reveal.photo-wipe:not(.is-visible){opacity:1;transform:none}
  .motion-ready .reveal.photo-wipe{clip-path:inset(0 100% 0 0);transition:clip-path 1.15s cubic-bezier(.7,0,.2,1)}
  .motion-ready .reveal.photo-wipe.is-visible{clip-path:inset(0 0 0 0)}
  .motion-ready .photo-wipe img{transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
  .motion-ready .photo-wipe:not(.is-visible) img{transform:scale(1.25)}

  /* 写真：小さく傾いた所からボワンと弾んで出る */
  .motion-ready .reveal.photo-pop:not(.is-visible){opacity:0;transform:scale(.78) rotate(var(--tilt,-3deg))}
  .motion-ready .reveal.photo-pop{transition:opacity .55s ease,transform 1s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--delay,0ms)}
  .motion-ready .reveal.photo-pop.is-visible{opacity:1;transform:none}

  /* 土づくりの丸：順番にポンと出る */
  .motion-ready .cycle-step .cycle-icon{transition:transform .75s cubic-bezier(.34,1.56,.64,1) calc(var(--delay,0ms) + .15s)}
  .motion-ready .cycle-step:not(.is-visible) .cycle-icon{transform:scale(0)}

  /* 写真が少し遅れて動く奥行き（JSで --py を入れる） */
  .hero-visual img,.scene-image img{translate:0 var(--py,0px);scale:1.1}
}

/* 2026-10-30夜 マサト指定：土づくりの節に「土は畑の腸」の囲みを追加（色・文字・余白は既存の値だけ使う） */
.soil-gut{max-width:860px;margin:60px auto 0;padding:60px 40px;background:var(--ink);color:var(--paper);border-radius:var(--r-panel);text-align:center}
.soil-gut h2{margin:0 0 24px;color:var(--paper)}
.soil-gut p{font-size:16px;line-height:2;margin:0 0 16px;color:var(--paper);word-break:auto-phrase}
.soil-gut .soil-gut-close{margin:24px 0 0;font-size:18px;font-weight:700}
@media(max-width:600px){.soil-gut{margin-top:40px;padding:40px 24px;border-radius:20px;text-align:left}.soil-gut p{font-size:15px}.soil-gut .soil-gut-close{font-size:16px}}

/* 2026-10-30夜 句読点を入れた説明文を文節で折り返す（Chrome・Edge。Safariは通常の折り返し） */
main p{word-break:auto-phrase}