/* ===== About Now — editorial pages ===== */
.about-page{background:#f8f7f4;color:var(--ink)}
.about-page main{overflow:hidden}
.about-page .site-header{position:fixed}
.about-page .desktop-nav .active-page{color:var(--terracotta)}
.about-page .about-nav-item>.nav-link{color:var(--terracotta)}

.about-hero{padding-top:178px;min-height:710px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(310px,.87fr);gap:clamp(52px,7vw,112px);align-items:center;background:linear-gradient(180deg,#f8f7f4 0%,#f3f0eb 100%)}
.about-hero-copy{max-width:850px}
.about-hero h1{font-family:Georgia,serif;font-size:clamp(56px,6.2vw,92px);font-weight:400;line-height:.98;letter-spacing:-.048em;margin:14px 0 28px}
.about-hero h1 em{font-weight:400;color:var(--terracotta)}
.about-hero-copy>p{max-width:680px;font-size:19px;line-height:1.62;color:#666c71}
.about-hero-card{min-height:430px;border-radius:42px;padding:46px;display:flex;flex-direction:column;justify-content:space-between;background:#dce5df;box-shadow:0 22px 58px rgba(55,61,64,.08)}
.about-hero-card.terracotta{background:#efd2c6}
.about-hero-card.sand{background:#e8e3d9}
.about-hero-card.blue{background:#dce3e8}
.about-hero-card.story-photo{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(25,28,30,.12) 0%,rgba(25,28,30,.18) 42%,rgba(25,28,30,.66) 100%),url("../assets/about-story-carmen-cesar.jpg") center center/cover no-repeat;color:#fff}
.about-hero-card.story-photo .about-card-kicker,.about-hero-card.story-photo p{position:relative;z-index:1;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.28)}
.about-hero-card.story-photo strong{position:relative;z-index:1;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.about-card-kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em}
.about-hero-card strong{font-family:Georgia,serif;font-size:clamp(34px,3vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.025em}
.about-hero-card p{font-size:13px;line-height:1.55;color:#596064;max-width:330px;margin:0}

.about-section{padding:112px max(5vw,calc((100vw - var(--max))/2));}
.about-section.white{background:#fff}.about-section.sand{background:#eeebe5}.about-section.green{background:#dce5df}.about-section.ink{background:#2f3a42;color:#f8f7f4}.about-section.terracotta-soft{background:#f1d8ce}
.about-two-col{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(48px,8vw,130px);align-items:start}
.about-two-col.reverse{grid-template-columns:1.18fr .82fr}
.about-sticky{position:sticky;top:145px}
.about-section .eyebrow{display:block;margin-bottom:18px}
.about-section h2{font-family:Georgia,serif;font-size:clamp(44px,4.6vw,70px);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:0}
.about-section h2 em{font-weight:400;color:var(--terracotta)}
.about-section.ink h2 em{color:#e8c5b7}
.about-prose{max-width:760px}
.about-prose p{font-size:17px;line-height:1.72;color:#646b70;margin:0 0 24px}
.about-section.ink .about-prose p{color:#dde2e4}
.about-prose .lead{font-family:Georgia,serif;font-size:clamp(28px,2.6vw,40px);line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin-bottom:32px}
.about-section.ink .about-prose .lead{color:#fff}

.about-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.about-chapter{min-height:310px;border:1px solid rgba(58,63,69,.12);border-radius:28px;padding:30px;display:flex;flex-direction:column;background:rgba(255,255,255,.55)}
.about-chapter small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#777e82}
.about-chapter h3{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.12;margin:auto 0 16px}
.about-chapter p{font-size:13px;line-height:1.55;color:#676e72;margin:0}

.about-quote-band{padding:124px max(5vw,calc((100vw - var(--max))/2));background:#c97c5d;color:#fff;text-align:center}
.about-quote-band blockquote{font-family:Georgia,serif;font-size:clamp(40px,5vw,72px);line-height:1.08;max-width:1080px;margin:0 auto;letter-spacing:-.035em}
.about-quote-band p{margin:28px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.17em;opacity:.78}

.about-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:60px}
.about-principle{border-radius:28px;padding:34px;min-height:255px;background:#fff;border:1px solid rgba(58,63,69,.08);display:flex;flex-direction:column}
.about-principle .num{font-size:11px;letter-spacing:.16em;color:#8a8e90}
.about-principle h3{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:auto 0 12px}
.about-principle p{font-size:13px;line-height:1.58;color:#6a7074;margin:0;max-width:440px}

.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:64px}
.founder-card{min-height:450px;border-radius:34px;padding:42px;display:flex;flex-direction:column;justify-content:space-between;background:#e8e3d9}
.founder-card:nth-child(2){background:#dce5df}
.founder-initial{width:64px;height:64px;border:1px solid rgba(58,63,69,.25);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px}
.founder-photo{width:112px;height:112px;object-fit:cover;object-position:center;border-radius:50%;display:block}
.founder-card h3{font-family:Georgia,serif;font-size:42px;font-weight:400;margin:0 0 14px}
.founder-card p{font-size:14px;line-height:1.62;color:#61686c;max-width:500px;margin:0}
.founder-role{font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:18px;color:#777d80}

.approach-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:66px}
.approach-step{min-height:300px;border-radius:26px;padding:28px;background:#fff;border:1px solid rgba(58,63,69,.08);display:flex;flex-direction:column}
.approach-step span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#7b8185}
.approach-step h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:auto 0 12px}
.approach-step p{font-size:12.5px;line-height:1.58;color:#6a7074;margin:0}

.about-crosslinks{background:#f8f7f4;padding:90px max(5vw,calc((100vw - var(--max))/2)) 110px}
.about-crosslinks-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.about-crosslinks h2{font-family:Georgia,serif;font-size:clamp(38px,4vw,58px);font-weight:400;letter-spacing:-.035em;margin:0}
.about-crosslinks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.about-crosslink{min-height:190px;border-radius:24px;padding:26px;background:#fff;border:1px solid rgba(58,63,69,.08);display:flex;flex-direction:column;transition:.25s var(--ease)}
.about-crosslink:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(47,58,68,.08)}
.about-crosslink small{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#858a8d}
.about-crosslink strong{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:auto 0 0}

.about-page .footer{margin-top:0}
.about-page .footer-brand img{filter:brightness(0) invert(1);opacity:.95}

@media(max-width:1050px){
  .about-hero{grid-template-columns:1fr;gap:42px;padding-top:150px}.about-hero-card{min-height:330px}
  .about-two-col,.about-two-col.reverse{grid-template-columns:1fr}.about-sticky{position:static}.about-chapters{grid-template-columns:1fr 1fr}.approach-flow{grid-template-columns:1fr 1fr}.about-crosslinks-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .about-hero{padding-top:125px;min-height:auto;gap:34px}.about-hero h1{font-size:49px}.about-hero-copy>p{font-size:16px}.about-hero-card{min-height:300px;border-radius:28px;padding:30px}.about-hero-card strong{font-size:34px}
  .about-section{padding:82px 20px}.about-section h2{font-size:45px}.about-prose p{font-size:16px}.about-prose .lead{font-size:29px}.about-chapters,.about-principles,.founders-grid,.approach-flow,.about-crosslinks-grid{grid-template-columns:1fr}.about-chapter{min-height:245px}.founder-card{min-height:360px;padding:32px}.about-quote-band{padding:90px 20px}.about-crosslinks{padding:72px 20px 86px}.about-crosslinks-head{align-items:flex-start;flex-direction:column}
}

/* Our Story hero: keep the founder portrait clean and place its copy below */
.about-hero-story{align-items:center}
.about-story-visual{min-width:0}
.about-hero-story .story-photo{min-height:430px;padding:0;background:url("../assets/about-story-carmen-cesar.jpg") center center/cover no-repeat;box-shadow:0 22px 58px rgba(55,61,64,.08)}
.about-story-caption{padding:26px 10px 0 10px;display:grid;gap:10px}
.about-story-caption .about-card-kicker{color:#777e82}
.about-story-caption strong{font-family:Georgia,serif;font-size:clamp(27px,2.35vw,38px);font-weight:400;line-height:1.12;letter-spacing:-.025em;color:var(--ink);max-width:560px}
.about-story-caption p{font-size:13px;line-height:1.58;color:#666c71;max-width:520px;margin:0}
@media(max-width:1050px){.about-hero-story .story-photo{min-height:430px}.about-story-caption{padding:24px 4px 0}}
@media(max-width:700px){.about-hero-story .story-photo{min-height:330px;border-radius:28px}.about-story-caption{padding-top:20px}.about-story-caption strong{font-size:29px}}

/* v1.55.5 — Our Story hero: split composition, full photo, no overlapping copy */
.about-hero-story .about-story-caption{margin-top:34px;padding:0;display:grid;gap:8px;max-width:680px}
.about-hero-story .about-story-caption .about-card-kicker{color:#777e82}
.about-hero-story .about-story-caption strong{font-family:Georgia,serif;font-size:clamp(25px,2vw,34px);font-weight:400;line-height:1.12;letter-spacing:-.025em;color:var(--ink);max-width:620px}
.about-hero-story .about-story-caption p{font-size:13px;line-height:1.58;color:#666c71;max-width:620px;margin:0}
@media (min-width:1051px){
  .about-hero-story{position:relative;grid-template-columns:minmax(0,.96fr) minmax(560px,1.04fr);gap:0;padding-right:0;align-items:stretch;min-height:720px;background:linear-gradient(180deg,#f8f7f4 0%,#f3f0eb 100%);overflow:hidden}
  .about-hero-story .about-hero-copy{position:relative;z-index:3;max-width:none;padding-right:clamp(48px,5vw,82px);align-self:center;padding-bottom:18px}
  .about-hero-story .about-story-visual{position:relative;min-height:720px;margin-top:-178px;padding-top:178px;background:#333536;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .about-hero-story .about-story-visual::before{content:"";position:absolute;z-index:2;left:-1px;top:0;bottom:0;width:clamp(90px,8vw,145px);background:#f6f3ee;border-radius:0 0 100% 0 / 0 0 72% 0;pointer-events:none}
  .about-hero-story .story-photo{position:absolute;inset:0;min-height:0;border-radius:0;box-shadow:none;background-color:#333536;background-image:url("../assets/about-story-carmen-cesar.jpg");background-repeat:no-repeat;background-size:contain;background-position:center center}
}
@media(max-width:1050px){.about-hero-story .about-story-caption{margin-top:28px}.about-hero-story .story-photo{background-size:cover;background-position:center center}}
@media(max-width:700px){.about-hero-story .about-story-caption{margin-top:24px}.about-hero-story .about-story-caption strong{font-size:29px}}

/* v1.55.6 — Our Story photo-only refinement: no gray band, preserve full portrait */
@media (min-width:1051px){
  .about-hero-story{min-height:590px}
  .about-hero-story .about-story-visual{min-height:590px;margin-top:0;padding-top:0;background:transparent;overflow:visible}
  .about-hero-story .story-photo{inset:0;background-color:transparent;background-size:100% auto;background-position:center top}
}

/* v1.55.7 — Our Story: smooth organic split, keep the complete portrait */
@media (min-width:1051px){
  .about-hero-story{
    grid-template-columns:minmax(0,52%) minmax(0,48%);
    min-height:720px;
    overflow:hidden;
  }
  .about-hero-story .about-story-visual{
    position:relative;
    min-height:720px;
    margin:0;
    padding:0;
    background:#343536;
    overflow:hidden;
  }
  .about-hero-story .story-photo{
    position:absolute;
    inset:0;
    background-color:#343536;
    background-size:contain;
    background-position:right center;
    background-repeat:no-repeat;
  }
  .about-hero-story .about-story-visual::before{
    content:"";
    position:absolute;
    z-index:2;
    left:-72px;
    top:-8%;
    width:150px;
    height:116%;
    background:#f6f3ee;
    border-radius:0 100% 100% 0 / 0 50% 50% 0;
    pointer-events:none;
  }
}

/* v1.55.8 — Our Story photo edge only: seamless full-height portrait + softer organic curve */
@media (min-width:1051px){
  .about-hero-story{
    grid-template-columns:minmax(0,48%) minmax(0,52%);
  }
  .about-hero-story .about-story-visual{
    background:#343536;
    overflow:hidden;
  }
  .about-hero-story .story-photo{
    inset:0;
    background-color:#343536;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
  }
  .about-hero-story .about-story-visual::before{
    left:-185px;
    top:-12%;
    width:300px;
    height:124%;
    background:#f6f3ee;
    border-radius:0 52% 52% 0 / 0 50% 50% 0;
  }
}

/* v1.56.0 — preserve the entire supplied Our Story image without cropping */
@media(min-width:1051px){
  .about-hero-story .story-photo{
    background-image:url("../assets/about-story-carmen-cesar.jpg");
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
  }
}

/* v1.56.1 — use supplied Our Story artwork exactly as-is; no edge masks or cropping */
@media(min-width:1051px){
  .about-hero-story .about-story-visual{
    background:#f6f3ee;
    overflow:hidden;
  }
  .about-hero-story .about-story-visual::before{
    display:none;
    content:none;
  }
  .about-hero-story .story-photo{
    inset:0;
    background-color:#f6f3ee;
    background-image:url("../assets/about-story-carmen-cesar.jpg");
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
  }
}

/* v1.56.2 — Our Story: reduce desktop hero height to match the supplied photo */
@media(min-width:1051px){
  .about-hero-story{min-height:560px}
  .about-hero-story .about-story-visual{min-height:560px;height:560px}
}

/* v1.56.3 — Our Story: make the supplied portrait artwork part of the hero itself */
@media(min-width:1051px){
  .about-hero-story{
    grid-template-columns:minmax(0,48%) minmax(0,52%);
    gap:0;
    padding-right:0;
    min-height:560px;
    align-items:stretch;
    overflow:hidden;
  }
  .about-hero-story .about-story-visual{
    position:relative;
    min-height:560px;
    height:auto;
    margin:0;
    padding:0;
    background:transparent;
    overflow:hidden;
    align-self:stretch;
  }
  .about-hero-story .about-story-visual::before{display:none;content:none}
  .about-hero-story .story-photo{
    position:absolute;
    inset:0;
    min-height:0;
    border-radius:0;
    box-shadow:none;
    background-color:transparent;
    background-image:url("../assets/about-story-carmen-cesar.jpg");
    background-size:contain;
    background-position:right center;
    background-repeat:no-repeat;
  }
}

/* v1.56.4 — Our Story: portrait is integrated into the full hero area */
@media(min-width:1051px){
  .about-hero-story{
    position:relative;
    display:block;
    min-height:560px;
    padding-right:0;
    overflow:hidden;
  }
  .about-hero-story .about-hero-copy{
    position:relative;
    z-index:3;
    width:52%;
    max-width:900px;
    min-height:560px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-right:clamp(38px,4vw,72px);
    padding-bottom:18px;
  }
  .about-hero-story .about-story-visual{
    position:absolute;
    z-index:1;
    inset:0;
    width:100%;
    height:100%;
    min-height:560px;
    margin:0;
    padding:0;
    background:transparent;
    overflow:hidden;
  }
  .about-hero-story .about-story-visual::before{display:none!important;content:none!important}
  .about-hero-story .story-photo{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    border-radius:0;
    box-shadow:none;
    background-color:transparent;
    background-image:url("../assets/about-story-carmen-cesar.jpg");
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:right center;
  }
}

/* v1.56.5 — Our Story: keep copy fully on beige side, portrait fully on image side */
@media(min-width:1051px){
  .about-hero-story{
    display:grid;
    grid-template-columns:minmax(0,52%) minmax(0,48%);
    gap:0;
    min-height:560px;
    padding-right:0;
    align-items:stretch;
    overflow:hidden;
    background:linear-gradient(180deg,#f8f7f4 0%,#f3f0eb 100%);
  }
  .about-hero-story .about-hero-copy{
    grid-column:1;
    position:relative;
    z-index:3;
    width:auto;
    max-width:none;
    min-height:560px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-right:clamp(42px,4.5vw,78px);
    padding-bottom:18px;
  }
  .about-hero-story .about-story-visual{
    grid-column:2;
    position:relative;
    z-index:1;
    inset:auto;
    width:auto;
    height:auto;
    min-height:560px;
    margin:0;
    padding:0;
    background:#343536;
    overflow:hidden;
    align-self:stretch;
  }
  .about-hero-story .about-story-visual::before{display:none!important;content:none!important}
  .about-hero-story .story-photo{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    border-radius:0;
    box-shadow:none;
    background-color:#343536;
    background-image:url("../assets/about-story-carmen-cesar.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
  }
}

/* v1.56.6 — Our Story: one continuous hero; supplied artwork spans full hero height */
@media(min-width:1051px){
  .about-hero-story{
    position:relative;
    display:block;
    min-height:700px;
    height:700px;
    padding-right:0;
    overflow:hidden;
    background:#ebe5dd;
  }
  .about-hero-story .about-hero-copy{
    position:relative;
    z-index:3;
    width:50%;
    max-width:900px;
    min-height:700px;
    height:700px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-right:clamp(38px,4vw,70px);
    padding-bottom:18px;
  }
  .about-hero-story .about-story-visual{
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    height:700px;
    min-height:700px;
    margin:0;
    padding:0;
    background:transparent;
    overflow:hidden;
  }
  .about-hero-story .about-story-visual::before{display:none!important;content:none!important}
  .about-hero-story .story-photo{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    min-height:0;
    border-radius:0;
    box-shadow:none;
    background-color:transparent;
    background-image:url("../assets/about-story-carmen-cesar.jpg");
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:right center;
  }
}

/* v1.56.9 — Our Story: reference composition; all copy left, organic curve, photo right */
@media(min-width:1051px){
  .about-hero-story{
    display:grid!important;
    grid-template-columns:minmax(0,55%) minmax(0,45%)!important;
    gap:0!important;
    height:auto!important;
    min-height:760px!important;
    padding-right:0!important;
    align-items:stretch!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#f8f7f4 0%,#f3f0eb 100%)!important;
  }
  .about-hero-story .about-hero-copy{
    grid-column:1!important;
    position:relative!important;
    z-index:4!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:760px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding-right:clamp(70px,7vw,130px)!important;
    padding-bottom:42px!important;
  }
  .about-hero-story .about-hero-copy h1{max-width:760px!important}
  .about-hero-story .about-hero-copy>p{max-width:690px!important}
  .about-hero-story .about-story-caption{max-width:690px!important;margin-top:34px!important}
  .about-hero-story .about-story-visual{
    grid-column:2!important;
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    width:auto!important;
    height:auto!important;
    min-height:760px!important;
    margin:0!important;
    padding:0!important;
    background:#343536!important;
    overflow:visible!important;
    align-self:stretch!important;
  }
  .about-hero-story .about-story-visual::before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    z-index:3!important;
    top:-2px!important;
    bottom:-2px!important;
    left:-150px!important;
    width:230px!important;
    background:linear-gradient(180deg,#f8f7f4 0%,#f3f0eb 100%)!important;
    border-radius:0 100% 100% 0 / 0 50% 50% 0!important;
    pointer-events:none!important;
  }
  .about-hero-story .story-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-color:#343536!important;
    background-image:url("../assets/about-story-carmen-cesar.jpg")!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center center!important;
  }
}

/* v1.57.0 — Our Story: match approved reference composition exactly */
@media(min-width:1051px){
  .about-hero-story{
    position:relative!important;
    display:grid!important;
    grid-template-columns:52% 48%!important;
    gap:0!important;
    min-height:690px!important;
    height:690px!important;
    padding-right:0!important;
    align-items:stretch!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#f8f7f4 0%,#f3f0eb 100%)!important;
  }
  .about-hero-story .about-hero-copy{
    grid-column:1!important;
    position:relative!important;
    z-index:3!important;
    width:auto!important;
    max-width:none!important;
    min-height:690px!important;
    height:690px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding-right:clamp(28px,3vw,56px)!important;
    padding-bottom:0!important;
  }
  .about-hero-story .about-hero-copy h1{max-width:760px!important;margin-bottom:28px!important}
  .about-hero-story .about-hero-copy>p{max-width:700px!important}
  .about-hero-story .about-story-caption{max-width:700px!important;margin-top:32px!important}
  .about-hero-story .about-story-visual{
    grid-column:2!important;
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    width:100%!important;
    height:690px!important;
    min-height:690px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    overflow:hidden!important;
    align-self:stretch!important;
  }
  .about-hero-story .about-story-visual::before{display:none!important;content:none!important}
  .about-hero-story .story-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-color:transparent!important;
    background-image:url("../assets/about-story-carmen-cesar.jpg")!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    background-position:center center!important;
  }
}

/* v1.57.1 — Our Story: clean rebuild from approved visual reference.
   One continuous hero: copy on the left; supplied artwork, unchanged, on the right. */
@media (min-width:1051px){
  .about-hero-story{
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    height:690px!important;
    min-height:690px!important;
    padding-top:150px!important;
    padding-bottom:54px!important;
    padding-right:max(5vw,calc((100vw - var(--max))/2))!important;
    overflow:hidden!important;
    background-color:#f3f0eb!important;
    background-image:url("../assets/about-story-carmen-cesar.jpg")!important;
    background-repeat:no-repeat!important;
    background-position:right center!important;
    background-size:auto 100%!important;
  }
  .about-hero-story .about-hero-copy{
    position:relative!important;
    z-index:2!important;
    width:46%!important;
    max-width:760px!important;
    height:auto!important;
    min-height:0!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
  }
  .about-hero-story .about-hero-copy h1{
    max-width:720px!important;
    margin:14px 0 26px!important;
    font-size:clamp(54px,5.25vw,82px)!important;
    line-height:.98!important;
  }
  .about-hero-story .about-hero-copy>p{
    max-width:650px!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1.55!important;
  }
  .about-hero-story .about-story-caption{
    max-width:650px!important;
    margin-top:27px!important;
    padding:0!important;
    gap:6px!important;
  }
  .about-hero-story .about-story-caption strong{
    max-width:650px!important;
    font-size:clamp(23px,1.8vw,31px)!important;
  }
  .about-hero-story .about-story-caption p{
    max-width:650px!important;
    margin:0!important;
  }
  .about-hero-story .about-story-visual{
    display:none!important;
  }
}

/* v1.57.2 — Our Story: keep all hero copy fully inside the beige area */
@media (min-width:1051px){
  .about-hero-story .about-hero-copy{
    width:100%!important;
    max-width:520px!important;
  }
  .about-hero-story .about-hero-copy h1{
    max-width:520px!important;
    font-size:clamp(52px,4.25vw,68px)!important;
  }
  .about-hero-story .about-hero-copy>p{
    max-width:430px!important;
  }
  .about-hero-story .about-story-caption{
    max-width:390px!important;
  }
  .about-hero-story .about-story-caption strong,
  .about-hero-story .about-story-caption p{
    max-width:390px!important;
  }
}

/* v1.57.3 — Our Story: roomier desktop hero, seamless beige */
@media (min-width:1051px){
  .about-hero-story{
    background-color:#ece5dd!important;
    background-size:auto 92%!important;
    background-position:right center!important;
  }
  .about-hero-story .about-hero-copy{
    max-width:590px!important;
  }
  .about-hero-story .about-hero-copy h1{
    max-width:590px!important;
    font-size:clamp(54px,4.55vw,72px)!important;
  }
  .about-hero-story .about-hero-copy>p{
    max-width:540px!important;
  }
  .about-hero-story .about-story-caption{
    max-width:520px!important;
  }
  .about-hero-story .about-story-caption strong,
  .about-hero-story .about-story-caption p{
    max-width:520px!important;
  }
}

/* v1.57.4 — Our Story: final desktop spacing refinement.
   Keep every line of copy on the beige field and preserve the full portrait with breathing room below the nav. */
@media (min-width:1051px){
  .about-hero-story{
    height:720px!important;
    min-height:720px!important;
    padding-top:158px!important;
    padding-bottom:58px!important;
    background-color:#ece5dd!important;
    background-size:auto 88%!important;
    background-position:right 24px!important;
  }
  .about-hero-story .about-hero-copy{
    width:100%!important;
    max-width:505px!important;
  }
  .about-hero-story .about-hero-copy h1{
    max-width:505px!important;
    font-size:clamp(52px,4.15vw,68px)!important;
  }
  .about-hero-story .about-hero-copy>p{
    max-width:455px!important;
  }
  .about-hero-story .about-story-caption,
  .about-hero-story .about-story-caption strong,
  .about-hero-story .about-story-caption p{
    max-width:455px!important;
  }
}


/* v1.57.5 — Our Philosophy: real-life visual principles, no numbered cards */
.philosophy-visual-grid{gap:22px;margin-top:68px}
.philosophy-visual-card{padding:0;min-height:0;overflow:hidden;border-radius:32px;background:#f8f7f4;border:1px solid rgba(58,63,69,.07);box-shadow:0 18px 48px rgba(47,58,68,.055)}
.philosophy-visual-card .principle-photo{height:285px;overflow:hidden;background:#e9e5de}
.philosophy-visual-card .principle-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s var(--ease)}
.philosophy-visual-card:hover .principle-photo img{transform:scale(1.025)}
.philosophy-visual-card .principle-copy{position:relative;padding:32px 34px 36px;min-height:188px;display:flex;flex-direction:column;justify-content:flex-start}
.philosophy-visual-card .principle-mark{position:absolute;right:30px;top:23px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ece7df;color:#9b6a57;font-family:Georgia,serif;font-size:23px;line-height:1}
.philosophy-visual-card:nth-child(2) .principle-mark{background:#e1e9e4;color:#6d8a7f}
.philosophy-visual-card:nth-child(3) .principle-mark{background:#e6e5dc;color:#7b8171}
.philosophy-visual-card:nth-child(4) .principle-mark{background:#f0dfd7;color:#b66f54}
.philosophy-visual-card h3{font-size:31px;margin:0 62px 12px 0}
.philosophy-visual-card p{font-size:14px;line-height:1.62;max-width:480px}
@media(max-width:700px){.philosophy-visual-grid{gap:18px;margin-top:48px}.philosophy-visual-card .principle-photo{height:235px}.philosophy-visual-card .principle-copy{padding:27px 26px 30px;min-height:0}.philosophy-visual-card .principle-mark{right:22px;top:20px;width:38px;height:38px}.philosophy-visual-card h3{font-size:28px;margin-right:48px}}
/* Philosophy photo shape normalization: all four match Keep it human */
.philosophy-visual-card .principle-photo{border-radius:32px 32px 0 0;overflow:hidden}
.philosophy-visual-card .principle-photo img{border-radius:0}

/* v1.58.1 — Philosophy photo frames: uniform rounded rectangles like Keep it human */
.philosophy-visual-card .principle-photo{
  border-radius:32px 32px 0 0;
  overflow:hidden;
}
.philosophy-visual-card:nth-child(2) .principle-photo img,
.philosophy-visual-card:nth-child(3) .principle-photo img{
  transform:scale(1.10);
}
.philosophy-visual-card:nth-child(2):hover .principle-photo img,
.philosophy-visual-card:nth-child(3):hover .principle-photo img{
  transform:scale(1.125);
}

/* v1.58.2 — Make room, not pressure: remove remaining cut-corner artifacts only */
.philosophy-visual-card:nth-child(2) .principle-photo img{
  transform:scale(1.30);
}
.philosophy-visual-card:nth-child(2):hover .principle-photo img{
  transform:scale(1.325);
}


/* v1.58.3 — Our Approach: editorial visual flow inspired by the approved reference */
body[data-about-page="approach"] .approach-visual-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 74px;margin-top:72px}
body[data-about-page="approach"] .approach-visual-step{min-height:0;padding:0;border:0;border-radius:0;background:transparent;display:block}
body[data-about-page="approach"] .approach-photo{height:310px;overflow:hidden;background:#e9e5de;margin-bottom:24px}
body[data-about-page="approach"] .approach-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s var(--ease)}
body[data-about-page="approach"] .approach-visual-step:hover .approach-photo img{transform:scale(1.025)}
body[data-about-page="approach"] .approach-photo.shape-one{border-radius:36% 47% 34% 43% / 28% 36% 42% 45%}
body[data-about-page="approach"] .approach-photo.shape-two{border-radius:43% 35% 44% 30% / 38% 28% 45% 35%}
body[data-about-page="approach"] .approach-photo.shape-three{border-radius:31% 45% 35% 46% / 42% 29% 40% 32%}
body[data-about-page="approach"] .approach-photo.shape-four{border-radius:46% 31% 43% 34% / 30% 43% 31% 45%}
body[data-about-page="approach"] .approach-step-copy{position:relative;padding-right:46px}
body[data-about-page="approach"] .approach-step-copy .approach-number{position:absolute;right:0;top:2px;font-family:Georgia,serif;font-size:19px;font-style:italic;letter-spacing:.04em;color:#a06f5b;opacity:.82}
body[data-about-page="approach"] .approach-visual-step h3{font-family:Georgia,serif;font-size:30px;line-height:1.12;font-weight:400;margin:0 0 12px;color:#2f3537}
body[data-about-page="approach"] .approach-visual-step p{font-size:14px;line-height:1.65;color:#5f6669;margin:0;max-width:520px}
@media(max-width:760px){body[data-about-page="approach"] .approach-visual-flow{grid-template-columns:1fr;gap:48px;margin-top:52px}body[data-about-page="approach"] .approach-photo{height:265px;margin-bottom:20px}body[data-about-page="approach"] .approach-step-copy{padding-right:40px}body[data-about-page="approach"] .approach-visual-step h3{font-size:28px}}
/* v1.58.4 — Our Approach: organic editorial bubbles + hand-drawn details */
body[data-about-page="approach"] .approach-visual-flow{gap:76px 88px}
body[data-about-page="approach"] .approach-art{position:relative;min-height:355px;margin-bottom:22px}
body[data-about-page="approach"] .approach-photo{position:absolute;inset:12px 34px 28px 18px;height:auto;margin:0;overflow:hidden}
body[data-about-page="approach"] .approach-photo.shape-one{border-radius:44% 56% 51% 49% / 39% 38% 62% 61%;transform:rotate(-1.2deg)}
body[data-about-page="approach"] .approach-photo.shape-two{border-radius:55% 45% 42% 58% / 34% 52% 48% 66%;transform:rotate(1deg)}
body[data-about-page="approach"] .approach-photo.shape-three{border-radius:39% 61% 55% 45% / 52% 35% 65% 48%;transform:rotate(-.8deg)}
body[data-about-page="approach"] .approach-photo.shape-four{border-radius:57% 43% 52% 48% / 45% 59% 41% 55%;transform:rotate(.7deg)}
body[data-about-page="approach"] .approach-photo img{transform:scale(1.06)}
body[data-about-page="approach"] .approach-visual-step:hover .approach-photo img{transform:scale(1.09)}
body[data-about-page="approach"] .approach-art .approach-number{position:absolute;z-index:3;left:0;top:-24px;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:38px;font-weight:400;font-style:normal;color:#4b514c;transform:rotate(-7deg);opacity:.92}
body[data-about-page="approach"] .approach-doodle{position:absolute;z-index:3;fill:none;stroke:#566057;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.9;overflow:visible}
body[data-about-page="approach"] .doodle-heart{width:118px;right:-25px;bottom:7px}
body[data-about-page="approach"] .doodle-leaf{width:106px;right:-42px;bottom:-5px}
body[data-about-page="approach"] .doodle-home{width:122px;left:-40px;bottom:-4px}
body[data-about-page="approach"] .doodle-sun{width:132px;right:-38px;bottom:-8px}
body[data-about-page="approach"] .approach-handnote{position:absolute;z-index:4;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:23px;line-height:1.05;color:#566057;letter-spacing:.01em;transform:rotate(-5deg)}
body[data-about-page="approach"] .approach-visual-step:nth-child(1) .approach-handnote{right:-8px;bottom:-10px}
body[data-about-page="approach"] .approach-visual-step:nth-child(2) .approach-handnote{right:-20px;bottom:-12px}
body[data-about-page="approach"] .approach-visual-step:nth-child(3) .approach-handnote{left:-10px;bottom:-15px}
body[data-about-page="approach"] .approach-visual-step:nth-child(4) .approach-handnote{right:-15px;bottom:-15px}
body[data-about-page="approach"] .approach-step-copy{padding-right:0}
body[data-about-page="approach"] .approach-step-copy>.approach-number{display:none}
@media(max-width:760px){body[data-about-page="approach"] .approach-art{min-height:290px}body[data-about-page="approach"] .approach-photo{inset:10px 24px 24px 12px}body[data-about-page="approach"] .approach-art .approach-number{font-size:32px;top:-20px}body[data-about-page="approach"] .approach-doodle{transform:scale(.8)}body[data-about-page="approach"] .approach-handnote{font-size:19px}}

/* v1.58.5 — requested refinement only: smaller bubbles, no numbers, sample-like hand drawn accents */
body[data-about-page="approach"] .approach-art{min-height:292px;margin-bottom:18px}
body[data-about-page="approach"] .approach-photo{inset:22px 72px 34px 48px}
body[data-about-page="approach"] .approach-art .approach-number{display:none!important}
body[data-about-page="approach"] .approach-doodle{stroke:#4f5852;stroke-width:1.7;opacity:.88}
body[data-about-page="approach"] .doodle-heart{width:96px;right:5px;bottom:10px}
body[data-about-page="approach"] .doodle-leaf{width:88px;right:2px;bottom:2px}
body[data-about-page="approach"] .doodle-home{width:100px;left:-4px;bottom:0}
body[data-about-page="approach"] .doodle-sun{width:108px;right:0;bottom:0}
body[data-about-page="approach"] .approach-handnote{font-size:20px;color:#4f5852}
body[data-about-page="approach"] .approach-visual-step:nth-child(1) .approach-handnote{right:16px;bottom:-2px}
body[data-about-page="approach"] .approach-visual-step:nth-child(2) .approach-handnote{right:0;bottom:-3px}
body[data-about-page="approach"] .approach-visual-step:nth-child(3) .approach-handnote{left:4px;bottom:-5px}
body[data-about-page="approach"] .approach-visual-step:nth-child(4) .approach-handnote{right:0;bottom:-5px}
@media(max-width:760px){body[data-about-page="approach"] .approach-art{min-height:245px}body[data-about-page="approach"] .approach-photo{inset:18px 50px 30px 34px}}

/* v1.58.6 — Our Approach only: true organic bubbles + reference-style hand drawings */
body[data-about-page="approach"] .approach-art{min-height:300px;margin-bottom:18px}
body[data-about-page="approach"] .approach-photo{position:absolute;left:30px;top:12px;width:calc(100% - 92px);height:270px;inset:auto;overflow:visible;background:transparent;transform:none!important}
body[data-about-page="approach"] .approach-photo image{transition:transform .7s var(--ease);transform-origin:center}
body[data-about-page="approach"] .approach-visual-step:hover .approach-photo image{transform:scale(1.018)}
body[data-about-page="approach"] .approach-doodle{stroke:#4d554f;stroke-width:1.65;opacity:.92}
body[data-about-page="approach"] .doodle-heart{width:118px;right:-2px;bottom:9px}
body[data-about-page="approach"] .doodle-leaf{width:94px;right:-4px;bottom:2px}
body[data-about-page="approach"] .doodle-home{width:108px;left:-8px;bottom:0}
body[data-about-page="approach"] .doodle-sun{width:118px;right:-5px;bottom:0}
body[data-about-page="approach"] .approach-handnote{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:20px;line-height:1.08;color:#4d554f}
body[data-about-page="approach"] .approach-visual-step:nth-child(1) .approach-handnote{right:5px;bottom:-1px}
body[data-about-page="approach"] .approach-visual-step:nth-child(2) .approach-handnote{right:-10px;bottom:-3px}
body[data-about-page="approach"] .approach-visual-step:nth-child(3) .approach-handnote{left:-2px;bottom:-6px}
body[data-about-page="approach"] .approach-visual-step:nth-child(4) .approach-handnote{right:-7px;bottom:-8px}
@media(max-width:760px){body[data-about-page="approach"] .approach-art{min-height:250px}body[data-about-page="approach"] .approach-photo{left:22px;top:10px;width:calc(100% - 72px);height:225px}}

/* v1.58.7 — Our Approach: tighter reference composition */
body[data-about-page="approach"] .approach-visual-flow{gap:58px 74px;margin-top:58px}
body[data-about-page="approach"] .approach-art{min-height:265px;margin-bottom:8px}
body[data-about-page="approach"] .approach-photo{left:0;top:0;width:82%;height:252px}
body[data-about-page="approach"] .approach-step:nth-child(2n) .approach-photo{left:2%;width:82%}
body[data-about-page="approach"] .approach-doodle{stroke:#4d554f;stroke-width:2;opacity:.96}
body[data-about-page="approach"] .doodle-heart{width:132px;right:1%;bottom:8px}
body[data-about-page="approach"] .doodle-leaf{width:116px;right:0;bottom:2px}
body[data-about-page="approach"] .doodle-home{width:120px;left:-3%;bottom:0}
body[data-about-page="approach"] .doodle-sun{width:136px;right:-1%;bottom:0}
body[data-about-page="approach"] .approach-handnote{font-size:24px;line-height:1.02;color:#4d554f;letter-spacing:0}
body[data-about-page="approach"] .approach-visual-step:nth-child(1) .approach-handnote{right:1%;bottom:2px}
body[data-about-page="approach"] .approach-visual-step:nth-child(2) .approach-handnote{right:-1%;bottom:0}
body[data-about-page="approach"] .approach-visual-step:nth-child(3) .approach-handnote{left:-1%;bottom:-4px}
body[data-about-page="approach"] .approach-visual-step:nth-child(4) .approach-handnote{right:-2%;bottom:-5px}
body[data-about-page="approach"] .approach-step-copy{padding:0 7% 0 0}
body[data-about-page="approach"] .approach-visual-step h3{font-size:27px;margin-bottom:10px}
body[data-about-page="approach"] .approach-visual-step p{font-size:14px;line-height:1.58}
@media(max-width:760px){body[data-about-page="approach"] .approach-visual-flow{gap:44px}body[data-about-page="approach"] .approach-art{min-height:235px}body[data-about-page="approach"] .approach-photo,body[data-about-page="approach"] .approach-step:nth-child(2n) .approach-photo{left:0;width:84%;height:220px}body[data-about-page="approach"] .approach-doodle{transform:scale(.76);transform-origin:center}body[data-about-page="approach"] .approach-handnote{font-size:18px}}

/* v1.58.11 — integrate Return when needed artwork into the page (no pasted panel) */
body[data-about-page="approach"] .approach-visual-step:nth-child(4) .approach-art{min-height:265px;background:transparent!important}
body[data-about-page="approach"] .approach-visual-step:nth-child(4) .approach-photo{left:2%;top:0;width:82%;height:252px;background:transparent!important}
body[data-about-page="approach"] .approach-visual-step:nth-child(4) .doodle-sun{width:136px;right:-1%;bottom:0;background:transparent!important}
body[data-about-page="approach"] .approach-visual-step:nth-child(4) .approach-handnote{right:-2%;bottom:-5px;background:transparent!important}

/* v1.58.12 — Return when needed: one integrated illustration, no baked beige panel */
body[data-about-page="approach"] .approach-visual-step:nth-child(4) .approach-photo{left:2%;top:0;width:82%;height:252px;background:transparent!important}
body[data-about-page="approach"] .approach-visual-step:nth-child(4) .approach-brighter-art{position:absolute;right:-2%;bottom:-2px;width:145px;height:auto;display:block;object-fit:contain;background:transparent!important;z-index:2}
@media(max-width:760px){body[data-about-page="approach"] .approach-visual-step:nth-child(4) .approach-brighter-art{width:112px;right:-1%;bottom:0}}

/* v1.62.15 — Our Story header only: match approved reference; keep site header/menu untouched */
@media (min-width:1051px){
  body[data-about-page="story"] .about-hero-story{
    position:relative!important;
    display:block!important;
    height:751px!important;
    min-height:751px!important;
    padding:0!important;
    margin-top:108px!important;
    background:#f3eee7 url("../assets/our-story-header-reference-right.png") right top/auto 100% no-repeat!important;
    overflow:hidden!important;
  }
  body[data-about-page="story"] .about-hero-story .about-hero-copy{
    position:relative!important;
    z-index:3!important;
    width:43%!important;
    max-width:none!important;
    min-height:751px!important;
    padding:86px 0 54px max(5vw,calc((100vw - var(--max))/2))!important;
    display:block!important;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  }
  body[data-about-page="story"] .about-hero-story .eyebrow,
  body[data-about-page="story"] .about-hero-story .about-hero-copy>p,
  body[data-about-page="story"] .about-hero-story .about-story-caption,
  body[data-about-page="story"] .about-hero-story .about-story-caption strong,
  body[data-about-page="story"] .about-hero-story .about-story-caption p{
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  }
  body[data-about-page="story"] .about-hero-story .about-hero-copy h1{
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:clamp(54px,4.35vw,72px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    font-weight:400!important;
    max-width:620px!important;
    margin:24px 0 28px!important;
  }
  body[data-about-page="story"] .about-hero-story .about-hero-copy h1 em{
    font-family:Georgia,serif!important;
    font-style:italic!important;
    font-weight:400!important;
    color:#c97c5d!important;
  }
  body[data-about-page="story"] .about-hero-story .about-hero-copy>p{
    max-width:610px!important;
    font-size:18px!important;
    line-height:1.65!important;
    color:#4f565b!important;
  }
  body[data-about-page="story"] .about-hero-story .about-story-caption{
    margin-top:38px!important;
    max-width:610px!important;
    gap:10px!important;
  }
  body[data-about-page="story"] .about-hero-story .about-story-caption strong{
    font-size:27px!important;
    line-height:1.22!important;
    letter-spacing:-.02em!important;
    font-weight:400!important;
    max-width:610px!important;
  }
  body[data-about-page="story"] .about-hero-story .about-story-caption p{
    font-size:14px!important;
    line-height:1.55!important;
    max-width:610px!important;
  }
  body[data-about-page="story"] .about-story-visual{display:none!important}
}