/* Editorial field-note system */
.hero{position:relative;isolation:isolate}
.hero-sidestamp{position:absolute;z-index:2;right:4.5vw;top:84px;width:145px;padding:14px 15px 13px;background:var(--paper);color:var(--ink);transform:rotate(4deg)}
.hero-sidestamp span{display:block;margin-bottom:15px;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.hero-sidestamp p{margin:0;font-size:17px;font-weight:700;letter-spacing:-.055em;line-height:.86}
.hero-sidestamp em,.field-note em,.hero h1 em,.contact h2 em,.signal-copy em{font-style:italic;font-weight:400}
.nav,.hero-grid,.hero-footer{position:relative;z-index:1}
.hero-art{z-index:1}
.arrow-south{--arrow-turn:135deg}

.field-note{width:165px;padding:15px 16px 14px;font-family:"Aileron",Arial,sans-serif}
.field-note span{display:block;margin-bottom:16px;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.field-note p{margin:0;font-size:18px;font-weight:700;letter-spacing:-.06em;line-height:.86}
.manifesto{position:relative}
.field-note-approach{position:absolute;right:7vw;top:clamp(66px,8vw,110px);background:var(--red);color:var(--paper);transform:rotate(-4deg)}
.contact{position:relative}
.field-note-contact{position:absolute;right:7vw;top:clamp(66px,8vw,105px);background:var(--paper);color:var(--ink);transform:rotate(4deg)}

@media(max-width:760px){
  .hero{padding:18px 20px;min-height:auto}
  .hero-sidestamp{right:22px;top:77px;width:126px;padding:11px 12px}
  .hero-sidestamp span{margin-bottom:11px;font-size:8px}
  .hero-sidestamp p{font-size:15px}
  .field-note{width:146px;padding:12px 13px}
  .field-note span{margin-bottom:12px;font-size:8px}
  .field-note p{font-size:16px}
  .field-note-approach,.field-note-contact{position:relative;right:auto;top:auto;margin:0 0 44px auto}
}