/* Written by scripts/apply-hero.py */
/* the over-dark logo is its own file now — see LOGO_DARK above */

/* --- hero backdrop (three.js) ------------------------------------------- */
#fws_6aa0a1afabf5f .row-bg-wrap{overflow:hidden;}
#fws_6aa0a1afabf5f canvas.hero-3d{position:absolute;left:0;top:0;width:100%;height:100%;
  display:block;z-index:1;pointer-events:none;}
#fws_6aa0a1afabf5f .row-bg-wrap .row-bg:before{transition:opacity .8s ease;}
#fws_6aa0a1afabf5f.hero-3d-on .row-bg-wrap .row-bg:before{opacity:0;}
#fws_6aa0a1afabf5f.hero-3d-on canvas.nectar-animated-gradient{opacity:0!important;}

/* --- hero copy, side by side -------------------------------------------- */
#fws_6aa0a1afabf5f .hrm-lede-row{display:flex;gap:clamp(20px,3vw,52px);
  align-items:flex-start;flex-wrap:wrap;}
#fws_6aa0a1afabf5f .hrm-lede-row > *{min-width:0;margin:0;}
/* the column is 657px wide here, so the bases have to be small enough for two
   of them to sit in it before flex-grow shares out what is left */
#fws_6aa0a1afabf5f .hrm-lede-row > *:first-child{flex:1.35 1 210px;}
#fws_6aa0a1afabf5f .hrm-lede-row > *:last-child{flex:1 1 170px;text-wrap:balance;}
/* the dash belongs with what follows it, never alone at the end of a line */
#fws_6aa0a1afabf5f .hrm-note{text-wrap:balance;}
@media (max-width:820px){#fws_6aa0a1afabf5f .hrm-lede-row{display:block;}
  #fws_6aa0a1afabf5f .hrm-lede-row > *:last-child{margin-top:18px;}}