#home { background:#fff; color:#15191f; overflow:hidden; }
#home .home-wrap { width:min(1180px, calc(100% - 40px)); margin:0 auto; }
#home .home-kicker { margin:0 0 14px; font-size:12px; font-weight:700; color:#1d8bb5; letter-spacing:0; text-transform:uppercase; }
#home h1, #home h2, #home p { margin:0; word-break:keep-all; }
#home h1 { font-size:clamp(38px, 6vw, 76px); line-height:1.08; letter-spacing:0; }
#home h2 { font-size:clamp(30px, 4vw, 52px); line-height:1.15; letter-spacing:0; }
#home p { font-size:17px; line-height:1.8; color:#58616c; }
#home .home-placeholder { display:flex; align-items:center; justify-content:center; min-height:300px; border:1px solid #cddce5; background:linear-gradient(135deg, #f2f8fb 0%, #fff 100%); color:#8aa1ae; font-size:13px; font-weight:700; letter-spacing:0; text-transform:uppercase; }
#home .home-placeholder.large { min-height:430px; }
.home-visual { padding:94px 0 86px; background:linear-gradient(180deg, #f8fbfd 0%, #fff 58%, #eef8fc 100%); }
.home-visual-inner { display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:70px; }
.home-visual-copy p:not(.home-kicker) { max-width:600px; margin-top:24px; }
.home-visual-actions { display:flex; gap:10px; margin-top:34px; flex-wrap:wrap; }
.home-visual-actions a { display:inline-flex; align-items:center; justify-content:center; min-width:128px; height:44px; padding:0 20px; border:1px solid #15191f; color:#15191f; font-size:14px; font-weight:700; }
.home-visual-actions a:first-child { background:#15191f; color:#fff; }
.home-visual-board { position:relative; min-height:520px; padding:18px; background:url("../img/velphillipsfoundation_bg.png") center/cover no-repeat; box-shadow:0 24px 70px rgba(41, 93, 118, .12); }
.home-signal { position:absolute; left:-36px; right:-36px; top:50%; display:flex; align-items:center; justify-content:space-between; pointer-events:none; }
.home-signal span { display:block; width:76px; height:2px; background:#3aa6cf; }
.home-signal span:nth-child(2), .home-signal span:nth-child(3) { width:22px; height:22px; border:2px solid #3aa6cf; border-radius:50%; background:#fff; }
.home-service { padding:110px 0; }
.home-service-marketing { background:#fff; }
.home-service-branding { background:#f7f9fa; }
.home-service-content { background:#fff; padding-bottom:130px; }
.home-split { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:68px; }
.home-split.reverse { grid-template-columns:1.12fr .88fr; }
.home-split.reverse .home-copy { order:2; }
.home-copy { max-width:540px; }
.home-copy p:not(.home-kicker) { margin-top:22px; }
.home-image { overflow:hidden; min-height:360px; background:#eef3f5; }
.home-image img { display:block; width:100%; height:100%; min-height:360px; object-fit:cover; }
.home-list { display:grid; gap:12px; margin:30px 0 0; padding:0; list-style:none; }
.home-list li { position:relative; padding-left:18px; font-size:16px; line-height:1.55; color:#262d35; }
.home-list li::before { content:""; position:absolute; left:0; top:.72em; width:6px; height:6px; background:#1d8bb5; }
.home-content-card { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:54px; padding:58px; background:#f4f8fa; }
.home-content-grid { display:grid; }
.home-content-grid .home-placeholder { min-height:180px; background:#fff; }
.home-content-grid .home-placeholder:first-child { grid-row:span 2; min-height:376px; }
.home-content-grid .home-image, .home-content-grid .home-image img { min-height:420px; }
@media (max-width:900px){
	.home-visual { padding:70px 0; }
	.home-visual-inner, .home-split, .home-split.reverse, .home-content-card { grid-template-columns:1fr; gap:36px; }
	.home-split.reverse .home-copy { order:0; }
	.home-service { padding:76px 0; }
	.home-content-card { padding:34px 24px; }
	.home-signal { display:none; }
	.home-visual-board { min-height:420px; }
}
@media (max-width:560px){
	#home .home-wrap { width:calc(100% - 28px); }
	#home p { font-size:15px; line-height:1.75; }
	#home .home-placeholder, #home .home-placeholder.large { min-height:240px; }
	.home-visual { padding:54px 0 58px; }
	.home-visual-board { min-height:300px; }
	.home-visual-actions a { flex:1 1 130px; min-width:0; }
	.home-service { padding:58px 0; }
	.home-content-card { padding:28px 18px; }
	.home-content-grid { grid-template-columns:1fr; }
	.home-content-grid .home-placeholder:first-child { grid-row:auto; min-height:220px; }
	.home-image, .home-image img, .home-content-grid .home-image, .home-content-grid .home-image img { min-height:240px; }
}
