#home { background:#fff; color:#1d1b18; padding-bottom:96px; }
#home p { line-height:1.8; word-break:keep-all; }
#home h1, #home h2, #home h3, #home p { margin:0; }
.home-kicker { font-size:12px; font-weight:700; color:#9b6847; text-transform:uppercase; }
.home-link { display:inline-flex; align-items:center; justify-content:center; min-width:112px; height:38px; margin-top:28px; padding:0 18px; border:1px solid #1d1b18; color:#1d1b18; font-size:13px; }
.home-visual { min-height:560px; display:grid; grid-template-columns:minmax(0, 440px) minmax(0, 1fr); align-items:center; gap:70px; padding:74px max(24px, calc((100% - 1180px) / 2)); background:#f3f0eb; }
.home-visual__copy h1 { margin-top:12px; font-size:54px; line-height:1.12; font-weight:700; }
.home-visual__copy p:not(.home-kicker) { margin-top:20px; color:#5f5a52; font-size:16px; }
.home-visual__stage { min-height:380px; display:flex; align-items:flex-end; justify-content:center; gap:18px; padding:46px 32px; background:#dfd7cb url("../img/tasteloom_bg.jpg") center/cover no-repeat; border:1px solid #d2c8ba; }
.home-pack { width:150px; height:210px; display:flex; align-items:center; justify-content:center; background:#f8f6f1; border:1px solid #cbbfb0; color:#8a765f; font-size:13px; }
.home-pack--large { width:190px; height:280px; }
.home-pack--small { width:118px; height:170px; }
.home-section { width:min(1180px, calc(100% - 48px)); margin:92px auto 0; }
.home-section__head { max-width:620px; margin:0 auto 34px; text-align:center; }
.home-section__head h2, .home-split__copy h2 { margin-top:10px; font-size:34px; line-height:1.25; }
.home-section__head p:not(.home-kicker), .home-split__copy p:not(.home-kicker) { margin-top:14px; color:#686159; font-size:15px; }
.home-card-grid { display:grid; gap:22px; }
.home-card-grid--three { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.home-card-grid--two { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.home-card { padding:18px; border:1px solid #e4ded6; background:#fff; }
.home-card h3 { margin-top:18px; font-size:19px; line-height:1.4; }
.home-card p { margin-top:8px; color:#6f685f; font-size:14px; }
.home-card--horizontal { display:grid; grid-template-columns:180px minmax(0, 1fr); align-items:center; gap:22px; }
.home-card--horizontal h3 { margin-top:0; }
.home-card--horizontal .home-placeholder { min-height:180px; height:100%; }
.home-placeholder { min-height:220px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#eee9e2; border:1px solid #d9d0c5; color:#8a7a68; font-size:13px; }
.home-placeholder img { width:100%; height:100%; object-fit:cover; display:block; }
.home-placeholder--wide { min-height:430px; }
.home-split { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:58px; padding:42px; background:#f8f7f4; }
.home-split__copy { max-width:420px; }
.home-mealkit { padding-top:72px; border-top:1px solid #ece6de; }
@media (max-width:560px){
	#home { padding-bottom:64px; }
	.home-visual { min-height:auto; grid-template-columns:1fr; gap:34px; padding:48px 20px; }
	.home-visual__copy h1 { font-size:34px; }
	.home-visual__stage { min-height:260px; padding:28px 14px; gap:10px; }
	.home-pack { width:96px; height:148px; font-size:11px; }
	.home-pack--large { width:126px; height:200px; }
	.home-pack--small { width:82px; height:124px; }
	.home-section { width:calc(100% - 40px); margin-top:64px; }
	.home-section__head { margin-bottom:24px; }
	.home-section__head h2, .home-split__copy h2 { font-size:27px; }
	.home-card-grid--three, .home-card-grid--two { grid-template-columns:1fr; }
	.home-card--horizontal { grid-template-columns:1fr; }
	.home-placeholder { min-height:180px; }
	.home-placeholder--wide { min-height:260px; }
	.home-split { grid-template-columns:1fr; gap:28px; padding:20px; }
	.home-mealkit { padding-top:54px; }
}