/* Shared pieces: sections, eyebrow labels, headings and buttons. */
section{padding-block:clamp(4.5rem,9vw,8rem);border-top:1px solid var(--line);position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:var(--mut);margin:0 0 1.1rem}
.eyebrow::before{content:"";width:.55rem;height:.55rem;background:var(--accent);border-radius:2px;transform:rotate(12deg)}
h2{font-weight:700;font-size:clamp(2.1rem,5.4vw,4.1rem);line-height:1;letter-spacing:-.025em;margin:0 0 clamp(2rem,4vw,3.5rem);
  font-variation-settings:"opsz" 80,"wdth" 92;text-wrap:balance;max-width:18ch}
h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--accent-text);font-variation-settings:normal}
.button{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.3rem;border-radius:999px;border:1.5px solid var(--ink);background:transparent;
  font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .2s;color:var(--ink)}
.button:hover{background:var(--ink);color:var(--bg)}
.button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}
.button.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.button svg{width:.95rem;height:.95rem}