#home { background:#fff; color:#151515; padding-bottom:86px; }
#home * { box-sizing:border-box; }
#home h1, #home h2, #home h3, #home p { margin:0; letter-spacing:0; word-break:keep-all; }
#home h1 { max-width:680px; font-size:54px; line-height:1.08; font-weight:700; }
#home h2 { font-size:34px; line-height:1.22; font-weight:700; }
#home h3 { font-size:18px; line-height:1.35; font-weight:700; }
#home p { color:#656565; font-size:15px; line-height:1.75; }
#home ol { margin:24px 0 0; padding-left:20px; color:#3a3a3a; font-size:15px; line-height:1.9; }
.home-wrap { width:min(1120px, calc(100% - 40px)); margin:0 auto; }
.home-section { margin-top:96px; }
.home-kicker { margin-bottom:14px !important; color:#9b6b4a !important; font-size:12px !important; font-weight:700; line-height:1 !important; text-transform:uppercase; }
.home-copy { display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.home-copy p:not(.home-kicker) { max-width:560px; }
.home-heading { max-width:640px; margin:0 auto 34px; text-align:center; }
.home-heading p:not(.home-kicker) { margin-top:14px; }
.home-visual { padding:90px 0 0; }
.home-visual__inner { display:grid; grid-template-columns:1fr; gap:44px; }
.home-frame { display:flex; justify-content:center; align-items:center; min-height:260px; border:1px solid #dddddd; background:#f4f4f2 center/cover no-repeat; color:#9a9a9a; font-size:12px; font-weight:700; text-transform:uppercase; }
.home-frame span { display:none; }
.home-frame--wide { min-height:430px; background-image:url("../img/pixwollstudios_bg.png"); }
.home-frame--portrait { min-height:440px; background:#eeeeec; }
.home-frame--stack { min-height:360px; background:repeating-linear-gradient(90deg, #efefed 0, #efefed 32px, #f8f8f6 32px, #f8f8f6 64px); }
.home-service-list { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.home-service-list article { display:flex; flex-direction:column; gap:14px; }
.home-service-list .home-frame { min-height:260px; }
.home-service-list p { font-size:14px !important; }
.home-split { display:grid; grid-template-columns:0.9fr 1.1fr; align-items:center; gap:56px; }
.home-split--reverse { grid-template-columns:1.1fr 0.9fr; }
.home-split--reverse .home-copy { order:2; }
.home-direction { padding:84px 0; background:#f8f7f4; }
.home-direction-board { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; }
.home-direction-board .home-frame { min-height:190px; background:#fff; }
.home-contact__inner { display:flex; justify-content:space-between; align-items:center; gap:40px; padding:48px 54px; background:#151515; color:#fff; }
.home-contact h2 { color:#fff; }
.home-contact p:not(.home-kicker) { max-width:560px; margin-top:14px; color:#cfcfcf !important; }
.home-button { display:inline-flex; justify-content:center; align-items:center; flex:0 0 auto; min-width:128px; height:44px; padding:0 20px; border:1px solid #fff; color:#fff; font-size:14px; font-weight:700; text-decoration:none; }
.home-frame.home-img-1 { background:url("../img/item-1.png") center/cover no-repeat; }
.home-frame.home-img-2 { background:url("../img/item-2.jpg") center/cover no-repeat; }
.home-frame.home-img-3 { background:url("../img/item-3.jpg") center/cover no-repeat; }
.home-frame.home-img-4 { background:url("../img/item-4.png") center/cover no-repeat; }
.home-frame.home-img-5 { background:url("../img/item-5.png") center/cover no-repeat; }
.home-frame.home-img-6 { background:url("../img/item-6.png") center/cover no-repeat; }
.home-frame.home-img-7 { background:url("../img/item-7.png") center/cover no-repeat; }
.home-frame.home-img-8 { background:url("../img/item-8.png") center/cover no-repeat; }
.home-frame.home-img-9 { background:url("../img/item-9.png") center/cover no-repeat; }
@media (max-width:760px){
	#home { padding-bottom:60px; }
	#home h1 { font-size:38px; }
	#home h2 { font-size:28px; }
	.home-wrap { width:calc(100% - 28px); }
	.home-section { margin-top:68px; }
	.home-visual { padding-top:62px; }
	.home-frame--wide { min-height:300px; }
	.home-service-list { grid-template-columns:1fr; }
	.home-split, .home-split--reverse { grid-template-columns:1fr; gap:30px; }
	.home-split--reverse .home-copy { order:0; }
	.home-frame--portrait, .home-frame--stack { min-height:300px; }
	.home-direction { padding:64px 0; }
	.home-direction-board { grid-template-columns:1fr 1fr; }
	.home-contact__inner { flex-direction:column; align-items:flex-start; padding:34px 24px; }
	.home-button { width:100%; }
}