/* Canonical About module using the same display, color and container tokens as the homepage. */
#bes-about{background:var(--bes-bg);color:var(--bes-ink);width:100%;max-width:100%;overflow:clip}
#bes-about *,#bes-about *::before,#bes-about *::after{box-sizing:border-box}
:where(#bes-about) :is(h1,h2,h3,p,figure){margin:0}
#bes-about :is(h1,h2){font-family:var(--bes-font-display);font-weight:400;letter-spacing:-.02em;line-height:1.08;text-wrap:balance}
#bes-about h1{font-size:clamp(58px,6vw,110px);max-width:1100px;margin:28px auto 32px}
#bes-about h2{font-size:clamp(48px,5vw,84px);margin-bottom:20px}
:where(#bes-about) :is(h1,h2) em{font-weight:600;color:var(--bes-gold)}
:where(#bes-about) p{font:400 17px/1.8 var(--bes-font-text)}
.bes-about-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;text-align:center;min-height:clamp(650px,64vw,870px);padding:145px 0 95px;background:radial-gradient(ellipse at 48% 32%,rgba(194,210,74,.065),transparent 53%),var(--bes-bg)}
.bes-about-hero-inner{position:relative;z-index:1}
.bes-about-hero-ornament{display:none}
.bes-about-hero-copy{display:grid;gap:18px;max-width:850px;margin-inline:auto}
.bes-about-hero-copy strong{font-weight:700;font-style:italic;color:#69772e}
.bes-about-hero p:not(.bes-home-eyebrow){max-width:850px;margin:0 auto;color:var(--bes-muted)}
/* Desktop About ambience uses canonical brand artwork. Mobile Figma geometry
 * below 601px remains owned by its original responsive block. */
@media(min-width:1024px){
  #bes-about .bes-about-hero{--bes-about-drift-x:0px;--bes-about-drift-y:0px}
  #bes-about .bes-about-hero::before{
    content:"";position:absolute;pointer-events:none;z-index:0;
    top:47%;left:50%;width:min(90vw,950px);aspect-ratio:1;
    transform:translate3d(calc(-50% + var(--bes-about-drift-x)),calc(-50% + var(--bes-about-drift-y)),0);
    background:radial-gradient(circle,rgba(132,167,69,.13),rgba(132,167,69,.045) 36%,transparent 68%);
    filter:blur(32px)
  }
  #bes-about .bes-about-hero-ornament{
    display:block;position:absolute;pointer-events:none;z-index:0;
    top:47%;left:50%;width:min(76vw,760px);height:auto;aspect-ratio:1;
    color:#728e55;opacity:.16;
    transform:translate3d(calc(-50% + var(--bes-about-drift-x)),calc(-50% + var(--bes-about-drift-y)),0)
  }
  #bes-about .bes-about-hero-ornament svg{
    display:block;width:100%;height:100%;overflow:visible;
    filter:drop-shadow(0 0 26px rgba(199,255,58,.12))
  }
}
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){
  #bes-about .bes-about-hero-ornament svg{animation:bes-about-breathe 9s ease-in-out infinite alternate}
  @keyframes bes-about-breathe{from{opacity:.74}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){
  #bes-about .bes-about-hero-ornament svg{animation:none}
}
.bes-about-story{padding:90px 0 110px;background:#f7f4ee;color:#151e10}
#bes-about .bes-about-story h2{color:#151e10}
.bes-about-story h2 em{color:var(--bes-gold);font-weight:700;font-style:italic}
.bes-about-story>.bes-home-container{max-width:1240px}
.bes-about-story p{max-width:920px;color:#343b30;margin:26px 0}
.bes-about-founders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:730px;margin:28px 0 26px}
.bes-about-founders figure{min-width:0}
.bes-about-founder-visual{height:310px;max-width:100%;border-radius:14px;overflow:hidden;background:rgba(21,30,16,.09)}
.bes-about-picture img{width:100%;height:100%;display:block;object-fit:cover}
.bes-about-founders figcaption{padding-top:12px;font:500 15px/1.4 var(--bes-font-display);color:#151e10}
.bes-about-founders figcaption strong{display:block;font-size:20px}
.bes-about-founders figcaption span{display:block;font:400 14px/1.55 var(--bes-font-text)}
.bes-about-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:420px;margin:30px 0}
.bes-about-gallery-stack{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-height:0}
.bes-about-gallery .bes-about-picture{overflow:hidden;min-height:0;border-radius:12px;background:rgba(21,30,16,.08)}
/* Desktop Story editorial: expansive two-column founders with full-width gallery.
   Mobile design remains owned by the <=600px Figma contract below. */
@media(min-width:1024px){
  #bes-about .bes-about-story{padding:clamp(88px,7vw,130px) 0}
  #bes-about .bes-about-story>.bes-home-container{
    display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);
    grid-template-areas:"heading founders" "intro founders" "gallery gallery" "history continuation";
    column-gap:clamp(40px,5vw,80px);align-items:start
  }
  #bes-about .bes-about-story h2{grid-area:heading;margin:0 0 28px;font-size:clamp(58px,5.2vw,76px);line-height:1.04}
  #bes-about .bes-about-story>.bes-home-container>p{margin:0;color:#414b3c;line-height:1.85}
  #bes-about .bes-about-story>.bes-home-container>p:first-of-type{grid-area:intro;max-width:44ch;font-size:clamp(15px,1.18vw,17px)}
  #bes-about .bes-about-founders{grid-area:founders;max-width:none;margin:0;gap:clamp(16px,1.7vw,24px)}
  #bes-about .bes-about-founders figure{min-width:0}
  #bes-about .bes-about-founder-visual{height:auto;aspect-ratio:4/4.5;border-radius:18px;box-shadow:0 20px 45px rgba(21,30,16,.1)}
  #bes-about .bes-about-founders figcaption{padding-top:16px}
  #bes-about .bes-about-founders figcaption strong{font-size:clamp(20px,1.75vw,25px);line-height:1.17}
  #bes-about .bes-about-founders figcaption span{max-width:32ch;margin-top:5px;color:#56624f}
  #bes-about .bes-about-gallery{grid-area:gallery;grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);gap:20px;height:clamp(410px,39vw,560px);margin:clamp(52px,6vw,88px) 0 0}
  #bes-about .bes-about-gallery-stack{gap:20px}
  #bes-about .bes-about-gallery .bes-about-picture{border-radius:18px}
  #bes-about .bes-about-story>.bes-home-container>p:nth-of-type(2),
  #bes-about .bes-about-story>.bes-home-container>p:nth-of-type(3){border-top:1px solid rgba(21,30,16,.15);padding-top:28px;margin-top:38px;font-size:16px}
  #bes-about .bes-about-story>.bes-home-container>p:nth-of-type(2){grid-area:history}
  #bes-about .bes-about-story>.bes-home-container>p:nth-of-type(3){grid-area:continuation}
}
@media(min-width:601px) and (max-width:1023px){
  #bes-about .bes-about-founders{max-width:none}
  #bes-about .bes-about-founder-visual{height:auto;aspect-ratio:1.05}
}
.bes-about-philosophy{padding:105px 0;background:radial-gradient(ellipse at top right,rgba(201,168,76,.08),transparent 45%),#151e10}
.bes-about-philosophy>.bes-home-container{max-width:1040px}
.bes-about-philosophy p{max-width:850px;margin:20px 0;color:rgba(253,252,250,.7)}
.bes-about-philosophy-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:34px 0}
.bes-about-value{padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(30,42,22,.73)}
.bes-about-value h3{display:flex;justify-content:space-between;gap:12px;font:500 24px/1.15 var(--bes-font-text);letter-spacing:.13em;text-transform:uppercase;color:var(--bes-gold)}
.bes-about-value h3 span{color:var(--bes-leaf)}
.bes-about-value p{font-size:15px;line-height:1.65;margin:10px 0 0;color:rgba(253,252,250,.78)}
.bes-about-wisdom{padding:100px 0 70px;background:#f7f4ee;color:#151e10;text-align:center}
.bes-about-wisdom>.bes-home-container{max-width:990px}
#bes-about .bes-about-wisdom h2{color:#151e10}
#bes-about .bes-about-wisdom h2 em{color:var(--bes-gold)}
.bes-about-wisdom>.bes-home-container>p{max-width:760px;color:#6b7a5e;margin:24px auto 44px}
.bes-about-wisdom>.bes-home-container>p strong{font-weight:700;font-style:italic;color:var(--bes-gold)}
.bes-about-wisdom-carousel{--wisdom-card:min(420px,calc(100vw - 64px));--wisdom-gap:25px;position:relative;width:100%}
.bes-about-wisdom-track{display:flex;gap:var(--wisdom-gap);align-items:stretch;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:0 max(32px,calc((100% - var(--wisdom-card))/2));outline-offset:-3px}
.bes-about-wisdom-track::-webkit-scrollbar{display:none}
.bes-about-wisdom-track:focus-visible{outline:2px solid var(--bes-gold)}
.bes-about-wisdom-card{flex:0 0 var(--wisdom-card);min-width:0;scroll-snap-align:center;display:flex;flex-direction:column;gap:18px}
.bes-about-wisdom-picture{width:100%;aspect-ratio:328/262;overflow:hidden;border:6px solid #f5deb3;border-radius:22px;background:#e8e0cb}
.bes-about-wisdom-picture img{display:block;width:100%;height:100%;object-fit:cover}
.bes-about-wisdom-narrative{display:flex;flex-direction:column;gap:16px;flex:1;text-align:center;padding:0 12px}
#bes-about .bes-about-wisdom-narrative p{color:#56644a;font:400 15px/1.7 Poppins,var(--bes-font-text);margin:0}
.bes-about-wisdom-narrative p em{font-weight:700;color:var(--bes-gold)}
.bes-about-wisdom-controls{display:flex;justify-content:center;align-items:center;gap:4px;margin:24px 0 0}
.bes-about-wisdom-controls button{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border:1px solid var(--bes-gold);border-radius:50%;background:transparent;color:var(--bes-gold);cursor:pointer;transition:background .2s ease,color .2s ease}
.bes-about-wisdom-controls button:is(:hover,:focus-visible){background:var(--bes-gold);color:#151e10}
.bes-about-wisdom-controls button:focus-visible{outline:2px solid #69772e;outline-offset:3px}
.bes-about-wisdom-controls .bes-ui-icon{width:23px;height:23px}
.bes-about-wisdom-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bes-about-homecoming{padding:80px 0 110px;background:radial-gradient(ellipse at 50% 50%,rgba(201,168,76,.07),transparent 60%),var(--bes-bg);text-align:center}
.bes-about-homecoming>.bes-home-container{max-width:850px}
.bes-about-homecoming p{color:var(--bes-muted);max-width:700px;margin:0 auto 32px}
.bes-about-homecoming p strong{color:#69772e;font-style:italic;font-weight:700}
.bes-about-homecoming-values{list-style:none;max-width:740px;margin:0 auto;padding:0;text-align:left}
.bes-about-homecoming-values li{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:52px;padding:9px 24px;border-bottom:1px solid rgba(255,255,255,.08);color:var(--bes-gold);font:600 14px/1.6 var(--bes-font-text);text-transform:uppercase;letter-spacing:.23em}
.bes-about-homecoming-values img{width:24px;height:24px;flex-shrink:0;object-fit:contain}
.bes-about-symbol{display:block;width:20px;height:20px;flex-shrink:0;color:var(--bes-leaf)}
@media(max-width:600px){
  #bes-about .bes-home-container{width:calc(100% - 64px)}
  /* Exact About mobile composition: 392px reference, content-safe below 392px. */
  .bes-about-hero{display:block;min-height:735px;padding:180px 0 95px;background:linear-gradient(180deg,#151e10 0%,#151e10 54%,#1a2916 100%)}
  #bes-about .bes-about-hero-inner{width:calc(100% - 60px)}
  .bes-about-hero-ornament{display:block;position:absolute;top:99px;left:50%;width:512px;height:527px;transform:translateX(-50%);color:#1a2415;pointer-events:none;z-index:0}
  .bes-about-hero-ornament svg{display:block;width:100%;height:100%;max-width:none}
  #bes-about .bes-about-hero h1{font:italic 400 clamp(40px,12.245vw,48px)/1.2083 var(--bes-font-display);letter-spacing:-.025em;max-width:332px;margin:14px auto}
  #bes-about .bes-about-hero h1 em{font-weight:700;font-style:italic;color:#f5deb3}
  #bes-about .bes-about-hero-copy{gap:20px;max-width:332px}
  #bes-about .bes-about-hero-copy p{font:300 12px/20px "Poppins",var(--bes-font-text);color:#fdfcfa}
  #bes-about .bes-about-hero-copy strong{font-weight:700;font-style:italic;color:#69772e}
  #bes-about .bes-about-story h2{font:italic 400 clamp(40px,12.245vw,48px)/1.2083 var(--bes-font-display);margin:0 0 8px}
  #bes-about .bes-about-story h2 em{font-weight:700;font-style:italic;color:var(--bes-gold)}
  #bes-about h2{font-size:40px;line-height:1.1;margin-bottom:8px}
  :where(#bes-about) p{font-size:16px;line-height:1.72}
  .bes-about-story{padding:32px 0}
  .bes-about-founders{gap:12px;margin:26px 0 24px}
  .bes-about-founder-visual{height:171px;border-radius:9px}
  .bes-about-founders figcaption strong{font-size:18px;line-height:1.1}
  .bes-about-founders figcaption span{font-size:13px;line-height:1.45;margin-top:5px}
  .bes-about-story p{margin:25px 0;font-size:16px;line-height:1.78}
  .bes-about-gallery{height:286px;gap:8px;margin:24px 0}
  .bes-about-gallery-stack{gap:8px}
  .bes-about-gallery .bes-about-picture{border-radius:8px}
  .bes-about-philosophy{padding:32px 0}
  .bes-about-philosophy p{margin:12px 0}
  .bes-about-philosophy-values{grid-template-columns:1fr;gap:8px;margin:25px 0}
  .bes-about-value{padding:14px;border-radius:14px}
  .bes-about-value h3{font-size:clamp(20px,6vw,24px);letter-spacing:.08em}
  .bes-about-wisdom{padding:32px 0;background:#f7f4ee;color:#151e10}
  #bes-about .bes-about-wisdom h2{font-size:48px;line-height:1.04;margin-bottom:0}
  .bes-about-wisdom>.bes-home-container>p{margin:26px 0 48px;font-size:16px;line-height:26px}
  .bes-about-wisdom-carousel{--wisdom-card:calc(100vw - 64px);--wisdom-gap:25px}
  .bes-about-wisdom-picture{border-radius:22px}
  #bes-about .bes-about-wisdom-narrative p{font-size:14px;line-height:1.7}
  .bes-about-wisdom-narrative{gap:18px}
  .bes-about-wisdom-controls{margin-top:22px}
  .bes-about-homecoming{padding:32px 0}
  #bes-about .bes-about-homecoming h2{font-size:36px;line-height:1.08}
  #bes-about .bes-about-homecoming p{font-size:15px;line-height:1.7}
  .bes-about-homecoming p{margin:8px 0 32px}
  .bes-about-homecoming-values li{min-height:41px;padding:8px 24px;font-size:14px;letter-spacing:.15em}
}
@media(prefers-reduced-motion:reduce){#bes-about *,#bes-about *::before,#bes-about *::after{animation:none;transition:none}.bes-about-wisdom-track{scroll-behavior:auto}}