/* Hybrid: Open Door hero and drawing roof arches, with the Neighbours content blocks.
   These rules add the roof arches over Neighbours components. */

/* A small roof arch that draws over the top of a card as it scrolls in */
.hy-roof { position: absolute; left: 50%; transform: translateX(-50%); top: -34px; width: 96px; overflow: visible; pointer-events: none; }
.nb-card { position: relative; }
.nb-room .nb-card .hy-roof { left: 48px; transform: none; }

/* Big roof over the Why Nest quote */
/* The roof sits over both cards, its ends landing just inside their top edges */
.hy-why-roof { position: absolute; left: 0; top: 0; width: 100%; transform: translateY(calc(-100% + 14px)); overflow: visible; pointer-events: none; z-index: 2; }
.nb-why { position: relative; margin-top: clamp(64px, 11vw, 150px); }
@media (max-width: 960px) { .hy-why-roof { left: 4%; width: 92%; } }

/* CTA in Petrol (Open Door) with faces (Neighbours) */
.od-cta .nb-faces img { border-color: var(--nest-petrol); }