/* VENEIVA site pages (About us …), loaded by the plugin on the page AND in the block editor.
   Every selector is :where(…):not(_ …) = weaker than one class, so Greenshift block settings win; theme element rules do not.
   Source: Sub_Board_2/about-src/about.css (built with greenshift/tools/soft_css.py). */
:where(*):not(_ _),:where(*):not(_ _)::before,:where(*):not(_ _)::after{ box-sizing: border-box; }
:where(body):not(_ _ _){ margin: 0; background: #FFFFFF; }
:where(.vnab):not(_ _ _ _){ --gut: max(clamp(20px, 5.55vw, 80px), calc((100vw - 1280px) / 2)); --ink: #3A2008; --muted: #6B4A2B; --accent: #BE7E30; --accent-text: #8A5A22; --honey: #FBEBC4; --cream: #FFFBF2; --sand: #F7EFE6; --teal: #0D6F73; --teal-hover: #0A5A5D; --dark: #2B1705; --on-dark: #FFF6E5; --line: rgba(58,32,8,.12);
  width: 100%; overflow-x: clip; color: var(--ink); font-family: Archivo, system-ui, sans-serif; font-size: 16px; font-weight: 400; font-style: normal; line-height: 1.5; letter-spacing: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
:where(.vnab :where(img)):not(_ _ _ _){ display: block; max-width: 100%; }
:where(.vnab a:not(.vnab-btn, .vnab-btn2)):not(_ _ _ _ _ _ _){ color: inherit; }
:where(.vnab :where(h1, h2, h3, p)):not(_ _ _ _){ margin: 0; overflow-wrap: break-word; } /* weak reset: the margins below win */
:where(.vnab-in):not(_ _ _ _){ padding: 0 var(--gut); } /* --gut already centres the content at 1280 px on wide screens */
:where(.vnab-lab):not(_ _ _ _){ margin: 0; font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-text); }
:where(.vnab-h2):not(_ _ _ _){ margin-top: 14px; font-size: clamp(27.9px, 1.9vw + 12px, 39.5px); line-height: 1.05; font-weight: 700; letter-spacing: -.05em; color: var(--ink); }
:where(.vnab-lead):not(_ _ _ _){ margin-top: 18px; font-size: 17px; line-height: 1.6; color: var(--muted); }
:where(.vnab-center):not(_ _ _ _){ text-align: center; }
:where(.vnab-center .vnab-lead):not(_ _ _ _ _ _),:where(.vnab-center .vnab-h2):not(_ _ _ _ _ _){ margin-left: auto; margin-right: auto; max-width: 760px; }
:where(.vnab-btn):not(_ _ _ _),:where(.vnab-btn2):not(_ _ _ _){ display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 28px; border-radius: 6px; font-size: 15px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; transition: background-color .25s, color .25s; }
:where(.vnab-btn):not(_ _ _ _){ background: var(--teal); color: #FFFFFF; }
:where(.vnab-btn:hover):not(_ _ _ _ _ _){ background: var(--teal-hover); }
:where(.vnab-btn2):not(_ _ _ _){ background: transparent; color: var(--on-dark); box-shadow: inset 0 0 0 1.5px var(--on-dark); }
:where(.vnab-btn2:hover):not(_ _ _ _ _ _){ background: var(--on-dark); color: var(--dark); }
:where(.vnab-btn:focus-visible):not(_ _ _ _ _ _),:where(.vnab-btn2:focus-visible):not(_ _ _ _ _ _){ outline: 3px solid var(--accent); outline-offset: 3px; }

/* 1 hero */
:where(.vnab-hero):not(_ _ _ _){ position: relative; min-height: 560px; display: flex; align-items: center; overflow: hidden; background: var(--dark); }
:where(.vnab-hero-img):not(_ _ _ _){ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; }
:where(.vnab-hero-veil):not(_ _ _ _){ position: absolute; inset: 0; background: linear-gradient(90deg, rgba(43,23,5,.88) 0, rgba(43,23,5,.62) 45%, rgba(43,23,5,.15) 100%); }
:where(.vnab-hero .vnab-in):not(_ _ _ _ _ _){ position: relative; z-index: 2; width: 100%; padding-top: 72px; padding-bottom: 72px; }
:where(.vnab-hero-tx):not(_ _ _ _){ max-width: 600px; }
:where(.vnab-hero .vnab-lab):not(_ _ _ _ _ _){ color: #E4B34A; }
:where(.vnab-h1):not(_ _ _ _){ margin-top: 16px; font-size: clamp(40px, 3vw + 18px, 64px); line-height: 1.02; font-weight: 700; letter-spacing: -.045em; color: var(--on-dark); }
:where(.vnab-hero-p):not(_ _ _ _){ margin-top: 20px; font-size: 18px; line-height: 1.6; color: var(--on-dark); opacity: .92; }
:where(.vnab-hero .vnab-btn):not(_ _ _ _ _ _){ margin-top: 28px; }

/* 2 welcome */
:where(.vnab-welcome):not(_ _ _ _){ background: var(--cream); padding: 88px 0; }
:where(.vnab-quote):not(_ _ _ _){ margin: 22px auto 0; max-width: 900px; font-size: clamp(22px, 1.2vw + 14px, 30px); line-height: 1.35; font-weight: 500; letter-spacing: -.02em; color: var(--ink); }
:where(.vnab-welcome .vnab-lead):not(_ _ _ _ _ _){ max-width: 720px; margin-left: auto; margin-right: auto; }
:where(.vnab-sign):not(_ _ _ _){ display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 28px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
:where(.vnab-sign b):not(_ _ _ _ _){ color: var(--ink); font-weight: 700; }
:where(.vnab-sign i):not(_ _ _ _ _){ display: block; width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }

/* 3 origin + steps: text next to an image that runs to the page edge, rounded on the inside */
:where(.vnab-split):not(_ _ _ _){ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 5vw, 80px); }
:where(.vnab-media):not(_ _ _ _){ height: clamp(260px, 24vw + 40px, 380px); overflow: hidden; background: var(--sand); border-radius: 0 999px 999px 0; }
:where(.vnab-media img):not(_ _ _ _ _){ width: 100%; height: 100%; object-fit: cover; }
:where(.vnab-split.vnab-r .vnab-media):not(_ _ _ _ _ _ _ _){ order: 2; border-radius: 999px 0 0 999px; }
:where(.vnab-txt):not(_ _ _ _){ max-width: calc(560px + var(--gut)); padding: 0 var(--gut) 0 0; }
:where(.vnab-split.vnab-r .vnab-txt):not(_ _ _ _ _ _ _ _){ justify-self: end; padding: 0 0 0 var(--gut); }
:where(.vnab-origin):not(_ _ _ _){ padding: 96px 0 72px; }

/* 4 why */
:where(.vnab-why):not(_ _ _ _){ padding: 24px 0 96px; }

/* 5 steps: numbered cards */
:where(.vnab-steps):not(_ _ _ _){ padding: 0 0 96px; }
:where(.vnab-steps-head):not(_ _ _ _){ margin-bottom: 40px; }
:where(.vnab-stepl):not(_ _ _ _){ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
:where(.vnab-step):not(_ _ _ _){ margin: 0; padding: 28px 22px 26px; border-radius: 16px; background: var(--cream); box-shadow: inset 0 0 0 1px var(--line); }
:where(.vnab-step):not(_ _ _ _)::marker{ content: none; }
:where(.vnab-n):not(_ _ _ _){ display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--honey); font-size: 24px; line-height: 1; font-weight: 700; letter-spacing: -.04em; color: var(--accent-text); }
:where(.vnab-step h3):not(_ _ _ _ _){ margin-top: 18px; font-size: 17.1px; line-height: 1.25; font-weight: 700; letter-spacing: -.04em; color: var(--ink); }
:where(.vnab-step p):not(_ _ _ _ _){ margin-top: 8px; font-size: 14.7px; line-height: 1.55; color: var(--muted); }

/* 6 how we make it */
:where(.vnab-make):not(_ _ _ _){ background: var(--sand); padding: 88px 0; }
:where(.vnab-feats):not(_ _ _ _){ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 40px; }
:where(.vnab-feat):not(_ _ _ _){ padding: 28px 24px; border-radius: 16px; background: #FFFFFF; text-align: center; }
:where(.vnab-ico):not(_ _ _ _){ display: grid; place-items: center; width: 56px; height: 56px; margin: 0 auto; border-radius: 50%; background: var(--honey); color: var(--accent-text); }
:where(.vnab-ico svg):not(_ _ _ _ _){ width: 26px; height: 26px; }
:where(.vnab-feat h3):not(_ _ _ _ _){ margin-top: 16px; font-size: 17.1px; line-height: 1.25; font-weight: 700; letter-spacing: -.04em; }
:where(.vnab-feat p):not(_ _ _ _ _){ margin-top: 8px; font-size: 14.7px; line-height: 1.5; color: var(--muted); }

/* 7 collection */
:where(.vnab-col):not(_ _ _ _){ padding: 96px 0; }
:where(.vnab-cards):not(_ _ _ _){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 2.5vw, 32px); margin-top: 40px; }
:where(.vnab-card):not(_ _ _ _){ display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; background: #FFFFFF; box-shadow: inset 0 0 0 1px var(--line); }
:where(.vnab-card-img):not(_ _ _ _){ aspect-ratio: 4 / 3; overflow: hidden; background: linear-gradient(180deg, #F8F8F0 0%, #EEECE2 52%, #E4DFD3 96.5%, #D5CEBE 96.6%, #D3CCBB 100%); }
:where(.vnab-card-img img):not(_ _ _ _ _){ width: 100%; height: 100%; object-fit: contain; }
:where(.vnab-card-b):not(_ _ _ _){ display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 24px; }
:where(.vnab-card h3):not(_ _ _ _ _){ font-size: 21px; line-height: 1.15; font-weight: 700; letter-spacing: -.045em; }
:where(.vnab-card p):not(_ _ _ _ _){ font-size: 15.4px; line-height: 1.55; color: var(--muted); }
:where(.vnab-card .vnab-meta):not(_ _ _ _ _ _){ font-size: 13px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--accent-text); }
:where(.vnab-card .vnab-btn):not(_ _ _ _ _ _){ align-self: flex-start; margin-top: auto; }

/* 8 about bee venom */
:where(.vnab-venom):not(_ _ _ _){ padding: 0 0 96px; }
:where(.vnab-note):not(_ _ _ _){ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: center; padding: 36px 40px; border-radius: 16px; background: var(--cream); box-shadow: inset 0 0 0 1px var(--line); }
:where(.vnab-note .vnab-h2):not(_ _ _ _ _ _){ font-size: clamp(24px, 1vw + 14px, 30px); }
:where(.vnab-warn):not(_ _ _ _){ display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; border-radius: 12px; background: #FFFFFF; border-left: 3px solid var(--accent); font-size: 15.4px; line-height: 1.5; color: var(--ink); }
:where(.vnab-warn svg):not(_ _ _ _ _){ flex: 0 0 22px; width: 22px; height: 22px; color: var(--accent-text); }
:where(.vnab-warn b):not(_ _ _ _ _){ font-weight: 700; }

/* 9 at a glance */
:where(.vnab-glance):not(_ _ _ _){ background: var(--honey); padding: 72px 0; }
:where(.vnab-stats):not(_ _ _ _){ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
:where(.vnab-stat):not(_ _ _ _){ padding: 22px 16px; border-radius: 14px; background: rgba(255,255,255,.6); text-align: center; }
:where(.vnab-stat b):not(_ _ _ _ _){ display: block; font-size: clamp(24px, 1.4vw + 10px, 32px); line-height: 1.05; font-weight: 700; letter-spacing: -.05em; color: var(--ink); }
:where(.vnab-stat span):not(_ _ _ _ _){ display: block; margin-top: 8px; font-size: 13.5px; line-height: 1.35; color: var(--muted); }

/* 10 close */
:where(.vnab-close):not(_ _ _ _){ background: var(--dark); color: var(--on-dark); padding: 0; }
:where(.vnab-close .vnab-split):not(_ _ _ _ _ _){ min-height: 480px; }
:where(.vnab-close .vnab-txt):not(_ _ _ _ _ _){ max-width: calc(640px + var(--gut)); padding-top: 64px; padding-bottom: 64px; }
:where(.vnab-close .vnab-lab):not(_ _ _ _ _ _){ color: #E4B34A; }
:where(.vnab-close .vnab-h2):not(_ _ _ _ _ _){ color: var(--on-dark); }
:where(.vnab-close .vnab-lead):not(_ _ _ _ _ _){ color: var(--on-dark); opacity: .85; }
:where(.vnab-close .vnab-media):not(_ _ _ _ _ _){ height: 100%; min-height: 460px; border-radius: 999px 0 0 999px; background: #3A2008; }
:where(.vnab-ctas):not(_ _ _ _){ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

@media (max-width: 1099px){
  :where(.vnab-stats):not(_ _ _ _){ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :where(.vnab-stepl):not(_ _ _ _){ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 899px){
  :where(.vnab-hero):not(_ _ _ _){ min-height: 520px; align-items: flex-end; }
  :where(.vnab-hero-veil):not(_ _ _ _){ background: linear-gradient(0deg, rgba(43,23,5,.92) 0, rgba(43,23,5,.6) 55%, rgba(43,23,5,.2) 100%); }
  :where(.vnab-hero .vnab-in):not(_ _ _ _ _ _){ padding-top: 160px; padding-bottom: 48px; }
  :where(.vnab-hero-p):not(_ _ _ _){ font-size: 16.5px; }
  :where(.vnab-welcome):not(_ _ _ _),:where(.vnab-make):not(_ _ _ _){ padding: 64px 0; }
  :where(.vnab-origin):not(_ _ _ _),:where(.vnab-col):not(_ _ _ _){ padding: 64px 0; }
  :where(.vnab-why):not(_ _ _ _),:where(.vnab-steps):not(_ _ _ _),:where(.vnab-venom):not(_ _ _ _){ padding-bottom: 64px; }
  :where(.vnab-split):not(_ _ _ _),:where(.vnab-note):not(_ _ _ _){ grid-template-columns: minmax(0, 1fr); }
  :where(.vnab-media):not(_ _ _ _),:where(.vnab-split.vnab-r .vnab-media):not(_ _ _ _ _ _ _ _){ order: 0; height: 260px; margin-right: var(--gut); border-radius: 0 160px 160px 0; }
  :where(.vnab-split.vnab-r .vnab-media):not(_ _ _ _ _ _ _ _){ margin: 0 0 0 var(--gut); border-radius: 160px 0 0 160px; }
  :where(.vnab-txt):not(_ _ _ _),:where(.vnab-split.vnab-r .vnab-txt):not(_ _ _ _ _ _ _ _){ max-width: none; justify-self: stretch; padding: 0 var(--gut); }
  :where(.vnab-steps-head):not(_ _ _ _){ margin-bottom: 24px; }
  :where(.vnab-stepl):not(_ _ _ _){ grid-template-columns: minmax(0, 1fr); gap: 12px; }
  :where(.vnab-step):not(_ _ _ _){ display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; padding: 20px 18px; }
  :where(.vnab-step .vnab-n):not(_ _ _ _ _ _){ grid-row: span 2; width: 44px; height: 44px; font-size: 20px; }
  :where(.vnab-step h3):not(_ _ _ _ _){ margin-top: 2px; }
  :where(.vnab-feats):not(_ _ _ _),:where(.vnab-cards):not(_ _ _ _){ grid-template-columns: minmax(0, 1fr); }
  :where(.vnab-note):not(_ _ _ _){ padding: 28px 22px; }
  :where(.vnab-stats):not(_ _ _ _){ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  :where(.vnab-close .vnab-split):not(_ _ _ _ _ _){ min-height: 0; padding-bottom: 8px; }
  :where(.vnab-close .vnab-txt):not(_ _ _ _ _ _){ padding-top: 32px; padding-bottom: 48px; }
  :where(.vnab-close .vnab-media):not(_ _ _ _ _ _){ min-height: 0; height: 280px; margin: 0 0 0 var(--gut); border-radius: 160px 0 0 160px; }
  :where(.vnab-btn):not(_ _ _ _),:where(.vnab-btn2):not(_ _ _ _){ width: 100%; }
  :where(.vnab-card .vnab-btn):not(_ _ _ _ _ _){ align-self: stretch; }
}
@media (prefers-reduced-motion: reduce){
  :where(.vnab *):not(_ _ _ _){ transition: none; }
}


/* full-width page wrapper: block themes add margins / a max width to blocks (stronger than the weak rules above) */
.vnpage.vnab.alignfull { width: auto; max-width: none; margin-block: 0; }