// philosophy.jsx — about / studio philosophy section

function Philosophy() {
  return (
    <section className="section section--paper" id="about" data-screen-label="03 Philosophy">
      <div className="kicker-row reveal">
        <span className="num">03 — PHILOSOPHY</span>
      </div>

      <div className="philo">
        <div className="philo__statement reveal">
          We make marks <em>that mean</em><br/>
          something. Permanent,<br/>
          but never <em>precious.</em>
        </div>

        <div className="philo__body reveal">
          <p>
            Slate &amp; Ash is a single-chair studio tucked above Inkwell Lane
            in Brooklyn. Light comes in from the east; the room is quiet.
            Every appointment is the only appointment of the day.
          </p>
          <p>
            The work tends toward the considered &mdash; fine line, etched
            blackwork, botanical study, ornamental lettering. We don&rsquo;t
            chase trends. We sit with an idea until it asks to be drawn.
          </p>
          <p>
            Consultations are unhurried. We will sketch, talk, refuse,
            redraw. If we are not the right hands for your piece, we will
            tell you, and we will know who is.
          </p>
          <div className="philo__signature">
            <span className="philo__sig-mark">M.A.</span>
            <div className="philo__sig-meta">
              MARA ASH<br/>
              ARTIST · PROPRIETOR
            </div>
          </div>
        </div>
      </div>

      <figure className="parallax-figure reveal" data-parallax="0.18">
        <div className="ph ph--tone-2">
          <span className="ph__label">FULL-BLEED · STUDIO INTERIOR · NATURAL LIGHT</span>
        </div>
        <figcaption className="parallax-figure__caption">
          Studio · 742 Inkwell Lane · Suite 3B
        </figcaption>
      </figure>
    </section>
  );
}

window.Philosophy = Philosophy;