GEXAUZ v2.8.3 — masonry portfolio, clean products archive, theme-only FAQ,
   CSS-grid product hero, custom video control, content-height footer.
   ======================================================================== */
:root{
  --gex-accent:var(--lime);
  --gex-accent-soft:var(--lime-dim);
  --gex-surface:#fff;
  --gex-surface-2:#f5f5f7;
  --gex-ink:var(--ink);
}

/* Portfolio / Masonry gallery: home + archive only; project single is untouched. */
body.home .projects .gex-masonry-projects,
.gexauz-portfolio-archive .gex-masonry-projects{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:clamp(120px,11vw,170px)!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
body.home .projects .gex-masonry-projects .proj-card,
.gexauz-portfolio-archive .gex-masonry-projects .proj-card{
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:var(--gex-surface)!important;
}
body.home .projects .gex-masonry-projects .proj-card:nth-child(1),
.gexauz-portfolio-archive .gex-masonry-projects .proj-card:nth-child(1){grid-column:span 2!important;grid-row:span 3!important}
body.home .projects .gex-masonry-projects .proj-card:nth-child(2),
.gexauz-portfolio-archive .gex-masonry-projects .proj-card:nth-child(2){grid-row:span 3!important}
body.home .projects .gex-masonry-projects .proj-card:nth-child(3),
.gexauz-portfolio-archive .gex-masonry-projects .proj-card:nth-child(3){grid-row:span 2!important}
body.home .projects .gex-masonry-projects .proj-card:nth-child(4),
.gexauz-portfolio-archive .gex-masonry-projects .proj-card:nth-child(4){grid-row:span 1!important}
body.home .projects .gex-masonry-projects .proj-card:nth-child(n+5),
.gexauz-portfolio-archive .gex-masonry-projects .proj-card:nth-child(n+5){grid-row:span 1!important}
body.home .projects .gex-masonry-projects .project-link,
.gexauz-portfolio-archive .gex-masonry-projects .portfolio-link{
  display:block!important;width:100%!important;height:100%!important;position:relative!important;overflow:hidden!important;background:#ddd!important;
}
body.home .projects .gex-masonry-projects .proj-thumb,
.gexauz-portfolio-archive .gex-masonry-projects .proj-thumb{
  width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important;border-radius:0!important;overflow:hidden!important;background:#ddd!important;
}
body.home .projects .gex-masonry-projects .proj-thumb img,
.gexauz-portfolio-archive .gex-masonry-projects .proj-thumb img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .7s cubic-bezier(.22,1,.36,1)!important;
}
body.home .projects .gex-masonry-projects .proj-card:hover .proj-thumb img,
.gexauz-portfolio-archive .gex-masonry-projects .proj-card:hover .proj-thumb img{transform:scale(1.045)!important}
body.home .projects .gex-masonry-projects .proj-name,
.gexauz-portfolio-archive .gex-masonry-projects .gexauz-portfolio-card-v2 .gexauz-portfolio-card-copy{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:3!important;padding:42px 18px 16px!important;
  color:#fff!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.76))!important;
}
body.home .projects .gex-masonry-projects .proj-name{font-size:18px!important;font-weight:700!important;line-height:1.15!important}
body.home .projects .gex-masonry-projects .proj-tag{display:block!important;margin-top:5px!important;color:rgba(255,255,255,.72)!important;font-size:10px!important}
.gexauz-portfolio-archive{padding-top:110px!important;padding-bottom:90px!important}
.gexauz-portfolio-archive .gex-masonry-projects .gexauz-portfolio-card-copy{position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:48px 18px 17px!important}
.gexauz-portfolio-archive .gex-masonry-projects .gexauz-portfolio-card-copy .proj-name{font-size:19px!important;font-weight:750!important;color:#fff!important}
.gexauz-portfolio-archive .gex-masonry-projects .gexauz-portfolio-card-copy p{margin:5px 0 0!important;color:rgba(255,255,255,.72)!important;font-size:12px!important;line-height:1.4!important}
.gexauz-portfolio-archive .gex-masonry-projects .gexauz-portfolio-tags{display:none!important}

/* Homepage products: editorial rows without the old View product link. */
body.home .gex-home-product-row{grid-template-columns:105px minmax(300px,1fr) minmax(380px,1.05fr)!important}
body.home .gex-home-product-visual{grid-column:3!important}
body.home .gex-home-product-row:hover .gex-home-product-visual img{transform:scale(1.025)!important}
@media(max-width:1000px){body.home .gex-home-product-row{grid-template-columns:70px minmax(0,1fr) minmax(260px,.85fr)!important}}
@media(max-width:760px){body.home .gex-home-product-row{grid-template-columns:48px minmax(0,1fr)!important}body.home .gex-home-product-visual{grid-column:1/-1!important}}

/* Product archive: clean, aligned editorial list inspired by the supplied reference. */
.gexauz-product-archive{background:#fff!important;padding:110px 0 96px!important}
.gexauz-product-archive-inner{max-width:1250px!important}
.gexauz-product-archive .eyebrow{color:var(--gex-accent)!important}
.gexauz-product-archive .section-title{font-size:clamp(48px,6vw,78px)!important;line-height:.95!important;letter-spacing:-.06em!important;margin:10px 0 14px!important;color:var(--gex-ink)!important}
.gexauz-archive-intro{max-width:620px!important;margin:0 0 42px!important;color:var(--muted)!important;font-size:17px!important;line-height:1.55!important}
.gexauz-product-grid-one-column{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.gexauz-product-grid-one-column .gexauz-product-card{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
.gexauz-product-grid-one-column .gexauz-product-card:last-child{border-bottom:1px solid var(--line)!important}
.gexauz-product-grid-one-column .gexauz-product-card-link{display:grid!important;grid-template-columns:82px minmax(0,1fr) minmax(300px,.9fr)!important;gap:28px!important;align-items:center!important;padding:28px 0!important}
.gexauz-product-grid-one-column .gexauz-product-thumb{grid-column:3!important;grid-row:1!important;width:100%!important;height:190px!important;aspect-ratio:auto!important;border-radius:18px!important;background:#f2f3f5!important;overflow:hidden!important}
.gexauz-product-grid-one-column .gexauz-product-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.gexauz-product-grid-one-column .gexauz-product-card-body{grid-column:2!important;grid-row:1!important;padding:0!important;min-width:0!important}
.gexauz-product-grid-one-column .gexauz-product-card-body::before{content:counter(gex-product-row,decimal-leading-zero);counter-increment:gex-product-row;display:block!important;color:#7d8797!important;font-size:16px!important;font-weight:700!important;margin-bottom:25px!important}
.gexauz-product-grid-one-column{counter-reset:gex-product-row!important}
.gexauz-product-grid-one-column .gexauz-product-card-body h2{font-size:clamp(27px,2.5vw,38px)!important;line-height:1!important;letter-spacing:-.045em!important;color:var(--gex-ink)!important;margin:0 0 10px!important}
.gexauz-product-grid-one-column .gexauz-product-card-body p{max-width:560px!important;color:var(--muted)!important;font-size:14px!important;line-height:1.55!important;margin:0!important}
.gexauz-product-grid-one-column .gexauz-product-card-arrow{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-top:18px!important;color:var(--gex-accent)!important;font-size:13px!important;font-weight:700!important}
.gexauz-product-grid-one-column .gexauz-product-card-link:hover .gexauz-product-thumb img{transform:scale(1.025)!important}
@media(max-width:760px){
  .gexauz-product-archive{padding:70px 0 72px!important}
  .gexauz-product-grid-one-column .gexauz-product-card-link{grid-template-columns:48px minmax(0,1fr)!important;gap:8px 14px!important;padding:24px 0!important}
  .gexauz-product-grid-one-column .gexauz-product-card-body{grid-column:2!important;grid-row:1!important}
  .gexauz-product-grid-one-column .gexauz-product-thumb{grid-column:1/-1!important;grid-row:2!important;height:205px!important;margin-top:5px!important}
  .gexauz-product-grid-one-column .gexauz-product-card-body::before{margin-bottom:16px!important;font-size:13px!important}
}

/* FAQ: same reference structure, but every accent uses the GEXAUZ theme color. */
.home-faq.gex-common-faq{background:var(--gex-surface-2)!important}
.home-faq.gex-common-faq .home-faq-intro .eyebrow{color:var(--gex-ink)!important}
.gex-faq-dot-mark{background:var(--gex-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--gex-accent) 12%,transparent)!important}
.gex-faq-call-btn{background:var(--gex-accent)!important;box-shadow:0 9px 24px color-mix(in srgb,var(--gex-accent) 18%,transparent)!important}
.home-faq.gex-common-faq .home-faq-item[open] .gex-faq-chevron-svg{color:var(--gex-accent)!important}
.home-faq.gex-common-faq .home-faq-item[open] .home-faq-chevron{color:var(--gex-accent)!important}
.home-faq.gex-common-faq .home-faq-item[open] .home-faq-answer{border-top:1px solid color-mix(in srgb,var(--gex-accent) 10%,transparent)!important}

/* Product single hero: CSS grid + glow, no image background required. */
.gex-product-detail .product-hero-final{min-height:760px!important;padding:96px 0 76px!important;background:#08060f!important;text-align:center!important}
.product-hero-final-bg{background:
  radial-gradient(ellipse at 50% 92%,color-mix(in srgb,var(--gex-accent) 88%,transparent),transparent 35%),
  radial-gradient(ellipse at 50% 105%,color-mix(in srgb,var(--gex-accent-soft) 40%,transparent),transparent 58%),
  linear-gradient(180deg,#07050d 0%,#090612 58%,#08060f 100%)!important}
.product-hero-final-grid{position:absolute!important;inset:0!important;z-index:1!important;opacity:.34!important;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px)!important;background-size:56px 56px!important;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 86%)!important}
.product-hero-final-inner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:38px!important;min-height:0!important;text-align:center!important;position:relative!important;z-index:3!important}
.product-hero-final-copy{max-width:900px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.product-hero-final-news{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 12px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.78)!important;font-size:12px!important}
.product-hero-final-news b{color:#fff!important;font-weight:750!important}
.product-hero-final-kicker{margin:22px 0 0!important;color:var(--gex-accent-soft)!important}
.product-hero-final-copy h1{max-width:850px!important;margin:14px auto 0!important;font-size:clamp(50px,7vw,92px)!important;line-height:.92!important;letter-spacing:-.065em!important;color:#fff!important}
.product-hero-final-copy>p{max-width:700px!important;margin:24px auto 0!important;color:rgba(255,255,255,.66)!important;font-size:17px!important;line-height:1.55!important}
.product-hero-final-tags{justify-content:center!important;margin-top:20px!important;margin-bottom:0!important}
.product-hero-final-actions{justify-content:center!important;margin-top:22px!important}
.product-hero-final-visual{width:min(920px,100%)!important;min-height:0!important;display:block!important}
.product-hero-video-frame{aspect-ratio:16/9!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 34px 100px rgba(0,0,0,.46),0 0 80px color-mix(in srgb,var(--gex-accent) 18%,transparent)!important;background:#050409!important}
.product-hero-video-frame::before{display:none!important}
.product-hero-video-shade{background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.38))!important;z-index:2!important}
.product-hero-video-label{display:none!important}
.product-video-toggle{position:absolute!important;right:18px!important;bottom:18px!important;z-index:7!important;width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;background:rgba(0,0,0,.55)!important;color:#fff!important;display:grid!important;place-items:center!important;cursor:pointer!important;backdrop-filter:blur(10px)!important;transition:transform .2s ease,background .2s ease!important}
.product-video-toggle:hover{transform:scale(1.06)!important;background:color-mix(in srgb,var(--gex-accent) 78%,#000)!important}
.product-video-toggle-icon{font-size:13px!important;line-height:1!important;letter-spacing:-2px!important}
@media(max-width:760px){
 .gex-product-detail .product-hero-final{min-height:0!important;padding:72px 0 58px!important}
 .product-hero-final-inner{gap:28px!important}
 .product-hero-final-copy h1{font-size:clamp(44px,13vw,64px)!important}
 .product-hero-final-copy>p{font-size:15px!important}
 .product-hero-final-tags span{font-size:10px!important}
 .product-hero-video-frame{aspect-ratio:16/10!important;border-radius:18px!important}
 .product-video-toggle{right:12px!important;bottom:12px!important;width:40px!important;height:40px!important}
}

/* Global CTA: CSS-only theme gradient; no image background. */
.site-global-cta{min-height:0!important;height:auto!important;padding:clamp(100px,11vw,150px) 20px!important;background-color:#0d0718!important;background-image:
 linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
 radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--gex-accent) 75%,transparent),transparent 52%),
 radial-gradient(circle at 50% 8%,color-mix(in srgb,var(--gex-accent-soft) 25%,transparent),transparent 36%)!important;background-size:58px 58px,58px 58px,auto,auto!important}
.site-global-cta h2{color:#fff!important}
.site-global-cta-tag{color:rgba(255,255,255,.8)!important;border-color:color-mix(in srgb,var(--gex-accent) 45%,rgba(255,255,255,.2))!important}
.site-global-cta-tag span{background:var(--gex-accent)!important}
.site-global-cta::before,.site-global-cta::after{border-color:color-mix(in srgb,var(--gex-accent) 45%,transparent)!important}

/* Footer: menu columns remain completely content-height driven at every breakpoint. */
.gexauz-footer,.site-wide-footer.gexauz-footer,.gexauz-footer-widgets,.gexauz-footer-widgets>*{height:auto!important;min-height:0!important;max-height:none!important}
.gexauz-footer-widgets{align-items:start!important;grid-auto-rows:auto!important}
@media(max-width:760px){.gexauz-footer-widgets{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;grid-auto-rows:auto!important}.gexauz-footer-widgets .footer-widget-column{height:auto!important;min-height:0!important;overflow:visible!important}.gexauz-footer-widgets .widget{height:auto!important;min-height:0!important}}

/* Service cards: clean responsive grid with stable image/copy alignment. */
body.home .gex-home-services-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:20px!important}
body.home .gex-home-service-card{height:100%!important}
body.home .gex-home-service-link{height:100%!important;display:flex!important;flex-direction:column!important}
body.home .gex-home-service-image{aspect-ratio:16/10!important;height:auto!important;flex:0 0 auto!important}
body.home .gex-home-service-card h3{min-height:2.05em!important}
body.home .gex-home-service-card p{min-height:3.1em!important}
@media(max-width:1000px){body.home .gex-home-services-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body.home .gex-home-services-cards{grid-template-columns:1fr!important}.gex-home-service-card h3,.gex-home-service-card p{min-height:0!important}}