/* ================= FOUNDER ================= */

  /* opening statement — sets the voice before any photo */
  .f-open { padding:clamp(90px,12vw,150px) 0 clamp(70px,9vw,110px); background:#F9F7F1; }
  .f-open .wrap { max-width:900px; }
  .f-open .eyebrow { margin-bottom:24px; }
  .f-open p { font-family:'Fraunces',serif; font-weight:300; font-size:clamp(23px,3.6vw,36px); line-height:1.44; color:#1C130C; }
  .f-open p b { font-weight:500; color:#8A6A18; }
  .f-open .sign { margin-top:40px; display:flex; align-items:center; gap:16px; }
  .f-open .sign .ln { width:42px; height:1px; background:#D8CBA0; }
  .f-open .sign span { font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; color:#9A8B6C; }

  /* section 1 — single editorial column, photo break inline between paragraphs, photo #1 of 3 */
  .f-field { padding:0 0 clamp(80px,10vw,130px); background:#F9F7F1; }
  .f-field .wrap { max-width:720px; }
  .f-field .copy .idx { font-family:'Fraunces',serif; font-size:14px; color:#A6821D; margin-bottom:20px; }
  .f-field .copy h2 { font-family:'Fraunces',serif; font-weight:400; font-size:clamp(25px,3vw,33px); color:#1C130C; line-height:1.24; margin-bottom:22px; }
  .f-field .copy p { font-family:'Cormorant Garamond',serif; font-size:18px; line-height:1.78; color:#5A4F3C; margin-bottom:20px; }
  .f-field .copy p:last-child { margin-bottom:0; }

  .f-field .photo-break {
    position:relative; aspect-ratio:16/10; width:100%; background-size:cover; background-position:center;
    margin:clamp(40px,6vw,56px) 0;
  }
  .f-field .photo-break .tag { position:absolute; left:0; bottom:-1px; background:#0A0A0A; color:#EFE7D3; font-size:11px; letter-spacing:.08em; text-transform:uppercase; padding:9px 16px; transform:translateY(100%); }

  /* section 2 — closing portrait + pull-quote, photo #3, framed like product hero */
  .f-portrait { padding:clamp(90px,11vw,140px) 0; background:#F9F7F1; }
  .f-portrait .wrap { display:grid; grid-template-columns:0.55fr 1fr; gap:clamp(40px,6vw,80px); align-items:center; }
  .f-portrait .photo { aspect-ratio:4/5; width:100%; background-size:cover; background-position:center; position:relative; }
  .f-portrait .photo::after { content:''; position:absolute; inset:0; border:1px solid #1C130C; transform:translate(14px,14px); z-index:-1; }
  .f-portrait .mark { font-family:'Fraunces',serif; font-size:64px; color:#D8CBA0; line-height:1; margin-bottom:8px; }
  .f-portrait blockquote { font-family:'Fraunces',serif; font-weight:300; font-size:clamp(21px,2.8vw,29px); line-height:1.5; color:#1C130C; margin-bottom:28px; }
  .f-portrait blockquote i { font-style:italic; color:#8A6A18; }
  .f-portrait .who b { display:block; font-family:'Fraunces',serif; font-size:16px; color:#1C130C; }
  .f-portrait .who span { font-size:12.5px; letter-spacing:.04em; text-transform:uppercase; color:#9A8B6C; }

  /* principles — what she holds the business to, editorial numbered rows */
  .f-principles { padding:clamp(90px,11vw,140px) 0; background:#F9F7F1; color:#5A4F3C; border-top:1px solid #E4D8BF; }
  .f-principles .head { max-width:620px; margin-bottom:clamp(56px,8vw,80px); }
  .f-principles .head .eyebrow { color:#A6821D; margin-bottom:16px; }
  .f-principles .head h2 { font-family:'Fraunces',serif; font-weight:400; font-size:clamp(27px,3.4vw,38px); color:#1C130C; line-height:1.22; }
  .f-principles .list { border-top:1px solid #E0D3AE; }
  .f-principles .row { display:grid; grid-template-columns:110px 1fr 1.3fr; gap:32px; padding:32px 0; border-bottom:1px solid #E0D3AE; align-items:baseline; transition:padding-left .35s ease; }
  .f-principles .row:hover { padding-left:12px; }
  .f-principles .row .n { font-family:'Fraunces',serif; font-size:15px; color:#A6821D; }
  .f-principles .row h3 { font-family:'Fraunces',serif; font-weight:500; font-size:clamp(18px,2.1vw,21px); color:#1C130C; }
  .f-principles .row p { font-size:15px; line-height:1.7; color:#5A4F3C; }

  /* closing cta */

  @media (max-width:900px) {
    .f-field .photo-break { aspect-ratio:4/3; margin:32px 0; }
    .f-portrait .wrap { grid-template-columns:1fr; text-align:center; }
    .f-portrait .photo { width:min(60vw,340px); margin:0 auto; }
    .f-principles .row { grid-template-columns:1fr; gap:8px; }
  }

  @media (max-width:600px) {
    .f-open p { font-size:24px; }
    .f-portrait { padding:clamp(64px,10vw,100px) 0; }
    .f-portrait .photo { width:min(78vw,340px); }
    .f-portrait .photo::after { transform:translate(10px,10px); }
    .f-portrait .mark { font-size:48px; }
    .f-portrait blockquote { font-size:clamp(19px,4.6vw,23px); }
    .f-portrait .wrap { text-align:center; }
    .f-portrait .who { display:flex; flex-direction:column; align-items:center; }
  }