#home { background:#fff; color:#171717; padding-bottom:90px; }
#home p { line-height:1.7; }
#home a { color:inherit; }
.home-visual { width:min(1280px, calc(100% - 40px)); margin:32px auto 0; display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:42px; min-height:520px; }
.home-copy { padding:70px 0; }
.home-eyebrow { margin-bottom:12px; color:#a6815c; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0; }
.home-copy h1 { font-size:56px; line-height:1.15; font-weight:700; letter-spacing:0; word-break:keep-all; }
.home-copy p:not(.home-eyebrow) { margin-top:18px; color:#555; font-size:17px; word-break:keep-all; }
.home-link, .home-more { display:inline-flex; align-items:center; justify-content:center; height:42px; margin-top:28px; padding:0 24px; border:1px solid #222; background:#222; color:#fff !important; font-size:14px; font-weight:700; }
.home-link:hover, .home-more:hover { background:#a6815c; border-color:#a6815c; }
.home-visual-frame { display:flex; align-items:center; justify-content:center; min-height:440px; background:#e9e5de url("/img/bellakos_bg.png") center / cover no-repeat; color:transparent; font-size:0; font-weight:700; text-transform:uppercase; }
.home-section { width:min(1280px, calc(100% - 40px)); margin:92px auto 0; text-align:center; }
.home-section-head { max-width:620px; margin:0 auto 34px; }
.home-section-head h2 { font-size:36px; line-height:1.25; font-weight:700; letter-spacing:0; }
.home-section-head p:not(.home-eyebrow) { margin-top:12px; color:#666; font-size:16px; word-break:keep-all; }
.home-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; text-align:left; }
.home-grid article { padding:16px; border:1px solid #ece8e1; background:#fff; }
.home-thumb { display:flex; align-items:center; justify-content:center; aspect-ratio:1 / .78; background:#eeeae4 center / cover no-repeat; color:transparent; font-size:0; font-weight:700; text-transform:uppercase; }
.home-item-1 { background-image:url("/img/item-1.jpg"); }
.home-item-2 { background-image:url("/img/item-2.jpg"); }
.home-item-3 { background-image:url("/img/item-3.jpg"); }
.home-item-4 { background-image:url("/img/item-4.jpeg"); }
.home-item-5 { background-image:url("/img/item-5.jpg"); }
.home-item-6 { background-image:url("/img/item-6.jpg"); }
.home-grid h3 { margin-top:18px; font-size:20px; font-weight:700; }
.home-grid p { margin-top:8px; color:#666; font-size:15px; word-break:keep-all; }
.home-feature { display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:38px; padding:34px; background:#f6f4f0; text-align:left; }
.home-feature-img { display:flex; align-items:center; justify-content:center; min-height:330px; background-color:#e4ded5; background-position:center; background-size:cover; background-repeat:no-repeat; color:transparent; font-size:0; font-weight:700; text-transform:uppercase; }
.home-feature-copy h3 { font-size:32px; line-height:1.25; font-weight:700; }
.home-feature-copy p { margin-top:14px; color:#666; font-size:16px; word-break:keep-all; }
.home-grid-two { grid-template-columns:repeat(2, minmax(0, 1fr)); max-width:850px; margin:0 auto; }
@media (max-width:560px){
	#home { padding-bottom:60px; }
	.home-visual { margin-top:24px; grid-template-columns:1fr; gap:24px; min-height:auto; }
	.home-copy { padding:28px 0 0; }
	.home-copy h1 { font-size:38px; }
	.home-copy p:not(.home-eyebrow) { font-size:15px; }
	.home-visual-frame { min-height:280px; }
	.home-section { margin-top:64px; }
	.home-section-head { margin-bottom:24px; }
	.home-section-head h2 { font-size:30px; }
	.home-grid, .home-grid-two { grid-template-columns:1fr; }
	.home-feature { grid-template-columns:1fr; gap:24px; padding:20px; }
	.home-feature-img { min-height:240px; }
	.home-feature-copy h3 { font-size:26px; }
}
