/* Hero "waste into value" layer: gold fibres become a carbon lattice behind the portrait */
.wv-hero{position:relative}
.wv-hero>.wrap{position:relative;z-index:1}
.wv-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
.wv-legend{position:absolute;z-index:2;right:max(24px,calc((100% - var(--wrap,1200px))/2 + 24px));top:22px;
  display:flex;align-items:baseline;gap:8px;font:600 11px/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lite)}
.wv-legend .wv-from{opacity:.75}
.wv-legend .wv-arrow{font-family:var(--serif);letter-spacing:0;opacity:.75}
.wv-legend span[aria-hidden]{opacity:.5}
.wv-legend button{all:unset;cursor:pointer;padding:6px 2px 5px;color:inherit;opacity:.55;border-bottom:1px solid transparent;transition:opacity .3s,border-color .3s}
.wv-legend button:hover{opacity:.9}
.wv-legend button[aria-pressed="true"]{opacity:1;border-bottom-color:var(--gold)}
.wv-legend button:focus-visible{outline:1px solid var(--gold-lite);outline-offset:4px;opacity:1}
@media (max-width:800px){
  .wv-legend{top:auto;bottom:12px;right:auto;left:16px;font-size:10px;gap:6px;letter-spacing:.16em}
  .wv-hero .btns{padding-bottom:30px}
  .wv-hero .arch{margin-bottom:44px}
}