:root{
  --navy:#020914;--navy2:#06121f;--gold:#d7a555;--gold2:#f1cc85;--gold3:#9f6b29;--cream:#f5f0e8;--muted:#b5bbc1;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",system-ui,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#02070d;color:#fff;font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;top:-80px;left:12px;z-index:999;background:var(--gold2);color:#111;padding:9px 13px;border-radius:7px}.skip-link:focus{top:12px}

.showcase{min-height:1072px;position:relative;background:#02070d url("/assets/brand/beg-home-background.jpg") center top/100% auto no-repeat;isolation:isolate;overflow:hidden}
.showcase::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(2,7,13,.02) 0%,rgba(2,7,13,.00) 48%,rgba(2,7,13,.12) 64%,#02070d 100%)}
.site-header{height:82px;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(2,7,13,.83),rgba(2,7,13,.67));backdrop-filter:blur(8px)}
.nav-shell{height:100%;width:min(1378px,calc(100% - 72px));margin:auto;display:flex;align-items:center;gap:26px}.parent-logo{width:305px;height:72px;display:flex;align-items:center;overflow:hidden;text-decoration:none}.parent-logo img{width:305px;height:auto;mix-blend-mode:screen}.primary-nav{margin-left:auto;display:flex;gap:38px;align-items:center}.primary-nav a{position:relative;text-decoration:none;font-family:var(--serif);font-weight:500;font-size:18px;color:#f3f0ec;padding:28px 0 25px}.primary-nav a:hover,.primary-nav a.active{color:var(--gold2)}.primary-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--gold2)}
.search-icon{width:34px;height:34px;display:grid;place-items:center;margin-left:6px;text-decoration:none}.search-icon span{width:17px;height:17px;border:1.8px solid #f3f0ec;border-radius:50%;position:relative}.search-icon span::after{content:"";width:7px;height:1.8px;background:#f3f0ec;position:absolute;right:-5px;bottom:-3px;transform:rotate(45deg);transform-origin:left center}.menu-toggle{display:none}

.hero{height:586px}.hero-shell{width:min(1378px,calc(100% - 120px));height:100%;margin:auto;display:flex;align-items:flex-start}.hero-copy{width:630px;padding-top:86px}.eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 20px;color:#ddbd79;text-transform:uppercase;font:600 11px/1 var(--sans);letter-spacing:.28em}.eyebrow i{display:block;width:70px;height:1px;background:linear-gradient(90deg,var(--gold2),transparent)}
.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(62px,5.6vw,86px);line-height:.90;letter-spacing:-.035em;margin:0 0 24px;text-shadow:0 7px 25px rgba(0,0,0,.30)}.hero h1 span,.hero h1 em{display:block}.hero h1 span{color:#f4f0e9}.hero h1 em{color:#e5b867;font-style:normal}.lede{font-family:var(--serif);font-size:21px;line-height:1.40;color:#ece7df;margin:0 0 27px;text-shadow:0 3px 15px rgba(0,0,0,.5)}
.hero-actions{display:flex;gap:20px}.btn{height:54px;border-radius:7px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;gap:17px;text-decoration:none;font:700 18px/1 var(--serif);transition:.2s ease}.btn b{font-family:var(--sans);font-weight:400}.btn:hover{transform:translateY(-2px)}.btn-gold{color:#14100b;background:linear-gradient(135deg,#f0cf8b,#c9903c);box-shadow:0 8px 24px rgba(187,126,43,.22),inset 0 1px rgba(255,255,255,.6)}.btn-outline{color:#ebc77f;border:1px solid rgba(236,192,109,.72);background:rgba(3,10,17,.66)}

.portfolio{height:404px;position:relative}.portfolio-shell{width:min(1400px,calc(100% - 66px));margin:auto}.world-label{display:flex;align-items:center;justify-content:center;gap:18px;color:#d9d5cd;text-transform:uppercase;font:500 11px/1 var(--serif);letter-spacing:.34em;margin:0 auto 8px}.world-label i{width:73px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.world-label i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.portfolio h2{text-align:center;font:600 clamp(38px,3.3vw,50px)/1 var(--serif);letter-spacing:-.015em;margin:0;color:#f7f3ec}.portfolio-subtitle{text-align:center;font:500 17px/1.25 var(--serif);color:#c0c1c2;margin:8px 0 14px}
.brand-rail-wrap{position:relative}.brand-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 0 12px;scrollbar-width:none}.brand-rail::-webkit-scrollbar{display:none}.brand-card{scroll-snap-align:start;height:246px;border:1px solid rgba(207,171,104,.28);border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#08121e,#050b12);box-shadow:0 12px 30px rgba(0,0,0,.28);transition:transform .22s ease,border-color .22s ease}.brand-card:hover{transform:translateY(-3px);border-color:rgba(233,192,110,.56)}.brand-art{height:151px;overflow:hidden;background:#030810;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.04)}.brand-art img{width:100%;height:100%;object-fit:cover}.brand-art.art-entertainment img{object-fit:cover;object-position:center 42%;transform:scale(1.02)}.brand-art.art-ai img{object-fit:cover;object-position:center 42%}.brand-art.light-art{background:#f4f0e6}.brand-art.light-art img{object-fit:cover}
.card-copy{height:95px;display:grid;grid-template-columns:42px 1fr 38px;gap:10px;align-items:center;padding:10px 13px 11px 15px;background:linear-gradient(180deg,rgba(4,10,17,.97),#040a11)}.card-copy.no-icon{grid-template-columns:1fr 38px;padding-left:19px}.card-text h3{font:600 17px/1.05 var(--serif);margin:0 0 3px;color:#f2eee7}.card-text p{font:500 13px/1.18 var(--serif);margin:0;color:#c9c4bd}.card-arrow{width:34px;height:34px;border:1px solid #bb8437;border-radius:50%;display:grid;place-items:center;color:#dfb766;text-decoration:none;font-size:18px}.card-arrow:hover{background:rgba(215,165,85,.12)}.card-icon{width:38px;height:38px;color:#d7a555;display:grid;place-items:center;position:relative}.theater{display:flex;align-items:center;justify-content:center;font-size:17px;letter-spacing:-5px}.leaf span{width:18px;height:25px;border:2px solid #d7a555;border-radius:100% 0 100% 0;transform:rotate(-36deg)}.leaf span::after{content:"";position:absolute;width:2px;height:24px;background:#d7a555;transform:rotate(36deg);left:18px;top:8px}.bars{display:flex;align-items:end;gap:3px;padding:7px}.bars span{display:block;width:5px;border:1px solid #d7a555}.bars span:nth-child(1){height:11px}.bars span:nth-child(2){height:18px}.bars span:nth-child(3){height:26px}.route span,.cross span{font-size:22px}.rail-button{position:absolute;z-index:5;top:102px;width:35px;height:35px;border-radius:50%;border:1px solid rgba(214,169,84,.58);background:rgba(3,9,15,.86);color:#e3bd76;font-size:24px;line-height:1;display:grid;place-items:center;opacity:0;transition:.2s}.brand-rail-wrap:hover .rail-button{opacity:1}.rail-prev{left:-16px}.rail-next{right:-16px}.scroll-hint{text-align:right;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#72808d;margin:1px 2px 0}.scroll-hint span{color:#b7975c}

.content-section{padding:100px 0;border-top:1px solid rgba(255,255,255,.05)}.content-shell{width:min(1220px,calc(100% - 48px));margin:auto}.two-col{display:grid;grid-template-columns:1fr .88fr;gap:90px}.section-kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.24em;font-size:10px;color:var(--gold2)}.content-section h2{font:600 clamp(44px,5vw,68px)/.98 var(--serif);margin:0;letter-spacing:-.02em}.content-section h2 em{font-style:normal;color:var(--gold2)}.about-section{background:linear-gradient(135deg,#07131f,#0b1a29)}.body-copy{font:500 19px/1.55 var(--serif);color:#c4ccd4}.services-section{background:#050d16}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid rgba(215,165,85,.22);border-bottom:1px solid rgba(215,165,85,.22)}.service-grid>div{min-height:210px;padding:28px 22px;border-right:1px solid rgba(215,165,85,.22)}.service-grid>div:last-child{border-right:0}.service-grid b{color:var(--gold);font:500 16px var(--serif)}.service-grid h3{font:600 24px/1.05 var(--serif);margin:24px 0 10px}.service-grid p{font-size:13px;line-height:1.5;color:#929da8}.projects-section{background:#08131f}.project-links{border-top:1px solid rgba(215,165,85,.22)}.project-links a{display:grid;grid-template-columns:1fr auto;gap:3px;padding:17px 0;border-bottom:1px solid rgba(215,165,85,.22);text-decoration:none}.project-links span{grid-column:1;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}.project-links strong{grid-column:1;font:600 24px var(--serif)}.project-links b{grid-column:2;grid-row:1/3;align-self:center;color:var(--gold2)}.contact-section{background:linear-gradient(180deg,#06111c,#03090f)}.contact-links{display:grid;border-top:1px solid rgba(215,165,85,.22)}.contact-links a{padding:17px 0;border-bottom:1px solid rgba(215,165,85,.22);display:flex;justify-content:space-between;text-decoration:none;font:600 19px var(--serif)}.contact-links span{color:var(--gold)}.site-footer{padding:24px 0;background:#02070c;border-top:1px solid rgba(255,255,255,.06);color:#77828c;font-size:11px}.footer-shell{width:min(1220px,calc(100% - 48px));margin:auto;display:flex;justify-content:space-between;gap:20px}.footer-shell a{color:#b5975d;text-decoration:none}

@media(max-width:1100px){.nav-shell{width:calc(100% - 34px)}.parent-logo{width:255px}.parent-logo img{width:255px}.primary-nav{gap:23px}.showcase{min-height:1060px;background-size:auto 840px;background-position:60% top}.hero-shell{width:calc(100% - 54px)}.hero-copy{width:57vw}.brand-rail{grid-auto-columns:calc((100% - 20px)/2.2)}.service-grid{grid-template-columns:1fr 1fr}.service-grid>div:nth-child(2){border-right:0}.service-grid>div:nth-child(n+3){border-top:1px solid rgba(215,165,85,.22)}}
@media(max-width:820px){.site-header{height:74px}.parent-logo{width:225px;height:64px}.parent-logo img{width:225px}.search-icon{display:none}.menu-toggle{display:grid;place-content:center;gap:5px;width:44px;height:40px;margin-left:auto;border:1px solid rgba(213,168,82,.25);border-radius:8px;background:rgba(255,255,255,.02)}.menu-toggle span{display:block;width:21px;height:1px;background:#dfbd79}.primary-nav{display:none;position:absolute;z-index:50;top:70px;left:14px;right:14px;flex-direction:column;align-items:stretch;gap:0;padding:9px;border:1px solid rgba(213,168,82,.2);border-radius:10px;background:rgba(3,10,17,.98);box-shadow:0 24px 60px rgba(0,0,0,.45)}.primary-nav.open{display:flex}.primary-nav a{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.primary-nav a.active::after{display:none}.showcase{min-height:1160px;background-size:auto 790px;background-position:62% top}.hero{height:650px}.hero-shell{width:calc(100% - 34px)}.hero-copy{padding-top:105px;width:67vw}.hero h1{font-size:60px}.lede{font-size:18px}.desktop-break{display:none}.portfolio-shell{width:calc(100% - 30px)}.brand-rail{grid-auto-columns:72%}.two-col{grid-template-columns:1fr;gap:38px}}
@media(max-width:600px){.showcase{min-height:1280px;background-size:auto 700px;background-position:66% 70px}.site-header{background:rgba(2,7,13,.88)}.parent-logo{width:200px}.parent-logo img{width:200px}.hero{height:720px}.hero-shell{align-items:flex-end}.hero-copy{width:100%;padding:330px 0 72px}.eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:14px}.eyebrow i{width:37px}.hero h1{font-size:clamp(49px,14vw,66px);margin-bottom:19px}.lede{font-size:17px;line-height:1.42}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.btn{width:100%}.portfolio{height:480px}.portfolio h2{font-size:38px}.portfolio-subtitle{font-size:15px;padding:0 12px}.brand-rail{grid-auto-columns:87%}.rail-button{display:none}.scroll-hint{text-align:center}.content-section{padding:72px 0}.content-shell{width:calc(100% - 30px)}.service-grid{grid-template-columns:1fr}.service-grid>div{border-right:0!important;border-top:1px solid rgba(215,165,85,.22)}.service-grid>div:first-child{border-top:0}.footer-shell{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* =========================================================
   V4.1 MOBILE HERO FIX
   Keeps the approved desktop composition while preventing
   hero copy from overlapping the globe/B artwork on phones.
   ========================================================= */

@media (max-width: 820px) {
  .showcase{
    min-height:auto;
    background:#02070d;
    position:relative;
    isolation:isolate;
  }

  /* Dedicated mobile artwork layer */
  .showcase::before{
    content:"";
    position:absolute;
    z-index:-3;
    top:74px;
    left:0;
    right:0;
    height:610px;
    background-image:url("/assets/brand/beg-home-background.jpg");
    background-repeat:no-repeat;
    background-size:auto 610px;
    background-position:62% 0;
    pointer-events:none;
  }

  /* Fade the artwork into a clean dark text field */
  .showcase::after{
    z-index:-2;
    background:
      linear-gradient(
        180deg,
        rgba(2,7,13,.02) 0%,
        rgba(2,7,13,.08) 30%,
        rgba(2,7,13,.48) 43%,
        rgba(2,7,13,.90) 54%,
        rgba(2,7,13,.99) 65%,
        #02070d 78%,
        #02070d 100%
      );
  }

  .hero{
    height:790px;
    position:relative;
  }

  /* Additional local fade directly behind the words */
  .hero::after{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    right:0;
    bottom:0;
    height:455px;
    background:
      linear-gradient(
        180deg,
        rgba(2,7,13,0) 0%,
        rgba(2,7,13,.72) 16%,
        rgba(2,7,13,.96) 32%,
        #02070d 57%,
        #02070d 100%
      );
    pointer-events:none;
  }

  .hero-shell{
    width:calc(100% - 34px);
    height:100%;
    align-items:flex-end;
    position:relative;
    z-index:1;
  }

  .hero-copy{
    width:min(100%,590px);
    padding:0 0 46px;
    margin:0;
  }

  .hero h1{
    font-size:clamp(50px,9vw,62px);
    line-height:.91;
    max-width:620px;
  }

  .lede{
    max-width:570px;
    font-size:17px;
    line-height:1.42;
  }

  .portfolio{
    height:auto;
    min-height:480px;
    padding-bottom:24px;
    background:#02070d;
  }
}

@media (max-width: 600px) {
  .site-header{
    height:70px;
    background:rgba(2,7,13,.94);
    backdrop-filter:blur(10px);
  }

  .nav-shell{
    width:calc(100% - 20px);
  }

  .parent-logo{
    width:188px;
    height:60px;
  }

  .parent-logo img{
    width:188px;
  }

  .showcase::before{
    top:70px;
    height:505px;
    background-size:auto 505px;
    background-position:60% 0;
  }

  .showcase::after{
    background:
      linear-gradient(
        180deg,
        rgba(2,7,13,.02) 0%,
        rgba(2,7,13,.06) 27%,
        rgba(2,7,13,.56) 40%,
        rgba(2,7,13,.94) 50%,
        #02070d 61%,
        #02070d 100%
      );
  }

  .hero{
    height:780px;
  }

  .hero::after{
    height:470px;
    background:
      linear-gradient(
        180deg,
        rgba(2,7,13,0) 0%,
        rgba(2,7,13,.78) 12%,
        rgba(2,7,13,.97) 27%,
        #02070d 49%,
        #02070d 100%
      );
  }

  .hero-shell{
    width:calc(100% - 30px);
  }

  .hero-copy{
    width:100%;
    padding:0 0 38px;
  }

  .eyebrow{
    font-size:8.5px;
    letter-spacing:.17em;
    gap:11px;
    margin-bottom:13px;
  }

  .eyebrow i{
    width:34px;
  }

  .hero h1{
    font-size:clamp(43px,11.7vw,53px);
    line-height:.91;
    letter-spacing:-.03em;
    margin-bottom:17px;
    max-width:100%;
  }

  .lede{
    font-size:16px;
    line-height:1.38;
    margin-bottom:20px;
    max-width:100%;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .btn{
    width:100%;
    height:49px;
    min-width:0;
    padding:0 13px;
    gap:9px;
    font-size:15.5px;
    white-space:nowrap;
  }

  .portfolio{
    min-height:505px;
    padding:8px 0 28px;
  }

  .portfolio-shell{
    width:calc(100% - 24px);
  }

  .world-label{
    font-size:9px;
    gap:11px;
    margin-bottom:8px;
  }

  .world-label i{
    width:42px;
  }

  .portfolio h2{
    font-size:clamp(31px,9vw,38px);
    line-height:1.02;
    padding:0 4px;
  }

  .portfolio-subtitle{
    font-size:14px;
    line-height:1.25;
    padding:0 8px;
    margin-bottom:13px;
  }

  .brand-rail{
    grid-auto-columns:88%;
  }

  .brand-card{
    height:245px;
  }

  .scroll-hint{
    font-size:8px;
    margin-top:4px;
  }
}

@media (max-width: 390px) {
  .parent-logo,
  .parent-logo img{
    width:174px;
  }

  .showcase::before{
    height:475px;
    background-size:auto 475px;
    background-position:60% 0;
  }

  .hero{
    height:770px;
  }

  .hero h1{
    font-size:42px;
  }

  .lede{
    font-size:15.3px;
  }

  .btn{
    font-size:14px;
    padding:0 9px;
  }

  .portfolio h2{
    font-size:30px;
  }
}

@media (max-width: 350px) {
  .hero-actions{
    grid-template-columns:1fr;
  }
  .hero{
    height:825px;
  }
}


/* =========================================================
   V4.2 — CAROUSEL, SUBSIDIARY LOGOS & NAVIGATION
   ========================================================= */

/* Anchor destinations stay visible below the fixed/sticky header. */
#about,#brands,#services,#projects,#contact{scroll-margin-top:90px}

/* Let the portfolio grow with its cards instead of clipping them. */
.portfolio{
  height:auto;
  min-height:455px;
  padding-bottom:34px;
  overflow:visible;
}
.brand-rail-wrap{
  overflow:visible;
  padding-bottom:4px;
}
.brand-rail{
  align-items:stretch;
  padding:2px 2px 24px;
  overflow-x:auto;
  overflow-y:visible;
}
.brand-card{
  height:auto;
  min-height:286px;
  overflow:hidden;
}
.brand-art{
  height:178px;
  padding:0;
}
.brand-art img,
.brand-art.art-entertainment img,
.brand-art.art-ai img,
.brand-art.light-art img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:none;
}
.brand-art,
.brand-art.art-entertainment,
.brand-art.art-ai{
  background:#030810;
}
.brand-art.light-art{
  background:#f4f0e6;
}
.card-copy,
.card-copy.no-icon{
  min-height:106px;
  height:auto;
}
.scroll-hint{
  margin-top:0;
  padding-bottom:2px;
}

/* Each lower-page subsidiary section now carries its actual brand. */
.subsidiary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:45px;
  border:0;
}
.subsidiary-grid .subsidiary-service{
  min-height:350px;
  padding:0;
  border:1px solid rgba(215,165,85,.22);
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(180deg,#08131f,#050c14);
}
.service-logo{
  height:175px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#071019;
  border-bottom:1px solid rgba(215,165,85,.15);
}
.service-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.service-logo.light-logo{background:#f4f0e6}
.service-copy{padding:22px 22px 24px}
.subsidiary-grid .service-copy b{
  color:var(--gold);
  font:500 15px var(--serif);
}
.subsidiary-grid .service-copy h3{
  margin:8px 0 9px;
  font:600 25px/1.05 var(--serif);
}
.subsidiary-grid .service-copy p{
  margin:0;
  color:#9ca7b2;
  font-size:13px;
  line-height:1.5;
}

/* Projects show the logo of the subsidiary responsible for the project. */
.project-links a{
  grid-template-columns:58px 1fr auto;
  column-gap:14px;
  align-items:center;
}
.project-logo{
  grid-column:1;
  grid-row:1/3;
  width:54px;
  height:54px;
  object-fit:contain;
  border-radius:8px;
  background:#030810;
  border:1px solid rgba(215,165,85,.18);
}
.project-links span{grid-column:2}
.project-links strong{grid-column:2}
.project-links b{grid-column:3;grid-row:1/3}

/* Contact routes also identify the subsidiary visually. */
.contact-brand{
  display:flex;
  align-items:center;
  gap:13px;
}
.contact-brand img{
  width:48px;
  height:38px;
  object-fit:contain;
  border-radius:6px;
  background:#030810;
}
.contact-all img{background:transparent}

/* Mobile menu links are full-width tap targets. */
@media(max-width:820px){
  .primary-nav a{
    display:block;
    width:100%;
    min-height:46px;
    line-height:20px;
  }
  .portfolio{
    min-height:590px;
    padding-bottom:38px;
  }
  .brand-card{min-height:308px}
  .brand-art{height:194px}
  .card-copy,.card-copy.no-icon{min-height:112px}
  .subsidiary-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .portfolio{
    min-height:620px;
    padding-bottom:42px;
  }
  .brand-rail{
    padding-bottom:30px;
  }
  .brand-card{
    height:auto;
    min-height:322px;
  }
  .brand-art{
    height:205px;
  }
  .card-copy,.card-copy.no-icon{
    min-height:115px;
  }
  .subsidiary-grid{
    grid-template-columns:1fr;
  }
  .subsidiary-grid .subsidiary-service{
    min-height:0;
  }
  .service-logo{
    height:210px;
  }
  .project-links a{
    grid-template-columns:52px 1fr auto;
  }
  .project-logo{
    width:48px;
    height:48px;
  }
  .contact-brand img{
    width:42px;
    height:34px;
  }
}

/* V4.3 reliable menu fix */
html{scroll-behavior:smooth;scroll-padding-top:88px}
.site-header{position:sticky;top:0;z-index:2000;isolation:isolate}
.primary-nav,.primary-nav a,.menu-toggle,.search-icon{pointer-events:auto;touch-action:manipulation}
.primary-nav a{cursor:pointer;-webkit-tap-highlight-color:rgba(241,204,133,.16)}
#top,#about,#brands,#services,#projects,#contact{scroll-margin-top:88px}
@media(max-width:820px){
  .site-header{position:sticky;top:0;z-index:3000}
  .primary-nav{z-index:3100}
  .primary-nav.open{display:flex;pointer-events:auto}
  .primary-nav a{position:relative;z-index:3101;min-height:50px;display:flex;align-items:center;padding:14px 16px;touch-action:manipulation}
  .menu-toggle{position:relative;z-index:3200}
}