/* Ivory, olive and Lora: a photographic continuation of the illustrated home.
   Work photo is the anchor; portrait identifies Baptiste; young trees show cultivation.
   Brief entrance and existing CTA feedback only, no looping or scroll effects. */
#nous.about-editorial { width: 100%; margin: 0; padding: 0 0 72px; color: var(--blue); background: var(--ivory); --cta-fast: 160ms; --cta-duration: 240ms; --cta-ease: cubic-bezier(.2,.7,.2,1); }
#nous .about-hero-inner, #nous .about-growing { max-width: 1160px; width: calc(100% - 104px); margin: 0 auto; display: grid; gap: clamp(36px,6vw,88px); }
#nous .about-hero-inner { grid-template-columns: 1fr 1fr; align-items: center; padding: 28px 0 54px; }
#nous h2, #nous h3 { font-family: var(--display); font-weight: 500; color: var(--foliage-ink); letter-spacing: -.035em; }
#nous h2 { margin: 12px 0 20px; font-size: clamp(40px,4.6vw,64px); line-height: 1.12; }
#nous p { color: #4e5d54; font-family: var(--sans); font-size: 16px; font-weight: 400; line-height: 1.75; margin: 0; }
#nous .about-eyebrow { color: #667152; font-size: 10px; font-weight: 600; line-height: 1.6; letter-spacing: .17em; text-transform: uppercase; }
#nous .about-lead { max-width: 440px; font-size: 20px; line-height: 1.55; color: var(--blue); }
#nous .about-origins { margin-top: 28px; max-width: 460px; }
#nous .about-origins h3 { margin: 0 0 10px; font-size: 23px; line-height: 1.3; }
#nous figure { margin: 0; border: 0; border-radius: 0; box-shadow: none; background: none; }
#nous figure img { display: block; width: 100%; object-fit: cover; border-radius: 2px; }
#nous figcaption { margin-top: 10px; color: #687063; font-family: var(--sans); font-size: 12px; font-weight: 400; line-height: 1.5; }
#nous .about-person { display: flex; align-items: center; gap: 18px; margin-top: 28px; }
#nous .about-person img { width: 112px; height: 82px; object-position: 50% 38%; }
#nous .about-person figcaption { margin: 0; font-size: 12px; }
#nous .about-person figcaption span { display: block; margin-bottom: 3px; font-family: var(--display); font-size: 18px; color: var(--blue); }
#nous .about-work img { height: clamp(430px,43vw,570px); object-position: 52% 58%; filter: saturate(.87); }
#nous .about-work figcaption { text-align: right; }
#nous .about-growing { grid-template-columns: .9fr 1.1fr; align-items: start; border-top: 1px solid #293f3c26; padding-top: 56px; }
#nous .about-trees img { height: 600px; object-position: 50% 42%; filter: saturate(.72); }
#nous .about-method { padding-top: 14px; max-width: 525px; }
#nous .about-method h3 { margin: 14px 0 18px; font-size: clamp(28px,2.7vw,36px); line-height: 1.22; }
#nous .about-method article + article { margin-top: 32px; padding-top: 24px; border-top: 1px solid #293f3c26; }
#nous .garden-cta { margin-top: 26px; }
@keyframes about-settle { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
#nous.is-active .about-introduction { animation: about-settle 400ms ease-out both; }
#nous.is-active .about-work { animation: about-settle 500ms ease-out both; }
@media (max-width: 1000px) {
  #nous .about-hero-inner, #nous .about-growing { width: calc(100% - 60px); gap: 36px; }
  #nous .about-work img { height: 560px; }
  #nous .about-trees img { height: 610px; }
  #nous .about-lead { font-size: 18px; }
}
@media (max-width: 700px) {
  #nous.about-editorial { padding-bottom: 40px; }
  #nous .about-hero-inner, #nous .about-growing { width: calc(100% - 44px); grid-template-columns: 1fr; gap: 28px; }
  #nous .about-hero-inner { padding: 22px 0 34px; }
  #nous h2 { font-size: clamp(38px,10vw,48px); margin-top: 12px; margin-bottom: 18px; }
  #nous p { font-size: 15px; line-height: 1.7; }
  #nous .about-origins { margin-top: 24px; }
  #nous .about-person { margin-top: 22px; }
  #nous .about-work img { height: auto; aspect-ratio: 4 / 5; object-position: 52% 58%; }
  #nous .about-work figcaption { text-align: left; }
  #nous .about-growing { padding-top: 32px; }
  #nous .about-trees img { height: 380px; object-position: 50% 38%; }
  #nous .about-method { padding-top: 0; }
  #nous .about-method h3 { font-size: 29px; }
}
@media (prefers-reduced-motion: reduce) { #nous.is-active .about-introduction, #nous.is-active .about-work { animation: none; } }
/* On a phone, show the work photograph before the longer biography. */
@media (max-width: 700px) {
  #nous .about-hero-inner { gap: 0; }
  #nous .about-introduction { display: contents; }
  #nous .about-introduction > .about-eyebrow { order: 0; }
  #nous .about-introduction > h2 { order: 1; }
  #nous .about-introduction > .about-lead { order: 2; }
  #nous .about-work { order: 3; margin-top: 24px; }
  #nous .about-origins { order: 4; margin-top: 28px; }
  #nous .about-person { order: 5; }
}
.site-2027[data-active-panel="nous"] .site-footer { background: var(--ivory); color: #4e5d54; padding: 16px clamp(22px,5.2vw,100px); font-size: 11px; border-top: 1px solid #293f3c26; }
.site-2027[data-active-panel="nous"] .site-footer a { color: inherit; }