#home { background:#fff; color:#1f1f1f; padding-bottom:80px; }
#home p { line-height:1.7; }
.home-visual { width:min(1180px, calc(100% - 40px)); min-height:560px; margin:0 auto; display:grid; grid-template-columns:minmax(0, .82fr) minmax(360px, 1.18fr); align-items:center; gap:44px; }
.home-copy { max-width:500px; }
.home-kicker { margin-bottom:12px; font-size:12px; font-weight:700; color:#5f7b55; text-transform:uppercase; letter-spacing:0; }
.home-copy h1 { font-size:54px; line-height:1.08; font-weight:800; word-break:keep-all; }
.home-copy p:not(.home-kicker) { margin-top:18px; color:#5f625d; font-size:17px; word-break:keep-all; }
.home-link { display:inline-flex; align-items:center; justify-content:center; height:42px; margin-top:28px; padding:0 22px; border:1px solid #1f1f1f; color:#1f1f1f; font-weight:700; }
.home-link:hover { background:#1f1f1f; color:#fff; }
.home-visual-stage { position:relative; min-height:380px; display:flex; align-items:flex-end; justify-content:center; overflow:hidden; background:url("../img/madebyai_bg.png") center/cover no-repeat; }
.home-visual-stage::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(31,31,31,.2), rgba(31,31,31,0)); }
.home-visual-stage::after { content:""; position:absolute; left:8%; right:8%; bottom:38px; height:56px; background:linear-gradient(135deg, transparent 0 30%, rgba(255,255,255,.18) 30% 31%, transparent 31% 100%); }
.home-gear { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; color:#6d716b; font-size:12px; font-weight:800; background:#d9ddd4; border:1px solid #c8cec2; }
.home-gear-pack { width:140px; height:190px; margin-right:22px; border-radius:34px 34px 12px 12px; background:#788b6b; color:#fff; }
.home-gear-tent { width:250px; height:190px; clip-path:polygon(50% 0, 100% 100%, 0 100%); background:#c6ca79; color:#4b5135; }
.home-gear-box { width:130px; height:160px; margin-left:22px; border-radius:10px 10px 16px 16px; background:#b77745; color:#fff; }
.home-category { width:min(1180px, calc(100% - 40px)); margin:88px auto 0; }
.home-category-head { max-width:620px; margin:0 auto 30px; text-align:center; }
.home-category-head h2 { font-size:34px; line-height:1.2; font-weight:800; }
.home-category-head p:not(.home-kicker) { margin-top:12px; color:#60645f; word-break:keep-all; }
.home-card-row { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.home-card-row article, .home-tile-grid article { border:1px solid #e6e7e3; background:#fff; padding:16px; }
.home-card-row h3, .home-tile-grid h3 { margin-top:14px; font-size:18px; font-weight:800; }
.home-card-row p { margin-top:6px; color:#686c66; font-size:15px; word-break:keep-all; }
.home-image { display:block; width:100%; height:190px; object-fit:cover; background:#f0f1ee; }
.home-placeholder { display:flex; align-items:center; justify-content:center; min-height:190px; background:repeating-linear-gradient(135deg, #f0f1ee 0 12px, #e7e9e4 12px 24px); color:#7b8178; font-size:12px; font-weight:800; text-transform:uppercase; }
.home-split { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:30px; padding:28px; background:#f7f7f4; }
.home-image-large { height:330px; }
.home-placeholder-large { min-height:330px; background:linear-gradient(135deg, #d9dfd2, #f1f2ed); }
.home-check-list { display:grid; gap:14px; margin:0; padding:0; list-style:none; }
.home-check-list li { padding:18px 20px; background:#fff; border-left:3px solid #5f7b55; font-weight:700; word-break:keep-all; }
.home-tile-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; }
.home-tile-grid .home-image { height:150px; }
.home-tile-grid .home-placeholder { min-height:150px; }
@media (max-width:560px){
	#home { padding-bottom:56px; }
	.home-visual { min-height:auto; padding-top:36px; grid-template-columns:1fr; gap:28px; }
	.home-copy h1 { font-size:36px; }
	.home-copy p:not(.home-kicker) { font-size:15px; }
	.home-visual-stage { min-height:280px; }
	.home-gear-pack { width:88px; height:135px; margin-right:10px; }
	.home-gear-tent { width:150px; height:135px; }
	.home-gear-box { width:82px; height:115px; margin-left:10px; }
	.home-category { margin-top:58px; }
	.home-category-head h2 { font-size:28px; }
	.home-card-row { grid-template-columns:1fr; }
	.home-split { grid-template-columns:1fr; padding:18px; }
	.home-image-large { height:230px; }
	.home-placeholder-large { min-height:230px; }
	.home-tile-grid { grid-template-columns:1fr 1fr; }
	.home-tile-grid .home-image { height:120px; }
	.home-tile-grid .home-placeholder { min-height:120px; }
}