.home-direct-preview .hero{background:var(--cream)}
.home-direct-preview .hero-top{padding:34px var(--gutter) 36px}
.home-direct-preview .tagline{font-size:11px;gap:18px}
.home-direct-preview .tagline img{width:34px;height:24px}
.home-direct-preview .hero h1{font-size:clamp(34px,4vw,64px);margin-top:22px;line-height:1.06}
.home-direct-preview .hero .hero-sub{font-size:16px;line-height:1.45;margin-top:17px}
.home-direct-preview .hero-top>.btn{margin-top:20px;padding:14px 32px;min-height:0;font-size:14px}
.home-direct-preview .services{padding-top:30px;padding-bottom:40px}
.home-direct-preview .services>.eyebrow{font-size:12px;margin-bottom:12px}
.home-direct-preview .services-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px}
.home-direct-preview .services-heading h2{font-size:36px;line-height:1.04;margin:0}
.home-direct-preview .services-note{font-size:15px;line-height:1.5;max-width:490px;margin:0 0 3px;justify-self:end}
.home-direct-preview .services-note span{display:block;font-size:12px;margin-top:6px;opacity:.75}
.home-direct-preview .services .chips{margin:22px 0 22px;gap:8px;flex-direction:row;flex-wrap:wrap}
.home-direct-preview .services .chip{flex:1 1 auto;min-height:40px;padding:10px 14px;font-size:12px;border:1px solid #38211340}
.home-direct-preview .svc-grid{gap:16px}
.home-direct-preview .svc-tile{aspect-ratio:1.12;background:var(--tan)}
.home-direct-preview .svc-tile img{height:calc(100% - 46px);object-position:center 44%}
.home-direct-preview .svc-tile span{height:46px;min-height:46px;font-size:14px;padding:8px;background:var(--cream)}
@media(min-width:1500px){.home-direct-preview .hero-top{padding-block:44px}.home-direct-preview .services-heading h2{font-size:42px}.home-direct-preview .svc-tile{aspect-ratio:1.3}}
@media(max-width:700px){.home-direct-preview .hero-top{padding:28px 20px}.home-direct-preview .hero h1{max-width:100%;font-size:35px}.home-direct-preview .hero h1 .l{display:inline}.home-direct-preview .hero .hero-sub{font-size:14px}.home-direct-preview .hero-sub br{display:none}.home-direct-preview .services-heading{grid-template-columns:1fr;gap:14px}.home-direct-preview .services-heading h2{font-size:32px}.home-direct-preview .services-note{justify-self:start;font-size:14px}.home-direct-preview .services .chips{gap:6px}.home-direct-preview .services .chip{font-size:11px;flex:1 1 40%;padding:10px 7px}.home-direct-preview .svc-grid{gap:10px}.home-direct-preview .svc-tile{aspect-ratio:.82}.home-direct-preview .svc-tile span{font-size:12px}.home-direct-preview .tagline{font-size:9px;gap:10px}}

/* Second concept: one continuous light canvas and full-height treatment images. */
.home-direct-preview .services{background:var(--cream);padding-top:0}
.home-direct-preview .hero-top{padding-bottom:32px}
.home-direct-preview .svc-grid{gap:20px}
.home-direct-preview .svc-tile{aspect-ratio:447 / 567}
.home-direct-preview .svc-tile img{height:100%;object-position:center}
.home-direct-preview .svc-tile span{height:auto;min-height:58px;background:var(--brown);color:var(--cream);font-size:clamp(14px,1.25vw,24px);padding:14px 10px}
@media(max-width:700px){.home-direct-preview .svc-grid{gap:10px}.home-direct-preview .svc-tile span{min-height:50px;font-size:12px;padding:10px 6px}}
/* Stable middle proportion: resizing window height does not stretch cards. */
@media(min-width:901px){
 .home-direct-preview .svc-tile{aspect-ratio:1 / 1.1;height:auto}
}