:root { --legacy-gold: #c9a96e; --legacy-ink: #0a0a0a; }
html,body,#app,#app>.min-h-screen { max-width:100%; overflow-x:clip; }
body.fs-unmask-airo-app-builder header { background:rgba(10,10,10,.82)!important; border-bottom:1px solid rgba(201,169,110,.16)!important; backdrop-filter:blur(16px)!important; }
.site-logo-header { display:block; height:auto; max-width:235px; width:clamp(150px,18vw,235px); }
header.is-scrolled { background:rgba(10,10,10,.9)!important; border-bottom-color:rgba(201,169,110,.18)!important; backdrop-filter:blur(16px)!important; }
.js-enhanced .scroll-reveal { opacity:0!important; transform:translate3d(0,42px,0)!important; transition:opacity 850ms cubic-bezier(.2,.65,.25,1),transform 850ms cubic-bezier(.2,.65,.25,1)!important; transition-delay:var(--reveal-delay,0ms)!important; will-change:opacity,transform; }
.js-enhanced .scroll-reveal.reveal-from-left { transform:translate3d(-42px,0,0)!important; }
.js-enhanced .scroll-reveal.reveal-from-right { transform:translate3d(42px,0,0)!important; }
.js-enhanced .scroll-reveal.is-visible { opacity:1!important; transform:translate3d(0,0,0)!important; }
.portfolio-thumb { box-shadow:0 0 0 1px rgba(201,169,110,0); transition:box-shadow 400ms ease,transform 500ms cubic-bezier(.2,.65,.25,1)!important; }
.portfolio-thumb:hover { box-shadow:0 18px 55px rgba(0,0,0,.38),0 0 0 1px rgba(201,169,110,.38); transform:translateY(-8px)!important; }
.portfolio-thumb img,section[aria-hidden="true"]>img { transform:translate3d(0,var(--parallax-y,0),0) scale(1.06); transition:transform 180ms linear; will-change:transform; }
a[data-dev-content-key="home.hero.cta_label"],a[data-dev-content-key="home.cta_section.button_label"] { animation:book-glow 2.8s ease-in-out infinite; box-shadow:0 0 0 rgba(201,169,110,0); }
a[data-dev-content-key="home.hero.cta_label"]:hover,a[data-dev-content-key="home.cta_section.button_label"]:hover { animation-play-state:paused; box-shadow:0 0 28px rgba(201,169,110,.5)!important; }
@keyframes book-glow { 0%,100%{box-shadow:0 0 0 0 rgba(201,169,110,0),inset 0 0 0 rgba(201,169,110,0)} 50%{box-shadow:0 0 22px 2px rgba(201,169,110,.4),inset 0 0 12px rgba(201,169,110,.1)} }
@media(max-width:767px){
  .site-logo-header{max-width:160px}
  header nav[aria-label="Mobile navigation"] a[href^="https://wa.me/"]{margin-top:.75rem;text-align:center}
  main section[aria-label="Hero"]{background:#0a0a0a!important;display:flex;flex-direction:column;justify-content:center;min-height:100svh!important;isolation:isolate;padding-bottom:1.5rem;padding-top:72px}
  main section[aria-label="Hero"]::before{display:none}
  main section[aria-label="Hero"]>img{bottom:auto!important;display:block!important;height:auto!important;object-fit:contain!important;object-position:center!important;position:relative!important;top:0!important;transform:scale(1.03);transform-origin:center center;width:100%!important;margin:0}
  main section[aria-label="Hero"]>div:nth-of-type(1){background:linear-gradient(to bottom,rgba(10,10,10,.02) 45%,#0a0a0a 100%)!important;height:100%!important;inset:0!important;pointer-events:none!important}
  main section[aria-label="Hero"]>.container{align-self:stretch!important;display:block!important;flex:0 1 auto!important;padding-bottom:2.5rem!important;padding-top:2.5rem!important;width:100%!important}
  main section[aria-label="Services"]{padding-bottom:4rem!important;padding-top:3.5rem!important}
  main section[aria-label="Services"] .mb-16{margin-bottom:2.5rem!important}
  .hero-stacked main section[aria-label="Hero"]{background:#24301f url('/new-assets/hero.jpg') center 72%/cover no-repeat!important;display:block!important;position:relative!important;overflow:hidden!important}
  .hero-stacked main section[aria-label="Hero"]::before{background:url('/new-assets/hero.jpg') center 72%/cover no-repeat;content:"";filter:blur(24px) brightness(1.35);inset:-30px;opacity:.92;position:absolute;transform:scale(1.08);z-index:0}
  .hero-stacked main section[aria-label="Hero"]>img{bottom:0!important;height:calc(100% - 72px)!important;left:0!important;margin:0!important;object-fit:contain!important;object-position:center center!important;position:absolute!important;top:72px!important;transform:none!important;z-index:1}
  .hero-stacked main section[aria-label="Hero"]>div:nth-of-type(1){background:linear-gradient(to bottom,rgba(10,10,10,.1) 30%,rgba(10,10,10,.92) 90%,#0a0a0a 100%)!important;height:auto!important;inset:72px 0 0!important;z-index:2}
  .hero-stacked main section[aria-label="Hero"]>.container{bottom:0!important;display:block!important;height:auto!important;left:0!important;padding:0 1.5rem 3.8rem!important;position:absolute!important;right:0!important;z-index:3}
  main section[aria-label="Hero"] h1 span{font-size:clamp(3.1rem,15vw,4rem)!important}
  main section[aria-label="Hero"] p{font-size:.7rem!important;line-height:1.65!important;max-width:none!important;overflow-wrap:anywhere;padding-right:8px;white-space:normal!important;width:calc(100vw - 64px)!important}
  main section[aria-label="Hero"] p[data-dev-content-key="home.hero.brand_statement"]{display:block!important;letter-spacing:.08em!important;max-width:310px!important;padding-right:0;width:100%!important}
  main section[aria-label="Hero"] .container{max-width:100%;overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.js-enhanced .scroll-reveal,.portfolio-thumb,.portfolio-thumb img,section[aria-hidden="true"]>img{opacity:1!important;transform:none!important;transition:none!important}a[data-dev-content-key="home.hero.cta_label"],a[data-dev-content-key="home.cta_section.button_label"]{animation:none}}