/* About Us -> Read More: Restore the ORIGINAL brand/logo and motto ABOVE
   the user's exact founder reference artwork. Mobile only.
   Existing desktop design, chapters, tabs, services and navigation are untouched. */
@media(max-width:800px){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:0!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    overflow:hidden!important;
    border:1px solid rgba(242,149,62,.48)!important;
    border-radius:22px!important;
    padding:10px 9px 12px!important;
    margin:0!important;
    background:
      radial-gradient(ellipse at 21% 17%,rgba(190,88,23,.13),transparent 58%),
      linear-gradient(135deg,#15171c,#191310 77%,#17120f)!important;
    box-shadow:0 15px 33px rgba(0,0,0,.22)!important;
  }
  /* Restore the ORIGINAL DOM section that an earlier override hid.
     It contains the logo, ESTABLISHED 2024, and ROOTED IN EXPERIENCE slogan. */
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-brand{
    display:grid!important;
    grid-template-columns:minmax(94px,29%) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:start!important;
    column-gap:13px!important;
    row-gap:3px!important;
    order:0!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;min-height:119px!important;max-height:none!important;
    box-sizing:border-box!important;
    padding:11px 9px 14px!important;
    margin:0 0 10px!important;
    border:1px solid rgba(237,155,83,.28)!important;
    border-radius:16px!important;
    background:linear-gradient(120deg,rgba(29,28,30,.84),rgba(50,31,22,.46))!important;
    box-shadow:inset 0 1px 0 rgba(255,206,142,.1)!important;
    overflow:hidden!important;
    z-index:4!important;
    text-align:left!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-brand > img{
    display:block!important;
    grid-column:1!important;grid-row:1 / span 2!important;
    align-self:center!important;justify-self:center!important;
    box-sizing:border-box!important;
    width:100%!important;height:99px!important;
    max-width:114px!important;max-height:99px!important;
    min-width:0!important;min-height:0!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;object-position:center!important;
    border:0!important;border-radius:10px!important;
    background:transparent!important;
    filter:drop-shadow(0 4px 8px rgba(0,0,0,.22))!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-brand > span{
    display:block!important;
    grid-column:2!important;grid-row:1!important;
    align-self:end!important;justify-self:start!important;
    color:#e5ad74!important;
    font-size:clamp(8px,2.2vw,10px)!important;
    line-height:1.45!important;
    font-weight:800!important;
    letter-spacing:.62px!important;
    white-space:normal!important;
    margin:0!important;padding:0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-brand > strong{
    display:block!important;
    grid-column:2!important;grid-row:2!important;
    align-self:start!important;justify-self:start!important;
    color:#fff2e4!important;
    font-size:clamp(15px,4.2vw,19px)!important;
    line-height:1.22!important;
    letter-spacing:-.18px!important;
    font-weight:900!important;
    margin:0!important;padding:3px 0 0!important;
    white-space:normal!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-brand > strong em{
    color:#ffae53!important;
    font-style:normal!important;
  }
  /* The approved photo starts exactly where its quote begins, not above logo. */
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-approved-reference-hero{
    display:block!important;
    order:1!important;
    flex:0 0 auto!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    aspect-ratio:828 / 1156!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    position:relative!important;
    border:0!important;
    background:#191513!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-quote{
    display:none!important;
    order:2!important;
  }
  /* Gentle clarity lift to the unchanged approved bitmap.
     Does not redraw eyes, face, hair or change original image geometry. */
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-approved-reference-source{
    filter:contrast(1.035) saturate(1.02)!important;
  }
  /* Separate portrait-only sharpening without redrawing the face.
     Uses the very same approved bitmap; no generative facial changes. */
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-sharp{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    width:100%!important;height:100%!important;
    background:transparent!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero.an2-approved-source-error > .an2-approved-reference-hero{
    display:none!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero.an2-approved-source-error > .an2-founder-quote{
    display:flex!important;
  }
}
@media(max-width:370px){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-brand{
    grid-template-columns:minmax(86px,29%) minmax(0,1fr)!important;
    column-gap:9px!important;
    padding:9px 7px 12px!important;
    min-height:106px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-brand > img{
    height:88px!important;max-height:88px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-brand > strong{
    font-size:clamp(13px,4.05vw,17px)!important;
  }
}
/* Do not alter desktop layout: the approved image/extra brand row is mobile only. */
@media(min-width:801px){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-sharp{
    display:none!important;
  }
}

/* About Details: restore the entire founder quote as crisp accessible live text.
   The original supplied art and portrait underneath remain unchanged. Mobile only. */
@media(max-width:800px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand{
   grid-template-columns:minmax(104px,31%) minmax(0,1fr)!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>img{
   width:100%!important;height:104px!important;max-width:125px!important;
   object-fit:contain!important;border:0!important;border-radius:0!important;
   background:transparent!important;mix-blend-mode:screen!important;
   filter:drop-shadow(0 1px 3px rgba(246,159,55,.24))!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-hero .an2-mobile-complete-quote{
   display:flex!important;position:absolute!important;z-index:4!important;
   top:0.5%!important;left:6.4%!important;width:87.2%!important;
   height:32.9%!important;min-height:0!important;box-sizing:border-box!important;
   align-items:center!important;justify-content:flex-start!important;
   margin:0!important;padding:17px 11px 9px 16px!important;
   overflow:visible!important;border:1.5px solid #ff9e3f!important;
   border-radius:15px!important;
   background:linear-gradient(115deg,#221915 0%,#191518 62%,#171313 100%)!important;
   box-shadow:inset 0 1px rgba(255,210,148,.24),0 2px 12px rgba(255,128,34,.2)!important;
   color:#fff3e7!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-complete-quote blockquote{
   display:block!important;width:100%!important;max-width:100%!important;
   margin:0!important;padding:0!important;border:0!important;
   font:italic 500 clamp(10.5px,2.9vw,15px)/1.24 Georgia,'Times New Roman',serif!important;
   letter-spacing:0!important;color:#fff2e5!important;text-align:left!important;
   overflow-wrap:break-word!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-complete-quote blockquote strong{
   font-weight:850!important;color:#ffba65!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-open-quote{
   position:absolute!important;left:5px!important;top:-8px!important;
   font:900 35px/.95 Georgia,serif!important;color:#ffc072!important;
   text-shadow:0 0 8px rgba(255,145,41,.3);
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-close-quote{
   color:#ffab58!important;font-weight:900!important;font-size:1.55em!important;
   line-height:.6!important;vertical-align:-.2em!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-sharp{
   opacity:1!important;filter:contrast(1.07) saturate(1.035)!important;
 }
}
@media(max-width:380px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-hero .an2-mobile-complete-quote{
   padding:11px 7px 6px 10px!important;height:33.8%!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-complete-quote blockquote{
   font-size:clamp(9.8px,2.85vw,11px)!important;line-height:1.17!important;
 }
}
@media(min-width:801px){#app .an2-mobile-complete-quote{display:none!important}}

/* Founder mobile v4 — one continuous hero surface, one clean quotation frame.
   Do not change the flags/portrait positions, desktop layout or navigation. */
@media(max-width:800px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo{
   display:block!important;grid-column:1!important;grid-row:1 / span 2!important;
   position:relative!important;justify-self:center!important;align-self:center!important;
   width:clamp(102px,28vw,133px)!important;height:104px!important;
   padding:0!important;margin:0!important;min-width:0!important;max-width:none!important;
   background:transparent!important;border:0!important;border-radius:0!important;
   overflow:hidden!important;clip-path:ellipse(48% 49% at 50% 50%)!important;
   mix-blend-mode:screen!important;filter:drop-shadow(0 2px 6px rgba(255,155,35,.2))!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo img{
   display:block!important;position:absolute!important;top:8%!important;left:0!important;
   width:300%!important;height:84%!important;max-width:none!important;max-height:none!important;
   margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
   object-fit:fill!important;mix-blend-mode:screen!important;
   filter:brightness(1.12) contrast(1.06)!important;
 }
 /* Keep original artwork below, but remove its old quote frame/text cleanly. */
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-approved-reference-hero{
   border-radius:19px!important;overflow:hidden!important;
   background:#1a1513!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-hero::before{
   content:"";display:block!important;position:absolute!important;z-index:3!important;
   top:0!important;left:0!important;width:100%!important;height:35.1%!important;
   border:0!important;margin:0!important;padding:0!important;
   border-radius:19px 19px 0 0!important;
   background:linear-gradient(135deg,#1b1514 0%,#211713 54%,#191519 100%)!important;
   pointer-events:none!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-hero .an2-mobile-complete-quote{
   top:1.4%!important;left:5.5%!important;width:89%!important;height:32.5%!important;
   border:1.4px solid #fba04c!important;border-radius:17px!important;
   padding:14px 12px 11px 18px!important;
   background:linear-gradient(135deg,#302019 0%,#1d171b 64%,#17151b 100%)!important;
   box-shadow:inset 0 1px rgba(255,213,155,.16),0 4px 13px rgba(0,0,0,.16)!important;
   overflow:hidden!important;z-index:5!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-open-quote{
   top:1px!important;left:6px!important;font-size:30px!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-complete-quote blockquote{
   font-size:clamp(10.5px,2.83vw,14px)!important;line-height:1.25!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-sharp{
   filter:contrast(1.065) saturate(1.035)!important;
 }
}
@media(max-width:380px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-hero .an2-mobile-complete-quote{
   top:1.25%!important;height:33%!important;padding:10px 8px 8px 13px!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-complete-quote blockquote{
   font-size:clamp(9.7px,2.77vw,10.6px)!important;line-height:1.19!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo{
   height:91px!important;width:98px!important;
 }
}

/* Mobile founder refinement v5: precise header emblem; equal quotation glyphs; cloth waves tied to poles. */
@media(max-width:800px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo{
   width:104px!important;height:93px!important;clip-path:none!important;overflow:visible!important;
   display:flex!important;align-items:center!important;justify-content:center!important;
   background:transparent!important;mix-blend-mode:normal!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-logo-crop{
   position:relative!important;display:block!important;flex:none!important;
   width:78px!important;height:66px!important;overflow:hidden!important;
   clip-path:ellipse(48% 49% at 50% 50%)!important;
   mix-blend-mode:screen!important;filter:drop-shadow(0 2px 5px rgba(255,170,45,.22))!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-logo-crop>img{
   position:absolute!important;display:block!important;top:5px!important;left:0!important;
   width:218px!important;height:59px!important;max-width:none!important;max-height:none!important;
   padding:0!important;margin:0!important;
   object-fit:fill!important;border:0!important;border-radius:0!important;
   filter:brightness(1.12)!important;mix-blend-mode:screen!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-hero .an2-mobile-complete-quote{
   padding-left:19px!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-open-quote,
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-close-quote{
   font:900 1.15em/1 Georgia,'Times New Roman',serif!important;
   color:#ffb55d!important;text-shadow:none!important;letter-spacing:0!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-open-quote{
   position:static!important;display:inline!important;align-self:flex-start!important;
   flex:0 0 auto!important;margin:0 1px 0 -13px!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-mobile-close-quote{
   display:inline!important;position:static!important;margin-left:2px!important;
   vertical-align:baseline!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-waves{
   z-index:4!important;
 }
 html body.an-about-details-mode #app .an2-live-flag-fabric{
   animation:an2-flag-fabric-fly var(--flag-speed,3.1s) ease-in-out infinite!important;
   animation-delay:var(--flag-delay,0s)!important;
   transform-box:view-box!important;
 }
 @keyframes an2-flag-fabric-fly{
   0%,100%{transform:perspective(160px) rotateY(-5deg) skewY(-1deg) scaleX(.94)}
   24%{transform:perspective(160px) rotateY(12deg) skewY(3deg) scaleX(1)}
   49%{transform:perspective(160px) rotateY(-14deg) skewY(-3deg) scaleX(.87)}
   72%{transform:perspective(160px) rotateY(10deg) skewY(2deg) scaleX(1.02)}
 }
}
@media(max-width:380px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo{
   width:94px!important;height:85px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body.an-about-details-mode #app .an2-live-flag-fabric{animation:none!important;transform:none!important}
}

/* Founder v7: mirror the actual animated website-header logo; keep ORIGINAL flag artwork. */
@media(max-width:800px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo{
   display:flex!important;align-items:center!important;justify-content:center!important;
   width:108px!important;height:91px!important;clip-path:none!important;
   background:transparent!important;overflow:visible!important;filter:none!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{
   display:block!important;flex:0 0 62px!important;width:62px!important;height:52px!important;
   animation:logoFloat 3.6s ease-in-out infinite!important;
   transform-origin:center!important;mix-blend-mode:screen!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop{
   display:block!important;width:62px!important;height:52px!important;
   overflow:hidden!important;clip-path:ellipse(48% 49% at 50% 50%)!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop img{
   display:block!important;position:static!important;
   width:174px!important;height:44px!important;max-width:none!important;max-height:none!important;
   margin:4px 0 0!important;padding:0!important;
   object-fit:fill!important;mix-blend-mode:screen!important;filter:brightness(1.12)!important;
   border:0!important;border-radius:0!important;
 }
 /* Make the header's own logo a little larger without changing its crop or animation. */
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{
   zoom:1.3!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-waves{
   z-index:2!important;pointer-events:none!important;
 }
 html body.an-about-details-mode #app .an2-original-flag-sheen{
   animation:an2-fabric-sheen 3.8s ease-in-out infinite!important;
   transform-box:fill-box!important;transform-origin:center!important;
 }
 @keyframes an2-fabric-sheen{
   0%,100%{transform:translateX(-9px);opacity:.14}
   45%{transform:translateX(8px);opacity:.33}
   75%{transform:translateX(2px);opacity:.22}
 }
}
@media(prefers-reduced-motion:reduce){
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion,
 html body.an-about-details-mode #app .an2-original-flag-sheen{animation:none!important}
}

/* Founder v8: original unmodified flag pixels remain the only visible flags.
   Previous feDisplacementMap redrew the image into torn geometric shapes on Android. */
@media(max-width:800px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-waves{
   display:block!important;opacity:1!important;filter:none!important;
   z-index:2!important;pointer-events:none!important;
 }
 html body.an-about-details-mode #app .an2-original-flag-sheen{
   opacity:.3!important;
   animation:an2-original-wind-sheen 3.9s ease-in-out infinite!important;
   transform-origin:center center!important;
 }
 @keyframes an2-original-wind-sheen{
   0%,100%{transform:translateX(-10px) scaleX(.98);opacity:.14}
   33%{transform:translateX(8px) scaleX(1.03);opacity:.38}
   66%{transform:translateX(-4px) scaleX(1);opacity:.2}
 }
 /* Same source and crop geometry as the actual website navigation crest. */
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{
   zoom:1.3!important;isolation:isolate!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop{
   background:transparent!important;box-shadow:none!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop img{
   image-rendering:auto!important;filter:brightness(1.12) contrast(1.04)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body.an-about-details-mode #app .an2-original-flag-sheen{animation:none!important}
}

/* 2026-11-08 mobile hotfix: original flag artwork only.
   The geometrically distorted overlays must NEVER be visible, including stale DOM
   left behind by soft-navigation transitions. */
@media(max-width:800px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-waves,
 html body.an-about-details-mode #app .an2-live-flag,
 html body.an-about-details-mode #app .an2-original-flag-sheen{
   display:none!important;visibility:hidden!important;opacity:0!important;
   animation:none!important;filter:none!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-source{
   display:block!important;visibility:visible!important;opacity:1!important;
 }
}

/* Mobile Founder v10 — match header-logo crop exactly; wind through the original flag fabric. */
@media(max-width:800px){
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{
   zoom:1!important;transform-origin:center!important;
   width:62px!important;height:52px!important;flex:0 0 62px!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop{
   width:62px!important;height:52px!important;
   clip-path:ellipse(48% 49% at 50% 50%)!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop img{
   position:static!important;width:174px!important;height:44px!important;
   max-width:none!important;max-height:none!important;
   margin:4px 0 0!important;transform:none!important;object-fit:fill!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo{
   width:99px!important;height:86px!important;justify-self:center!important;
   overflow:visible!important;clip-path:none!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-fabric{
   display:block!important;visibility:visible!important;opacity:1!important;
   position:absolute!important;inset:0!important;z-index:2!important;
   width:100%!important;height:100%!important;overflow:hidden!important;
   pointer-events:none!important;
 }
 html body.an-about-details-mode #app .an2-original-fabric-tile{
   overflow:hidden!important;transform-box:fill-box!important;
   transform-origin:0% 50%!important;
   animation:an2-original-cloth-wave var(--fabric-time,3.4s) ease-in-out infinite!important;
   animation-delay:var(--fabric-delay,0s)!important;
   backface-visibility:visible!important;
 }
 @keyframes an2-original-cloth-wave{
   0%,100%{transform:scaleX(.975) skewY(-.8deg);filter:brightness(1)}
   22%{transform:scaleX(.91) skewY(1.8deg);filter:brightness(1.07)}
   48%{transform:scaleX(.985) skewY(-1.3deg);filter:brightness(.95)}
   74%{transform:scaleX(.935) skewY(1.3deg);filter:brightness(1.06)}
 }
}
@media(prefers-reduced-motion:reduce){
 html body.an-about-details-mode #app .an2-original-fabric-tile{
   animation:none!important;transform:none!important;filter:none!important
 }
}

/* v11 emergency visual fix: remove broken raster tile "waving" animation.
   The source artwork alone paints the original flags, preserving faces and shapes.
   Resize the SAME header logo without truncating the A&N crest. */
@media(max-width:800px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-fabric,
 html body.an-about-details-mode #app .an2-original-fabric-tile{
   display:none!important;visibility:hidden!important;animation:none!important;
 }
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo{
   width:clamp(104px,29vw,128px)!important;height:103px!important;
   overflow:visible!important;clip-path:none!important;
   display:flex!important;justify-content:center!important;align-items:center!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{
   width:91px!important;height:77px!important;flex:0 0 91px!important;
   zoom:1!important;isolation:isolate!important;
   animation:an2-founder-logo-smooth 3.6s ease-in-out infinite!important;
   mix-blend-mode:screen!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop{
   width:91px!important;height:77px!important;overflow:hidden!important;
   clip-path:ellipse(48% 49% at 50% 50%)!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop img{
   width:255px!important;height:65px!important;max-width:none!important;max-height:none!important;
   position:static!important;margin:6px 0 0!important;padding:0!important;
   object-fit:fill!important;transform:none!important;mix-blend-mode:screen!important;
   filter:brightness(1.12)!important;
 }
 @keyframes an2-founder-logo-smooth {
   0%,100%{transform:translateY(0) rotate(0deg)}
   45%{transform:translateY(-2px) rotate(-2deg)}
   75%{transform:translateY(-1px) rotate(1deg)}
 }
}
@media(max-width:380px){
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{
   transform-origin:center!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{animation:none!important}
}

/* Founder v12: exactly the shared header crest, correctly spaced; no art replacement. */
@media(max-width:800px){
 body.an-about-details-mode > .top .logo-motion,
 body.an-about-details-mode > .top .logo-crop{
   clip-path:none!important;border-radius:0!important;
 }
 body.an-about-details-mode > .top .logo-crop{
   clip-path:ellipse(49% 49% at 50% 50%)!important;
 }
 /* Larger viewport to include full crest, but image stays at the original aspect ratio. */
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo{
   width:clamp(110px,31vw,140px)!important;height:110px!important;
   overflow:visible!important;clip-path:none!important;justify-self:center!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{
   width:90px!important;height:75px!important;flex:0 0 90px!important;
   zoom:1!important;transform-origin:center center!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop{
   width:90px!important;height:75px!important;
   clip-path:ellipse(49% 49% at 50% 50%)!important;
   border-radius:0!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop img{
   width:211px!important;height:60px!important;max-width:none!important;max-height:none!important;
   margin:7px 0 0 0!important;
   object-fit:fill!important;filter:brightness(1.12)!important;
 }
 /* Important: preserve the original flags bitmap, no animated image tiles or SVG redraw. */
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-fabric,
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-approved-reference-waves{
   display:none!important;
 }
}

/* 2026-11-08 v13: restore full crest & animate only original flag pixels.
   Each crop has matching source dimensions and a fixed left attachment. */
@media(max-width:800px){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo {
    width:122px!important;height:105px!important;overflow:visible!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    clip-path:none!important;filter:none!important;
  }
  html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{
    display:block!important;position:relative!important;flex:0 0 116px!important;
    width:116px!important;height:101px!important;
    animation:an2-crest-glide 3.8s ease-in-out infinite!important;
    mix-blend-mode:screen!important;zoom:1!important;overflow:visible!important;
  }
  html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop{
    display:block!important;position:relative!important;width:116px!important;height:101px!important;
    overflow:hidden!important;clip-path:none!important;border-radius:0!important;
    background:transparent!important;
  }
  html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop img{
    display:block!important;position:absolute!important;
    left:6px!important;top:12px!important;margin:0!important;padding:0!important;
    width:287px!important;height:79px!important;max-width:none!important;max-height:none!important;
    transform:none!important;object-fit:fill!important;mix-blend-mode:screen!important;
    filter:brightness(1.08) contrast(1.04)!important;
  }
  @keyframes an2-crest-glide{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-2px)}
  }
  /* Native image crops: source bitmap, no SVG transformations. */
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-native-cloth-layer{
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;z-index:2!important;
    pointer-events:none!important;overflow:hidden!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-native-cloth-flag{
    position:absolute!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-native-cloth-flag,
  #app .an-about-banner .an-banner-flags-mobile .an2-native-cloth-flag{
    display:block!important;
    background-repeat:no-repeat!important;border-radius:2px!important;
    transform-origin:0% 50%!important;
    will-change:transform,clip-path!important;
    animation:an2-native-fabric-wave var(--wave-duration,3.1s) ease-in-out infinite!important;
    animation-delay:var(--wave-delay,0s)!important;
  }
  @keyframes an2-native-fabric-wave{
    0%,100%{transform:perspective(120px) rotateY(-3deg) skewY(-.7deg) scaleX(.96);clip-path:polygon(0 0,26% 1%,51% 0,76% 2%,100% 4%,100% 95%,75% 98%,50% 99%,25% 98%,0 100%)}
    25%{transform:perspective(120px) rotateY(7deg) skewY(1.4deg) scaleX(.99);clip-path:polygon(0 0,25% 0,50% 3%,75% 1%,100% 0,100% 100%,75% 97%,50% 99%,25% 100%,0 100%)}
    50%{transform:perspective(120px) rotateY(-8deg) skewY(-1.4deg) scaleX(.92);clip-path:polygon(0 0,25% 1%,50% 0,75% 3%,100% 6%,100% 94%,75% 99%,50% 100%,25% 97%,0 100%)}
    75%{transform:perspective(120px) rotateY(5deg) skewY(1deg) scaleX(.985);clip-path:polygon(0 0,25% 0,50% 2%,75% 0,100% 2%,100% 98%,75% 99%,50% 98%,25% 100%,0 100%)}
  }
}
@media(prefers-reduced-motion:reduce){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-native-cloth-flag,
 #app .an-about-banner .an-banner-flags-mobile .an2-native-cloth-flag,
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{animation:none!important;transform:none!important}
}

/* Founder v13b — About Details nav crest should not be masked on the right. */
@media(max-width:800px){
 html body.an-about-details-mode > header.top .logo-motion,
 html body.an-about-details-mode > header.top .logo-crop{
   display:block!important;flex:0 0 73px!important;width:73px!important;height:58px!important;
   max-width:none!important;overflow:visible!important;
   clip-path:none!important;border-radius:0!important;background:transparent!important;
 }
 html body.an-about-details-mode > header.top .logo-crop{
   overflow:hidden!important;
 }
 html body.an-about-details-mode > header.top .logo-crop img{
   display:block!important;width:174px!important;height:47px!important;
   max-width:none!important;margin:5px 0 0!important;
   object-fit:fill!important;mix-blend-mode:screen!important;
 }
}

/* Founder crest final alignment: mirror the site header source with no duplicate cropping.
   The wide JPEG is intentionally cropped to ONLY its left circular emblem. */
@media(max-width:800px){
 html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero>.an2-founder-brand>.an2-founder-header-logo{
   display:flex!important;align-items:center!important;justify-content:center!important;
   width:clamp(106px,29vw,130px)!important;height:108px!important;
   overflow:visible!important;clip-path:none!important;background:transparent!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-motion{
   display:block!important;position:relative!important;flex:0 0 102px!important;
   width:102px!important;height:88px!important;zoom:1!important;
   overflow:visible!important;mix-blend-mode:screen!important;
   animation:logoFloat 3.6s ease-in-out infinite!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop{
   position:relative!important;display:block!important;
   width:102px!important;height:88px!important;border-radius:0!important;
   clip-path:none!important;overflow:hidden!important;background:transparent!important;
 }
 html body.an-about-details-mode #app .an2-founder-header-logo .logo-crop img{
   position:absolute!important;display:block!important;top:9px!important;left:0!important;
   width:261px!important;height:72px!important;max-width:none!important;max-height:none!important;
   margin:0!important;padding:0!important;object-fit:fill!important;
   mix-blend-mode:screen!important;filter:brightness(1.12) contrast(1.03)!important;
 }
}