/* Shared layout corrections for the existing Entigen website. */
html{scroll-padding-top:calc(var(--header-h,76px) + 20px)}
[id]{scroll-margin-top:calc(var(--header-h,76px) + 20px)}
:focus-visible{outline:2px solid #dec36c!important;outline-offset:5px}
/* Navigation lives directly under body, above every page content context. */
.site-header{z-index:1000!important;isolation:isolate;background:#080a0c!important}
.mobile-menu{z-index:990!important;isolation:isolate;background:#080a0c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overscroll-behavior:contain;padding-bottom:max(40px,env(safe-area-inset-bottom))}
.sec-cta{isolation:isolate;z-index:0}
html.entigen-menu-open{overflow:hidden}
body.entigen-menu-open{position:fixed;top:var(--entigen-scroll-offset);left:0;right:0;width:100%;overflow:hidden}
body.entigen-menu-open .eai-float-wrap,body.entigen-menu-open .wa-btn,body.entigen-menu-open .mobile-contact-bar{visibility:hidden!important;pointer-events:none!important}
.bc-inner,.cs-bc-inner{padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.contact-hero,.about-hero{padding-top:0!important}
.contact-hero-inner,.about-hero-inner{padding-top:32px!important;padding-bottom:36px!important}
.contact-hero-grid{align-items:start!important}
.ph-content{padding-top:36px!important}
.cs-hero{height:auto!important;min-height:320px}
.cs-hero-content{justify-content:flex-start!important;padding-top:32px!important;padding-bottom:40px!important;min-height:320px}
.ck-list li{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
.ck-list li>.ck{grid-column:1;grid-row:1;margin-top:4px}
.ck-list li>.ck-copy{grid-column:2;min-width:0;line-height:1.6;overflow-wrap:normal}
.ck-list li .ck-copy strong{display:inline!important;width:auto!important;white-space:normal;word-break:normal;hyphens:none}
.hero{min-height:0!important;padding-top:var(--header-h,76px);justify-content:flex-start!important}
.hero .hero-content{flex:0;padding:38px 0 36px!important}
.hero-bg picture{display:block;width:100%;height:100%}
.hero-bg-img{object-position:62% center}
.hero-eyebrow{margin-bottom:14px!important}
.hero-seo-h1{margin-bottom:14px!important}
.hero-brand-line{line-height:.98!important;max-width:1000px}
.hero .hero-sub{max-width:680px;line-height:1.65}
.hero .hero-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;width:100%;max-width:600px;margin-inline:auto}
.hero .hero-actions .btn{min-width:0;min-height:52px;width:100%;padding:14px 10px;letter-spacing:1.2px}
.entigen-call-label{line-height:1.35}
.entigen-call-label span{white-space:nowrap}
.hero .h-stats{margin-top:24px}
.hero .h-stats .container{width:100%;max-width:1100px;grid-template-columns:repeat(4,minmax(0,1fr))}
.hero .h-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:116px;padding:20px 16px}
.hero .h-stat-num{font-size:36px;line-height:1.1}
.hero .h-stat-label{display:flex;align-items:center;justify-content:center;min-height:2.8em;line-height:1.4;letter-spacing:1px;margin-top:6px}
/* Three workmanship standards: readable without a continuously moving ticker. */
.entigen-service-banner{position:relative;isolation:isolate;background:linear-gradient(110deg,#14171a,#191b1d,#14171a);border-block:1px solid rgba(197,165,84,.2);padding:20px 24px}
.entigen-service-window{width:100%;max-width:1100px;margin-inline:auto}
.entigen-service-track{width:100%}
.entigen-service-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;list-style:none;padding:0;margin:0;gap:12px}
.entigen-service-group li{display:flex;align-items:center;justify-content:center;gap:13px;min-width:0;padding:8px 12px;color:#f2f0eb;font:500 17px/1.4 'Barlow',sans-serif;letter-spacing:.1px;text-align:left}
.entigen-service-group li+li{border-left:1px solid rgba(197,165,84,.15)}
.entigen-service-icon{flex-shrink:0;color:#c5a554}
.entigen-service-banner.is-visible .entigen-service-icon{animation:entigen-service-arrive .7s ease-out both}
.entigen-service-banner.is-visible li:nth-child(2) .entigen-service-icon{animation-delay:.15s}
.entigen-service-banner.is-visible li:nth-child(3) .entigen-service-icon{animation-delay:.3s}
@keyframes entigen-service-arrive{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.entigen-service-banner{padding:16px 20px}.entigen-service-group{gap:8px}.entigen-service-group li{font-size:15px;gap:10px;padding:6px 8px}.entigen-service-icon{width:24px;height:24px}}
@media(max-width:480px){.entigen-service-group{grid-template-columns:1fr;gap:12px;width:max-content;max-width:100%;margin-inline:auto}.entigen-service-group li{justify-content:flex-start;padding:0}.entigen-service-group li+li{border-left:0}}
@media(prefers-reduced-motion:reduce){.entigen-service-banner *{animation:none!important}}
.entigen-work-heading{padding-top:32px!important}
/* Project filters use native controls and announce the result without moving focus. */
.ow-categories[data-filters-ready]{margin-bottom:0;gap:8px;padding-top:20px}
.ow-categories button.ow-cat-pill{cursor:pointer;min-height:44px;color:#d3d1ca;letter-spacing:.8px;transition:background .15s,color .15s,border-color .15s}
.ow-categories button.ow-cat-pill:hover{border-color:#c5a554;color:#f2f0eb}
.ow-categories button[aria-pressed=true]{background:#c5a554;color:#080a0c;border-color:#c5a554}
.ow-grid .ow-card[hidden]{display:none!important}
.entigen-project-count{color:#c8c6c0;font:400 15px/1.5 'Barlow',sans-serif;margin:18px 0 0}
.entigen-project-count+.ow-grid{margin-top:18px}
.entigen-project-select{display:none}
/* Shortcuts and compact, factual project references on longer service pages. */
.entigen-page-nav{background:#121518;border-block:1px solid rgba(197,165,84,.16);padding:18px 0}
.entigen-page-nav .container{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap}
.entigen-page-nav-label{font:600 14px/1.4 'Barlow',sans-serif;color:#f2f0eb;flex-shrink:0}
.entigen-page-nav-links{display:flex;flex-wrap:wrap;gap:6px 22px}
.entigen-page-nav a{display:inline-flex;align-items:center;min-height:44px;color:#d8c58e;font:500 15px/1.4 'Barlow',sans-serif;text-decoration:underline;text-decoration-color:rgba(197,165,84,.4);text-underline-offset:5px}
.entigen-page-nav a:hover{color:#f2f0eb}
.entigen-projects{padding:32px 0;background:#0e1113;border-bottom:1px solid rgba(197,165,84,.12)}
.entigen-projects h2{font:500 24px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.4px;margin:0 0 18px;color:#f2f0eb}
.entigen-project-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.entigen-project-link{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid rgba(197,165,84,.2);border-radius:5px;text-decoration:none;color:#f2f0eb;background:#171a1d;min-width:0}
.entigen-project-link:hover{border-color:#c5a554;background:#1c2023}
.entigen-project-link img{width:104px;height:80px;object-fit:cover;border-radius:3px;flex-shrink:0}
.entigen-project-link strong{display:block;font:500 19px/1.3 'Barlow Condensed',sans-serif}
.entigen-project-link small{display:block;color:#d8c58e;margin-top:7px;font:400 14px/1.4 'Barlow',sans-serif}
@media(max-width:640px){
 .entigen-work-heading{padding-bottom:28px!important}
 .ow-categories[data-filters-ready]{display:none}
 .entigen-project-select{display:flex;flex-direction:column;gap:9px;color:#f2f0eb;font:500 16px/1.4 'Barlow',sans-serif}
 .entigen-project-select select{width:100%;max-width:100%;min-height:48px;padding:10px 12px;background:#171a1d;color:#f2f0eb;border:1px solid rgba(197,165,84,.45);border-radius:4px;font:400 16px/1.4 'Barlow',sans-serif}
 .entigen-page-nav .container{gap:6px}
 .entigen-page-nav-label{width:100%}
 .entigen-page-nav-links{gap:0 20px}
 .entigen-project-links{grid-template-columns:1fr;gap:10px}
 .entigen-project-link{gap:12px}
 .entigen-project-link img{width:88px;height:76px}
 .entigen-project-link strong{font-size:18px}
}
@media(max-width:768px){
 body[data-entigen-service-page] :is(.sec,.sec-intro,.sec-process,.sec-process-reno,.sec-gallery,.sec-cta){padding-top:56px!important;padding-bottom:56px!important}
 body[data-entigen-service-page] .intro-grid{gap:30px}
 body[data-entigen-service-page] :is(.process-wrap,.audience-grid,.kit-what-grid){margin-top:28px;gap:20px}
 body[data-entigen-service-page] :is(.audience-card,.srv-card){padding:26px 22px}
 body[data-entigen-service-page] .sec-head{margin-bottom:28px}
 .ph-content{padding-top:24px!important}
 .contact-hero-inner,.about-hero-inner{padding-top:24px!important;padding-bottom:28px!important}
 .contact-hero-grid{gap:26px!important}
 .cs-hero-content{padding-top:24px!important;min-height:290px}
 .hero .hero-content{padding:24px 0 28px!important}
 .hero-eyebrow{font-size:10px;letter-spacing:2px}
 .hero-brand-line{font-size:clamp(38px,10.5vw,66px)!important}
 .hero-bg::before{background:linear-gradient(100deg,rgba(8,10,12,.93),rgba(8,10,12,.72))}
 .hero .hero-sub{font-size:17px;margin-top:20px;margin-bottom:24px}
 .hero .h-stats .container{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero .h-stat{padding:18px 12px}
}
@media(max-width:374px){.hero .hero-actions{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){
 .site-header .hdr-phone{display:none!important}
 .site-header{padding:0 18px;gap:12px}
 .hdr-right{gap:12px!important;margin-left:auto}
 .site-header .btn-gold{min-height:44px;padding:12px 18px!important}
 .hamburger{min-width:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){#canvas-bg{display:none!important}html{scroll-behavior:auto!important}}

