#home { background:#fff; color:#1d1b17; padding-bottom:90px; }
#home p { line-height:1.75; word-break:keep-all; }
.home-visual { min-height:620px; padding:76px 0 86px; background:linear-gradient(rgba(24, 31, 17, .52), rgba(24, 31, 17, .52)), url("../img/eaterra_bg.png") center/cover no-repeat; display:flex; align-items:center; }
.home-visual__inner { width:min(1180px, calc(100% - 40px)); margin:0 auto; display:flex; justify-content:center; text-align:center; }
.home-kicker { display:block; margin-bottom:13px; color:#5c8a2b; font-size:12px; font-weight:800; letter-spacing:0; text-transform:uppercase; }
.home-visual .home-kicker { color:#d9f1a5; }
.home-visual__copy { max-width:680px; margin:0 auto; }
.home-visual h1 { max-width:680px; font-size:50px; line-height:1.15; font-weight:800; letter-spacing:0; color:#fff; }
.home-visual p { max-width:580px; margin:22px auto 0; color:#f2efe8; font-size:18px; }
.home-btn { display:inline-flex; align-items:center; justify-content:center; height:42px; margin-top:30px; padding:0 22px; background:#253416; color:#fff; font-size:14px; font-weight:800; }
.home-visual__box { position:relative; min-height:420px; }
.home-pack { position:absolute; display:flex; align-items:center; justify-content:center; border:1px solid #d8d0bf; background:#fffdf7; color:#8a7d68; font-size:13px; font-weight:800; text-transform:uppercase; }
.home-pack--large { right:0; bottom:0; width:78%; height:72%; background:#f8ead4; }
.home-pack--small { left:0; bottom:36px; width:34%; height:42%; background:#e7efdc; }
.home-pack--round { left:24%; top:0; width:160px; height:160px; border-radius:50%; background:#fff; }
.home-organic, .home-super, .home-recipe { width:min(1180px, calc(100% - 40px)); margin:88px auto 0; }
.home-section__head { max-width:660px; margin:0 auto 34px; text-align:center; }
.home-section__head h2, .home-super__copy h2 { font-size:36px; line-height:1.25; font-weight:800; letter-spacing:0; }
.home-section__head p, .home-super__copy p { margin-top:14px; color:#666056; font-size:16px; }
.home-organic__grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.home-organic__grid article { padding:18px; border:1px solid #e7e0d5; background:#fff; }
.home-organic__grid img { display:block; width:100%; aspect-ratio:1.35/1; margin-bottom:20px; object-fit:cover; }
.home-placeholder { display:flex; align-items:center; justify-content:center; aspect-ratio:1.35/1; margin-bottom:20px; background:#f1eee7; color:#8d8374; font-size:12px; font-weight:800; text-transform:uppercase; }
.home-organic__grid h3, .home-recipe__grid h3 { font-size:20px; font-weight:800; }
.home-organic__grid p, .home-recipe__grid p { margin-top:10px; color:#665f55; font-size:15px; }
.home-super { display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:center; padding:54px; background:#f7f8f2; }
.home-super__media { min-height:360px; background:#e7eddd; border:1px solid #d5ddca; }
.home-super__media img { display:block; width:100%; height:360px; object-fit:cover; }
.home-super__copy ul { display:grid; gap:10px; margin-top:24px; }
.home-super__copy li { padding-left:14px; border-left:3px solid #8bb65a; color:#403c35; font-weight:700; line-height:1.55; }
.home-recipe { padding-top:16px; }
.home-recipe__grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
.home-recipe__grid article { padding:30px; background:#fbfaf6; border:1px solid #ebe5da; }
@media (max-width:560px){
	#home { padding-bottom:62px; }
	.home-visual { padding:50px 0 62px; }
	.home-visual__inner { grid-template-columns:1fr; gap:34px; }
	.home-visual h1 { font-size:34px; }
	.home-visual p { font-size:16px; }
	.home-visual__box { min-height:300px; }
	.home-pack--large { width:84%; height:70%; }
	.home-pack--small { width:42%; height:38%; }
	.home-pack--round { width:120px; height:120px; }
	.home-organic, .home-super, .home-recipe { margin-top:60px; }
	.home-section__head { margin-bottom:26px; }
	.home-section__head h2, .home-super__copy h2 { font-size:28px; }
	.home-organic__grid { grid-template-columns:1fr; }
	.home-super { grid-template-columns:1fr; padding:28px 20px; }
	.home-super__media { min-height:240px; }
	.home-recipe__grid { grid-template-columns:1fr; }
	.home-recipe__grid article { padding:24px; }
}