/* House ads (scripts/house-ads.mjs, js/house.js, js/house-ad.js): one of our own
   products in the blog and library ad slots while AdSense is not serving them.
   The box size is set inline (300 by 250), so nothing moves when the still or
   the video arrives. */
.house-slot { margin-top: clamp(40px, 6vw, 64px); }
.house-ad-label {
  margin: 0 0 10px; text-align: center;
  font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-3);
}
.house-ad-link {
  display: block; width: 100%; max-width: calc(var(--hnw) * 1px); aspect-ratio: var(--hnw) / var(--hnh);
  margin: 0 auto; border-radius: 12px; overflow: hidden; background: #0b0d10;
  box-shadow: 0 0 0 1px var(--line);
}
.house-ad-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.house-ad-media { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 768px) {
  .house-ad-link { max-width: calc(var(--hww) * 1px); aspect-ratio: var(--hww) / var(--hwh); }
}
@media print { .house-slot { display: none; } }