/* Homi visual storytelling */
.hv-section{padding:88px 7%;background:#f7f5f0}
.hv-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;margin-bottom:38px}
.hv-heading h2{font:600 clamp(36px,4.7vw,70px)/1.07 Manrope,sans-serif;letter-spacing: 0.012em;margin:14px 0}
.hv-heading p{font-size:17px;line-height:1.7;color:#625e58}
.hv-editorial{margin:0;position:relative}
.hv-editorial img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.hv-editorial figcaption{font-size:12px;line-height:1.6;color:#625e58;margin-top:12px}
.hv-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
.hv-task{border-top:1px solid #c9c0b6;padding-top:24px}
.hv-task svg{width:100%;height:160px;background:#eeeae3;margin-bottom:16px}
.hv-task h3{font:600 24px Manrope,sans-serif;letter-spacing: 0.012em;margin:12px 0}
.hv-task p{color:#625e58;font-size:15px;line-height:1.7}
.hv-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:36px 0}
.hv-path li{border-top:1px solid #b8ac9d;padding:24px 24px 0 0}
.hv-path b{display:grid;place-items:center;width:48px;height:48px;border:1px solid #8f8273;border-radius:50%;font-size:15px;margin-bottom:24px}
.hv-path h3{font:600 22px Manrope,sans-serif;letter-spacing: 0.012em}
.hv-path p{color:#625e58;line-height:1.65;font-size:15px}
.hv-hours{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:36px 0}
.hv-hours strong{font:500 clamp(62px,7vw,104px)/1 Manrope,sans-serif;letter-spacing: 0.012em}
.hv-hours small{font-size:15px;letter-spacing:0}
.hv-hourbar{height:12px;background:#e3dcd2;margin:26px 0 18px;border-radius:99px;overflow:hidden}
.hv-hourbar span{display:block;height:100%;background:#51483e;border-radius:99px}
.hv-hours p{color:#625e58;line-height:1.7}
.hv-intro-image{margin:0 7% 54px}
.hv-intro-image img{width:100%;height:clamp(240px,35vw,480px);object-fit:cover;display:block}
.hv-intro-image figcaption{font-size:12px;color:#625e58;padding-top:10px}
.app-mock{position:relative;background:#292825;border-radius:42px;padding:11px;box-shadow:0 30px 55px #29282520;width:min(100%,330px)}
.app-screen{border-radius:33px;padding:42px 22px 25px;background:#faf8f4;min-height:465px}
.app-mock:before{content:"";position:absolute;top:20px;left:38%;width:24%;height:17px;border-radius:20px;background:#292825}
.app-screen .bar{border:1px solid #e4ddd4;background:#fff;padding:17px 14px;font-size:13px}
.app-screen small{display:block;color:#6b6258;font-size:11px;line-height:1.5;margin-top:22px}
.journey-card{background:transparent;border-top:1px solid #c9c0b6}
.journey-card .device{box-shadow:0 20px 35px #29282513}
@media(max-width:800px){.hv-section{padding:62px 6%}.hv-heading{grid-template-columns:1fr;gap:0}.hv-tasks{grid-template-columns:1fr;gap:22px}.hv-task{display:grid;grid-template-columns:100px 1fr;column-gap:20px}.hv-task svg{grid-row:1/4;height:120px}.hv-task h3{font-size:21px}.hv-task p{margin:0}.hv-path{grid-template-columns:1fr 1fr;gap:22px}.hv-hours{gap:28px}.hv-hours h3{font-size:19px}.hv-editorial img{aspect-ratio:4/3}.hv-intro-image{margin:0 6% 40px}}
@media(max-width:420px){.hv-hours{grid-template-columns:1fr}.hv-path{grid-template-columns:1fr}.hv-path li{display:grid;grid-template-columns:48px 1fr;gap:0 18px}.hv-path b{grid-row:1/3}.hv-path h3{margin:0 0 12px}.hv-path p{margin:0}}

/* Keep illustration-section headings consistent with sitewide typography. */
.hv-heading h2, .hv-task h3, .hv-path h3 { letter-spacing: 0 !important; word-spacing: normal !important; }