:root{--navy:#0c2233;--navy-2:#123b58;--ink:#14222d;--muted:#62727c;--gold:#c99a45;--gold-light:#e3c27e;--soft:#f3f6f7;--cream:#f7f4ee;--white:#fff;--line:#dbe3e7;--shadow:0 18px 50px rgba(12,34,51,.12);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img,video{max-width:100%}button,input,textarea{font:inherit}
.global-header{position:fixed;z-index:20;top:0;left:0;right:0;height:80px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;gap:32px;color:#fff;background:linear-gradient(180deg,rgba(4,16,25,.7),rgba(4,16,25,0));transition:background .25s,color .25s,box-shadow .25s,backdrop-filter .25s}
.global-header.scrolled,.global-header.menu-open{color:var(--ink);background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(15,34,47,.1);backdrop-filter:blur(14px)}
.logo-lockup{display:flex;align-items:center;gap:11px;min-width:max-content}.logo-mark{width:43px;height:43px;border:1px solid currentColor;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.05rem;font-weight:700}.logo-text{display:flex;flex-direction:column;line-height:1.05}.logo-text strong{font-family:Georgia,serif;font-size:1.08rem}.logo-text small{font-size:.61rem;letter-spacing:.14em;text-transform:uppercase;margin-top:19px;opacity:.75}
.global-nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:.83rem;font-weight:700}.global-nav a{opacity:.86}.global-nav a:hover{opacity:1}.header-cta{border:1px solid currentColor;padding:11px 16px;font-size:.78rem;font-weight:800}.menu-button{display:none;margin-left:auto;width:42px;height:42px;border:0;background:transparent;padding:9px}.menu-button span{display:block;height:2px;background:currentColor;margin:5px 0}
.hero{position:relative;height:min(74vw,760px);min-height:430px;background:#071721;overflow:hidden}.hero-video,.hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;object-position:center;display:block}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,23,.2),transparent 25%,transparent 78%,rgba(4,15,23,.18));pointer-events:none}
.intro-section{max-width:var(--max);margin:auto;padding:90px 30px 72px;display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end}.kicker{margin:0 0 18px;color:var(--gold);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.intro-section h1,.section-heading h2,.positioning-section h2,.contact-copy h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.035em;line-height:1.03;margin:0}.intro-section h1{font-size:clamp(2.8rem,5.5vw,5.3rem)}.intro-side>p,.section-heading>p,.contact-copy>p{color:var(--muted);line-height:1.75;margin:0}.button-row{display:flex;align-items:center;gap:24px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:0;font-weight:800;font-size:.82rem;cursor:pointer}.button.primary{background:var(--navy);color:#fff}.text-link{font-size:.84rem;font-weight:800}.text-link span{margin-left:6px;color:var(--gold)}
.proof-strip{max-width:var(--max);margin:0 auto 90px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-strip div{padding:25px;border-right:1px solid var(--line)}.proof-strip div:last-child{border-right:0}.proof-strip strong,.proof-strip span{display:block}.proof-strip strong{font-family:Georgia,serif;font-size:1.2rem}.proof-strip span{color:var(--muted);font-size:.79rem;line-height:1.45;margin-top:6px}
.section{padding:100px clamp(22px,6vw,90px)}.soft-section{background:var(--soft)}.section-heading{max-width:var(--max);margin:0 auto 42px;display:flex;justify-content:space-between;gap:60px;align-items:end}.section-heading>div{max-width:800px}.section-heading h2{font-size:clamp(2.5rem,4.5vw,4.6rem)}.section-heading>p{max-width:380px}.compact-heading{align-items:start}.service-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-grid article{background:#fff;padding:30px;min-height:250px;border-top:3px solid transparent;transition:.2s}.service-grid article:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow)}.service-grid span{color:var(--gold);font-size:.72rem;font-weight:900}.service-grid h3,.process-grid h3,.product-grid h3{font-family:Georgia,serif;font-weight:500}.service-grid h3{font-size:1.55rem;margin:45px 0 12px}.service-grid p,.process-grid p,.product-grid p{color:var(--muted);line-height:1.62;margin:0}
.dark-section{background:var(--navy);color:#fff}.light-heading>p{color:#a9bbc6}.light-heading .kicker,.positioning-section .kicker{color:var(--gold-light)}.product-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.12)}.product-grid article{background:var(--navy);padding:26px;min-height:285px;display:flex;flex-direction:column}.product-grid article>span{width:58px;height:58px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-light);font-family:Georgia,serif;font-size:1.3rem}.product-grid h3{font-size:1.35rem;margin:auto 0 10px}.product-grid p{color:#9fb2be}.product-note{max-width:var(--max);margin:24px auto 0;color:#aec0ca;font-size:.82rem}
.process-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid article{padding:34px 28px;border-right:1px solid var(--line)}.process-grid article:last-child{border-right:0}.process-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cream);color:var(--gold);font-size:.78rem}.process-grid h3{font-size:1.35rem;margin:48px 0 10px}.process-grid p{font-size:.9rem}
.positioning-section{padding:90px clamp(22px,7vw,110px);background:linear-gradient(120deg,#0d2b40,#1a4d6c);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.positioning-section h2{font-size:clamp(2.4rem,4.5vw,4.8rem)}.positioning-section>p{margin:0;color:#c2d0d8;line-height:1.8;font-size:1.02rem;max-width:650px}
.founder-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.founder-card{background:var(--cream);display:grid;grid-template-columns:50% 50%;min-height:500px;overflow:hidden}.founder-card img{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center}.founder-copy{padding:36px;align-self:center}.founder-role{margin:0;color:var(--gold);font-size:.68rem;line-height:1.45;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.founder-copy h3{font-family:Georgia,serif;font-size:2.5rem;font-weight:500;margin:11px 0 18px}.founder-copy>p:not(.founder-role){color:var(--muted);line-height:1.7}.expertise{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.expertise span{border:1px solid #d6d0c5;padding:7px 9px;background:rgba(255,255,255,.55);color:#52636d;font-size:.68rem}
.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:100px clamp(22px,7vw,110px);background:#f8fafb}.contact-copy{align-self:center}.contact-copy h2{font-size:clamp(2.6rem,4.7vw,4.8rem);margin-bottom:22px}.contact-details{display:grid;gap:18px;margin-top:30px}.contact-details small,.contact-details a,.contact-details span{display:block}.contact-details small{color:var(--gold);font-size:.67rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px}.contact-form{background:#fff;box-shadow:var(--shadow);padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form label{color:#40535f;font-size:.74rem;font-weight:900}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #d8e1e5;background:#fbfcfc;border-radius:0}.contact-form textarea{resize:vertical}.contact-form .full{grid-column:1/-1}
.mega-footer{padding:52px clamp(22px,6vw,90px) 24px;background:#081923;color:#fff}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand strong{font-family:Georgia,serif;font-size:1.15rem}.footer-brand p{margin:4px 0 0;color:#8ca2af;font-size:.78rem}.footer-links{display:flex;gap:24px;flex-wrap:wrap;margin:34px 0;padding:26px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);color:#b2c1c9;font-size:.84rem}.footer-bottom{display:flex;justify-content:space-between;color:#8297a3;font-size:.76rem}
@media(max-width:1000px){.global-nav{display:none;position:absolute;top:68px;left:12px;right:12px;padding:22px;background:#fff;color:var(--ink);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.global-nav.open{display:flex}.menu-button{display:block}.header-cta{display:none}.global-header{height:68px}.hero{height:min(74vw,650px)}.intro-section{grid-template-columns:1fr;gap:28px;padding-top:70px}.proof-strip{grid-template-columns:1fr 1fr;margin-left:20px;margin-right:20px}.proof-strip div:nth-child(2){border-right:0}.proof-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-heading{align-items:start;flex-direction:column;gap:18px}.service-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process-grid article:nth-child(2){border-right:0}.process-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.positioning-section{grid-template-columns:1fr;gap:25px}.founder-grid{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr}}
@media(max-width:640px){.global-header{padding:0 14px}.logo-mark{width:38px;height:38px}.logo-text strong{font-size:.94rem}.logo-text small{font-size:.55rem}.hero{height:56.25vw;min-height:0;margin-top:0}.hero-video{object-fit:cover;object-position:center}.intro-section{padding:58px 20px 48px}.intro-section h1{font-size:2.75rem}.button-row{align-items:flex-start;flex-direction:column;gap:18px}.proof-strip{grid-template-columns:1fr;margin:0 20px 62px}.proof-strip div{border-right:0;border-bottom:1px solid var(--line)!important}.proof-strip div:last-child{border-bottom:0!important}.section{padding:72px 20px}.section-heading h2,.contact-copy h2{font-size:2.55rem}.service-grid,.product-grid,.process-grid{grid-template-columns:1fr}.service-grid article{min-height:215px}.product-grid article{min-height:215px}.process-grid article{border-right:0;border-bottom:1px solid var(--line)!important}.process-grid article:last-child{border-bottom:0!important}.positioning-section{padding:70px 20px}.founder-card{grid-template-columns:1fr}.founder-card img{height:350px;min-height:350px}.founder-copy{padding:27px}.contact-section{padding:72px 20px;gap:40px}.contact-form{grid-template-columns:1fr;padding:23px}.contact-form .full{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-grid article{transition:none}}

/* Dark navy and gold brand system matched to the hero video */
:root{
  --navy:#061a2a;
  --navy-2:#0a2940;
  --ink:#f3f6f8;
  --muted:#a8bac7;
  --gold:#d4a24c;
  --gold-light:#f0c976;
  --soft:#0a2234;
  --cream:#0d293d;
  --white:#ffffff;
  --line:rgba(176,201,216,.16);
  --shadow:0 22px 60px rgba(0,0,0,.28);
}
body{background:#061a2a;color:var(--ink)}
.global-header{background:linear-gradient(180deg,rgba(3,15,25,.94),rgba(3,15,25,.68) 75%,rgba(3,15,25,0));}
.global-header.scrolled,.global-header.menu-open{color:#fff;background:rgba(4,19,31,.96);box-shadow:0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(16px)}
.logo-mark.logo-image{width:48px;height:48px;border:0;border-radius:8px;object-fit:cover;object-position:center;display:block;box-shadow:0 0 0 1px rgba(212,162,76,.25)}
.logo-text strong{color:#fff}.logo-text small{color:var(--gold-light);opacity:1}
.header-cta{color:var(--gold-light);border-color:var(--gold)}
.header-cta:hover{background:var(--gold);color:#061a2a}
.hero{background:#03131f}
.intro-section,.process-section,.founders-section{background:#061a2a}
.intro-side>p,.section-heading>p,.contact-copy>p,.service-grid p,.process-grid p,.founder-copy>p:not(.founder-role){color:var(--muted)}
.button.primary{background:var(--gold);color:#061a2a}
.button.primary:hover{background:var(--gold-light)}
.text-link{color:#fff}
.proof-strip{border-color:var(--line)}.proof-strip div{border-color:var(--line)}.proof-strip span{color:var(--muted)}
.soft-section{background:#081f31}
.service-grid article{background:#0c2a40;border:1px solid rgba(255,255,255,.055);border-top:3px solid transparent}
.service-grid article:hover{background:#10334c;border-top-color:var(--gold)}
.dark-section{background:#041522}
.product-grid{background:rgba(255,255,255,.1)}
.product-grid article{background:#071d2c}
.product-grid article:hover{background:#0b2a40}
.process-grid{border-color:var(--line)}.process-grid article{border-color:var(--line)}
.process-grid b{background:#0e3048;color:var(--gold-light);border:1px solid rgba(212,162,76,.35)}
.positioning-section{background:linear-gradient(120deg,#071b2a,#0d354f)}
.founder-card{background:#0a2639;border:1px solid rgba(255,255,255,.07)}

.expertise span{border-color:rgba(212,162,76,.28);background:rgba(212,162,76,.08);color:#d2dee5}
.contact-section{background:#081f31}
.contact-form{background:#0b293e;border:1px solid rgba(255,255,255,.08)}
.contact-form label{color:#d7e2e8}
.contact-form input,.contact-form textarea{color:#fff;border-color:rgba(255,255,255,.15);background:#061a2a}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#78909f}
.mega-footer{background:#03111c}
.footer-brand .logo-image{width:52px;height:52px}
@media(max-width:1000px){.global-nav{background:#071d2c;color:#fff;border:1px solid rgba(255,255,255,.08)}}
@media(max-width:640px){.logo-mark.logo-image{width:40px;height:40px}.hero{height:56.25vw}}

/* Embedded motion header: animated image behaves as part of the page and cannot open as a video player. */
.hero-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;object-position:center;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
.hero-video{pointer-events:none}

/* Consolidated product categories */
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:transparent}
.category-grid .product-category{min-height:0;padding:34px;border:1px solid rgba(255,255,255,.09);background:#071d2c}
.category-grid .product-category:hover{background:#0b2a40}
.category-grid .product-category>span{width:auto;height:auto;border:0;display:block;color:var(--gold);font-family:inherit;font-size:.7rem;font-weight:900;letter-spacing:.14em}
.category-grid .product-category h3{font-size:1.8rem;margin:16px 0 12px}
.category-intro{max-width:650px;margin-bottom:24px!important}
.product-category ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:15px}
.product-category li{padding-top:15px;border-top:1px solid rgba(255,255,255,.09)}
.product-category li strong{display:block;color:#fff;font-size:.93rem;margin-bottom:5px}
.product-category li em{display:block;color:#9fb2be;font-size:.8rem;line-height:1.55;font-style:normal}
.other-category{display:flex!important;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#0c2b41,#071d2c)!important}
.other-category p{max-width:540px;font-size:1rem;line-height:1.7}
.category-link{display:inline-flex;align-items:center;gap:9px;width:max-content;margin-top:28px;color:var(--gold-light);font-size:.77rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(212,162,76,.55);padding-bottom:6px}
@media(max-width:760px){.category-grid{grid-template-columns:1fr}.category-grid .product-category{padding:26px}.category-grid .product-category h3{font-size:1.55rem}}


/* Multilingual page navigation */
.language-selector{position:relative;margin-left:auto}
.language-button{border:1px solid rgba(212,162,76,.55);background:rgba(4,19,31,.55);color:#f0c976;padding:9px 12px;font:700 .72rem/1 system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;white-space:nowrap}
.language-menu{display:none;position:absolute;right:0;top:calc(100% + 9px);min-width:155px;padding:7px;background:#071d2c;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.35);z-index:20}
.language-selector.open .language-menu{display:grid}
.language-menu a{display:block;padding:10px 12px;color:#d7e2e8;font-size:.78rem}
.language-menu a:hover,.language-menu a.active{background:rgba(212,162,76,.12);color:#f0c976}
.founders-tagline{max-width:840px;margin:-18px 0 34px;color:var(--gold-light);font-family:Georgia,serif;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.45}
@media(max-width:1000px){.language-selector{margin-left:auto;margin-right:8px}.language-button{padding:8px 9px}.language-menu{right:0}.global-header .header-cta{display:none}}
@media(max-width:640px){.language-button{font-size:.65rem}.language-menu{min-width:145px}.founders-tagline{margin-top:-10px}}


/* Hero copy now begins midway through the moving header, with a readable navy fade. */
.intro-section{
  position:relative;
  z-index:3;
  margin-top:-300px;
  padding-top:92px;
  padding-bottom:78px;
  background:linear-gradient(180deg,rgba(3,19,31,0) 0%,rgba(6,26,42,.72) 24%,#061a2a 62%);
}
.intro-main,.intro-side{position:relative;z-index:1}
@media(max-width:1000px){
  .intro-section{margin-top:-235px;padding-top:78px}
}
@media(max-width:640px){
  .intro-section{margin-top:-92px;padding-top:52px;background:linear-gradient(180deg,rgba(3,19,31,0),rgba(6,26,42,.9) 34%,#061a2a 72%)}
}

/* Natural right-to-left layout for Arabic. */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .global-header{direction:rtl}
html[dir="rtl"] .global-nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .language-selector{margin-left:0;margin-right:0}
html[dir="rtl"] .language-menu{right:auto;left:0;text-align:right}
html[dir="rtl"] .global-nav,
html[dir="rtl"] .button-row,
html[dir="rtl"] .footer-links,
html[dir="rtl"] .footer-brand,
html[dir="rtl"] .logo-lockup{direction:rtl}
html[dir="rtl"] .section-heading,
html[dir="rtl"] .positioning-section,
html[dir="rtl"] .contact-section,
html[dir="rtl"] .founder-card{direction:rtl}
html[dir="rtl"] .kicker,
html[dir="rtl"] .intro-side,
html[dir="rtl"] .section-heading>p,
html[dir="rtl"] .founder-copy,
html[dir="rtl"] .contact-copy,
html[dir="rtl"] .contact-form label{text-align:right}
html[dir="rtl"] .text-link span{display:inline-block;transform:scaleX(-1);margin-left:0;margin-right:6px}
html[dir="rtl"] .proof-strip div,
html[dir="rtl"] .process-grid article{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .proof-strip div:last-child,
html[dir="rtl"] .process-grid article:last-child{border-left:0}
@media(max-width:1000px){
  html[dir="rtl"] .global-nav{align-items:flex-end}
}

/* Subtle premium scroll-in transitions. */
.motion-ready .reveal-item{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.motion-ready .reveal-item.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal-item{opacity:1;transform:none;transition:none}}


/* Supplement detail page */
.detail-button{display:inline-flex;margin-top:1.15rem;align-items:center;gap:.5rem;padding:.62rem .85rem;border:1px solid rgba(211,168,88,.55);border-radius:999px;font-size:.82rem;letter-spacing:.02em}
.detail-page{padding-top:84px;background:#07101c;color:#eef2f5;min-height:100vh}
.detail-hero{min-height:46vh;display:flex;align-items:flex-end;padding:clamp(7rem,12vw,10rem) clamp(1.25rem,6vw,6rem) clamp(3rem,7vw,5.5rem);background:linear-gradient(115deg,rgba(4,10,18,.98),rgba(10,25,40,.9)),url('assets/hero-poster.jpg') center/cover}
.detail-hero>div{max-width:900px}.detail-hero h1{font-size:clamp(2.4rem,6vw,5.4rem);line-height:.98;margin:.45rem 0 1.35rem;max-width:14ch}.detail-hero p:not(.kicker){max-width:760px;color:#c6d0d9;font-size:1.05rem;line-height:1.75}
.supplement-section{background:#f4f0e8;color:#101820}.supplement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.supplement-card{background:#fff;border:1px solid rgba(15,27,39,.1);padding:1.5rem;border-radius:18px;box-shadow:0 10px 28px rgba(7,16,28,.06)}.supplement-card>span{font-size:.75rem;color:#a4772d;letter-spacing:.15em}.supplement-card h2{font-size:1.25rem;margin:.55rem 0 1rem}.supplement-card ul{columns:2;column-gap:2rem;margin:0;padding-left:1.15rem}.supplement-card li{break-inside:avoid;margin:0 0 .55rem;color:#42505b;line-height:1.4}.featured-supplement{background:#0d1b29;color:#fff;border-color:#29415a}.featured-supplement li{color:#cbd5df}.supplement-note{margin-top:1.25rem;padding:1.5rem;border-radius:18px;background:#e8dfcf;display:flex;align-items:center;justify-content:space-between;gap:1rem}.supplement-note p{margin:0;max-width:820px;line-height:1.65}.rtl-page .detail-hero h1{max-width:18ch}.rtl-page .supplement-card ul{padding-right:1.15rem;padding-left:0}
@media(max-width:800px){.detail-page{padding-top:70px}.detail-hero{min-height:42vh;padding:7rem 1.15rem 3rem}.supplement-grid{grid-template-columns:1fr}.supplement-card ul{columns:1}.supplement-note{align-items:flex-start;flex-direction:column}.detail-button{font-size:.78rem}}


/* Founder portraits: wide square image boxes, original desktop height, no face cropping. */
.founder-grid{
  grid-template-columns:1fr;
  gap:24px;
}
.founder-card{
  grid-template-columns:500px minmax(0,1fr);
  height:500px;
  min-height:500px;
  overflow:hidden;
}
.founder-card img{
  display:block;
  width:500px;
  height:500px;
  min-height:0;
  object-fit:cover;
  object-position:center center;
}
@media(max-width:760px){
  .founder-card{
    grid-template-columns:1fr;
    height:auto;
    min-height:0;
  }
  .founder-card img{
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    min-height:0;
    object-fit:cover;
    object-position:center center;
  }
}


/* Final hero layout: full uncropped source video with transparent text overlay. */
.hero{
  position:relative;
  width:100%;
  height:auto;
  min-height:0;
  overflow:hidden;
  background:#000;
}
.hero-video{
  position:relative;
  inset:auto;
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  object-fit:contain;
  object-position:center;
  background:#000;
}
.hero::after{
  display:none;
  content:none;
}
.hero .intro-section{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:100%;
  max-width:var(--max);
  margin:0;
  padding:clamp(28px,5vw,76px) 30px;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:clamp(28px,6vw,90px);
  align-items:end;
  background:transparent;
}
.hero .intro-main,
.hero .intro-side{
  position:relative;
  z-index:1;
}
.hero .intro-section h1,
.hero .intro-section .kicker,
.hero .intro-side>p,
.hero .text-link{
  text-shadow:0 2px 16px rgba(0,0,0,.78),0 1px 3px rgba(0,0,0,.9);
}
.hero .intro-side>p{
  color:#fff;
}
@media(max-width:1000px){
  .hero .intro-section{
    margin:0;
    padding:44px 24px;
    grid-template-columns:1fr;
    gap:18px;
  }
}
@media(max-width:640px){
  .hero .intro-section{
    margin:0;
    padding:22px 18px 20px;
    background:transparent;
    gap:10px;
  }
  .hero .intro-section h1{
    font-size:clamp(1.8rem,8vw,2.75rem);
  }
  .hero .intro-side>p{
    font-size:.82rem;
    line-height:1.45;
  }
  .hero .button-row{
    margin-top:12px;
    gap:12px;
  }
}


/* ===== Rebuilt hero and full-width media-band product layout ===== */

.hero{
  position:relative!important;
  width:100%!important;
  height:900px!important;
  min-height:900px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#06141f!important;
}
.hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#06141f!important;
  pointer-events:none!important;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(3,14,22,.72) 0%,rgba(3,14,22,.34) 48%,rgba(3,14,22,.10) 100%),
    linear-gradient(180deg,rgba(3,14,22,.18) 0%,rgba(3,14,22,.02) 50%,rgba(3,14,22,.80) 100%);
  pointer-events:none;
}
.hero::after{display:none!important;content:none!important}

.hero .intro-section{
  position:absolute!important;
  z-index:2!important;
  top:22%!important;
  left:50%!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  width:100%!important;
  max-width:1180px!important;
  margin:0!important;
  padding:0 34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:clamp(44px,7vw,94px)!important;
  align-items:start!important;
  background:transparent!important;
}
.hero .intro-main h1{
  max-width:720px!important;
  font-size:clamp(3rem,5.2vw,5rem)!important;
  line-height:1.03!important;
  margin:0!important;
}
.hero .intro-side{
  padding-top:42px!important;
}
.hero .intro-side>p{
  line-height:1.65!important;
  margin:0!important;
}
.hero-services-heading{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  bottom:6.5%!important;
  transform:translateX(-50%)!important;
  width:100%!important;
  max-width:1180px!important;
  padding:0 34px!important;
}
.hero-services-heading .section-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:clamp(44px,7vw,94px)!important;
  align-items:end!important;
  margin:0!important;
  padding:0!important;
}
.hero-services-heading h2{
  max-width:720px!important;
  font-size:clamp(2.2rem,4vw,3.8rem)!important;
  line-height:1.05!important;
  margin:0!important;
}
.hero-services-heading .section-heading>p{
  line-height:1.6!important;
  margin:0!important;
}
.hero .intro-section h1,
.hero .intro-section .kicker,
.hero .intro-side>p,
.hero .text-link,
.hero-services-heading h2,
.hero-services-heading p{
  color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.76),0 1px 3px rgba(0,0,0,.9)!important;
}
.hero .kicker,
.hero-services-heading .kicker{color:var(--gold)!important}

.services-cards-only{
  padding-top:72px!important;
}

/* Product cards float above very large media that spans across both columns. */
.category-grid{
  display:block!important;
  padding:0!important;
  background:transparent!important;
}
.product-media-band{
  position:relative;
  min-height:760px;
  margin:0 0 84px;
  overflow:hidden;
  background:#071721;
  isolation:isolate;
}
.product-media-band:last-child{margin-bottom:0}
.factory-band{
  width:calc(100vw - 48px);
  margin-left:calc(50% - 50vw + 24px);
}
.herb-band{
  width:calc(100vw - 24px);
  margin-left:calc(50% - 50vw);
}
.band-video,
.band-image{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  pointer-events:none;
}
.band-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(3,16,25,.55),rgba(3,16,25,.18) 50%,rgba(3,16,25,.50)),
    linear-gradient(180deg,rgba(3,16,25,.20),rgba(3,16,25,.66));
}
.band-card-grid{
  position:relative;
  z-index:2;
  width:min(1180px,calc(100% - 64px));
  min-height:760px;
  margin:0 auto;
  padding:68px 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:48px;
  align-items:center;
}
.band-card-grid .product-category{
  min-height:520px!important;
  padding:42px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(4,18,28,.76),rgba(4,18,28,.90))!important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  box-shadow:0 24px 55px rgba(0,0,0,.28);
}
.band-card-grid .product-category:hover{
  background:linear-gradient(180deg,rgba(7,28,42,.80),rgba(4,18,28,.94))!important;
}
.band-card-grid .product-category h3,
.band-card-grid .product-category .category-intro,
.band-card-grid .product-category li strong,
.band-card-grid .product-category li em,
.band-card-grid .product-category p,
.band-card-grid .product-category .category-link{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72);
}
.band-card-grid .product-category>span{
  color:var(--gold)!important;
}
.band-card-grid .product-category ul{
  margin-top:28px!important;
}
.band-card-grid .other-category{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Prevent iPhone from opening videos as separate players. */
video{
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
.hero-video,
.band-video{
  pointer-events:none!important;
}

@media(max-width:1000px){
  .hero{
    height:980px!important;
    min-height:980px!important;
  }
  .hero .intro-section{
    top:16%!important;
    grid-template-columns:1fr!important;
    gap:15px!important;
    padding:0 24px!important;
  }
  .hero .intro-main h1{
    font-size:clamp(2.5rem,7vw,4rem)!important;
  }
  .hero .intro-side{
    padding-top:0!important;
    max-width:690px!important;
  }
  .hero-services-heading{
    bottom:4.5%!important;
    padding:0 24px!important;
  }
  .hero-services-heading .section-heading{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .product-media-band,
  .factory-band,
  .herb-band{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    min-height:0;
  }
  .band-card-grid{
    width:min(760px,calc(100% - 40px));
    min-height:0;
    padding:54px 0;
    grid-template-columns:1fr;
    gap:30px;
  }
  .band-card-grid .product-category{
    min-height:0!important;
  }
}

@media(max-width:640px){
  .hero{
    height:1040px!important;
    min-height:1040px!important;
  }
  .hero .intro-section{
    top:11%!important;
    padding:0 18px!important;
    gap:11px!important;
  }
  .hero .intro-main h1{
    font-size:clamp(2rem,9vw,2.8rem)!important;
    line-height:1.04!important;
  }
  .hero .intro-side>p{
    font-size:.88rem!important;
    line-height:1.48!important;
  }
  .hero-services-heading{
    bottom:3.3%!important;
    padding:0 18px!important;
  }
  .hero-services-heading h2{
    font-size:clamp(1.72rem,7.3vw,2.4rem)!important;
    line-height:1.05!important;
  }
  .hero-services-heading .section-heading>p{
    font-size:.84rem!important;
    line-height:1.45!important;
  }
  .band-card-grid{
    width:calc(100% - 28px);
    padding:38px 0;
  }
  .band-card-grid .product-category{
    padding:30px!important;
    border-radius:13px!important;
  }
}


/* ===== Final spacing, sizing, numbering, and embedded-video corrections ===== */

/* Desktop hero returns to full-bleed width and uses three non-overlapping text zones. */
.hero{
  position:relative!important;
  width:100%!important;
  height:920px!important;
  min-height:920px!important;
  aspect-ratio:auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:#06141f!important;
}
.hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#06141f!important;
  pointer-events:none!important;
}
.hero .intro-section{
  position:absolute!important;
  top:18%!important;
  left:50%!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  width:100%!important;
  max-width:1180px!important;
  padding:0 34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:clamp(44px,7vw,94px)!important;
  align-items:start!important;
}
.hero .intro-main h1{
  max-width:710px!important;
  font-size:clamp(2.85rem,4.8vw,4.7rem)!important;
  line-height:1.02!important;
  margin:0!important;
}
.hero .intro-side{
  padding-top:34px!important;
}
.hero-services-heading{
  position:absolute!important;
  left:50%!important;
  bottom:5.5%!important;
  transform:translateX(-50%)!important;
  width:100%!important;
  max-width:1180px!important;
  padding:0 34px!important;
}
.hero-services-heading .section-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:clamp(44px,7vw,94px)!important;
  align-items:end!important;
}
.hero-services-heading h2{
  max-width:690px!important;
  font-size:clamp(2rem,3.55vw,3.45rem)!important;
  line-height:1.04!important;
  margin:0!important;
}
.hero-services-heading .section-heading>p{
  margin:0!important;
  line-height:1.58!important;
}

/* Larger, uniform cards. */
.band-card-grid{
  width:min(1280px,calc(100% - 72px))!important;
  min-height:860px!important;
  padding:78px 0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:56px!important;
  align-items:stretch!important;
}
.band-card-grid .product-category{
  min-height:610px!important;
  height:100%!important;
  padding:48px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.band-card-grid .product-category ul{
  margin-top:34px!important;
}
.band-card-grid .other-category{
  justify-content:center!important;
}

/* Full media shown without top/bottom cropping. */
.product-media-band{
  min-height:860px!important;
}
.band-video,
.band-image{
  object-fit:contain!important;
  object-position:center center!important;
  background:#071721!important;
}
.factory-band,
.herb-band{
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
}

/* Inline video behavior: video itself never receives taps or native fullscreen triggers. */
.hero-video,
.band-video{
  pointer-events:none!important;
  touch-action:none!important;
}
video::-webkit-media-controls,
video::-webkit-media-controls-enclosure,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button{
  display:none!important;
  -webkit-appearance:none!important;
}

@media(max-width:1000px){
  .hero{
    height:1040px!important;
    min-height:1040px!important;
  }
  .hero-video{
    object-fit:contain!important;
  }
  .hero .intro-section{
    top:12%!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:0 24px!important;
  }
  .hero .intro-main h1{
    font-size:clamp(2.45rem,7vw,3.9rem)!important;
    max-width:760px!important;
  }
  .hero .intro-side{
    padding-top:0!important;
    max-width:680px!important;
  }
  .hero-services-heading{
    bottom:4%!important;
    padding:0 24px!important;
  }
  .hero-services-heading .section-heading{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .band-card-grid{
    width:min(820px,calc(100% - 36px))!important;
    min-height:0!important;
    padding:54px 0!important;
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  .band-card-grid .product-category{
    min-height:520px!important;
  }
  .product-media-band{
    min-height:0!important;
  }
}

@media(max-width:640px){
  .hero{
    height:1080px!important;
    min-height:1080px!important;
  }
  .hero .intro-section{
    top:8.5%!important;
    padding:0 18px!important;
  }
  .hero .intro-main h1{
    font-size:clamp(2rem,9vw,2.75rem)!important;
    line-height:1.04!important;
  }
  .hero .intro-side>p{
    font-size:.88rem!important;
    line-height:1.46!important;
  }
  .hero-services-heading{
    bottom:3%!important;
    padding:0 18px!important;
  }
  .hero-services-heading h2{
    font-size:clamp(1.7rem,7.2vw,2.35rem)!important;
  }
  .hero-services-heading .section-heading>p{
    font-size:.83rem!important;
  }
  .band-card-grid{
    width:calc(100% - 24px)!important;
    padding:36px 0!important;
  }
  .band-card-grid .product-category{
    min-height:500px!important;
    padding:30px!important;
  }
}


/* ===== Final media-fit correction ===== */

/* Always show the complete factory video and herb image on desktop. */
@media(min-width:1001px){
  .product-media-band{
    min-height:860px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#071721!important;
  }

  .band-video,
  .band-image{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#071721!important;
  }

  .factory-band .band-video,
  .herb-band .band-image{
    object-fit:contain!important;
  }
}

/* Keep box 04 text aligned to the top like the other product boxes. */
.band-card-grid .other-category{
  justify-content:flex-start!important;
  align-items:stretch!important;
}


/* ===== True full-width, uncropped desktop media ===== */
@media(min-width:1001px){
  .category-grid{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    padding:0!important;
    overflow:visible!important;
  }

  .product-media-band,
  .factory-band,
  .herb-band{
    position:relative!important;
    width:100vw!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden!important;
    min-height:0!important;
    height:auto!important;
    display:block!important;
    background:#071721!important;
  }

  .factory-band{
    aspect-ratio:1664 / 1244!important;
  }

  .herb-band{
    aspect-ratio:1200 / 896!important;
  }

  .band-video,
  .band-image{
    position:absolute!important;
    inset:0!important;
    transform:none!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#071721!important;
  }

  .band-card-grid{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    width:min(1320px,calc(100% - 96px))!important;
    min-height:0!important;
    height:100%!important;
    margin:0 auto!important;
    padding:7% 0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:64px!important;
    align-items:stretch!important;
  }

  .band-card-grid .product-category{
    min-height:0!important;
    height:100%!important;
    padding:52px!important;
  }

  .band-card-grid .other-category{
    justify-content:flex-start!important;
  }
}


/* ===== 75%-width product media and full uncropped hero ===== */

/* Top hero: use the video's exact aspect ratio so no part is cut off. */
.hero{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1664 / 1244!important;
  margin-left:calc(50% - 50vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#06141f!important;
}
.hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#06141f!important;
}

/* Product media begins at the far left and extends to about 75% of desktop width. */
@media(min-width:1001px){
  .category-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .product-media-band,
  .factory-band,
  .herb-band{
    position:relative!important;
    width:75vw!important;
    max-width:75vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:auto!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    background:#071721!important;
  }

  .factory-band{
    aspect-ratio:1664 / 1244!important;
  }

  .herb-band{
    aspect-ratio:1200 / 896!important;
  }

  .band-video,
  .band-image{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:left center!important;
    background:#071721!important;
  }

  .band-card-grid{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    width:calc(100% - 64px)!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:6% 32px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:36px!important;
    align-items:center!important;
  }

  .band-card-grid .product-category{
    height:auto!important;
    min-height:440px!important;
    padding:40px!important;
  }

  .band-card-grid .product-category ul{
    margin-top:24px!important;
  }
}

/* Keep the layout responsive on smaller screens. */
@media(max-width:1000px){
  .hero{
    width:100%!important;
    margin-left:0!important;
    aspect-ratio:auto!important;
    min-height:1040px!important;
  }

  .product-media-band,
  .factory-band,
  .herb-band{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
  }
}

/* Requested layout refinements */

/* Lower hero text to center of globe */
.hero .intro-section{
  top:42%!important;
  transform:translate(-50%,-50%)!important;
}
.hero .intro-side{padding-top:0!important;align-self:center!important;}
.hero-services-heading{bottom:3%!important;}

/* Keep all four cards identical and centered */
.band-card-grid{
  width:1100px!important;
  max-width:calc(100% - 80px)!important;
  margin:0 auto!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  inset:auto!important;
  top:50%!important;
  height:auto!important;
  min-height:0!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:42px!important;
}
.band-card-grid .product-category,
.band-card-grid .other-category{
  min-height:500px!important;
  height:500px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}

/* Make background media about 60% width while cards stay centered */
.factory-band,
.herb-band{
  width:60vw!important;
  max-width:60vw!important;
}
.factory-band{
  margin-left:calc(50% - 50vw)!important;
}
.herb-band{
  margin-left:40vw!important; /* starts from right side */
}

/* Pan directions */
.factory-band .band-video{
  object-position:left center!important;
}
.herb-band .band-image{
  object-position:right center!important;
}

/* Lower hero intro to globe center */
.hero .intro-section{
 top:50%!important;
 transform:translate(-50%,-50%)!important;
}
.hero .intro-main,.hero .intro-side{
 align-self:center!important;
}

/* Stable centered 2x2 grid independent of media */
.product-media-band{position:relative!important;}
.band-card-grid{
 position:absolute!important;
 top:50%!important;
 left:50%!important;
 transform:translate(-50%,-50%)!important;
 width:min(1120px,calc(100% - 80px))!important;
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 grid-template-rows:1fr!important;
 gap:40px!important;
 z-index:5!important;
}
.band-card-grid>*{
 display:flex!important;
 visibility:visible!important;
 opacity:1!important;
}
.band-card-grid .product-category,
.band-card-grid .other-category{
 height:500px!important;
 min-height:500px!important;
 justify-content:flex-start!important;
}


/* ===== Uniform cards centered on the desktop viewport ===== */
@media(min-width:1001px){

  /* Keep the existing media dimensions and positions unchanged,
     but allow the centered cards to extend beyond the 60% media area. */
  .product-media-band,
  .factory-band,
  .herb-band{
    overflow:visible!important;
  }

  /* Center each two-card row on the full desktop viewport,
     independently from the left/right media placement. */
  .factory-band .band-card-grid{
    left:50vw!important;
  }

  .herb-band .band-card-grid{
    left:10vw!important;
  }

  .band-card-grid{
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:min(1180px,calc(100vw - 96px))!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:44px!important;
    align-items:stretch!important;
  }

  /* All four cards use the same dimensions and contain their text. */
  .band-card-grid .product-category,
  .band-card-grid .other-category{
    box-sizing:border-box!important;
    width:100%!important;
    height:620px!important;
    min-height:620px!important;
    max-height:620px!important;
    padding:42px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  .band-card-grid .product-category h3{
    font-size:clamp(1.55rem,2vw,2.15rem)!important;
    line-height:1.12!important;
    margin-bottom:14px!important;
  }

  .band-card-grid .product-category .category-intro{
    font-size:.98rem!important;
    line-height:1.48!important;
    margin-bottom:18px!important;
  }

  .band-card-grid .product-category ul{
    margin:18px 0 0!important;
    padding:0!important;
    flex:1 1 auto!important;
  }

  .band-card-grid .product-category li{
    margin-bottom:12px!important;
    line-height:1.4!important;
  }

  .band-card-grid .product-category li strong{
    font-size:1rem!important;
    line-height:1.3!important;
  }

  .band-card-grid .product-category li em{
    font-size:.9rem!important;
    line-height:1.35!important;
  }

  .band-card-grid .product-category .category-link{
    margin-top:auto!important;
    padding-top:18px!important;
  }
}

/* On narrower screens, let cards grow naturally so translated text never escapes. */
@media(max-width:1000px){
  .band-card-grid .product-category,
  .band-card-grid .other-category{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* Final polish */
.hero .intro-side{
  padding-top:48px!important;
  align-self:start!important;
}
.hero .intro-side ul,
.hero .intro-side .feature-list{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}
.hero .intro-side li{
  display:flex!important;
  align-items:flex-start!important;
  line-height:1.55!important;
  font-size:1.02rem!important;
}
.hero .intro-side li strong,
.hero .intro-side .feature-title{
  display:inline-block!important;
  min-width:185px!important;
  font-weight:700!important;
}

/* Lower hero text block further */
.hero .intro-section{
  top:58%!important;
  transform:translate(-50%,-50%)!important;
}
.hero .intro-main,
.hero .intro-side{
  align-self:center!important;
}
.hero .intro-side{
  padding-top:22px!important;
}


/* ===== Final desktop card containment and complete iPhone product layout ===== */

.inline-video-canvas{
  display:none;
}

/* Desktop: enlarge all four cards uniformly so the longest Metals text fits. */
@media(min-width:1001px){
  .band-card-grid .product-category,
  .band-card-grid .other-category{
    height:690px!important;
    min-height:690px!important;
    max-height:690px!important;
    padding:40px!important;
    overflow:hidden!important;
  }

  .band-card-grid .product-category h3{
    font-size:clamp(1.45rem,1.85vw,2rem)!important;
    margin-bottom:12px!important;
  }

  .band-card-grid .product-category .category-intro{
    font-size:.94rem!important;
    line-height:1.42!important;
    margin-bottom:14px!important;
  }

  .band-card-grid .product-category ul{
    margin-top:14px!important;
  }

  .band-card-grid .product-category li{
    margin-bottom:9px!important;
    line-height:1.32!important;
  }

  .band-card-grid .product-category li strong{
    font-size:.96rem!important;
  }

  .band-card-grid .product-category li em{
    font-size:.85rem!important;
    line-height:1.28!important;
  }
}

/* iPhone/tablet: keep both media bands and all four boxes visible in normal flow. */
@media(max-width:1000px){
  .category-grid{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .product-media-band,
  .factory-band,
  .herb-band{
    position:relative!important;
    display:block!important;
    width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0 0 44px calc(50% - 50vw)!important;
    padding:42px 0!important;
    overflow:hidden!important;
    background:#071721!important;
  }

  .band-image,
  .band-canvas{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    z-index:0!important;
    display:block!important;
  }

  .factory-band .band-canvas{
    object-position:left center!important;
  }

  .herb-band .band-image{
    object-position:right center!important;
  }

  .band-shade{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
  }

  .band-card-grid,
  .factory-band .band-card-grid,
  .herb-band .band-card-grid{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:2!important;
    width:calc(100% - 28px)!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:24px!important;
    align-items:stretch!important;
  }

  .band-card-grid .product-category,
  .band-card-grid .other-category{
    box-sizing:border-box!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:30px!important;
    margin:0!important;
    overflow:visible!important;
    justify-content:flex-start!important;
  }

  .band-card-grid .product-category h3{
    font-size:1.65rem!important;
    line-height:1.12!important;
  }

  .band-card-grid .product-category li{
    margin-bottom:12px!important;
  }

  /* Render video frames inside canvas so iOS cannot launch a separate player. */
  .hero-canvas,
  .band-canvas{
    display:block!important;
    pointer-events:none!important;
  }

  .hero-video,
  .band-video{
    position:absolute!important;
    width:2px!important;
    height:2px!important;
    left:-10px!important;
    top:-10px!important;
    opacity:.001!important;
    pointer-events:none!important;
    z-index:-10!important;
  }

  .hero-canvas{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:0!important;
    background:#06141f!important;
  }

  .hero::before{
    z-index:1!important;
  }

  .hero .intro-section,
  .hero-services-heading{
    z-index:2!important;
  }
}

@media(max-width:640px){
  .product-media-band,
  .factory-band,
  .herb-band{
    padding:28px 0!important;
    margin-bottom:34px!important;
  }

  .band-card-grid{
    width:calc(100% - 20px)!important;
    gap:18px!important;
  }

  .band-card-grid .product-category,
  .band-card-grid .other-category{
    padding:25px!important;
  }
}


/* iPhone hero adjustment: move content higher and keep video inline */
@media(max-width:640px){
  .hero{
    min-height:850px!important;
    height:850px!important;
  }

  .hero .intro-section{
    top:6%!important;
    transform:translateX(-50%)!important;
    gap:10px!important;
  }

  .hero-services-heading{
    bottom:4%!important;
  }

  .hero-video{
    pointer-events:none!important;
  }
}

/* Keep videos as page elements, not native standalone players */
video{
  -webkit-appearance:none!important;
}

video::-webkit-media-controls-fullscreen-button,
video::-webkit-media-controls-start-playback-button{
  display:none!important;
}

/* Final founder portrait correction: preserve the original 1:1 proportions. */
.founder-card img {
  width: 500px !important;
  height: 500px !important;
  min-width: 500px !important;
  min-height: 500px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width: 760px) {
  .founder-card img {
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
  }
}


/* ===== FINAL MOBILE PORTRAIT VIDEO PLACEMENT =====
   Applies only to narrow portrait phones. Desktop/tablet layouts are unchanged. */
@media (max-width: 640px) and (orientation: portrait) {
  /* First video: directly below the main “Practical execution” headline. */
  .hero {
    height: 920px !important;
    min-height: 920px !important;
    overflow: hidden !important;
  }

  .hero .hero-canvas {
    inset: auto !important;
    top: 245px !important;
    left: 0 !important;
    width: 100% !important;
    height: 355px !important;
    z-index: 0 !important;
    background: #06141f !important;
  }

  .hero::before {
    inset: 245px 0 auto 0 !important;
    height: 355px !important;
    z-index: 1 !important;
    background:
      linear-gradient(180deg, rgba(3,14,22,.05) 0%, rgba(3,14,22,.10) 50%, rgba(3,14,22,.88) 100%) !important;
  }

  .hero .intro-section {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 34px 18px 0 !important;
    transform: none !important;
    display: block !important;
  }

  .hero .intro-main {
    position: relative !important;
    z-index: 3 !important;
  }

  .hero .intro-section h1 {
    margin: 8px 0 0 !important;
    font-size: clamp(2rem, 9vw, 2.75rem) !important;
    line-height: 1.02 !important;
  }

  /* “We help international businesses…” sits over the lower portion of video. */
  .hero .intro-side {
    position: absolute !important;
    top: 475px !important;
    left: 70px !important;
    right: 18px !important;
    z-index: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .hero .intro-side > p {
    margin: 0 !important;
    color: #fff !important;
    font-size: .86rem !important;
    line-height: 1.45 !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.95) !important;
  }

  .hero .button-row {
    margin-top: 18px !important;
  }

  .hero-services-heading {
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 28px !important;
    z-index: 3 !important;
  }

  /* Second factory video: positioned with the Core product areas heading. */
  #products {
    padding-top: 0 !important;
  }

  #products > .section-heading {
    position: relative !important;
    z-index: 4 !important;
    min-height: 300px !important;
    margin: 0 0 -300px !important;
    padding: 34px 18px 28px !important;
    box-sizing: border-box !important;
    display: block !important;
    background: linear-gradient(180deg, rgba(3,14,22,.80) 0%, rgba(3,14,22,.18) 55%, rgba(3,14,22,.78) 100%) !important;
  }

  #products > .section-heading h2 {
    font-size: 2.35rem !important;
    line-height: 1.04 !important;
    margin-bottom: 14px !important;
  }

  #products > .section-heading > p {
    color: rgba(255,255,255,.92) !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.9) !important;
  }

  #products .factory-band {
    position: relative !important;
    padding-top: 330px !important;
  }

  #products .factory-band .band-canvas {
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: 300px !important;
    z-index: 0 !important;
  }

  #products .factory-band .band-shade {
    inset: 0 0 auto 0 !important;
    height: 300px !important;
  }

  #products .factory-band .band-card-grid {
    position: relative !important;
    z-index: 2 !important;
  }

  /* Never allow the real video nodes to receive taps. Canvas supplies visuals. */
  .hero-video,
  .band-video {
    pointer-events: none !important;
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }
}

/* ===== MOBILE PORTRAIT LIVE VIDEO CORRECTION =====
   Use the actual muted inline video elements so motion remains live.
   Narrow portrait phones only; desktop/tablet are unchanged. */
@media (max-width: 640px) and (orientation: portrait) {
  .hero {
    height: 885px !important;
    min-height: 885px !important;
  }

  .hero-canvas,
  .band-canvas {
    display: none !important;
  }

  .hero .hero-video {
    display: block !important;
    position: absolute !important;
    top: 205px !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 355px !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    pointer-events: none !important;
  }

  .hero::before {
    inset: 205px 0 auto 0 !important;
    height: 355px !important;
  }

  .hero .intro-side {
    top: 410px !important;
  }

  #products .factory-band .band-video {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 300px !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    pointer-events: none !important;
  }
}

/* ===== FINAL IPHONE HERO: MOVING CANVAS, NEVER A NATIVE POP-UP =====
   Portrait phones only. The hidden muted video supplies frames to a canvas;
   the canvas remains behind the text and cannot open a media player. */
@media (max-width: 640px) and (orientation: portrait) {
  .hero {
    height: 865px !important;
    min-height: 865px !important;
  }

  .hero .hero-canvas {
    display: block !important;
    position: absolute !important;
    inset: auto !important;
    top: 185px !important;
    left: 0 !important;
    width: 100% !important;
    height: 355px !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 0 !important;
    pointer-events: none !important;
    touch-action: none !important;
    background: #06141f !important;
  }

  .hero .hero-video {
    display: block !important;
    position: fixed !important;
    top: -20px !important;
    left: -20px !important;
    width: 2px !important;
    height: 2px !important;
    opacity: 0.001 !important;
    visibility: visible !important;
    z-index: -9999 !important;
    pointer-events: none !important;
    touch-action: none !important;
  }

  .hero::before {
    inset: 185px 0 auto 0 !important;
    height: 355px !important;
  }

  .hero .intro-side {
    top: 390px !important;
  }
}

/* ===== FINAL MOBILE PORTRAIT: LIVE INLINE VIDEOS + LOWER HERO COPY ===== */
@media (max-width: 640px) and (orientation: portrait) {
  .hero {
    height: 900px !important;
    min-height: 900px !important;
    overflow: hidden !important;
  }

  /* Use the real moving video. Canvas experiments are disabled. */
  .hero-canvas,
  .band-canvas {
    display: none !important;
  }

  .hero .hero-video {
    display: block !important;
    position: absolute !important;
    top: 175px !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 355px !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    pointer-events: none !important;
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  .hero::before {
    inset: 175px 0 auto 0 !important;
    height: 355px !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(3,14,22,.04) 0%, rgba(3,14,22,.12) 48%, rgba(3,14,22,.82) 100%) !important;
  }

  /* Lower the paragraph so its final line reaches the bottom edge of the video. */
  .hero .intro-side {
    position: absolute !important;
    top: 405px !important;
    left: 70px !important;
    right: 18px !important;
    z-index: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .hero .intro-side > p {
    margin: 0 !important;
    font-size: .86rem !important;
    line-height: 1.42 !important;
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.95) !important;
  }

  /* Quote button begins immediately below the 530px video bottom. */
  .hero .button-row {
    margin-top: 12px !important;
    gap: 12px !important;
  }

  .hero .button-row .button.primary {
    position: relative !important;
    z-index: 4 !important;
  }

  .hero-services-heading {
    bottom: 22px !important;
  }

  /* Keep the already-approved factory-video placement, but ensure it is live. */
  #products .factory-band .band-video {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 300px !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    pointer-events: none !important;
    touch-action: none !important;
  }
}


/* ===== DEFINITIVE MOBILE HERO MOTION FIX =====
   On portrait phones, use a looping animated WebP for the top hero.
   This preserves motion behind the text without invoking the iPhone video player.
   Desktop and tablet continue to use the original high-quality MP4. */
.hero-mobile-motion {
  display: none;
}

@media (max-width: 640px) and (orientation: portrait) {
  .hero {
    height: 900px !important;
    min-height: 900px !important;
    overflow: hidden !important;
  }

  .hero .hero-video,
  .hero .hero-canvas {
    display: none !important;
  }

  .hero .hero-mobile-motion {
    display: block !important;
    position: absolute !important;
    top: 168px !important;
    left: 0 !important;
    width: 100% !important;
    height: 355px !important;
    object-fit: cover !important;
    object-position: center center !important;
    z-index: 0 !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
  }

  .hero::before {
    inset: 168px 0 auto 0 !important;
    height: 355px !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(3,14,22,.04) 0%, rgba(3,14,22,.12) 48%, rgba(3,14,22,.82) 100%) !important;
  }

  .hero .intro-side {
    top: 398px !important;
  }
}


/* ===== MOBILE PORTRAIT NO-POPUP MOTION — FINAL OVERRIDE =====
   Animated images provide smooth motion on iPhone without invoking the native
   player. Desktop and tablet continue to use the original MP4 files. */
.factory-mobile-motion { display: none; }

@media (max-width: 640px) and (orientation: portrait) {
  /* Top motion: full source speed, fixed behind the hero copy. */
  .hero .hero-video,
  .hero .hero-canvas {
    display: none !important;
  }

  .hero .hero-mobile-motion {
    display: block !important;
    position: absolute !important;
    top: 168px !important;
    left: 0 !important;
    width: 100% !important;
    height: 355px !important;
    object-fit: cover !important;
    object-position: center center !important;
    z-index: 0 !important;
    pointer-events: none !important;
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
  }

  /* Position the hero copy lower on the screen in mobile portrait view. */
  .hero .intro-side {
    top: 473px !important;
  }

  /* Bottom motion: animated image prevents the factory clip from popping open. */
  #products .factory-band .band-video,
  #products .factory-band .band-canvas {
    display: none !important;
  }

  #products .factory-band .factory-mobile-motion {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    object-position: center center !important;
    z-index: 0 !important;
    pointer-events: none !important;
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
  }
}

/* ===== MOBILE PORTRAIT SERVICES COPY — SHIFT RIGHT ONLY ===== */
@media (max-width: 640px) and (orientation: portrait) {
  .hero-services-heading {
    left: 42px !important;
    right: 10px !important;
  }
}

/* ===== MOBILE PORTRAIT HERO COPY — CENTER ALL TEXT ===== */
@media (max-width: 640px) and (orientation: portrait) {
  .hero .intro-main,
  .hero .intro-side,
  .hero-services-heading,
  .hero-services-heading .section-heading,
  .hero-services-heading .section-heading > div {
    text-align: center !important;
  }

  .hero .intro-side {
    left: 18px !important;
    right: 18px !important;
  }

  .hero-services-heading {
    left: 18px !important;
    right: 18px !important;
  }

  .hero .button-row {
    justify-content: center !important;
    align-items: center !important;
  }
}

/* ===== FINAL MOBILE PORTRAIT SERVICES HEADING CENTERING ===== */
@media (max-width: 640px) and (orientation: portrait) {
  .hero-services-heading {
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .hero-services-heading .section-heading {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    justify-items: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .hero-services-heading .section-heading > div,
  .hero-services-heading h2,
  .hero-services-heading .section-heading > p {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}