/* Section 03 dragon: flies in from the right, breathes fire, and lands on top of the Gerben IP card. */

/* The old flying cameo stays in the layout because it times the section's ink reveal, but it no longer shows */
.b-legendary .b-fire-cameo-evidence{visibility:hidden}
.b-legendary .b-fire-cameo-evidence .b-skin,.b-legendary .b-fire-cameo-evidence .b-local-fire{display:none}

/* The video frame's bottom edge sits on the card's top edge; its size and offset follow the card's width */
.nb-perch-card{position:relative}
.nb-perch{position:absolute;bottom:100%;right:-16.75%;width:169.15%;aspect-ratio:16/9;pointer-events:none;z-index:3}
.nb-perch video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}
.nb-perch[data-stage=land] .nb-perch-land,.nb-perch[data-stage=idle] .nb-perch-idle{opacity:1}


/* The flame is its own layer, turned to aim at the headline highlight; the script sets its size, place and angle */
.nb-perch .nb-perch-flame{inset:auto;width:auto;height:auto;object-fit:fill;transform-origin:97.8% 56.9%;opacity:0}

/* Stacked cards (phones): the dragon flies at 78% and the gap above the card grows, so even its highest wingbeat
   stays clear of the "Explore the case study" link on the card above */
.nb-perch-card.nb-perch-stacked{margin-top:58%}
.nb-perch-card.nb-perch-stacked>.nb-perch{width:131.94%;right:-13.07%}