/* Shared header + photographic hero architecture: 2026-08-24 */
:root{--site-header-height:112px;--hero-scrim:.23;--hero-position:center center;--hero-position-mobile:var(--hero-position)}
.site-header,.toolbox-shell .site-header{position:absolute;z-index:20;inset:0 0 auto;background:transparent!important;backdrop-filter:none!important;color:var(--white)!important;border-bottom:1px solid rgba(201,155,69,.58)!important}
.site-header .nav-wrap{min-height:var(--site-header-height)}
.site-header .nav-toggle{color:var(--white)!important;border-color:rgba(239,216,160,.62)!important;background:rgba(3,44,58,.28)!important;backdrop-filter:blur(8px)}
.hero,.page-hero,.offering-hero,.geo-hero,.toolbox-hero{position:relative;display:grid!important;align-items:end!important;isolation:isolate;overflow:hidden;min-height:100svh!important;background-color:var(--night);color:var(--white)}
.hero:before,.page-hero:before,.offering-hero:before,.geo-hero:before,.toolbox-shell .toolbox-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,34,46,.58) 0%,rgba(3,44,58,.3) 42%,transparent 72%),linear-gradient(rgba(3,44,58,var(--hero-scrim)),rgba(3,44,58,var(--hero-scrim)))!important;pointer-events:none}
.hero-bg,.page-hero-bg{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-position)!important;opacity:1!important;filter:saturate(1.02) brightness(1)!important}
.hero-content,.page-hero-content,.offering-hero .page-hero-content,.geo-hero__content{width:100%;max-width:780px;margin-right:auto;padding-top:calc(var(--site-header-height) + clamp(2rem,7vh,5rem))!important;padding-bottom:clamp(4.75rem,9vh,7rem)!important}
.toolbox-hero>.container{width:min(var(--max),calc(100% - 2rem));margin-inline:auto;padding-top:calc(var(--site-header-height) + clamp(2rem,7vh,5rem));padding-bottom:clamp(4.75rem,9vh,7rem)}
.hero h1,.page-hero h1,.offering-hero h1,.geo-hero h1,.toolbox-hero h1{color:var(--white)}
.hero .eyebrow,.page-hero .eyebrow,.offering-hero .eyebrow,.geo-hero .eyebrow,.toolbox-hero .toolbox-kicker{color:var(--gold-light)}

/* Existing photographs keep their individual focal points through custom properties. */
.hero{--hero-position:78% center;--hero-position-mobile:66% center}
.page-about{--hero-position:center 42%;--hero-position-mobile:center 38%;--hero-scrim:.2}
.page-ai-websites{--hero-position:center 56%;--hero-position-mobile:center 52%;--hero-scrim:.18}
.page-ai-partner{--hero-position:52% 42%;--hero-position-mobile:54% 44%}
.page-ai-agents{--hero-position:center 45%;--hero-position-mobile:58% center}
.geo-hero{--hero-scrim:.24;background-image:url('/assets/images/AlohaMagicAIAIVisibilityGEO.jpeg')!important;background-size:cover!important;background-position:54% 48%!important;background-repeat:no-repeat!important}
.toolbox-shell{--hero-scrim:.22}
.toolbox-shell .toolbox-hero{padding:0!important;background-position:50% 42%}

@media(min-width:940px){.site-header .site-nav{background:transparent!important;color:var(--white)!important}}
@media(max-width:939px){
  :root{--site-header-height:96px}
  .site-header .site-nav{top:var(--site-header-height);background:rgba(3,44,58,.96)!important;color:var(--white)!important;border-color:rgba(201,155,69,.5)!important}
  .hero-bg,.page-hero-bg{object-position:var(--hero-position-mobile)!important}
  .geo-hero{background-position:58% 52%!important}
  .toolbox-shell .toolbox-hero{background-position:57% 38%}
  .hero-content,.page-hero-content,.offering-hero .page-hero-content,.geo-hero__content{padding-top:calc(var(--site-header-height) + 2rem)!important;padding-bottom:clamp(3.5rem,8svh,5rem)!important}
  .toolbox-hero>.container{padding-top:calc(var(--site-header-height) + 2rem);padding-bottom:clamp(3.5rem,8svh,5rem)}
}
@media(max-width:520px){.toolbox-hero>.container{width:min(var(--max),calc(100% - 1.25rem))}}