.home-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;background:#04162f;color:#b9ccec;font:12px/1.4 Inter,Arial,sans-serif}
.home-preview-bar strong{font-weight:500;color:white}.home-preview-bar nav{display:flex;gap:18px}.home-preview-bar a{color:#c8d9f3;text-decoration:none}.home-preview-bar a:hover{color:white;text-decoration:underline;text-underline-offset:4px}.home-preview-bar .home-compare{white-space:nowrap;border:1px solid #50627b;padding:6px 10px;border-radius:6px}

/* The headline and demos keep their current dimensions. Artwork lives in spare heading space. */
.home-ink-details .ink-home-hero{max-width:460px;margin-bottom:12px}
.home-ink-details .home-illustrated-heading{display:grid;grid-template-columns:minmax(0,1fr) 164px;column-gap:28px;align-items:center}
.home-ink-details .home-illustrated-heading>h2{grid-column:1;grid-row:1}
.home-ink-details .home-illustrated-heading>p{grid-column:1;grid-row:2}
.home-ink-details .home-illustrated-heading>figure{grid-column:2;grid-row:1/span 2;justify-self:end;align-self:center}
.home-spot{margin:0;width:156px;aspect-ratio:1.85;overflow:hidden;mix-blend-mode:multiply;pointer-events:none}
.home-spot img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.18)}
.home-ink-details .home-connections-spot{width:128px;transform:rotate(-4deg)}
.home-ink-details .home-record-spot{width:164px;max-width:none;aspect-ratio:1.9;margin:0;opacity:1;transform:none}
.home-ink-details .home-record-spot img{height:100%;object-fit:cover}

/* Small ink details repeat the same color without adding more content blocks. */
.home-ink-details .site-rail{border-color:#c6d9f4;background:#f6f9ff;border-radius:47% 53% 46% 54%;position:relative;color:#4572ac}
.home-ink-details .site-rail::after{content:"";position:absolute;left:50%;top:calc(100% + 8px);height:19px;border-left:1px dotted #c1d6f1;pointer-events:none}
.home-ink-details .site-method{background:linear-gradient(140deg,#fff 62%,#f6f9ff);border-radius:18px 16px 20px 16px}
.home-ink-details .site-method>span{width:fit-content;text-decoration-color:#c2d8f8;text-underline-offset:6px}
.home-ink-details .site-method:hover>span{text-decoration-line:underline;text-decoration-thickness:2px}
.home-ink-details .site-proof .bc-review-card{position:relative;background:linear-gradient(155deg,#fff 78%,#f8fbff)}
.home-ink-details .site-proof .home-quote-mark{position:absolute;top:12px;right:19px;color:#1467f5;opacity:.13;font:48px/1 Georgia,serif;pointer-events:none}

.home-ink-details .phone-cta-strip{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:20px;background:linear-gradient(110deg,#f8fbff,#fff 70%)}
.home-ink-details .home-contact-spot{width:96px;aspect-ratio:1.55}

@media(max-width:780px){
  .home-preview-bar{padding:10px 16px;gap:12px;flex-wrap:wrap;font-size:11px}.home-preview-bar nav{order:3;width:100%;gap:18px}
  .home-ink-details .home-illustrated-heading{grid-template-columns:minmax(0,1fr) 112px;column-gap:18px}
  .home-spot{width:110px}.home-ink-details .home-connections-spot{width:100px}.home-ink-details .home-record-spot{width:112px}
  .home-ink-details .phone-cta-strip{grid-template-columns:64px minmax(0,1fr);gap:12px 16px}.home-ink-details .home-contact-spot{width:64px;grid-column:1;grid-row:1}.home-ink-details .phone-cta-strip>div{grid-column:2;grid-row:1}.home-ink-details .phone-cta-strip>.hv-button{grid-column:2;justify-self:start}
}
@media(max-width:520px){
  .home-ink-details .ink-home-hero{width:88%;max-width:330px}
  .home-ink-details .home-illustrated-heading{grid-template-columns:minmax(0,1fr) 66px;column-gap:12px;row-gap:0}
  .home-ink-details .home-illustrated-heading>figure{grid-column:2;grid-row:1;align-self:center}
  .home-ink-details .home-illustrated-heading>p{grid-column:1/-1;grid-row:2}
  .home-spot,.home-ink-details .home-connections-spot,.home-ink-details .home-record-spot{width:66px;aspect-ratio:1.5}
  .home-ink-details .home-contact-spot{width:64px}
}