/* WL Móveis Corporativos — Sobre page styles (founder's letter, no hero module) */

/* ================= BANNER (fachada photo) ================= */
  .sobre-banner{ padding:130px clamp(20px,5vw,56px) 0; }
  .sobre-banner__img{
    position:relative; max-width:var(--container); margin:0 auto;
    height:min(38vw, 380px); border:1px solid var(--line); border-radius:20px; overflow:hidden;
  }
  .sobre-banner__img img{ width:100%; height:100%; object-fit:cover; display:block; }
  @media (max-width:700px){ .sobre-banner{ padding-top:110px; } .sobre-banner__img{ height:220px; border-radius:16px; } }

/* ================= BRAND ROW (logotipo + selo 10 anos, abaixo da fachada) ================= */
  .sobre-brand{ display:flex; align-items:center; justify-content:center; gap:clamp(20px,4vw,40px); padding:36px 0 4px; }
  .sobre-brand__logo{ width:clamp(140px,14vw,190px); height:auto; }
  .sobre-brand__seal{ width:clamp(72px,7vw,100px); height:auto; }

/* ================= INTRO (título + epígrafe) ================= */
  .sobre-intro{ padding:28px 0 0; text-align:center; }
  .sobre-intro h1{ font-size:clamp(2rem,4vw,2.8rem); max-width:20ch; margin:0 auto; }
  .sobre-intro p{
    max-width:60ch; margin:18px auto 0;
    font-family:'Fraunces',serif; font-weight:480; font-style:italic;
    font-size:clamp(1.1rem,2vw,1.35rem); line-height:1.5; color:var(--bronze-br);
  }

/* ================= LETTER (carta do fundador) ================= */
  .sobre-letter{ padding:56px 0 120px; }
  .sobre-letter__cols{ column-count:2; column-gap:56px; margin-bottom:8px; }
  .sobre-letter p{ color:var(--ivory-dim); font-size:0.98rem; line-height:1.75; margin-bottom:22px; }
  .sobre-letter__cols p{ break-inside:avoid; }
  .sobre-letter__full{ margin-top:44px; padding-top:36px; border-top:1px solid var(--line); }
  .sobre-letter__full p:last-child{ margin-bottom:0; }
  .sobre-letter__signature{ margin-top:36px; color:var(--stone); font-family:'Space Mono',monospace; font-size:0.78rem; letter-spacing:0.04em; }
  @media (max-width:760px){ .sobre-letter__cols{ column-count:1; } }

/* ---------- ATELIER (shared pattern, same as produto.css) ---------- */
  .atelier{ padding:0 0 120px; }
  .atelier__panel{
    display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
    border:1px solid var(--line); border-radius:16px; overflow:hidden;
  }
  .atelier__img{ position:relative; min-height:340px; }
  .atelier__img img{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
  .atelier__copy{ padding:clamp(28px,4vw,52px); display:flex; flex-direction:column; justify-content:center; background:var(--panel-2); }
  .atelier__copy h2{ font-size:clamp(1.7rem,3vw,2.3rem); max-width:16ch; }
  .atelier__copy p{ margin-top:18px; color:var(--ivory-dim); font-size:0.96rem; max-width:42ch; }
  .atelier__copy .btn{ margin-top:26px; align-self:flex-start; }
  @media (max-width:860px){ .atelier__panel{ grid-template-columns:1fr; } .atelier__img{ min-height:240px; } }

/* ---------- NOT FOUND STRIP (shared pattern, same as produto.css) ---------- */
  .notfound{ padding:64px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .notfound__inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
  .notfound__text h3{ font-family:'Fraunces',serif; font-weight:480; font-size:clamp(1.6rem,3vw,2.1rem); max-width:16ch; }
  .notfound__text p{ color:var(--stone); font-size:0.92rem; margin-top:10px; }