/* Final Squadvert header behavior overrides. Loaded after styles.css to beat old cached/conflicting rules. */
.nav{
  position:absolute!important;
  top:12px!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:1000!important;
}
.floating-menu-trigger{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:880px){
  html::after{display:none!important;content:none!important}
  .nav .menu-button,
  button.menu-button[aria-controls="megaMenu"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body:not(.menu-open) .plain-hamburger{
    display:flex!important;
    position:absolute!important;
    top:34px!important;
    right:18px!important;
    left:auto!important;
    width:38px!important;
    height:28px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:1001!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .plain-hamburger span{
    display:block!important;
    width:38px!important;
    height:3px!important;
    min-height:3px!important;
    background:#f1f1f1!important;
    border-radius:999px!important;
    box-shadow:0 1px 5px rgba(0,0,0,.75)!important;
    transition:transform .25s ease,opacity .2s ease!important;
    transform-origin:center!important;
  }
  body.menu-open .plain-hamburger{
    display:flex!important;
    position:fixed!important;
    top:34px!important;
    right:18px!important;
    left:auto!important;
    width:38px!important;
    height:28px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:2147483647!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.menu-open .plain-hamburger span:nth-child(1){transform:translateY(12.5px) rotate(45deg)!important}
  body.menu-open .plain-hamburger span:nth-child(2){opacity:0!important}
  body.menu-open .plain-hamburger span:nth-child(3){transform:translateY(-12.5px) rotate(-45deg)!important}
}
@media(max-width:380px){
  body:not(.menu-open) .plain-hamburger,
  body.menu-open .plain-hamburger{right:14px!important;width:34px!important}
  .plain-hamburger span{width:34px!important}
}

/* Mobile stability: remove GPU-heavy decorative effects that can crash mobile browsers mid-scroll */
@media(max-width:880px){
  #field,.grain,.cursor,.page-wipe{display:none!important}
  body::before,body::after,.panel::after,.hero-machine::after,.video-card::after,.case-card::after{display:none!important;content:none!important}
  *,*::before,*::after{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .reveal,.reveal.in-view,body.page-enter main,body.page-leave main,.mega a{
    filter:none!important;
    animation:none!important;
    transition:opacity .18s ease,transform .18s ease!important;
  }
  .hero-machine video,.video-card video,.case-card img,.team-wall img,.awards-loop img{
    filter:none!important;
    transform:none!important;
  }
  .client-cloud{will-change:auto!important}
}

/* Keep a lightweight dark background on mobile; no canvas animation, no white blank viewport */
@media(max-width:880px){
  html,body{background:#090907!important;color:#f1f1f1!important}
  #field[data-static-mobile-bg="true"]{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:-10!important;
    pointer-events:none!important;
    background:radial-gradient(circle at 10% 20%,rgba(212,167,142,.22),transparent 28%),radial-gradient(circle at 90% 10%,rgba(138,123,87,.24),transparent 32%),#090907!important;
  }
}

/* Services cards: prevent large titles from being clipped inside the boxes. */
.rooms a{
  justify-content:flex-start!important;
  gap:28px!important;
  overflow:visible!important;
  min-width:0!important;
}
.rooms b{
  display:block!important;
  max-width:100%!important;
  font-size:clamp(30px,2.65vw,46px)!important;
  line-height:1.05!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
@media(max-width:1100px){
  .rooms{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:880px){
  .rooms{grid-template-columns:1fr!important}
  .rooms a{min-height:180px!important}
  .rooms b{font-size:clamp(34px,10vw,46px)!important}
}

/* Desktop header: keep the navigation text clearly separated from the logo. */
@media(min-width:881px){
  .nav{
    grid-template-columns:260px minmax(0,1fr) 160px!important;
    column-gap:34px!important;
  }
  .nav .logo{
    width:240px!important;
    min-width:240px!important;
    max-width:240px!important;
  }
  .desktop-menu{
    justify-self:start!important;
    margin-left:18px!important;
  }
}

/* Mobile header spacing: keep the hero headline away from the logo/tagline. */
@media(max-width:880px){
  .nav{
    top:16px!important;
    height:64px!important;
    min-height:64px!important;
  }
  .nav .logo{
    height:58px!important;
    max-width:178px!important;
    overflow:visible!important;
  }
  .nav .logo img{
    width:168px!important;
    max-width:46vw!important;
    max-height:36px!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .hero.panel,
  main > section:first-child{
    padding-top:158px!important;
  }
  .page-hero,
  .films.page-hero{
    padding-top:138px!important;
  }
}
@media(max-width:380px){
  .hero.panel,
  main > section:first-child{padding-top:166px!important}
}

/* Contact page mobile: move the heading below the logo instead of centering it under the header. */
@media(max-width:880px){
  .contact.panel{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:center!important;
    min-height:100dvh!important;
    padding-top:176px!important;
  }
  .contact.panel > p,
  .contact.panel > h1,
  .contact.panel > .contact-card{
    width:100%!important;
    max-width:calc(100vw - 32px)!important;
  }
}

/* Living Moodboard: interactive visual filler for the open homepage space. */
.living-moodboard{
  min-height:auto!important;
  padding-top:72px!important;
  padding-bottom:96px!important;
  overflow:hidden!important;
}
.living-moodboard .section-title{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.moodboard-stage{
  position:relative!important;
  max-width:1180px!important;
  min-height:520px!important;
  margin:36px auto 0!important;
  border:1px solid rgba(219,197,179,.18)!important;
  border-radius:44px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 22%,rgba(212,167,142,.22),transparent 28%),
    radial-gradient(circle at 82% 72%,rgba(138,123,87,.22),transparent 30%),
    rgba(241,241,241,.035)!important;
  box-shadow:0 44px 130px rgba(0,0,0,.38)!important;
}
.moodboard-stage::before{
  content:'squAD / STORY / LIGHT / DESIGN / AI / IMPACT'!important;
  position:absolute!important;
  left:-40px!important;
  right:-40px!important;
  top:50%!important;
  transform:translateY(-50%) rotate(-6deg)!important;
  font-family:var(--display)!important;
  font-size:clamp(42px,8vw,118px)!important;
  line-height:.85!important;
  letter-spacing:-.05em!important;
  color:rgba(241,241,241,.045)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.mood-tile{
  position:absolute!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  width:250px!important;
  height:190px!important;
  padding:18px!important;
  border:1px solid rgba(219,197,179,.22)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:rgba(9,9,7,.72)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.34)!important;
  transform:translateZ(0) rotate(var(--r,0deg))!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,filter .35s ease!important;
}
.mood-tile img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(.92) contrast(1.08) brightness(.74)!important;
  transform:scale(1.03)!important;
  transition:transform .45s ease,filter .45s ease!important;
}
.mood-tile span,.mood-tile b,.mood-tile small{
  position:relative!important;
  z-index:2!important;
}
.mood-tile span,.mood-tile small{
  color:rgba(241,241,241,.78)!important;
  font-weight:700!important;
}
.mood-tile b{
  font-family:var(--display)!important;
  font-size:clamp(42px,5vw,76px)!important;
  line-height:.82!important;
  color:var(--paper)!important;
}
.mood-tile small{margin-top:10px!important;color:rgba(241,241,241,.58)!important}
.mood-tile-large{width:370px!important;height:300px!important;left:7%!important;top:58px!important;--r:-3deg}
.mood-tile:nth-child(2){left:41%!important;top:42px!important;--r:2deg}
.mood-tile:nth-child(3){right:7%!important;top:78px!important;--r:4deg}
.mood-tile:nth-child(4){left:16%!important;bottom:58px!important;--r:3deg}
.mood-tile:nth-child(5){left:48%!important;bottom:46px!important;--r:-2deg}
.mood-tile:nth-child(6){right:8%!important;bottom:70px!important;--r:2deg}
.mood-tile-word{
  align-items:flex-start!important;
  background:linear-gradient(145deg,rgba(241,241,241,.12),rgba(241,241,241,.035))!important;
}
.mood-tile-peach{background:linear-gradient(145deg,rgba(212,167,142,.28),rgba(241,241,241,.04))!important}
.moodboard-stage:hover .mood-tile{filter:saturate(.9) brightness(.85)!important}
.moodboard-stage .mood-tile:hover{
  z-index:5!important;
  transform:translateY(-12px) scale(1.045) rotate(0deg)!important;
  border-color:rgba(212,167,142,.58)!important;
  box-shadow:0 44px 120px rgba(0,0,0,.52)!important;
  filter:none!important;
}
.mood-tile:hover img{transform:scale(1.1)!important;filter:saturate(1.08) contrast(1.08) brightness(.86)!important}
@media(max-width:880px){
  .living-moodboard{padding-top:54px!important;padding-bottom:64px!important}
  .living-moodboard .section-title{max-width:calc(100vw - 28px)!important}
  .moodboard-stage{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    min-height:auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    padding:12px!important;
    border-radius:28px!important;
  }
  .moodboard-stage::before{font-size:68px!important;white-space:normal!important;top:54%!important}
  .mood-tile,.mood-tile-large{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:150px!important;
    border-radius:20px!important;
    transform:none!important;
  }
  .mood-tile-large{grid-column:span 2!important;height:210px!important}
  .mood-tile b{font-size:40px!important}
}

/* Place the Living Moodboard inside the “Why squAD feels different” section. */
.manifesto .manifesto-moodboard{
  margin:28px auto 28px!important;
  min-height:420px!important;
}
.manifesto .manifesto-moodboard + .manifesto-grid{
  margin-top:22px!important;
}
@media(min-width:881px){
  .manifesto .manifesto-moodboard .mood-tile-large{width:330px!important;height:250px!important;left:6%!important;top:44px!important}
  .manifesto .manifesto-moodboard .mood-tile{width:220px!important;height:158px!important}
  .manifesto .manifesto-moodboard .mood-tile:nth-child(2){left:42%!important;top:34px!important}
  .manifesto .manifesto-moodboard .mood-tile:nth-child(3){right:7%!important;top:58px!important}
  .manifesto .manifesto-moodboard .mood-tile:nth-child(4){left:16%!important;bottom:38px!important}
  .manifesto .manifesto-moodboard .mood-tile:nth-child(5){left:48%!important;bottom:34px!important}
  .manifesto .manifesto-moodboard .mood-tile:nth-child(6){right:8%!important;bottom:44px!important}
}
@media(max-width:880px){
  .manifesto .manifesto-moodboard{margin-top:22px!important;margin-bottom:20px!important}
}

/* Manifesto inline filler: not a new section, just fills the empty space above card 01. */
.manifesto-signal{
  width:100%!important;
  max-width:1180px!important;
  margin:18px auto 24px!important;
  min-height:150px!important;
  display:grid!important;
  grid-template-columns:1.15fr .9fr 1fr .78fr 1fr!important;
  gap:12px!important;
  align-items:stretch!important;
}
.manifesto-signal button{
  position:relative!important;
  min-height:138px!important;
  border:1px solid rgba(219,197,179,.20)!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(241,241,241,.10),rgba(241,241,241,.025))!important;
  color:var(--paper)!important;
  overflow:hidden!important;
  cursor:pointer!important;
  text-align:left!important;
  padding:18px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.24)!important;
  transition:transform .28s ease,border-color .28s ease,background .28s ease!important;
}
.manifesto-signal button::before{
  content:''!important;
  position:absolute!important;
  inset:auto -30% -45% -30%!important;
  height:120px!important;
  background:radial-gradient(circle,rgba(212,167,142,.34),transparent 62%)!important;
  transform:translateY(28px)!important;
  transition:transform .28s ease,opacity .28s ease!important;
  opacity:.5!important;
}
.manifesto-signal span{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  font-family:var(--display)!important;
  font-size:clamp(30px,3.2vw,52px)!important;
  line-height:.86!important;
  letter-spacing:-.04em!important;
}
.manifesto-signal b{
  position:absolute!important;
  right:16px!important;
  bottom:14px!important;
  color:rgba(212,167,142,.58)!important;
  font-size:13px!important;
  letter-spacing:.18em!important;
}
.manifesto-signal button:nth-child(2),.manifesto-signal button:nth-child(4){transform:translateY(18px)!important}
.manifesto-signal button:hover{
  transform:translateY(-8px)!important;
  border-color:rgba(212,167,142,.55)!important;
  background:linear-gradient(145deg,rgba(212,167,142,.18),rgba(241,241,241,.04))!important;
}
.manifesto-signal button:hover::before{transform:translateY(0)!important;opacity:.9!important}
@media(max-width:880px){
  .manifesto-signal{
    max-width:calc(100vw - 28px)!important;
    grid-template-columns:repeat(2,1fr)!important;
    min-height:auto!important;
    margin:18px 0 20px!important;
  }
  .manifesto-signal button{min-height:104px!important;border-radius:20px!important;padding:14px!important}
  .manifesto-signal button:nth-child(2),.manifesto-signal button:nth-child(4){transform:none!important}
  .manifesto-signal button:last-child{grid-column:span 2!important}
  .manifesto-signal span{font-size:34px!important}
}

/* Put the interactive detail inside card 01 only — no separate row/section. */
.manifesto-signal{display:none!important}
.manifesto-card.tall{
  position:relative!important;
  overflow:hidden!important;
}
.card-signal{
  position:relative!important;
  z-index:1!important;
  height:170px!important;
  margin:0 0 28px!important;
  border:1px solid rgba(219,197,179,.16)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 22% 28%,rgba(212,167,142,.22),transparent 28%),
    radial-gradient(circle at 82% 70%,rgba(241,241,241,.08),transparent 34%),
    rgba(241,241,241,.035)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:transform .28s ease,border-color .28s ease,background .28s ease!important;
}
.card-signal i{
  position:absolute!important;
  display:block!important;
  border:1px solid rgba(212,167,142,.42)!important;
  border-radius:999px!important;
  inset:28px!important;
  opacity:.55!important;
  animation:signalPulse 3.4s ease-in-out infinite!important;
}
.card-signal i:nth-child(2){inset:48px!important;animation-delay:.35s!important;opacity:.42!important}
.card-signal i:nth-child(3){inset:68px!important;animation-delay:.7s!important;opacity:.34!important}
.card-signal b{
  position:absolute!important;
  left:18px!important;
  bottom:16px!important;
  color:rgba(241,241,241,.62)!important;
  font-size:11px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.manifesto-card.tall:hover .card-signal{
  transform:translateY(-4px)!important;
  border-color:rgba(212,167,142,.46)!important;
  background:
    radial-gradient(circle at 22% 28%,rgba(212,167,142,.34),transparent 30%),
    radial-gradient(circle at 82% 70%,rgba(241,241,241,.12),transparent 34%),
    rgba(241,241,241,.05)!important;
}
@keyframes signalPulse{
  0%,100%{transform:scale(.96);opacity:.30}
  50%{transform:scale(1.03);opacity:.68}
}
@media(max-width:880px){
  .card-signal{height:118px!important;margin-bottom:20px!important;border-radius:18px!important}
  .card-signal i{inset:20px!important}.card-signal i:nth-child(2){inset:36px!important}.card-signal i:nth-child(3){inset:52px!important}
}

/* Expand card 01 signal so it fills the tall card's empty upper space. */
.manifesto-card.tall .card-signal{
  height:310px!important;
  margin:0 0 32px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 18% 22%,rgba(212,167,142,.30),transparent 30%),
    radial-gradient(circle at 78% 28%,rgba(241,241,241,.10),transparent 28%),
    radial-gradient(circle at 55% 82%,rgba(138,123,87,.20),transparent 34%),
    rgba(241,241,241,.035)!important;
}
.manifesto-card.tall .card-signal::before{
  content:'NO DECK / REAL ROOM / LIVE SURFACE'!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:18px!important;
  font-family:var(--display)!important;
  font-size:clamp(34px,4.2vw,70px)!important;
  line-height:.82!important;
  letter-spacing:-.05em!important;
  color:rgba(241,241,241,.10)!important;
  pointer-events:none!important;
}
.manifesto-card.tall .card-signal i{inset:42px!important}
.manifesto-card.tall .card-signal i:nth-child(2){inset:78px!important}
.manifesto-card.tall .card-signal i:nth-child(3){inset:116px!important}
.manifesto-card.tall .card-signal b{bottom:22px!important;left:22px!important}
@media(max-width:880px){
  .manifesto-card.tall .card-signal{height:180px!important;margin-bottom:22px!important;border-radius:22px!important}
  .manifesto-card.tall .card-signal::before{font-size:38px!important;top:14px!important;left:14px!important;right:14px!important}
  .manifesto-card.tall .card-signal i{inset:28px!important}
  .manifesto-card.tall .card-signal i:nth-child(2){inset:50px!important}
  .manifesto-card.tall .card-signal i:nth-child(3){inset:72px!important}
}

/* Card 01 concept: No deck energy = live creative control room, not decoration. */
.manifesto-card.tall .card-signal.control-room{
  height:320px!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  background:
    linear-gradient(135deg,rgba(212,167,142,.16),rgba(241,241,241,.025) 42%,rgba(9,9,7,.22)),
    repeating-linear-gradient(90deg,rgba(241,241,241,.035) 0 1px,transparent 1px 38px),
    rgba(241,241,241,.035)!important;
}
.manifesto-card.tall .card-signal.control-room::before,
.manifesto-card.tall .card-signal.control-room i{
  content:none!important;
  display:none!important;
}
.console-top,.console-flow{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.console-top span{
  color:var(--peach)!important;
  font-weight:900!important;
  letter-spacing:.22em!important;
  font-size:12px!important;
}
.console-top b{
  color:rgba(241,241,241,.62)!important;
  font-size:11px!important;
  letter-spacing:.18em!important;
}
.signal-wave{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(7,1fr)!important;
  gap:10px!important;
  align-items:end!important;
  height:150px!important;
  padding:18px!important;
  border:1px solid rgba(219,197,179,.14)!important;
  border-radius:22px!important;
  background:rgba(9,9,7,.30)!important;
  overflow:hidden!important;
}
.signal-wave::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,transparent,rgba(212,167,142,.18),transparent)!important;
  transform:translateX(-100%)!important;
  animation:roomScan 3.2s linear infinite!important;
}
.signal-wave i{
  display:block!important;
  width:100%!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--peach),rgba(212,167,142,.18))!important;
  min-height:28px!important;
  animation:waveLift 1.7s ease-in-out infinite!important;
}
.signal-wave i:nth-child(1){height:34px!important;animation-delay:.05s!important}
.signal-wave i:nth-child(2){height:72px!important;animation-delay:.18s!important}
.signal-wave i:nth-child(3){height:116px!important;animation-delay:.32s!important}
.signal-wave i:nth-child(4){height:54px!important;animation-delay:.46s!important}
.signal-wave i:nth-child(5){height:132px!important;animation-delay:.60s!important}
.signal-wave i:nth-child(6){height:82px!important;animation-delay:.74s!important}
.signal-wave i:nth-child(7){height:44px!important;animation-delay:.88s!important}
.console-flow em{
  flex:0 0 auto!important;
  font-style:normal!important;
  color:rgba(241,241,241,.80)!important;
  border:1px solid rgba(219,197,179,.18)!important;
  border-radius:999px!important;
  padding:9px 12px!important;
  background:rgba(241,241,241,.055)!important;
  font-size:12px!important;
  font-weight:800!important;
}
.console-flow strong{
  display:block!important;
  height:1px!important;
  flex:1 1 auto!important;
  background:linear-gradient(90deg,rgba(212,167,142,.15),rgba(212,167,142,.85),rgba(212,167,142,.15))!important;
}
@keyframes roomScan{to{transform:translateX(100%)}}
@keyframes waveLift{0%,100%{transform:scaleY(.72);opacity:.62}50%{transform:scaleY(1);opacity:1}}
@media(max-width:880px){
  .manifesto-card.tall .card-signal.control-room{height:210px!important;padding:16px!important}
  .signal-wave{height:92px!important;padding:12px!important;gap:7px!important}
  .console-flow em{font-size:10px!important;padding:7px 9px!important}
  .console-top span,.console-top b{font-size:10px!important}
}

/* Card 01: playful motion filler requested — fun movement, not a concept dashboard. */
.manifesto-card.tall .card-signal.fun-motion{
  height:330px!important;
  margin:0 0 32px!important;
  border-radius:32px!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 20% 20%,rgba(212,167,142,.34),transparent 28%),
    radial-gradient(circle at 82% 72%,rgba(241,241,241,.14),transparent 32%),
    linear-gradient(145deg,rgba(241,241,241,.09),rgba(241,241,241,.025))!important;
}
.manifesto-card.tall .card-signal.fun-motion::before{
  content:''!important;
  position:absolute!important;
  inset:20px!important;
  border:1px dashed rgba(241,241,241,.14)!important;
  border-radius:28px!important;
  animation:motionSpin 13s linear infinite!important;
}
.manifesto-card.tall .card-signal.fun-motion::after{
  content:''!important;
  position:absolute!important;
  inset:-35%!important;
  background:conic-gradient(from 0deg,transparent,rgba(212,167,142,.16),transparent,rgba(241,241,241,.08),transparent)!important;
  animation:motionSpin 18s linear infinite reverse!important;
}
.fun-motion .orb{
  position:absolute!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:96px!important;
  height:96px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-family:var(--display)!important;
  font-size:24px!important;
  line-height:1!important;
  color:#090907!important;
  background:linear-gradient(145deg,var(--peach),#f1f1f1)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.65)!important;
  animation:floatOrb 5.4s ease-in-out infinite!important;
}
.fun-motion .orb-one{left:9%!important;top:14%!important;animation-delay:0s!important}
.fun-motion .orb-two{right:12%!important;top:18%!important;width:82px!important;height:82px!important;font-size:22px!important;animation-delay:.8s!important}
.fun-motion .orb-three{left:18%!important;bottom:14%!important;width:78px!important;height:78px!important;font-size:21px!important;animation-delay:1.35s!important}
.fun-motion .orb-four{right:16%!important;bottom:13%!important;width:108px!important;height:108px!important;font-size:25px!important;animation-delay:2.05s!important}
.fun-motion .motion-line{
  position:absolute!important;
  z-index:1!important;
  left:16%!important;
  right:16%!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(212,167,142,.85),transparent)!important;
  transform-origin:center!important;
  animation:lineDance 4.8s ease-in-out infinite!important;
}
.fun-motion .motion-line-one{top:42%!important;transform:rotate(-12deg)!important}
.fun-motion .motion-line-two{bottom:37%!important;transform:rotate(16deg)!important;animation-delay:1.1s!important}
.manifesto-card.tall:hover .fun-motion .orb{animation-duration:2.8s!important}
.manifesto-card.tall:hover .fun-motion::before{animation-duration:6s!important}
@keyframes floatOrb{
  0%,100%{transform:translate3d(0,0,0) scale(1) rotate(0deg)}
  25%{transform:translate3d(18px,-20px,0) scale(1.06) rotate(6deg)}
  50%{transform:translate3d(-10px,18px,0) scale(.96) rotate(-5deg)}
  75%{transform:translate3d(22px,12px,0) scale(1.04) rotate(4deg)}
}
@keyframes lineDance{
  0%,100%{opacity:.28;transform:rotate(-10deg) scaleX(.72)}
  50%{opacity:.9;transform:rotate(12deg) scaleX(1.05)}
}
@keyframes motionSpin{to{transform:rotate(360deg)}}
@media(max-width:880px){
  .manifesto-card.tall .card-signal.fun-motion{height:220px!important;border-radius:22px!important}
  .fun-motion .orb{width:70px!important;height:70px!important;font-size:18px!important}
  .fun-motion .orb-two{width:62px!important;height:62px!important;font-size:17px!important}
  .fun-motion .orb-three{width:58px!important;height:58px!important;font-size:16px!important}
  .fun-motion .orb-four{width:76px!important;height:76px!important;font-size:18px!important}
}

/* Online mode: restore mobile/tablet visual effects that were disabled for local stability. */
@media(max-width:880px){
  #field{
    display:block!important;
    opacity:.58!important;
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:-3!important;
    pointer-events:none!important;
  }
  .grain{
    display:block!important;
    opacity:.075!important;
  }
  .cursor{display:block!important}
  .page-wipe{display:block!important}
  body::before,body::after,.panel::after,.hero-machine::after,.video-card::after,.case-card::after{
    display:block!important;
  }
  .nav,.mega,.menu-button,.video-nav,.machine-overlay,.desktop-menu,.mood-tile,.manifesto-card,.rooms a,.team-wall article,.client-cloud article{
    backdrop-filter:blur(18px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  }
  .reveal{
    opacity:.001!important;
    filter:blur(6px)!important;
    transform:translateY(22px) scale(.99)!important;
    animation:initial!important;
    transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease!important;
  }
  .reveal.in-view{
    opacity:1!important;
    filter:blur(0)!important;
    transform:none!important;
  }
  body.page-enter main{animation:pageEnter .72s cubic-bezier(.2,.8,.2,1) both!important}
  body.page-leave main{animation:pageLeave .36s cubic-bezier(.2,.8,.2,1) both!important}
  .mega a{filter:none!important;animation:initial!important}
}

/* AI Campaign Engine: standalone energetic/future-facing section after hero. */
.ai-campaign-engine{
  min-height:92dvh!important;
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr)!important;
  align-items:center!important;
  gap:clamp(28px,5vw,72px)!important;
  overflow:hidden!important;
  padding-top:96px!important;
  padding-bottom:96px!important;
}
.engine-copy{position:relative!important;z-index:2!important;max-width:720px!important}
.engine-copy p{
  color:var(--peach)!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin:0 0 16px!important;
}
.engine-copy h2{
  font-family:var(--display)!important;
  font-size:clamp(58px,8vw,128px)!important;
  line-height:.82!important;
  letter-spacing:-.06em!important;
  margin:0 0 26px!important;
}
.engine-copy span{
  display:block!important;
  max-width:620px!important;
  color:rgba(241,241,241,.78)!important;
  font-size:clamp(18px,2vw,24px)!important;
  line-height:1.42!important;
}
.engine-visual{
  position:relative!important;
  min-height:560px!important;
  border:1px solid rgba(219,197,179,.20)!important;
  border-radius:46px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(212,167,142,.28),transparent 22%),
    radial-gradient(circle at 18% 18%,rgba(241,241,241,.10),transparent 28%),
    radial-gradient(circle at 86% 78%,rgba(138,123,87,.26),transparent 32%),
    rgba(241,241,241,.035)!important;
  box-shadow:0 48px 140px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.engine-visual::before{
  content:''!important;
  position:absolute!important;
  inset:-30%!important;
  background:conic-gradient(from 0deg,transparent,rgba(212,167,142,.18),transparent,rgba(241,241,241,.10),transparent)!important;
  animation:engineSpin 16s linear infinite!important;
}
.engine-core{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:190px!important;
  height:190px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle,var(--peach),rgba(212,167,142,.16) 64%,transparent 68%)!important;
  box-shadow:0 0 70px rgba(212,167,142,.36)!important;
  z-index:3!important;
  animation:enginePulse 2.2s ease-in-out infinite!important;
}
.engine-core b{
  font-family:var(--display)!important;
  color:#090907!important;
  font-size:42px!important;
  line-height:.82!important;
  text-align:center!important;
  letter-spacing:-.04em!important;
}
.engine-core i{
  position:absolute!important;
  inset:-22px!important;
  border:1px solid rgba(212,167,142,.42)!important;
  border-radius:50%!important;
  animation:engineRing 3s ease-in-out infinite!important;
}
.engine-core i:nth-child(3){inset:-48px!important;animation-delay:.45s!important;opacity:.7!important}
.engine-core i:nth-child(4){inset:-78px!important;animation-delay:.9s!important;opacity:.45!important}
.engine-track{
  position:absolute!important;
  z-index:2!important;
  display:flex!important;
  gap:12px!important;
  width:max-content!important;
  white-space:nowrap!important;
}
.engine-track span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:118px!important;
  height:52px!important;
  padding:0 18px!important;
  border:1px solid rgba(219,197,179,.22)!important;
  border-radius:999px!important;
  background:rgba(9,9,7,.56)!important;
  color:rgba(241,241,241,.88)!important;
  font-weight:900!important;
  box-shadow:0 18px 58px rgba(0,0,0,.28)!important;
}
.track-in{top:62px!important;left:32px!important;animation:trackIn 14s linear infinite!important}
.track-out{bottom:62px!important;right:32px!important;animation:trackOut 15s linear infinite!important}
.engine-beam{
  position:absolute!important;
  left:9%!important;
  right:9%!important;
  top:50%!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(212,167,142,.85),transparent)!important;
  z-index:1!important;
  animation:beamSweep 2.8s ease-in-out infinite!important;
}
.beam-two{transform:rotate(90deg)!important;animation-delay:1.1s!important}
@keyframes engineSpin{to{transform:rotate(360deg)}}
@keyframes enginePulse{0%,100%{transform:translate(-50%,-50%) scale(.96)}50%{transform:translate(-50%,-50%) scale(1.04)}}
@keyframes engineRing{0%{transform:scale(.84);opacity:.75}100%{transform:scale(1.18);opacity:0}}
@keyframes trackIn{to{transform:translateX(-38%)}}
@keyframes trackOut{to{transform:translateX(38%)}}
@keyframes beamSweep{0%,100%{opacity:.18;filter:blur(0)}50%{opacity:.95;filter:blur(2px)}}
@media(max-width:880px){
  .ai-campaign-engine{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding-top:72px!important;
    padding-bottom:76px!important;
    gap:28px!important;
  }
  .engine-copy,.engine-visual{width:100%!important;max-width:calc(100vw - 28px)!important;margin:0!important}
  .engine-copy h2{font-size:clamp(46px,14vw,70px)!important}
  .engine-copy span{font-size:16px!important}
  .engine-visual{min-height:420px!important;border-radius:30px!important}
  .engine-core{width:142px!important;height:142px!important}.engine-core b{font-size:32px!important}
  .engine-track span{min-width:96px!important;height:44px!important;font-size:13px!important;padding:0 14px!important}
  .track-in{top:34px!important}.track-out{bottom:34px!important}
}

/* Header nav type-on-load effect */
.desktop-menu a.typing-nav-link{
  position:relative!important;
  min-width:var(--type-width,auto)!important;
}
.desktop-menu a.typing-nav-link:not(.typed)::after{
  content:''!important;
  display:inline-block!important;
  width:1px!important;
  height:1em!important;
  margin-left:3px!important;
  vertical-align:-.12em!important;
  background:var(--peach)!important;
  animation:typeCaret .72s steps(1,end) infinite!important;
}
@keyframes typeCaret{50%{opacity:0}}
@media(max-width:880px){
  .desktop-menu a.typing-nav-link::after{display:none!important}
}

/* Hero headline type-on-load effect */
.hero h1.hero-title-typing{
  position:relative!important;
}
.hero h1.hero-title-typing:not(.hero-title-typed)::after{
  content:''!important;
  display:inline-block!important;
  width:.055em!important;
  height:.72em!important;
  margin-left:.08em!important;
  background:var(--peach)!important;
  vertical-align:-.02em!important;
  animation:typeCaret .72s steps(1,end) infinite!important;
}

/* Softer hero typing: characters ease in instead of harsh text replacement. */
.hero h1.hero-title-soft-type{
  min-height:2.02em!important;
}
.hero h1.hero-title-soft-type .hero-char{
  display:inline-block!important;
  opacity:0!important;
  transform:translateY(.22em) scale(.985)!important;
  filter:blur(7px)!important;
  transition:opacity .42s ease,transform .62s cubic-bezier(.16,1,.3,1),filter .52s ease!important;
  will-change:opacity,transform,filter!important;
}
.hero h1.hero-title-soft-type .hero-char.visible{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  filter:blur(0)!important;
}
.hero h1.hero-title-soft-type .hero-space{
  width:.28em!important;
}
.hero h1.hero-title-soft-type:not(.hero-title-typed)::after{
  width:.045em!important;
  height:.68em!important;
  margin-left:.06em!important;
  opacity:.85!important;
  animation:softTypeCaret 1.05s ease-in-out infinite!important;
}
@keyframes softTypeCaret{0%,100%{opacity:.22;transform:translateY(.03em)}45%{opacity:1;transform:translateY(0)}}
@media(max-width:880px){
  .hero h1.hero-title-soft-type{min-height:2.2em!important}
  .hero h1.hero-title-soft-type .hero-char{transition-duration:.34s,.48s,.42s!important;filter:blur(5px)!important}
}


/* Line-by-line slow hero typing refinement */
.hero h1.hero-title-line-type{
  display:block!important;
  min-height:2.72em!important;
}
.hero h1.hero-title-line-type .hero-type-line{
  display:block!important;
  line-height:.92!important;
  white-space:nowrap!important;
}
.hero h1.hero-title-line-type .hero-type-line.active::after{
  content:''!important;
  display:inline-block!important;
  width:.045em!important;
  height:.68em!important;
  margin-left:.06em!important;
  background:var(--peach)!important;
  vertical-align:-.02em!important;
  animation:softTypeCaret 1.05s ease-in-out infinite!important;
}
.hero h1.hero-title-line-type.hero-title-typed::after,
.hero h1.hero-title-line-type:not(.hero-title-typed)::after{
  content:none!important;
}
.hero h1.hero-title-line-type .hero-char{
  transition:opacity .5s ease,transform .72s cubic-bezier(.16,1,.3,1),filter .62s ease!important;
}
@media(max-width:880px){
  .hero h1.hero-title-line-type{min-height:3.05em!important}
  .hero h1.hero-title-line-type .hero-type-line{line-height:.96!important;white-space:normal!important}
}

/* Language switcher visibility override — loaded last so it stays visible beside the menu. */
.nav .lang-switch{
  position:absolute!important;
  top:24px!important;
  right:112px!important;
  left:auto!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:1003!important;
}
@media(max-width:880px){
  .nav .lang-switch{top:30px!important;right:68px!important}
}
@media(max-width:420px){
  .nav .lang-switch{top:31px!important;right:58px!important}
}

/* Hard-visible language switcher: static HTML fallback, above all header/menu conflicts. */
.lang-switch{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  padding:3px!important;
  border:1px solid rgba(246,239,228,.28)!important;
  border-radius:999px!important;
  background:rgba(7,7,5,.72)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
.lang-switch button{
  display:block!important;
  border:0!important;
  background:transparent!important;
  color:#f6efe4!important;
  border-radius:999px!important;
  padding:7px 9px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  line-height:1!important;
}
.lang-switch button.is-active{background:#d4a78e!important;color:#17120f!important}
.nav>.lang-switch{
  position:absolute!important;
  top:24px!important;
  right:108px!important;
  left:auto!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
  z-index:2147483646!important;
}
body.nav-scrolled:not(.menu-open) .nav>.lang-switch{display:none!important}
@media(max-width:880px){.nav>.lang-switch{top:31px!important;right:68px!important}.lang-switch button{padding:6px 7px!important;font-size:10px!important}}
@media(max-width:380px){.nav>.lang-switch{right:56px!important}.lang-switch button{padding:5px 6px!important;font-size:9px!important}}

/* Desktop nav spacing polish: keep the main menu visually away from the logo. */
@media(min-width:881px){
  .nav{
    grid-template-columns:300px minmax(0,1fr) 180px!important;
    column-gap:48px!important;
  }
  .nav .logo{
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
  }
  .desktop-menu{
    justify-self:start!important;
    margin-left:34px!important;
    padding-left:18px!important;
  }
}
@media(min-width:881px) and (max-width:1180px){
  .nav{
    grid-template-columns:250px minmax(0,1fr) 170px!important;
    column-gap:30px!important;
  }
  .nav .logo{
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
  }
  .desktop-menu{
    margin-left:20px!important;
    padding-left:12px!important;
  }
}

/* 2026-05-24 logo replacement fix: use a header-safe wordmark size, never the raw square logo proportions. */
.nav .logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.nav .logo img{
  display:block!important;
  width:220px!important;
  height:auto!important;
  max-width:220px!important;
  max-height:48px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
@media(max-width:880px){
  .nav .logo{
    width:178px!important;
    min-width:178px!important;
    max-width:178px!important;
    height:46px!important;
  }
  .nav .logo img{
    width:172px!important;
    max-width:44vw!important;
    max-height:34px!important;
  }
}
@media(max-width:380px){
  .nav .logo{width:154px!important;min-width:154px!important;max-width:154px!important}
  .nav .logo img{width:150px!important;max-width:40vw!important;max-height:30px!important}
}

/* 2026-05-24 mobile logo visibility: previous wordmark crop was too wide and rendered tiny on phones. */
.nav .logo img{
  width:230px!important;
  max-width:230px!important;
  max-height:54px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
@media(max-width:880px){
  .nav .logo{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    z-index:1002!important;
  }
  .nav .logo img{
    width:176px!important;
    max-width:45vw!important;
    max-height:52px!important;
    height:auto!important;
  }
}
@media(max-width:380px){
  .nav .logo{width:160px!important;min-width:160px!important;max-width:160px!important;height:54px!important}
  .nav .logo img{width:156px!important;max-width:41vw!important;max-height:48px!important}
}

/* 2026-05-24 mobile header polish: make the uploaded logo actually readable and reclaim wasted top gap. */
@media(max-width:880px){
  .nav{
    top:10px!important;
    height:58px!important;
    min-height:58px!important;
  }
  .nav .logo{
    width:214px!important;
    min-width:214px!important;
    max-width:214px!important;
    height:58px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .nav .logo img{
    width:210px!important;
    max-width:54vw!important;
    max-height:58px!important;
    height:auto!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body:not(.menu-open) .plain-hamburger,
  body.menu-open .plain-hamburger{
    top:27px!important;
  }
  .nav>.lang-switch{
    top:25px!important;
  }
  .hero.panel,
  main > section:first-child{
    padding-top:128px!important;
  }
  .page-hero,
  .films.page-hero{
    padding-top:118px!important;
  }
}
@media(max-width:380px){
  .nav .logo{width:190px!important;min-width:190px!important;max-width:190px!important}
  .nav .logo img{width:186px!important;max-width:49vw!important;max-height:54px!important}
  .hero.panel,
  main > section:first-child{padding-top:132px!important}
}

/* 2026-05-24 Farzad correction: use the original full logo exactly, not cropped derivatives. */
.nav .logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.nav .logo img{
  display:block!important;
  width:auto!important;
  height:72px!important;
  max-width:92px!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(min-width:881px){
  .nav .logo{width:96px!important;min-width:96px!important;max-width:96px!important;height:76px!important}
  .nav .logo img{height:74px!important;max-height:74px!important;max-width:94px!important}
}
@media(max-width:880px){
  .nav{top:10px!important;height:82px!important;min-height:82px!important}
  .nav .logo{width:96px!important;min-width:96px!important;max-width:96px!important;height:82px!important}
  .nav .logo img{height:80px!important;max-height:80px!important;max-width:96px!important;width:auto!important}
  body:not(.menu-open) .plain-hamburger,
  body.menu-open .plain-hamburger{top:34px!important}
  .nav>.lang-switch{top:31px!important}
  .hero.panel,
  main > section:first-child{padding-top:142px!important}
  .page-hero,
  .films.page-hero{padding-top:132px!important}
}
@media(max-width:380px){
  .nav .logo{width:88px!important;min-width:88px!important;max-width:88px!important;height:78px!important}
  .nav .logo img{height:76px!important;max-height:76px!important;max-width:88px!important}
}

/* 2026-05-24 Farzad correction: re-enable mobile background/decorative effects. */
@media(max-width:880px){
  #field,.grain,.cursor,.page-wipe{
    display:block!important;
  }
  #field{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:-10!important;
    pointer-events:none!important;
  }
  .grain{
    position:fixed!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:1!important;
    opacity:.16!important;
  }
  .cursor{display:none!important}
  body::before,body::after,.panel::after,.hero-machine::after,.video-card::after,.case-card::after{
    display:block!important;
  }
  *,*::before,*::after{
    backdrop-filter:revert!important;
    -webkit-backdrop-filter:revert!important;
  }
  .reveal,.reveal.in-view,body.page-enter main,body.page-leave main,.mega a{
    filter:revert!important;
    animation:revert!important;
    transition:revert!important;
  }
  .hero-machine video,.video-card video,.case-card img,.team-wall img,.awards-loop img{
    filter:revert!important;
    transform:revert!important;
  }
}

/* 2026-05-24: use Farzad's transparent PNG logo as-is. Keep mobile background effects enabled. */
.nav .logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.nav .logo img{
  display:block!important;
  width:auto!important;
  height:74px!important;
  max-width:96px!important;
  max-height:74px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(min-width:881px){
  .nav .logo{width:98px!important;min-width:98px!important;max-width:98px!important;height:78px!important}
  .nav .logo img{height:76px!important;max-height:76px!important;max-width:98px!important;width:auto!important}
}
@media(max-width:880px){
  .nav{top:10px!important;height:84px!important;min-height:84px!important}
  .nav .logo{width:100px!important;min-width:100px!important;max-width:100px!important;height:84px!important}
  .nav .logo img{height:82px!important;max-height:82px!important;max-width:100px!important;width:auto!important}
  body:not(.menu-open) .plain-hamburger,
  body.menu-open .plain-hamburger{top:35px!important}
  .nav>.lang-switch{top:32px!important}
  .hero.panel,
  main > section:first-child{padding-top:144px!important}
  .page-hero,
  .films.page-hero{padding-top:134px!important}
  #field,.grain,.page-wipe{display:block!important}
  #field{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:-10!important;pointer-events:none!important}
  .grain{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:1!important;opacity:.16!important}
}
@media(max-width:380px){
  .nav .logo{width:92px!important;min-width:92px!important;max-width:92px!important;height:80px!important}
  .nav .logo img{height:78px!important;max-height:78px!important;max-width:92px!important}
}

/* 2026-05-24: mobile logo +50% per Farzad request. */
@media(max-width:880px){
  .nav{height:126px!important;min-height:126px!important}
  .nav .logo{width:150px!important;min-width:150px!important;max-width:150px!important;height:126px!important}
  .nav .logo img{height:123px!important;max-height:123px!important;max-width:150px!important;width:auto!important}
  body:not(.menu-open) .plain-hamburger,
  body.menu-open .plain-hamburger{top:55px!important}
  .nav>.lang-switch{top:52px!important}
  .hero.panel,
  main > section:first-child{padding-top:182px!important}
  .page-hero,
  .films.page-hero{padding-top:172px!important}
}
@media(max-width:380px){
  .nav{height:120px!important;min-height:120px!important}
  .nav .logo{width:138px!important;min-width:138px!important;max-width:138px!important;height:120px!important}
  .nav .logo img{height:117px!important;max-height:117px!important;max-width:138px!important}
}

/* 2026-05-24: bring mobile hero text closer to the enlarged logo. */
@media(max-width:880px){
  .hero.panel,
  main > section:first-child{padding-top:158px!important}
  .page-hero,
  .films.page-hero{padding-top:150px!important}
}
@media(max-width:380px){
  .hero.panel,
  main > section:first-child{padding-top:154px!important}
}

/* 2026-05-24: final mobile effects restore — override old stability kill-switch completely. */
@media(max-width:880px){
  #field{
    display:block!important;
    visibility:visible!important;
    opacity:.58!important;
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:-3!important;
    pointer-events:none!important;
    background:radial-gradient(circle at 10% 20%,rgba(212,167,142,.32),transparent 28%),radial-gradient(circle at 90% 10%,rgba(138,123,87,.35),transparent 32%),#090907!important;
  }
  .grain{
    display:block!important;
    visibility:visible!important;
    opacity:.075!important;
    position:fixed!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:50!important;
  }
  body::before,body::after{
    content:''!important;
    display:block!important;
    position:fixed!important;
    z-index:-2!important;
    pointer-events:none!important;
    border-radius:999px!important;
    filter:blur(54px)!important;
    opacity:.55!important;
  }
  body::before{
    width:70vw!important;height:70vw!important;left:-38vw!important;top:18vh!important;
    background:radial-gradient(circle,rgba(212,167,142,.34),rgba(212,167,142,0) 68%)!important;
    animation:floatOrbA 18s ease-in-out infinite alternate!important;
  }
  body::after{
    width:68vw!important;height:68vw!important;right:-42vw!important;top:54vh!important;
    background:radial-gradient(circle,rgba(138,123,87,.38),rgba(138,123,87,0) 70%)!important;
    animation:floatOrbB 22s ease-in-out infinite alternate!important;
  }
  .panel::after,.hero-machine::after,.video-card::after,.case-card::after{
    content:''!important;
    display:block!important;
  }
  .reveal{
    opacity:.001!important;
    filter:blur(6px)!important;
    transform:translateY(22px)!important;
    transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1),filter .85s ease!important;
  }
  .reveal.in-view{opacity:1!important;filter:blur(0)!important;transform:none!important}
}

/* 2026-05-24: make the animated particle background visible on mobile behind content. */
@media(max-width:880px){
  body{
    background:#090907!important;
  }
  #field{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:0!important;
    pointer-events:none!important;
    background:radial-gradient(circle at 10% 20%,rgba(212,167,142,.26),transparent 28%),radial-gradient(circle at 90% 10%,rgba(138,123,87,.28),transparent 32%),#090907!important;
  }
  body::before,body::after{
    z-index:0!important;
    pointer-events:none!important;
  }
  .grain{
    z-index:1!important;
    pointer-events:none!important;
  }
  main,.nav,.mega,.plain-hamburger,.floating-menu-trigger{
    position:relative!important;
    z-index:2!important;
  }
  .nav,.plain-hamburger,.mega{
    z-index:1000!important;
  }
}

/* 2026-05-24: repair mobile layout after background animation layer; nav must stay out of document flow. */
@media(max-width:880px){
  .nav{
    position:absolute!important;
    top:10px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:126px!important;
    min-height:126px!important;
    z-index:1000!important;
  }
  main{
    position:relative!important;
    z-index:2!important;
  }
  .plain-hamburger{
    position:absolute!important;
    z-index:1001!important;
  }
  body.menu-open .plain-hamburger{
    position:fixed!important;
    z-index:2147483647!important;
  }
  .hero.panel,
  main > section:first-child{padding-top:158px!important}
  .page-hero,
  .films.page-hero{padding-top:150px!important}
}
@media(max-width:380px){
  .nav{height:120px!important;min-height:120px!important}
  .hero.panel,
  main > section:first-child{padding-top:154px!important}
}

/* 2026-05-24: hard reset mobile top layout after bg animation regression. */
@media(max-width:880px){
  html,body{
    margin:0!important;
    padding:0!important;
    background:#090907!important;
  }
  #field{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:-10!important;
    opacity:.9!important;
    pointer-events:none!important;
  }
  body::before,body::after{
    z-index:-9!important;
  }
  .grain{
    z-index:50!important;
  }
  .nav{
    position:absolute!important;
    top:10px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    height:126px!important;
    min-height:126px!important;
    z-index:1000!important;
  }
  main{
    position:relative!important;
    z-index:2!important;
    margin:0!important;
    padding:0!important;
  }
  .hero.panel,
  main > section:first-child{
    margin-top:0!important;
    padding-top:128px!important;
  }
  .page-hero,
  .films.page-hero{
    margin-top:0!important;
    padding-top:122px!important;
  }
  body:not(.menu-open) .plain-hamburger{
    position:absolute!important;
    top:55px!important;
    z-index:1001!important;
  }
  body.menu-open .plain-hamburger{
    position:fixed!important;
    top:55px!important;
    z-index:2147483647!important;
  }
  .nav>.lang-switch{
    position:absolute!important;
    top:52px!important;
  }
}
@media(max-width:380px){
  .hero.panel,
  main > section:first-child{padding-top:124px!important}
  .page-hero,
  .films.page-hero{padding-top:118px!important}
}

/* 2026-05-24: real fix for blank/gapped mobile hero — reveal was hiding the first section. */
@media(max-width:880px){
  .panel,
  .hero.panel,
  .panel.reveal,
  .hero.panel.reveal,
  .reveal,
  .reveal.in-view{
    opacity:1!important;
    visibility:visible!important;
  }
  .panel.reveal,
  .hero.panel.reveal,
  .reveal{
    filter:none!important;
    transform:none!important;
  }
  .hero.panel,
  main > section:first-child{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    min-height:auto!important;
    margin-top:0!important;
    padding-top:126px!important;
  }
  .hero-copy{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
  }
  #field{
    display:block!important;
    visibility:visible!important;
    opacity:.9!important;
    position:fixed!important;
    inset:0!important;
    z-index:-10!important;
    pointer-events:none!important;
  }
  body::before,body::after{display:block!important;content:''!important;z-index:-9!important}
  .grain{display:block!important;visibility:visible!important;opacity:.075!important}
}
@media(max-width:380px){
  .hero.panel,
  main > section:first-child{padding-top:122px!important}
}

/* 2026-05-24 FINAL SIMPLE FIX: mobile first section must sit close under the logo. */
@media(max-width:880px){
  body > main,
  main{
    margin-top:0!important;
    padding-top:0!important;
  }
  body > main > section#home.hero.panel,
  main > section#home.hero.panel,
  #home.hero.panel{
    margin-top:0!important;
    padding-top:72px!important;
    min-height:auto!important;
    transform:translateY(-34px)!important;
  }
  #home .hero-copy,
  #home.hero.panel > .hero-copy{
    margin-top:0!important;
    padding-top:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    display:block!important;
  }
  #home .tag{
    margin-top:0!important;
  }
}
@media(max-width:380px){
  body > main > section#home.hero.panel,
  main > section#home.hero.panel,
  #home.hero.panel{
    padding-top:68px!important;
    transform:translateY(-34px)!important;
  }
}

/* 2026-05-24: pull mobile first section much closer to logo. */
@media(max-width:880px){
  body > main > section#home.hero.panel,
  main > section#home.hero.panel,
  #home.hero.panel{
    padding-top:28px!important;
    transform:translateY(-96px)!important;
    margin-bottom:-96px!important;
  }
  #home.hero.panel .hero-copy{
    margin-top:0!important;
  }
}
@media(max-width:380px){
  body > main > section#home.hero.panel,
  main > section#home.hero.panel,
  #home.hero.panel{
    padding-top:24px!important;
    transform:translateY(-100px)!important;
    margin-bottom:-100px!important;
  }
}

/* 2026-05-24 ACTUAL ROOT FIX: mobile mega menu was pushed into document flow before main. */
@media(max-width:880px){
  .mega{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    z-index:900!important;
    margin:0!important;
    transform:translateY(-100%)!important;
  }
  .mega.open{transform:translateY(0)!important}
  .floating-menu-trigger{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:fixed!important}
  main,body>main{
    position:relative!important;
    top:auto!important;
    margin-top:0!important;
    padding-top:0!important;
    transform:none!important;
  }
  body > main > section#home.hero.panel,
  main > section#home.hero.panel,
  #home.hero.panel{
    position:relative!important;
    top:auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:154px!important;
    transform:none!important;
    min-height:auto!important;
  }
}
@media(max-width:380px){
  body > main > section#home.hero.panel,
  main > section#home.hero.panel,
  #home.hero.panel{padding-top:148px!important}
}

/* 2026-05-24: desktop logo 2x per Farzad request; mobile unchanged. */
@media(min-width:881px){
  .nav .logo{
    width:196px!important;
    min-width:196px!important;
    max-width:196px!important;
    height:156px!important;
  }
  .nav .logo img{
    width:auto!important;
    height:152px!important;
    max-width:196px!important;
    max-height:152px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .nav{
    grid-template-columns:220px minmax(0,1fr) 180px!important;
  }
}

/* 2026-05-24: desktop hero copy closer to enlarged logo; mobile unchanged. */
@media(min-width:881px){
  #home.hero.panel .hero-copy{
    transform:translateY(-72px)!important;
  }
}

/* Film Room gallery */
.film-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1180px;margin:0 auto}.film-gallery-card{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(241,241,241,.055);box-shadow:0 30px 90px rgba(0,0,0,.32)}.film-gallery-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}.film-gallery-card div{padding:20px 22px 24px}.film-gallery-card span{display:inline-flex;margin-bottom:10px;color:var(--peach);font-weight:800;letter-spacing:.08em}.film-gallery-card h2{font-family:var(--display);font-size:clamp(30px,3.4vw,48px);line-height:.9;margin:0}.film-gallery-card p{margin:8px 0 0;color:rgba(241,241,241,.74);line-height:1.45}@media(max-width:880px){.film-gallery-grid{grid-template-columns:1fr;gap:18px;max-width:calc(100vw - 28px)}.film-gallery-card{border-radius:22px}.film-gallery-card div{padding:16px 18px 20px}.film-gallery-card h2{font-size:30px}}

/* 2026-06-07: Hero copy update — emphasize final line without moving layout */
.hero-copy .lead strong{
  color:var(--paper)!important;
  font-weight:900!important;
  text-shadow:0 0 24px rgba(212,167,142,.28);
}

/* 2026-06-07: keep brand casing exact in hero eyebrow */
#home .tag.notranslate,
.hero-copy .tag.notranslate{
  text-transform:none!important;
}

/* 2026-06-07: make the final hero lead sentence a clear second-line punchline */
.hero-lead-split strong{
  display:block!important;
  margin-top:.22em!important;
  font-size:2em!important;
  line-height:.95!important;
  font-weight:900!important;
  color:var(--paper)!important;
  letter-spacing:-.045em!important;
}
@media(max-width:880px){
  .hero-lead-split strong{
    font-size:1.75em!important;
    line-height:.96!important;
  }
}

/* 2026-06-07: Pakshoo award copy lines inside video card */
.pakshoo-copy-card .award-lines{
  display:grid!important;
  gap:6px!important;
  margin-top:14px!important;
  color:rgba(241,241,241,.82)!important;
  font-size:clamp(14px,1.25vw,17px)!important;
  line-height:1.25!important;
}
.pakshoo-copy-card .award-lines span{
  display:block!important;
}
.pakshoo-copy-card .award-lines span:nth-child(2),
.pakshoo-copy-card .award-lines span:nth-child(3),
.pakshoo-copy-card .award-lines span:nth-child(4){
  color:var(--peach)!important;
  font-weight:800!important;
}
@media(max-width:880px){
  .pakshoo-copy-card .award-lines{font-size:13.5px!important;gap:5px!important}
}

/* 2026-06-07: Kurosh award copy lines inside video card */
.kourosh-copy-card .award-lines{
  display:grid!important;
  gap:7px!important;
  margin-top:14px!important;
  color:rgba(241,241,241,.84)!important;
  font-size:clamp(14px,1.25vw,17px)!important;
  line-height:1.25!important;
}
.kourosh-copy-card .award-lines span{
  display:block!important;
}
.kourosh-copy-card .award-lines span:first-child{
  color:var(--peach)!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
@media(max-width:880px){
  .kourosh-copy-card .award-lines{font-size:13.5px!important;gap:5px!important}
}

/* 2026-06-07: Services teaser + full services landing */
.services-teaser .section-title h2{max-width:980px!important}
.services-teaser-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:34px!important;
}
.services-teaser-grid article{
  position:relative!important;
  overflow:hidden!important;
  min-height:250px!important;
  padding:24px!important;
  border:1px solid rgba(241,241,241,.16)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(241,241,241,.10),rgba(241,241,241,.035))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.24)!important;
}
.services-teaser-grid article::after{
  content:'';
  position:absolute;inset:auto -20% -28% 28%;height:54%;
  background:radial-gradient(circle,rgba(212,167,142,.24),transparent 62%);
  pointer-events:none;
}
.services-teaser-grid span,.service-number{
  color:var(--peach)!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.services-teaser-grid h3{
  font-family:var(--display)!important;
  font-size:clamp(30px,3.2vw,48px)!important;
  line-height:.9!important;
  letter-spacing:-.05em!important;
  margin:26px 0 12px!important;
}
.services-teaser-grid p{color:rgba(241,241,241,.78)!important;line-height:1.48!important;margin:0!important}
.services-cta{
  display:inline-flex!important;
  align-items:center!important;
  min-height:48px!important;
  margin-top:24px!important;
  padding:14px 20px!important;
  border-radius:999px!important;
  background:var(--paper)!important;
  color:var(--ink)!important;
  font-weight:900!important;
}
.services-landing-hero{min-height:auto!important;padding-bottom:58px!important}
.services-landing-hero h1{max-width:1120px!important}
.services-hero-lead{
  max-width:840px!important;
  color:rgba(241,241,241,.82)!important;
  font-size:clamp(19px,2vw,27px)!important;
  line-height:1.42!important;
  margin:28px 0 0!important;
}
.services-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.services-jump a{
  border:1px solid rgba(241,241,241,.16)!important;
  border-radius:999px!important;
  padding:12px 15px!important;
  background:rgba(241,241,241,.07)!important;
  color:rgba(241,241,241,.86)!important;
}
.service-detail{
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:140px minmax(0,1fr)!important;
  gap:clamp(20px,5vw,74px)!important;
  padding-top:88px!important;
  padding-bottom:88px!important;
  border-top:1px solid rgba(241,241,241,.10)!important;
}
.service-detail.alt{background:linear-gradient(90deg,rgba(212,167,142,.035),transparent)!important}
.service-number{
  font-family:var(--display)!important;
  font-size:clamp(54px,8vw,120px)!important;
  line-height:.82!important;
  opacity:.88!important;
}
.service-copy{max-width:980px!important}
.service-copy>p:first-child{
  color:var(--peach)!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:none!important;
  margin:0 0 14px!important;
}
.service-copy h2{
  font-family:var(--display)!important;
  font-size:clamp(46px,6.8vw,96px)!important;
  line-height:.86!important;
  letter-spacing:-.065em!important;
  margin:0 0 20px!important;
}
.service-copy blockquote{
  margin:0 0 20px!important;
  padding:18px 22px!important;
  border-left:4px solid var(--peach)!important;
  background:rgba(241,241,241,.06)!important;
  border-radius:0 22px 22px 0!important;
  color:rgba(241,241,241,.9)!important;
  font-size:clamp(18px,1.8vw,24px)!important;
  line-height:1.32!important;
}
.service-copy p{color:rgba(241,241,241,.80)!important;font-size:18px!important;line-height:1.58!important}
.service-copy ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  list-style:none!important;
  padding:0!important;
  margin:24px 0 0!important;
}
.service-copy li{
  border:1px solid rgba(241,241,241,.12)!important;
  border-radius:18px!important;
  padding:13px 14px!important;
  background:rgba(241,241,241,.055)!important;
  color:rgba(241,241,241,.84)!important;
}
.services-final-cta{min-height:auto!important;text-align:center!important}
.services-final-cta .section-title{margin-left:auto!important;margin-right:auto!important}
.services-final-cta .contact-card{justify-content:center!important}
@media(max-width:880px){
  .services-teaser-grid{grid-template-columns:1fr!important;gap:12px!important}
  .services-teaser-grid article{min-height:210px!important;padding:20px!important}
  .services-teaser-grid h3{font-size:34px!important}
  .service-detail{grid-template-columns:1fr!important;padding-top:68px!important;padding-bottom:68px!important;gap:18px!important}
  .service-number{font-size:64px!important}
  .service-copy h2{font-size:40px!important;line-height:.92!important}
  .service-copy p{font-size:16px!important}
  .service-copy ul{grid-template-columns:1fr!important}
  .services-jump{gap:8px}.services-jump a{font-size:13px!important;padding:10px 12px!important}
}

/* 2026-06-07: DOCX services content refinements */
.services-teaser-grid article:nth-child(7){
  grid-column:span 3!important;
  min-height:190px!important;
  background:linear-gradient(135deg,rgba(212,167,142,.15),rgba(241,241,241,.045))!important;
}
.service-copy li strong{color:var(--paper)!important;font-weight:900!important}
.service-copy li{line-height:1.4!important}
@media(max-width:880px){.services-teaser-grid article:nth-child(7){grid-column:auto!important;min-height:210px!important}}

/* 2026-06-07: Animated SVG service visuals */
.service-detail{
  grid-template-columns:170px minmax(220px,310px) minmax(0,1fr)!important;
  align-items:center!important;
}
.service-visual{
  position:relative!important;
  width:min(310px,100%)!important;
  aspect-ratio:1.18/1!important;
  border:1px solid rgba(241,241,241,.14)!important;
  border-radius:34px!important;
  background:radial-gradient(circle at 30% 20%,rgba(212,167,142,.18),transparent 36%),linear-gradient(145deg,rgba(241,241,241,.09),rgba(241,241,241,.035))!important;
  box-shadow:0 28px 100px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
}
.service-visual::after{content:'';position:absolute;inset:-35%;background:conic-gradient(from 90deg,transparent,rgba(212,167,142,.18),transparent 38%);animation:serviceSweep 7s linear infinite;opacity:.8}
.service-visual svg{position:relative;z-index:1;width:84%;height:84%;overflow:visible!important}
.service-visual svg *{fill:none;stroke:rgba(241,241,241,.84);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.service-visual .pulse,.service-visual .dot,.service-visual .node,.service-visual .brand-dot,.service-visual .wheel,.service-visual .bull,.service-visual .orbit,.service-visual .pin-dot{fill:var(--peach)!important;stroke:rgba(212,167,142,.25)!important}
.service-visual .ring,.service-visual .target{stroke:rgba(212,167,142,.78)!important;animation:servicePulse 2.8s ease-in-out infinite;transform-origin:center}
.service-visual .r2,.service-visual .t1{animation-delay:.45s}.service-visual .beam,.service-visual .route,.service-visual .link{stroke:rgba(212,167,142,.72)!important;stroke-dasharray:10 12;animation:serviceDash 2.8s linear infinite}
.content-visual .frame,.ai-visual .chip,.digital-visual .phone{stroke:rgba(241,241,241,.9)!important;fill:rgba(241,241,241,.035)!important}
.content-visual .play,.identity-visual .shape,.roadshow-visual .van,.media-visual .arrow-head{fill:rgba(212,167,142,.28)!important;stroke:var(--peach)!important}
.content-visual .script,.identity-visual .guide,.media-visual .chart,.digital-visual .feed{stroke:rgba(212,167,142,.78)!important;animation:serviceFloat 3.2s ease-in-out infinite}
.ai-visual .neuron{stroke:var(--peach)!important;stroke-dasharray:80;stroke-dashoffset:80;animation:neuronDraw 3s ease-in-out infinite}
.ai-visual .pin{stroke:rgba(241,241,241,.64)!important}
.identity-visual .morph{animation:shapeBreathe 4.5s ease-in-out infinite;transform-origin:center}
.roadshow-visual .wheel{animation:wheelSpin 2.2s linear infinite;transform-origin:center}.roadshow-visual .van{animation:vanBob 2.4s ease-in-out infinite}
.media-visual .arrow{stroke:var(--peach)!important;stroke-dasharray:120;stroke-dashoffset:120;animation:arrowShoot 2.6s ease-in-out infinite}.media-visual .chart{transform-origin:bottom;animation:barRise 2.8s ease-in-out infinite}.media-visual .c2{animation-delay:.18s}.media-visual .c3{animation-delay:.36s}
.digital-visual .orbit{animation:orbDrift 3.4s ease-in-out infinite}.digital-visual .o2{animation-delay:.35s}.digital-visual .o3{animation-delay:.7s}
@keyframes serviceSweep{to{transform:rotate(360deg)}}
@keyframes servicePulse{50%{transform:scale(1.06);opacity:.45}}
@keyframes serviceDash{to{stroke-dashoffset:-44}}
@keyframes serviceFloat{50%{transform:translateY(-5px)}}
@keyframes neuronDraw{0%,100%{stroke-dashoffset:80;opacity:.45}45%,70%{stroke-dashoffset:0;opacity:1}}
@keyframes shapeBreathe{50%{transform:scale(.92) rotate(8deg)}}
@keyframes wheelSpin{to{transform:rotate(360deg)}}
@keyframes vanBob{50%{transform:translateY(-5px)}}
@keyframes arrowShoot{0%{stroke-dashoffset:120;opacity:.35}45%,70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-120;opacity:.35}}
@keyframes barRise{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@keyframes orbDrift{50%{transform:translate(6px,-7px)}}
@media(max-width:880px){
  .service-detail{grid-template-columns:1fr!important;align-items:start!important}
  .service-visual{width:100%!important;max-width:330px!important;order:2!important;margin:0!important}
  .service-number{order:1!important}.service-copy{order:3!important}
}
@media(prefers-reduced-motion:reduce){.service-visual *,.service-visual::after{animation:none!important}}

/* 2026-06-07: UI/UX correction for Services landing visuals — reduce dead space and mobile height */
.service-detail,
.service-detail.alt{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(210px,280px)!important;
  grid-template-areas:"copy visual"!important;
  align-items:start!important;
  gap:clamp(22px,4vw,48px)!important;
  max-width:1180px!important;
  width:calc(100% - (var(--pad) * 2))!important;
  min-height:auto!important;
  margin:0 auto!important;
  padding:72px 0!important;
  border-top:1px solid rgba(241,241,241,.10)!important;
}
.service-detail.alt{
  background:none!important;
}
.service-detail::before{
  content:'';
  position:absolute;
  inset:28px -22px 28px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(241,241,241,.035),rgba(212,167,142,.025));
  border:1px solid rgba(241,241,241,.08);
  pointer-events:none;
  z-index:-1;
}
.service-number{
  grid-area:copy!important;
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:46px!important;
  margin:0 0 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(212,167,142,.38)!important;
  background:rgba(212,167,142,.10)!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  opacity:1!important;
}
.service-copy{
  grid-area:copy!important;
  max-width:760px!important;
}
.service-copy>p:first-child{
  margin-bottom:10px!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.service-copy h2{
  max-width:760px!important;
  font-size:clamp(38px,5.1vw,72px)!important;
  line-height:.9!important;
  margin-bottom:16px!important;
}
.service-copy blockquote{
  max-width:720px!important;
  margin-bottom:16px!important;
  padding:14px 18px!important;
  font-size:clamp(16px,1.45vw,20px)!important;
}
.service-copy p{
  max-width:760px!important;
  font-size:16.5px!important;
  line-height:1.55!important;
}
.service-copy ul{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:18px!important;
}
.service-copy li{
  padding:11px 12px!important;
  font-size:14.5px!important;
}
.service-visual{
  grid-area:visual!important;
  width:100%!important;
  max-width:280px!important;
  aspect-ratio:1/0.82!important;
  align-self:start!important;
  position:sticky!important;
  top:120px!important;
  border-radius:26px!important;
}
.service-visual svg{
  width:76%!important;
  height:76%!important;
}

@media(max-width:880px){
  .services-landing-hero.panel,
  .service-detail,
  .services-final-cta.panel{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
  }
  .service-detail,
  .service-detail.alt{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"number" "visual" "copy"!important;
    gap:12px!important;
    padding-top:44px!important;
    padding-bottom:52px!important;
    margin:0!important;
  }
  .service-detail::before{
    inset:18px 10px 18px!important;
    border-radius:24px!important;
  }
  .service-number{
    grid-area:number!important;
    width:38px!important;
    height:38px!important;
    margin:0!important;
    font-size:12px!important;
  }
  .service-visual{
    grid-area:visual!important;
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:132px!important;
    aspect-ratio:auto!important;
    border-radius:22px!important;
    margin:0!important;
  }
  .service-visual svg{
    width:150px!important;
    height:118px!important;
  }
  .service-copy{
    grid-area:copy!important;
    max-width:100%!important;
  }
  .service-copy>p:first-child{
    font-size:12px!important;
    margin-bottom:8px!important;
  }
  .service-copy h2{
    font-size:clamp(31px,9.4vw,40px)!important;
    line-height:.94!important;
    letter-spacing:-.055em!important;
    margin-bottom:12px!important;
  }
  .service-copy blockquote{
    padding:12px 14px!important;
    border-radius:0 16px 16px 0!important;
    font-size:15px!important;
    line-height:1.32!important;
  }
  .service-copy p{
    font-size:15px!important;
    line-height:1.48!important;
  }
  .service-copy ul{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:14px!important;
  }
  .service-copy li{
    font-size:14px!important;
    padding:10px 11px!important;
    border-radius:14px!important;
  }
}
@media(min-width:881px) and (max-width:1180px){
  .service-detail{width:calc(100% - 48px)!important;grid-template-columns:minmax(0,1fr) 240px!important}
  .service-visual{max-width:240px!important}
}

/* 2026-06-07: Services card containment fix — no overlap, no overflow */
.service-detail,
.service-detail.alt{
  grid-template-columns:56px minmax(0,1fr) minmax(190px,260px)!important;
  grid-template-areas:"number copy visual"!important;
  column-gap:clamp(16px,3vw,34px)!important;
  row-gap:18px!important;
  align-items:start!important;
  padding:56px clamp(22px,3.2vw,42px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:34px!important;
}
.service-detail::before{
  inset:0!important;
  border-radius:34px!important;
}
.service-number{
  grid-area:number!important;
  align-self:start!important;
  justify-self:start!important;
  margin:4px 0 0!important;
  flex:0 0 auto!important;
}
.service-copy{
  grid-area:copy!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
}
.service-copy h2,
.service-copy p,
.service-copy blockquote,
.service-copy ul{
  max-width:100%!important;
  box-sizing:border-box!important;
}
.service-visual{
  grid-area:visual!important;
  max-width:260px!important;
  justify-self:end!important;
  box-sizing:border-box!important;
}
.service-copy li{
  overflow-wrap:anywhere!important;
}

@media(max-width:880px){
  .service-detail,
  .service-detail.alt{
    grid-template-columns:1fr!important;
    grid-template-areas:"number" "visual" "copy"!important;
    padding:36px 18px 44px!important;
    margin:0 12px!important;
    width:calc(100% - 24px)!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  .service-detail::before{
    inset:0!important;
    border-radius:24px!important;
  }
  .service-number{
    grid-area:number!important;
    margin:0!important;
    justify-self:start!important;
  }
  .service-visual{
    grid-area:visual!important;
    justify-self:stretch!important;
    max-width:100%!important;
    width:100%!important;
    height:124px!important;
  }
  .service-copy{
    grid-area:copy!important;
    width:100%!important;
    max-width:100%!important;
  }
  .service-copy h2{
    overflow-wrap:break-word!important;
  }
}
@media(min-width:881px) and (max-width:1180px){
  .service-detail,
  .service-detail.alt{
    grid-template-columns:52px minmax(0,1fr) 220px!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }
  .service-visual{max-width:220px!important}
}

/* 2026-06-07: restore desktop sticky SVG motion while keeping mobile contained */
@media(min-width:881px){
  .service-detail,
  .service-detail.alt{
    overflow:visible!important;
  }
  .service-visual{
    position:sticky!important;
    top:112px!important;
    align-self:start!important;
    transform:translateZ(0)!important;
  }
}
@media(max-width:880px){
  .service-detail,
  .service-detail.alt{
    overflow:hidden!important;
  }
  .service-visual{
    position:relative!important;
    top:auto!important;
  }
}

/* 2026-06-07: richer animated SVG for Visual & Textual Content Production */
.content-reel-visual .reel-screen{
  fill:rgba(241,241,241,.04)!important;
  stroke:rgba(241,241,241,.92)!important;
}
.content-reel-visual .film-strip rect{
  fill:rgba(212,167,142,.12)!important;
  stroke:rgba(212,167,142,.88)!important;
}
.content-reel-visual .film-strip path{
  stroke:rgba(241,241,241,.78)!important;
  stroke-width:3!important;
}
.content-reel-visual .top-strip{animation:filmSlideTop 3.2s linear infinite}
.content-reel-visual .bottom-strip{animation:filmSlideBottom 3.2s linear infinite}
.content-reel-visual .scene-wave{
  stroke:var(--peach)!important;
  stroke-width:4!important;
  stroke-dasharray:120!important;
  animation:sceneWave 3s ease-in-out infinite;
}
.content-reel-visual .wave-two{animation-delay:.55s;opacity:.78}
.content-reel-visual .scene-orb{
  fill:rgba(212,167,142,.36)!important;
  stroke:var(--peach)!important;
  animation:sceneOrbFloat 3.4s ease-in-out infinite;
}
.content-reel-visual .orb-b{animation-delay:.7s}
.content-reel-visual .content-play{
  fill:rgba(241,241,241,.92)!important;
  stroke:var(--peach)!important;
  transform-origin:116px 81px;
  animation:playBeat 2.4s ease-in-out infinite;
}
.content-reel-visual .script-line{
  stroke:rgba(241,241,241,.82)!important;
  stroke-dasharray:130!important;
  animation:writeLine 2.6s ease-in-out infinite;
}
.content-reel-visual .sl2{animation-delay:.22s}
.content-reel-visual .typing-dot{
  fill:var(--peach)!important;
  stroke:none!important;
  animation:typingBlink 1.2s ease-in-out infinite;
}
.content-reel-visual .td2{animation-delay:.18s}.content-reel-visual .td3{animation-delay:.36s}
@keyframes filmSlideTop{50%{transform:translateX(10px)}100%{transform:translateX(0)}}
@keyframes filmSlideBottom{50%{transform:translateX(-10px)}100%{transform:translateX(0)}}
@keyframes sceneWave{0%,100%{stroke-dashoffset:120;opacity:.42}50%{stroke-dashoffset:0;opacity:1}}
@keyframes sceneOrbFloat{50%{transform:translate(7px,-8px);opacity:.75}}
@keyframes playBeat{50%{transform:scale(1.12);filter:drop-shadow(0 0 10px rgba(212,167,142,.45))}}
@keyframes writeLine{0%{stroke-dashoffset:130;opacity:.35}55%,75%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-130;opacity:.35}}
@keyframes typingBlink{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}

/* 2026-06-07: replace abstract identity icon with artist-for-business SVG */
.artist-business-visual .brand-card{
  fill:rgba(241,241,241,.035)!important;
  stroke:rgba(241,241,241,.86)!important;
}
.artist-business-visual .logo-stroke{
  stroke:var(--peach)!important;
  stroke-width:6!important;
  stroke-dasharray:170!important;
  animation:logoDraw 3.2s ease-in-out infinite;
}
.artist-business-visual .pen{
  fill:rgba(212,167,142,.24)!important;
  stroke:var(--peach)!important;
  transform-origin:142px 86px;
  animation:penCraft 3.2s ease-in-out infinite;
}
.artist-business-visual .pen-tip{
  stroke:rgba(241,241,241,.92)!important;
  stroke-width:4!important;
}
.artist-business-visual .business-line{
  stroke:rgba(241,241,241,.78)!important;
  stroke-dasharray:120!important;
  animation:businessWrite 3s ease-in-out infinite;
}
.artist-business-visual .bl2{animation-delay:.25s}
.artist-business-visual .growth{
  stroke:rgba(212,167,142,.9)!important;
  stroke-dasharray:140!important;
  animation:growthDraw 3.4s ease-in-out infinite;
}
.artist-business-visual .growth-dot,
.artist-business-visual .spark-star{
  fill:var(--peach)!important;
  stroke:rgba(212,167,142,.24)!important;
}
.artist-business-visual .growth-dot{animation:dotPop 2.6s ease-in-out infinite}
.artist-business-visual .gd2{animation-delay:.2s}.artist-business-visual .gd3{animation-delay:.4s}
.artist-business-visual .spark-star{animation:starPulse 2.2s ease-in-out infinite;transform-origin:54px 74px}
@keyframes logoDraw{0%,100%{stroke-dashoffset:170;opacity:.42}48%,72%{stroke-dashoffset:0;opacity:1}}
@keyframes penCraft{0%,100%{transform:translate(0,0) rotate(0deg)}45%{transform:translate(-8px,9px) rotate(-6deg)}70%{transform:translate(4px,-4px) rotate(4deg)}}
@keyframes businessWrite{0%{stroke-dashoffset:120;opacity:.35}55%,76%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-120;opacity:.35}}
@keyframes growthDraw{0%,100%{stroke-dashoffset:140;opacity:.38}50%,76%{stroke-dashoffset:0;opacity:1}}
@keyframes dotPop{50%{transform:scale(1.25);opacity:1}}
@keyframes starPulse{50%{transform:scale(1.18) rotate(18deg);opacity:.72}}

/* 2026-06-07: replace roadshow icon with sampling activation booth */
.sampling-activation-visual .booth,
.sampling-activation-visual .awning{
  fill:rgba(241,241,241,.045)!important;
  stroke:rgba(241,241,241,.88)!important;
}
.sampling-activation-visual .awning{
  fill:rgba(212,167,142,.16)!important;
  stroke:var(--peach)!important;
  animation:awningWave 2.8s ease-in-out infinite;
  transform-origin:110px 70px;
}
.sampling-activation-visual .awning-lines,
.sampling-activation-visual .person-body{
  stroke:rgba(241,241,241,.78)!important;
}
.sampling-activation-visual .person-head,
.sampling-activation-visual .sample-cup,
.sampling-activation-visual .route-dot,
.sampling-activation-visual .spark-sample{
  fill:var(--peach)!important;
  stroke:rgba(212,167,142,.24)!important;
}
.sampling-activation-visual .hand{
  stroke:var(--peach)!important;
  stroke-dasharray:70!important;
  animation:sampleHand 2.6s ease-in-out infinite;
}
.sampling-activation-visual .right-hand{animation-delay:.25s}
.sampling-activation-visual .sample-cup{animation:cupOffer 2.4s ease-in-out infinite;transform-origin:center}
.sampling-activation-visual .cup-b{animation-delay:.35s}
.sampling-activation-visual .activation-route{
  stroke:rgba(212,167,142,.9)!important;
  stroke-dasharray:12 12!important;
  animation:activationRoute 2.8s linear infinite;
}
.sampling-activation-visual .route-dot{animation:dotPop 2.4s ease-in-out infinite}
.sampling-activation-visual .rd2{animation-delay:.25s}.sampling-activation-visual .rd3{animation-delay:.5s}
.sampling-activation-visual .spark-sample{animation:starPulse 2.1s ease-in-out infinite;transform-origin:176px 59px}
@keyframes awningWave{50%{transform:translateY(-3px) scaleX(1.02)}}
@keyframes sampleHand{0%,100%{stroke-dashoffset:70;opacity:.45}48%,76%{stroke-dashoffset:0;opacity:1}}
@keyframes cupOffer{50%{transform:translateY(-7px) scale(1.08)}}
@keyframes activationRoute{to{stroke-dashoffset:-48}}

/* 2026-06-07: literal roadshow/sampling visual — promoter gives sample to customer */
.sampling-human-visual .sample-sign,
.sampling-human-visual .counter{
  fill:rgba(241,241,241,.045)!important;
  stroke:rgba(241,241,241,.88)!important;
}
.sampling-human-visual .sample-sign{
  fill:rgba(212,167,142,.16)!important;
  stroke:var(--peach)!important;
  animation:sampleSignPulse 2.6s ease-in-out infinite;
}
.sampling-human-visual .sign-text,
.sampling-human-visual .counter-line{
  stroke:var(--peach)!important;
  stroke-width:4!important;
  stroke-dasharray:80!important;
  animation:sampleLineWrite 2.8s ease-in-out infinite;
}
.sampling-human-visual .promoter-head,
.sampling-human-visual .customer-head,
.sampling-human-visual .sample-pack,
.sampling-human-visual .sample-dot{
  fill:var(--peach)!important;
  stroke:rgba(212,167,142,.22)!important;
}
.sampling-human-visual .promoter-body,
.sampling-human-visual .customer-body{
  stroke:rgba(241,241,241,.82)!important;
  fill:rgba(241,241,241,.025)!important;
}
.sampling-human-visual .offer-arm,
.sampling-human-visual .receive-arm{
  stroke:var(--peach)!important;
  stroke-width:5!important;
  stroke-dasharray:70!important;
  animation:handoff 2.2s ease-in-out infinite;
}
.sampling-human-visual .receive-arm{animation-delay:.18s}
.sampling-human-visual .sample-pack{
  animation:sampleHandoff 2.2s ease-in-out infinite;
  transform-origin:112px 95px;
}
.sampling-human-visual .taste-lines{
  stroke:rgba(212,167,142,.9)!important;
  stroke-dasharray:40!important;
  animation:tasteSignal 2.4s ease-in-out infinite;
}
.sampling-human-visual .tl2{animation-delay:.28s}
.sampling-human-visual .sample-dot{animation:dotPop 2.4s ease-in-out infinite}.sampling-human-visual .sd2{animation-delay:.12s}.sampling-human-visual .sd3{animation-delay:.24s}.sampling-human-visual .sd4{animation-delay:.36s}
@keyframes sampleSignPulse{50%{transform:translateY(-3px);filter:drop-shadow(0 0 10px rgba(212,167,142,.32))}}
@keyframes sampleLineWrite{0%,100%{stroke-dashoffset:80;opacity:.38}50%,75%{stroke-dashoffset:0;opacity:1}}
@keyframes handoff{0%,100%{stroke-dashoffset:70;opacity:.45}45%,70%{stroke-dashoffset:0;opacity:1}}
@keyframes sampleHandoff{0%,100%{transform:translateX(-8px) scale(.92)}50%{transform:translateX(8px) scale(1.08)}}
@keyframes tasteSignal{0%,100%{stroke-dashoffset:40;opacity:.25}50%,72%{stroke-dashoffset:0;opacity:1}}

/* 2026-06-08: Leadership landing + home teaser from team DOCX */
.leadership-home .section-title h2{max-width:1180px!important}
.leadership-teaser-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.leadership-teaser-grid article,.leadership-teaser-grid article:first-child{grid-column:auto!important;grid-row:auto!important}
.leadership-teaser-grid h3{min-height:auto!important;font-size:clamp(22px,2.4vw,34px)!important;line-height:.95!important;letter-spacing:-.035em!important}
.leadership-teaser-grid p{min-height:0!important}
.leadership-teaser-grid .team-key{font-size:14px!important;color:rgba(241,241,241,.72)!important;margin-top:10px!important;line-height:1.45!important}
.team-home-cta{margin-top:30px!important;justify-content:flex-start!important}
.leadership-landing-hero .section-title h1{font-size:clamp(54px,8vw,122px)!important;line-height:.82!important;letter-spacing:-.07em!important}
.leadership-hero-lead{max-width:980px!important}
.leadership-jump a{white-space:nowrap!important}
.leadership-detail{grid-template-columns:minmax(220px,330px) minmax(0,1fr)!important;align-items:center!important}
.leadership-detail .service-copy h2{text-transform:none!important}
.leadership-portrait{border:1px solid rgba(241,241,241,.14)!important;border-radius:30px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(212,167,142,.10),rgba(241,241,241,.035))!important;box-shadow:0 24px 90px rgba(0,0,0,.28)!important}
.leadership-portrait img{display:block!important;width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;filter:saturate(.92) contrast(1.06)!important}
.leadership-detail .service-copy ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:1100px){.leadership-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.leadership-detail{grid-template-columns:220px minmax(0,1fr)!important}}
@media(max-width:880px){.leadership-teaser-grid{grid-template-columns:1fr!important}.team-home-cta{justify-content:center!important}.leadership-detail{grid-template-columns:1fr!important}.leadership-portrait{max-width:320px!important}.leadership-detail .service-copy ul{grid-template-columns:1fr!important}.leadership-landing-hero .section-title h1{font-size:clamp(42px,14vw,64px)!important;line-height:.88!important}}

/* 2026-06-08: Make every leadership landing portrait large beside the copy */
.leadership-detail.service-detail{
  grid-template-columns:minmax(360px,460px) minmax(0,1fr)!important;
  gap:clamp(28px,5vw,82px)!important;
  align-items:center!important;
}
.leadership-detail .leadership-portrait{
  width:100%!important;
  max-width:460px!important;
  justify-self:start!important;
  border-radius:34px!important;
}
.leadership-detail .leadership-portrait img{
  width:100%!important;
  aspect-ratio:4/5!important;
  min-height:520px!important;
  object-fit:cover!important;
  object-position:center top!important;
}
@media(max-width:1100px){
  .leadership-detail.service-detail{grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important}
  .leadership-detail .leadership-portrait{max-width:380px!important}
  .leadership-detail .leadership-portrait img{min-height:460px!important}
}
@media(max-width:880px){
  .leadership-detail.service-detail{grid-template-columns:1fr!important}
  .leadership-detail .leadership-portrait{max-width:100%!important;width:100%!important}
  .leadership-detail .leadership-portrait img{aspect-ratio:4/5!important;min-height:0!important}
}

/* 2026-06-08: WhatsApp footer contact */
.contact-card a.whatsapp-contact{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  background:rgba(37,211,102,.14)!important;
  border-color:rgba(37,211,102,.42)!important;
  color:#f1f1f1!important;
}
.contact-card a.whatsapp-contact svg{
  width:21px!important;
  height:21px!important;
  fill:#25D366!important;
  flex:0 0 auto!important;
}
.contact-card a.whatsapp-contact:hover{
  background:rgba(37,211,102,.22)!important;
  border-color:rgba(37,211,102,.72)!important;
}

/* 2026-06-08: Expanded contact page + footer contact system */
.contact-expanded{
  text-align:left!important;
  place-content:initial!important;
  display:block!important;
}
.contact-expanded .section-title{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
.contact-expanded .section-title h1,
.contact-expanded .section-title h2{font-size:clamp(54px,8vw,118px)!important;line-height:.84!important;letter-spacing:-.07em!important}
.contact-lead{
  max-width:880px!important;
  margin:22px auto 0!important;
  color:rgba(241,241,241,.82)!important;
  font-size:clamp(19px,2vw,27px)!important;
  line-height:1.42!important;
}
.contact-brand-card{
  max-width:1120px!important;
  margin:34px auto 0!important;
  padding:26px 28px!important;
  border:1px solid rgba(212,167,142,.26)!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,rgba(212,167,142,.12),rgba(241,241,241,.045))!important;
  box-shadow:0 28px 95px rgba(0,0,0,.28)!important;
}
.contact-brand-card p{color:var(--peach)!important;font-weight:900!important;letter-spacing:.12em!important;margin:0 0 10px!important}
.contact-brand-card h2{font-family:var(--display)!important;font-size:clamp(38px,5.6vw,82px)!important;line-height:.9!important;letter-spacing:-.06em!important;margin:0!important}
.contact-info-grid{
  max-width:1120px!important;
  margin:22px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.contact-info-grid a{
  border:1px solid rgba(241,241,241,.12)!important;
  border-radius:20px!important;
  padding:16px 18px!important;
  background:rgba(241,241,241,.055)!important;
  color:rgba(241,241,241,.88)!important;
  overflow:hidden!important;
}
.contact-info-grid span{display:block!important;color:var(--peach)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin-bottom:7px!important}
.contact-info-grid b{font-size:clamp(15px,1.6vw,20px)!important;line-height:1.25!important;word-break:break-word!important}
.contact-social-actions{max-width:1120px!important;margin:24px auto 0!important;justify-content:flex-start!important}
.contact-footer-compact .contact-card a{font-size:14px!important}
@media(max-width:880px){
  .contact-expanded{text-align:left!important}
  .contact-expanded .section-title h1,.contact-expanded .section-title h2{font-size:clamp(42px,13vw,66px)!important;line-height:.9!important}
  .contact-info-grid{grid-template-columns:1fr!important}
  .contact-brand-card{padding:22px!important;border-radius:24px!important}
  .contact-social-actions{justify-content:flex-start!important}
}

/* 2026-06-08: Premium closing statement section for homepage */
.closing-statement-section{
  position:relative!important;
  overflow:hidden!important;
  min-height:auto!important;
  padding-top:clamp(92px,10vw,150px)!important;
  padding-bottom:clamp(92px,10vw,150px)!important;
  text-align:left!important;
  display:block!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(212,167,142,.24),transparent 28%),
    radial-gradient(circle at 86% 72%,rgba(241,241,241,.10),transparent 30%),
    linear-gradient(135deg,#050504 0%,#15110d 45%,#050504 100%)!important;
}
.closing-statement-section::before{
  content:''!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(212,167,142,.22)!important;
  border-radius:44px!important;
  pointer-events:none!important;
  box-shadow:inset 0 0 80px rgba(212,167,142,.045)!important;
}
.closing-statement-section::after{
  content:'squAD'!important;
  position:absolute!important;
  right:-4vw!important;
  top:4vw!important;
  font-family:var(--display)!important;
  font-size:clamp(120px,24vw,340px)!important;
  line-height:.7!important;
  letter-spacing:-.09em!important;
  color:rgba(241,241,241,.035)!important;
  pointer-events:none!important;
}
.closing-shell{
  position:relative!important;
  z-index:1!important;
  max-width:1220px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
  gap:clamp(24px,5vw,72px)!important;
  align-items:stretch!important;
}
.closing-statement{
  min-height:520px!important;
  border:1px solid rgba(241,241,241,.11)!important;
  border-radius:38px!important;
  padding:clamp(28px,5vw,64px)!important;
  background:linear-gradient(145deg,rgba(241,241,241,.07),rgba(241,241,241,.018))!important;
  box-shadow:0 45px 140px rgba(0,0,0,.48)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.closing-kicker{
  width:max-content!important;
  color:#090907!important;
  background:var(--peach)!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-size:12px!important;
}
.closing-statement p{
  max-width:760px!important;
  margin:auto 0 20px!important;
  color:rgba(241,241,241,.86)!important;
  font-size:clamp(26px,3.7vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
.closing-statement h2{
  margin:0!important;
  max-width:900px!important;
  font-family:var(--display)!important;
  font-size:clamp(62px,9.5vw,152px)!important;
  line-height:.76!important;
  letter-spacing:-.085em!important;
  color:var(--peach)!important;
  text-shadow:0 0 46px rgba(212,167,142,.14)!important;
}
.closing-contact-panel{
  border:1px solid rgba(212,167,142,.28)!important;
  border-radius:38px!important;
  padding:clamp(24px,3.4vw,42px)!important;
  background:linear-gradient(180deg,rgba(212,167,142,.13),rgba(241,241,241,.045))!important;
  box-shadow:0 35px 120px rgba(0,0,0,.42)!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
}
.closing-eyebrow{
  margin:0 0 18px!important;
  color:var(--peach)!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  font-size:12px!important;
}
.closing-contact-panel h3{
  font-family:var(--display)!important;
  font-size:clamp(42px,5vw,78px)!important;
  line-height:.84!important;
  letter-spacing:-.065em!important;
  margin:0!important;
}
.closing-line{
  margin:14px 0 0!important;
  color:rgba(241,241,241,.9)!important;
  font-size:clamp(18px,2vw,26px)!important;
  line-height:1.2!important;
}
.closing-note{
  margin:24px 0 26px!important;
  color:rgba(241,241,241,.72)!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.closing-links{
  margin-top:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.closing-links a{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(241,241,241,.13)!important;
  border-radius:999px!important;
  padding:11px 13px!important;
  background:rgba(9,9,7,.36)!important;
  color:rgba(241,241,241,.88)!important;
  font-size:14px!important;
  max-width:100%!important;
}
.closing-links a:hover{background:rgba(212,167,142,.18)!important;border-color:rgba(212,167,142,.42)!important;transform:translateY(-3px)!important}
.closing-links .whatsapp-contact svg{width:20px!important;height:20px!important;fill:#25D366!important;flex:0 0 auto!important}
@media(max-width:980px){
  .closing-shell{grid-template-columns:1fr!important}
  .closing-statement{min-height:420px!important}
}
@media(max-width:880px){
  .closing-statement-section{padding:82px 14px!important}
  .closing-statement-section::before{inset:10px!important;border-radius:30px!important}
  .closing-shell{width:100%!important;max-width:100%!important;gap:14px!important}
  .closing-statement,.closing-contact-panel{border-radius:28px!important;padding:24px!important;min-height:auto!important}
  .closing-statement p{font-size:clamp(24px,8vw,38px)!important;margin:54px 0 18px!important}
  .closing-statement h2{font-size:clamp(54px,16vw,88px)!important}
  .closing-links a{width:100%!important;justify-content:center!important;text-align:center!important}
}

/* 2026-06-08: Closing section layout fix — final statement above footer contact */
.closing-shell{
  grid-template-columns:1fr!important;
  gap:18px!important;
  max-width:1180px!important;
}
.closing-statement{
  min-height:auto!important;
  padding:clamp(24px,4vw,48px)!important;
}
.closing-statement p{
  margin:clamp(28px,4vw,56px) 0 18px!important;
  max-width:980px!important;
  font-size:clamp(24px,3.1vw,46px)!important;
}
.closing-statement h2{
  max-width:100%!important;
  font-size:clamp(54px,7.8vw,118px)!important;
  line-height:.82!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.closing-contact-panel{
  max-width:1180px!important;
  width:100%!important;
}
.closing-contact-panel h3{
  font-size:clamp(38px,4.8vw,72px)!important;
  overflow-wrap:break-word!important;
}
@media(max-width:880px){
  .closing-statement{padding:20px!important}
  .closing-statement p{margin:24px 0 14px!important}
  .closing-statement h2{font-size:clamp(48px,14vw,76px)!important;line-height:.84!important}
}

/* 2026-06-08: Reduce mobile top whitespace before Final truth card */
@media(max-width:880px){
  .closing-statement-section{
    padding-top:34px!important;
    padding-bottom:72px!important;
  }
  .closing-statement-section::before{
    inset:8px!important;
  }
  .closing-shell{
    margin-top:0!important;
  }
}

/* 2026-06-08: Force remove cached mobile top gap on closing section */
@media(max-width:880px){
  section#contact.closing-statement-section.panel{
    padding-top:18px!important;
    margin-top:0!important;
  }
  section#contact.closing-statement-section.panel .closing-shell{
    padding-top:0!important;
    margin-top:0!important;
    transform:translateY(-2px)!important;
  }
  section#contact.closing-statement-section.panel .closing-statement{
    margin-top:0!important;
  }
}

/* 2026-06-08: Mobile menu labels/spacing match desktop and avoid logo overlap */
@media(max-width:880px){
  body.menu-open .mega,
  .mega.open{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    padding:92px 22px 34px!important;
    gap:0!important;
    overflow-y:auto!important;
  }
  .mega a{
    width:100%!important;
    display:block!important;
    font-size:clamp(38px,11.5vw,54px)!important;
    line-height:.9!important;
    padding:8px 0 12px!important;
    margin:0!important;
    border-bottom:1px solid rgba(219,197,179,.14)!important;
    letter-spacing:-.055em!important;
  }
  .mega a:first-of-type{
    margin-top:0!important;
  }
}
@media(max-width:390px){
  body.menu-open .mega,
  .mega.open{padding-top:86px!important}
  .mega a{font-size:clamp(34px,10.8vw,46px)!important;padding:7px 0 10px!important}
}

/* 2026-06-08: Mobile menu Home must sit below logo/header */
@media(max-width:880px){
  body.menu-open .mega,
  .mega.open{
    padding-top:138px!important;
  }
}
@media(max-width:390px){
  body.menu-open .mega,
  .mega.open{
    padding-top:128px!important;
  }
}

/* 2026-06-08: Mobile contact page needs breathing room below logo/header */
@media(max-width:880px){
  body:not(.menu-open) .contact-expanded.panel{
    padding-top:176px!important;
  }
  body:not(.menu-open) .contact-expanded .section-title{
    margin-top:0!important;
  }
}
@media(max-width:390px){
  body:not(.menu-open) .contact-expanded.panel{
    padding-top:166px!important;
  }
}

/* 2026-06-08: Desktop contact page breathing room below fixed logo/header */
@media(min-width:881px){
  body:not(.menu-open) .contact-expanded.panel{
    padding-top:190px!important;
  }
}