/* About Us > Read More: approved mobile founder frame, 2026-11-07.
   This stylesheet affects ONLY the existing About Details founder frame.
   The chapters, facts, buttons, services, and desktop navigation remain unchanged. */

/* Flags ripple like fabric without travelling across the grid. */
@keyframes an2-approved-flag-fabric {
  0%,100% {transform:perspective(170px) rotateY(-10deg) skewY(-1.7deg) scaleX(.97)}
  27%     {transform:perspective(170px) rotateY(9deg) skewY(1.3deg) scaleX(1)}
  53%     {transform:perspective(170px) rotateY(-7deg) skewY(-1.1deg) scaleX(.96)}
  77%     {transform:perspective(170px) rotateY(7deg) skewY(.9deg) scaleX(.99)}
}
@keyframes an2-approved-fabric-shimmer {
  0%,100% {background-position:0% center;opacity:.48}
  50%     {background-position:100% center;opacity:.71}
}
@media(prefers-reduced-motion:no-preference){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag {
    position:relative!important;
    animation:an2-approved-flag-fabric 3.25s ease-in-out infinite!important;
    animation-delay:calc(var(--flag-index) * -.14s)!important;
    transform-origin:7% 50%!important;
    transform-style:preserve-3d!important;
    will-change:transform!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag::after{
    content:"";display:block;position:absolute;inset:0;pointer-events:none;
    border-radius:2px;
    background:linear-gradient(95deg,rgba(0,0,0,.3) 0%,rgba(255,255,255,.26) 32%,transparent 50%,rgba(0,0,0,.24) 72%,rgba(255,255,255,.25));
    background-size:220% 100%;
    mix-blend-mode:soft-light;
    animation:an2-approved-fabric-shimmer 3.25s ease-in-out infinite!important;
    animation-delay:calc(var(--flag-index) * -.14s)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag,
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag::after{
    animation:none!important;transform:none!important;
  }
}

/* Pixel-composition of the reference: legible quote above, flags left,
   slightly reduced original cutout portrait right, built-in nameplate below. */
@media(max-width:800px){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero{
    min-height:0!important;height:auto!important;max-height:none!important;
    overflow:hidden!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-quote{
    display:flex!important;flex-direction:column!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:9px 10px 13px!important;
    padding:10px 13px 0!important;
    border:1px solid rgba(251,151,51,.52)!important;
    border-radius:22px!important;
    background:linear-gradient(150deg,#241b18,#151516 78%,#21160e)!important;
    overflow:hidden!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-mark{
    font-size:29px!important;line-height:1!important;height:9px!important;
    margin-left:2px!important;opacity:.6!important;
    overflow:visible!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-quote blockquote{
    position:relative!important;z-index:2!important;box-sizing:border-box!important;
    display:block!important;width:100%!important;max-width:100%!important;
    margin:4px 0 0!important;
    padding:13px 12px 13px 14px!important;
    border:1px solid rgba(255,160,63,.58)!important;
    border-left:3px solid #ff992e!important;border-radius:16px!important;
    background:linear-gradient(145deg,rgba(53,37,27,.76),rgba(13,18,26,.74))!important;
    box-shadow:inset 0 1px rgba(255,220,168,.08)!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-style:italic!important;font-weight:500!important;
    font-size:clamp(13px,3.55vw,16px)!important;
    line-height:1.47!important;letter-spacing:0!important;
    color:#fff0e0!important;overflow-wrap:normal!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-end-quote{
    color:#ffae4d!important;font-style:normal!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer{
    position:relative!important;z-index:1!important;box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,53%) minmax(0,47%)!important;
    align-items:stretch!important;
    gap:0!important;width:100%!important;
    min-height:clamp(345px,91vw,420px)!important;
    height:auto!important;
    margin:15px 0 0!important; /* overrides old +99px mobile gap */
    padding:10px 0 0!important;
    border-top:1px solid rgba(210,153,89,.45)!important;
    overflow:visible!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-sign{
    display:flex!important;flex-direction:column!important;
    justify-content:flex-start!important;align-items:stretch!important;
    align-self:stretch!important;box-sizing:border-box!important;
    width:100%!important;min-width:0!important;height:100%!important;
    margin:0!important;padding:5px 0 13px!important;
    position:relative!important;z-index:2!important;
    gap:0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-flags-journey{
    display:flex!important;flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:stretch!important;justify-content:flex-start!important;
    gap:7px!important;min-height:0!important;width:100%!important;
    overflow:visible!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-flags-overline{
    display:block!important;color:#ecb477!important;
    font-size:clamp(8px,2.2vw,10px)!important;
    line-height:1.3!important;letter-spacing:.25px!important;
    font-weight:900!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-plane-mark{
    display:block!important;margin-top:4px!important;
    font-size:12px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags{
    display:grid!important;grid-auto-flow:row!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-content:start!important;justify-items:center!important;
    width:100%!important;max-width:100%!important;
    margin:0!important;padding:0!important;
    gap:3px 1px!important;
    overflow:visible!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-unit{
    grid-column:span 1!important;box-sizing:border-box!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    height:clamp(22px,5.9vw,27px)!important;
    min-height:0!important;padding:0 1px!important;
    overflow:visible!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-unit--home{
    grid-column:span 2!important;
    max-width:none!important;
    height:clamp(32px,8.3vw,39px)!important;
    min-height:0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:none!important;
    width:clamp(25px,7.1vw,32px)!important;
    max-width:100%!important;min-width:0!important;
    height:clamp(18px,4.75vw,23px)!important;
    border:0!important;border-radius:2px!important;
    padding:0!important;background:transparent!important;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-unit--home .an2-flag{
    width:clamp(44px,12.1vw,56px)!important;
    max-width:100%!important;height:clamp(29px,7.5vw,36px)!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-image{
    display:block!important;width:100%!important;height:100%!important;
    object-fit:cover!important;box-sizing:border-box!important;
    border-radius:2px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-flags-journey small{
    color:#d8ae8d!important;
    font-size:clamp(9px,2.45vw,11px)!important;
    line-height:1.28!important;letter-spacing:.05px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-message-label{
    display:block!important;align-self:flex-start!important;
    position:relative!important;z-index:3!important;
    width:100%!important;max-width:100%!important;
    margin-top:8px!important;
    color:#fff!important;font-size:10px!important;
    line-height:1.25!important;letter-spacing:.2px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-message-label .an2-founder-msg-orange{
    display:block!important;color:#ff9d38!important;font-size:11px!important;
    line-height:1.35!important;font-weight:900!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-message-label .an2-founder-msg-white{
    display:block!important;margin-top:5px!important;color:#fff!important;
    font-size:9px!important;line-height:1.3!important;
  }

  /* Use existing transparent Nusrat PNG including its name pill; do not
     recreate or bake the whole phone screenshot into the website. */
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person{
    display:block!important;position:relative!important;
    z-index:1!important;justify-self:stretch!important;align-self:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;max-width:none!important;height:100%!important;
    min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;background:transparent!important;
    overflow:visible!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person img{
    display:block!important;position:absolute!important;
    top:auto!important;left:auto!important;
    right:clamp(-49px,-11vw,-32px)!important;bottom:-4px!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:100%!important;max-height:100%!important;
    object-fit:contain!important;object-position:right bottom!important;
    margin:0!important;padding:0!important;border:0!important;
    filter:drop-shadow(0 8px 11px rgba(0,0,0,.35))!important;
    transform:none!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person figcaption{
    display:none!important;
  }
}
/* For narrower phones retain a genuinely two-column lower panel without
   shrinking all the footer information to illegible text. */
@media(max-width:365px){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer{
    grid-template-columns:minmax(0,54%) minmax(0,46%)!important;
    min-height:355px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person img{
    right:-41px!important;height:94%!important;max-height:94%!important;
  }
}


/* Final screenshot match: remove the hidden mobile desktop-heading strip,
   eliminate footer label collisions, enlarge the FULL original cutout photo.
   All rules stay restricted to the About Details founder hero. */
@media (max-width:800px){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero{
    display:block!important;position:relative!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:0!important;
    border-radius:24px!important;
    background:linear-gradient(155deg,#201912,#141414 75%,#26180d)!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-brand{
    display:none!important; /* BUILT FOR YOUR FUTURE must not peek behind ticker */
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-quote{
    display:flex!important;flex-direction:column!important;
    margin:0 13px 13px!important;padding:10px 13px 0!important;
    max-height:none!important;overflow:hidden!important;
    border:1px solid rgba(239,158,68,.42)!important;
    border-radius:20px!important;
    background:linear-gradient(155deg,rgba(42,29,24,.68),rgba(13,15,18,.65))!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-mark{
    display:none!important; /* no stray quote glyph above the actual quote card */
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-quote blockquote{
    margin:8px 0 0!important;padding:15px 13px 13px 15px!important;
    font-size:clamp(14px,3.5vw,16px)!important;
    line-height:1.48!important;
    border-radius:17px!important;
    border-left:3px solid #ff952d!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer{
    display:grid!important;position:relative!important;
    grid-template-columns:minmax(0,54%) minmax(0,46%)!important;
    width:100%!important;height:auto!important;min-height:clamp(352px,96vw,410px)!important;
    margin:13px 0 0!important;padding:11px 0 0!important;
    border-top:1px solid rgba(219,159,102,.38)!important;
    overflow:visible!important;align-items:stretch!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-sign{
    width:100%!important;max-width:100%!important;min-width:0!important;
    display:flex!important;flex-direction:column!important;
    justify-content:space-between!important;align-items:stretch!important;
    align-self:stretch!important;position:relative!important;z-index:3!important;
    height:auto!important;min-height:0!important;
    margin:0!important;padding:2px 0 12px!important;
    gap:12px!important;
    border:0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-flags-journey{
    display:flex!important;flex-direction:column!important;
    flex:0 0 auto!important;align-self:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;min-height:0!important;max-height:none!important;
    gap:5px!important;padding:0!important;margin:0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-flags-overline{
    flex:none!important;display:block!important;
    margin:0 0 4px!important;white-space:nowrap!important;
    font-size:clamp(7.5px,2.04vw,10px)!important;letter-spacing:.1px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-plane-mark{
    margin:3px 0 0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags{
    flex:0 0 auto!important;display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    gap:2px 1px!important;
    margin:4px 0 0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-unit{
    height:clamp(20px,5.2vw,25px)!important;
    min-height:0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-unit--home{
    height:clamp(27px,7vw,35px)!important;
    min-height:0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag{
    width:clamp(24px,7vw,31px)!important;
    height:clamp(17px,4.8vw,22px)!important;
    border-radius:1px 4px 2px 3px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-unit--home .an2-flag{
    width:clamp(40px,12vw,54px)!important;height:clamp(27px,7.4vw,34px)!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-image{
    filter:saturate(1.09) contrast(1.07)!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-flags-journey small{
    position:relative!important;display:block!important;
    width:100%!important;flex:0 0 auto!important;
    margin:5px 0 0!important;padding:0!important;
    color:#e1bba2!important;line-height:1.3!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-message-label{
    position:relative!important;display:block!important;
    width:100%!important;max-width:100%!important;
    flex:0 0 auto!important;align-self:flex-start!important;
    margin:auto 0 0!important;padding:10px 0 0!important;
    z-index:4!important;
    background:linear-gradient(to top,rgba(20,17,15,.91),rgba(20,17,15,.7),transparent)!important;
    white-space:normal!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-message-label .an2-founder-msg-orange{
    display:block!important;font-size:clamp(9px,2.35vw,11px)!important;
    line-height:1.24!important;
    color:#ffa23d!important;letter-spacing:.1px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-message-label .an2-founder-msg-white{
    display:block!important;margin:6px 0 0!important;
    font-size:clamp(8.5px,2.2vw,10px)!important;
    color:#fff!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person{
    position:relative!important;overflow:visible!important;z-index:2!important;
    align-self:stretch!important;justify-self:stretch!important;
    width:100%!important;height:100%!important;
    min-height:0!important;max-height:none!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person img{
    position:absolute!important;top:auto!important;left:auto!important;
    right:clamp(-49px,-11vw,-33px)!important;bottom:-4px!important;
    width:auto!important;height:152%!important;
    max-width:none!important;max-height:none!important;
    object-fit:contain!important;object-position:right bottom!important;
    filter:drop-shadow(0 11px 13px rgba(0,0,0,.34))!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person figcaption{
    display:none!important;
  }
}
@media(max-width:370px){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer{
    grid-template-columns:minmax(0,53%) minmax(0,47%)!important;
    min-height:390px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person img{
    height:144%!important;
  }
}
/* Make the existing A&N emblem a round globe at the header corner
   on this route, matching the user's desktop emblem without replacing
   the shared site's header markup or changing other pages. */
/* About Details must inherit the same header logo crop as Home.
   Do not force a second circular clip on this route. */

/* Delicately irregular fabric edges, with every flag staying in its own grid cell. */
@keyframes an2-approved-flag-edge {
  0%,100%{
    clip-path:polygon(0 2%,20% 5%,43% 1%,65% 5%,84% 2%,100% 8%,100% 94%,83% 97%,60% 93%,38% 98%,18% 94%,0 98%);
  }
  50%{
    clip-path:polygon(0 2%,20% 0,42% 4%,64% 1%,84% 7%,100% 1%,100% 99%,82% 93%,60% 98%,39% 94%,18% 98%,0 97%);
  }
}
@media(prefers-reduced-motion:no-preference){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-image{
    animation:an2-approved-flag-edge 3.25s ease-in-out infinite!important;
    animation-delay:calc(var(--flag-index) * -.14s)!important;
  }
}


/* 2026-11-07 FINAL correction from the user's actual 23:09 live screenshot.
   Keep each flag in its own fixed cell, move the portrait to the RIGHT of flags,
   prevent hair overlapping the quote, and align the founder footer baseline. */
html body.an-about-details-mode #app .an2-wave-filter-defs{
  display:block!important;position:absolute!important;width:0!important;height:0!important;
  overflow:hidden!important;pointer-events:none!important;visibility:hidden!important;
}
@media(max-width:800px){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero > .an2-founder-quote{
    padding-top:0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer{
    grid-template-columns:minmax(0,54%) minmax(0,46%)!important;
    min-height:clamp(360px,96vw,420px)!important;
    margin-top:12px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person{
    position:relative!important;
    z-index:2!important;
    isolation:isolate!important;
    overflow:visible!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person img{
    position:absolute!important;left:auto!important;top:auto!important;
    right:-81px!important;bottom:27px!important;
    height:138%!important;width:auto!important;
    min-height:0!important;max-height:none!important;max-width:none!important;
    object-fit:contain!important;object-position:right bottom!important;
    transform:none!important;
    filter:drop-shadow(0 9px 13px rgba(0,0,0,.32))!important;
    z-index:1!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-sign{
    z-index:3!important;position:relative!important;
    min-height:0!important;padding-bottom:30px!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-message-label{
    position:relative!important;z-index:4!important;
    display:block!important;margin-top:auto!important;
    padding:9px 0 0!important;
    background:linear-gradient(to top,rgba(20,18,16,.96) 30%,rgba(20,18,16,.68),transparent)!important;
    white-space:normal!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-flags-journey small{
    white-space:normal!important;
    max-width:100%!important;overflow-wrap:normal!important;
    z-index:4!important;
  }
  /* Fully opaque nameplate overlays the faint lettering inside the old PNG. */
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person::after{
    content:"NUSRAT NASRIN"!important;display:flex!important;
    position:absolute!important;z-index:6!important;
    right:-3px!important;bottom:25px!important;
    width:120%!important;height:29px!important;box-sizing:border-box!important;
    align-items:center!important;justify-content:center!important;
    background:linear-gradient(100deg,#17110f,#24170e,#17110f)!important;
    border:2px solid #f3923c!important;border-radius:999px!important;
    color:#ffad5b!important;
    font:900 clamp(11px,3vw,15px)/1 Georgia,serif!important;
    letter-spacing:1.5px!important;
    box-shadow:0 1px 6px rgba(0,0,0,.35)!important;
    white-space:nowrap!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag{
    backface-visibility:visible!important;transform-origin:5% 50%!important;
    overflow:visible!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-image{
    filter:url(#an2-flags-fabric-ripple) saturate(1.08) contrast(1.08)!important;
    clip-path:polygon(0 4%,20% 0,41% 4%,64% 0,84% 6%,100% 3%,100% 94%,83% 98%,61% 93%,41% 98%,20% 94%,0 98%)!important;
  }
}
@media(max-width:370px){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-founder-person img{
    right:-71px!important;height:130%!important;bottom:22px!important;
  }
}
@media(prefers-reduced-motion:no-preference){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-image{
    animation:an2-approved-flag-edge 3.25s ease-in-out infinite!important;
    animation-delay:calc(var(--flag-index) * -.17s)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-floating-flags .an2-flag-image{
    animation:none!important;filter:saturate(1.08) contrast(1.08)!important;
  }
}


/* Rebuild the mobile lower half as a physically separate two-layer composition.
   Approved reference has NO photo overlap with the quote or the left flag grid.
   The name strip stays at the bottom right, never above founder copy. */
@media (max-width:800px) {
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer {
    display:block!important;
    position:relative!important;
    box-sizing:border-box!important;
    height:clamp(338px,91vw,390px)!important;
    min-height:clamp(338px,91vw,390px)!important;
    max-height:none!important;
    width:100%!important;
    overflow:hidden!important;
    isolation:isolate!important;
    padding:10px 0 0!important;
    margin:13px 0 0!important;
    border-top:1px solid rgba(219,159,102,.42)!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer .an2-quote-sign {
    position:relative!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    width:52%!important;
    height:100%!important;
    min-height:0!important;
    padding:3px 0 12px!important;
    margin:0!important;
    z-index:4!important;
    background:none!important;
    gap:0!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer .an2-flags-journey {
    display:flex!important;
    flex:0 1 auto!important;
    min-height:0!important;
    width:100%!important;
    justify-content:flex-start!important;
    gap:6px!important;
    overflow:visible!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer .an2-floating-flags {
    display:grid!important;
    width:100%!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:3px 1px!important;
    margin-top:6px!important;
    justify-items:center!important;
    align-items:center!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer .an2-floating-flags .an2-flag {
    overflow:visible!important;
    box-shadow:0 2px 5px rgba(0,0,0,.25)!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer .an2-flags-journey small {
    margin:8px 0 0!important;
    padding:0!important;
    position:static!important;
    flex:none!important;
    z-index:5!important;
    white-space:normal!important;
    font-size:clamp(9px,2.4vw,11px)!important;
    line-height:1.3!important;
    color:#e2be9e!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer .an2-founder-message-label {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    margin:10px 0 0!important;
    padding:8px 0 0!important;
    z-index:5!important;
    background:linear-gradient(to top,#191514 30%,transparent)!important;
    overflow:visible!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer .an2-founder-person {
    display:block!important;
    position:absolute!important;
    box-sizing:border-box!important;
    width:48%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    right:0!important;
    left:auto!important;
    top:0!important;
    bottom:0!important;
    z-index:2!important;
    overflow:hidden!important;
    background:none!important;
    margin:0!important;
    padding:0!important;
    isolation:isolate!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer .an2-founder-person img {
    display:block!important;
    position:absolute!important;
    width:auto!important;
    height:100%!important;
    max-width:none!important;
    max-height:100%!important;
    min-width:0!important;
    top:0!important;
    bottom:0!important;
    right:-22%!important;
    left:auto!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:right bottom!important;
    clip-path:inset(0 0 7% 0)!important;
    filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))!important;
  }
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer .an2-founder-person::after {
    content:"NUSRAT NASRIN"!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    box-sizing:border-box!important;
    left:0!important;
    right:2px!important;
    bottom:10px!important;
    width:calc(100% - 2px)!important;
    height:28px!important;
    z-index:6!important;
    border-radius:999px!important;
    border:2px solid #ee8a35!important;
    background:#1a120d!important;
    color:#ffae59!important;
    box-shadow:0 2px 7px rgba(0,0,0,.33)!important;
    font:900 clamp(11px,2.6vw,14px)/1 Georgia,serif!important;
    letter-spacing:1.2px!important;
    white-space:nowrap!important;
  }
}
/* The flag itself distorts; its grid cell remains completely stationary. */
@media (prefers-reduced-motion:no-preference) {
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-flag-image {
    filter:url(#an2-flags-fabric-ripple) saturate(1.15) contrast(1.08)!important;
    animation:an2-approved-flag-edge 2.7s ease-in-out infinite!important;
    animation-delay:calc(var(--flag-index) * -.18s)!important;
  }
}
@media (max-width:370px) {
  html :is(body.an-about-details-mode #app, body #app .an-about-mobile-opening) .an2-founder-hero .an2-quote-footer {
    height:355px!important;min-height:355px!important;
  }
}