:root{--ink:#20242a;--navy:#131720;--gold:#c9a15b;--gold2:#a97d38;--line:#dfd9d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#15171b;font-family:Arial,Helvetica,sans-serif}.site{max-width:1400px;margin:auto;overflow:hidden}header{background:linear-gradient(125deg,#14171c,#272a2f 70%,#16191e);color:white}.nav{height:83px;display:flex;align-items:center;gap:24px;padding:10px 5%;border-bottom:1px solid #ffffff14}.apex-logo{width:154px;max-height:64px;object-fit:contain}.tagline{border-left:1px solid #9f9f9f;padding-left:20px;font-size:13px;line-height:1.35;font-style:italic;white-space:nowrap}.links{margin-left:auto;display:flex;gap:27px;align-items:center}.links a{color:#fff;text-decoration:none;font-size:13px;white-space:nowrap}.hero{min-height:345px;position:relative;display:flex;align-items:center;background:radial-gradient(ellipse at 60% 20%,#34373a 0,#1b1f25 65%,#14171c 100%)}.hero-art{position:absolute;right:0;top:0;height:100%;width:53%;background-image:linear-gradient(90deg,#1b1f25 0%,transparent 25%),var(--hero);background-position:center,right center;background-size:100% 100%,auto 85%;background-repeat:no-repeat}.hero-copy{position:relative;z-index:2;padding:34px 5.4% 42px;max-width:650px}.eyebrow{font-size:12px;letter-spacing:4px;color:#f7f7f7;font-weight:600}.hero h1{font:normal clamp(37px,4.4vw,62px)/.98 Georgia,'Times New Roman',serif;color:white;margin:17px 0 18px;letter-spacing:-1.5px}.hero h1 em{color:#d9b575;font-weight:normal}.hero p{font-size:17px;line-height:1.55;color:#f1f1f1;max-width:460px}.actions{display:flex;gap:18px;margin-top:24px}.btn{display:inline-block;border:1px solid #e1e1e1;color:white;padding:12px 30px;border-radius:6px;text-decoration:none;font-size:14px}.btn.primary{background:linear-gradient(#dcb875,#b8893f);border-color:#e7c78e;color:white}.focus{min-height:125px;display:grid;grid-template-columns:210px repeat(4,1fr);align-items:center;gap:0;padding:20px 5%;background:white}.focus-title{font:normal 29px/.96 Georgia,serif}.focus-title:after{content:'';display:block;width:53px;height:2px;background:var(--gold);margin-top:13px}.focus-item{border-left:1px solid #bcbcbc;padding:5px 14px 5px 22px;display:flex;align-items:center;gap:14px;font-size:15px}.focus-item svg{width:35px;height:35px;flex-shrink:0;stroke:#bd8731;stroke-width:1.6;fill:none}.about-awards{min-height:320px;display:grid;grid-template-columns:50% 50%;background:#fafafa}.about-photo{background:var(--about) center/cover no-repeat}.about-text{padding:32px 18px 20px 20px;align-self:center}.small-head{font-size:12px;letter-spacing:3px;color:#b67f30;font-weight:bold}.about-text h2{font:normal clamp(27px,2.8vw,40px)/1.06 Georgia,serif;margin:17px 0}.about-text h2 em{color:#b8863c;font-weight:normal}.about-text p,.award-text p{font-size:14px;line-height:1.45;max-width:365px}.story{display:inline-block;text-decoration:none;color:#111;border:1px solid #666;padding:10px 17px;border-radius:4px;font-size:13px;margin-top:8px}.awards{border-left:1px solid #cfa65c;display:flex;min-width:0;position:relative;overflow:hidden}.award-text{padding:32px 4px 20px 29px;position:relative;z-index:1;flex:1}.award-text h3{font:normal 26px Georgia,serif;margin:28px 0 5px}.award-text strong{font-size:14px}.award-photo{width:43%;background:var(--award) center/cover no-repeat;flex-shrink:0}.brands-section{padding:24px 2.2% 28px;text-align:center;background:linear-gradient(white,#fff 82%,#faf7f3)}.brands-section h2{font-size:18px;letter-spacing:6px;margin:0 0 6px}.brands-section .sub{font:italic 18px Georgia,serif;margin:0 0 28px}.brands-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.brand-card{min-width:0;height:240px;display:flex;flex-direction:column;background:linear-gradient(110deg,#fff,#f9f9f9);border:1px solid #eee;border-radius:7px;box-shadow:0 8px 14px #18181818;text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s}.brand-card:hover{transform:translateY(-4px)}.brand-logo{height:62px;display:flex;align-items:center;justify-content:center;padding:8px}.brand-logo img{max-width:100%;max-height:46px;object-fit:contain}.device-box{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px}.device{width:100%;height:100%;object-fit:contain}.photo-pending{font-size:10px;line-height:1.5;color:#888;padding:10px}.country{background:linear-gradient(#414141,#282828);color:#fff;padding:10px 2px;font-size:11px;white-space:nowrap}.wave{height:110px;background:var(--wave) center/100% 100% no-repeat}.mobile-toggle{display:none}.footer{padding:15px;text-align:center;color:#777;font-size:11px}@media(max-width:850px){.nav{height:auto;min-height:75px;flex-wrap:wrap}.mobile-toggle{display:block;margin-left:auto;background:transparent;border:1px solid #aaa;color:#fff;padding:8px 12px;border-radius:4px}.links{display:none;flex-basis:100%;margin:0;padding:12px 0;flex-direction:column;align-items:flex-start;gap:17px}.links.open{display:flex}.hero{min-height:510px;align-items:flex-start}.hero-art{width:100%;height:65%;top:auto;bottom:0;opacity:.65;background-image:linear-gradient(180deg,#1b1f25,transparent 50%),var(--hero)}.hero-copy{padding:35px 6% 200px}.hero p{max-width:420px}.focus{grid-template-columns:repeat(2,1fr);gap:22px}.focus-title{grid-column:1/-1}.about-awards{grid-template-columns:35% 65%}.about-photo{min-height:310px}.awards{grid-column:1/-1;min-height:280px}.brands-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-card{height:245px}}@media(max-width:480px){.nav{padding:9px 5%}.apex-logo{width:115px}.tagline{font-size:10px;padding-left:9px}.hero h1{font-size:43px}.hero p{font-size:15px}.actions{gap:9px}.btn{padding:11px 17px}.focus{padding:24px 6%;gap:17px}.focus-item{font-size:12px;padding-left:8px;gap:8px}.focus-item svg{width:25px;height:25px}.about-awards{display:block}.about-photo{height:210px;min-height:0;background-position:center 42%}.about-text{padding:25px 7%}.awards{min-height:270px}.award-text{padding:25px 8px 20px 7%}.award-photo{width:38%}.award-text h3{font-size:21px}.award-text p{font-size:12px}.brands-section{padding:28px 4%}.brands-section h2{font-size:14px;letter-spacing:3px}.brands-section .sub{font-size:14px}.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-card{height:260px}.wave{height:75px}}

/* Seamlessly integrate the EXISTING blue spinal photo into the charcoal hero.
   No new imagery or other section changes. */
.hero-art{width:56%;background-image:var(--hero);background-size:auto 94%;background-position:right center;background-repeat:no-repeat;-webkit-mask-image:radial-gradient(ellipse 91% 91% at 72% 50%,#000 57%,rgba(0,0,0,.94) 68%,rgba(0,0,0,.35) 86%,transparent 100%);mask-image:radial-gradient(ellipse 91% 91% at 72% 50%,#000 57%,rgba(0,0,0,.94) 68%,rgba(0,0,0,.35) 86%,transparent 100%)}
@media(max-width:850px){.hero-art{width:100%;background-size:auto 80%;background-position:right bottom;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 88%,transparent 100%)}}

/* Native mobile menu: works even in file viewers that block JavaScript. */
.mobile-nav{display:contents}.mobile-nav>summary{display:none}.mobile-nav>.links{display:flex}
@media(max-width:850px){
.mobile-nav{display:block;width:100%;position:relative}
.mobile-nav>summary{display:flex;position:absolute;right:0;top:-58px;align-items:center;gap:9px;cursor:pointer;list-style:none;color:#fff;border:1px solid #b99b6b;border-radius:5px;padding:10px 13px;font-size:17px;background:#25272b;z-index:30}
.mobile-nav>summary::-webkit-details-marker{display:none}
.mobile-nav>summary span{font-size:12px;font-weight:700;letter-spacing:1.4px}
.mobile-nav>.links{display:none!important;width:100%;padding:18px 15px 22px;flex-direction:column;gap:0;background:#20242a;border-top:1px solid #c9a15b}
.mobile-nav[open]>.links{display:flex!important}
.mobile-nav>.links a{display:block;width:100%;padding:13px 8px;border-bottom:1px solid #ffffff20}
}

/* File-preview-safe navigation: CSS handles all pages without JavaScript. */
.page-panel{display:none!important}
.homepage{display:block!important}
.site:has(.page-panel:target) .homepage{display:none!important}
.site .page-panel:target{display:block!important}
.site:has(.page-panel:target) > .hero{display:none!important}
/* Keep the native mobile menu closed after selecting a destination in browsers
   that support CSS :has(), while retaining tap-to-open behavior. */
@media(max-width:850px){.mobile-nav>.links a{touch-action:manipulation}}

body:has(.page-panel:target) .homepage{display:none!important}
body .page-panel:target{display:block!important}
body:has(.page-panel:target) .hero:not(.interior-hero){display:none!important}

/* Homepage: no oversized product photo between Focus Areas and About. */
@media(max-width:850px){.homepage .about-awards{display:block!important}.homepage .about-text,.homepage .award-text{width:100%!important}}
.microport-updated-card .device-box{background:#f0f0f0!important;overflow:hidden;padding:0!important}.microport-updated-card .device-box img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}

/* Authentic user-provided Joline and ZelleGrafts assets; preserve all equal card dimensions */
.joline-white-card .device-box{background:#fff!important;background-image:none!important;padding:12px!important;overflow:hidden!important}
.joline-white-card .device-box img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;filter:none!important;mix-blend-mode:multiply}
.joline-white-card .brand-logo{background:#fff!important}
.joline-white-card .brand-logo img{width:96%!important;max-width:96%!important;height:100%!important;object-fit:contain!important}
.zellegrafts-photo-card .device-box{background:#fff!important;background-image:none!important;padding:8px!important;overflow:hidden!important}
.zellegrafts-photo-card .device-box img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important}

/* Joline: final override of older dark-card rules */
.brands-grid .brand-card.joline-adjusted-card.joline-white-card .device-box{background:#fff!important;background-image:none!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.brands-grid .brand-card.joline-adjusted-card.joline-white-card .device-box img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;filter:none!important;mix-blend-mode:normal!important}

/* Laptop navigation: always-visible MENU button with accessible dropdown.
   Leaves all mobile styles and all page layouts unchanged. */
@media (min-width:851px){
 .nav{position:relative}
 .mobile-nav{display:block!important;margin-left:auto;position:relative;flex:0 0 auto;z-index:1000}
 .mobile-nav>summary{display:flex!important;align-items:center;gap:9px;cursor:pointer;list-style:none;color:#fff;border:1px solid #c9a15b;border-radius:5px;padding:11px 17px;font-size:13px;font-weight:700;letter-spacing:1px;background:#26282c}
 .mobile-nav>summary::-webkit-details-marker{display:none}
 .mobile-nav>.links{display:none!important;position:absolute;top:calc(100% + 9px);right:0;width:250px;background:#1d2025;border:1px solid #a9844e;border-radius:8px;padding:9px 0;box-shadow:0 14px 32px #0007;flex-direction:column;align-items:stretch;gap:0;z-index:1001}
 .mobile-nav[open]>.links{display:flex!important}
 .mobile-nav>.links a{display:block;padding:12px 18px;color:#fff;font-size:14px;white-space:normal}
 .mobile-nav>.links a:hover{background:#38332c;color:#e9c88b}
 .mobile-nav>.links a.active{border-bottom:0;padding-bottom:12px}
}


/* Product-card fixes only: no changes to the approved layout, palette or hero. */
.device-box img{width:100%;height:100%;object-fit:contain;display:block}
.missing-product-symbol{display:block;font-size:48px;color:#9c9277;text-align:center;line-height:1.3}
.missing-product-note{display:block;font-size:10px;letter-spacing:.02em;color:#777;text-align:center;padding:2px 4px}


/* Corporate interior pages: original homepage styling is intentionally preserved */
.page-panel{display:none;background:#fff;min-height:660px}.page-panel:target{display:block}.site:has(.page-panel:target) .homepage{display:none}.site:has(.page-panel:target) .footer{display:none}
.interior-hero{background:linear-gradient(120deg,#171a20,#303238);color:white;padding:64px 6% 66px;position:relative;overflow:hidden}.interior-hero:after{content:"";position:absolute;right:-10%;bottom:-140px;width:60%;height:220px;border-top:1px solid #c9a15b;border-radius:50%;transform:rotate(-9deg)}.kicker{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#c9a15b;font-weight:700}.interior-hero h1{font:normal clamp(36px,5vw,64px)/1.08 Georgia,serif;max-width:820px;margin:14px 0}.interior-hero p{font-size:17px;line-height:1.65;max-width:750px;color:#e1e0de}.inner{max-width:1180px;margin:auto;padding:55px 5% 75px}.inner h2{font:normal clamp(26px,3vw,39px)/1.15 Georgia,serif;margin:10px 0 20px}.inner h3{font:normal 25px/1.25 Georgia,serif;margin:8px 0 13px}.inner p,.inner li{font-size:15px;line-height:1.85;color:#4b4c4d}.inner a{color:#8c682f}.section-eyebrow{font-size:11px;color:#a47a37;font-weight:700;letter-spacing:2.6px;text-transform:uppercase}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:26px 0 48px}.threecol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 45px}.detail-card{border:1px solid #e8e2d9;background:linear-gradient(150deg,#fff,#fbfaf7);padding:28px;box-shadow:0 8px 22px #16161608;border-top:2px solid #c9a15b}.detail-card h3{margin-top:5px}.line{height:1px;background:#e6dfd6;margin:38px 0}.feature-band{background:#f8f6f2;padding:32px;margin:30px 0;border-left:3px solid #b48c4e}.timeline{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid #e8e3db}.timeline strong{font:normal 32px Georgia,serif;color:#b38b4b}.brand-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.brand-detail{border:1px solid #e7e1d7;padding:23px;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:start}.brand-detail img{max-width:145px;max-height:70px;object-fit:contain}.brand-detail p{margin:8px 0}.brand-detail a{font-weight:bold;font-size:13px}.small-note{font-size:12px!important;color:#777!important}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.contact-line{padding:12px 0;border-bottom:1px solid #ece8e2}.action-link{display:inline-block;background:#c7a05f;color:#16191e!important;text-decoration:none;font-weight:700;padding:13px 23px;margin-top:12px}.site .nav .links a{cursor:pointer}.page-panel:target ~ .footer{display:none}
@media(max-width:780px){.twocol,.threecol,.brand-directory,.contact-grid{grid-template-columns:1fr}.brand-detail{grid-template-columns:110px 1fr;gap:15px}.brand-detail img{max-width:105px}.interior-hero{padding:44px 6%}.inner{padding:36px 6%}.timeline{grid-template-columns:85px 1fr}}


/* One banner per page: only the active page appears, including on older browsers. */
.site .homepage,.site .page-panel{display:none}
.site[data-view="home"] .homepage{display:block}
.site[data-view="about-page"] #about-page,.site[data-view="brands-page"] #brands-page,.site[data-view="solutions-page"] #solutions-page,.site[data-view="expertise-page"] #expertise-page,.site[data-view="awards-page"] #awards-page,.site[data-view="contact-page"] #contact-page{display:block}
.site .page-panel:target{display:none}
.site[data-view="about-page"] #about-page:target,.site[data-view="brands-page"] #brands-page:target,.site[data-view="solutions-page"] #solutions-page:target,.site[data-view="expertise-page"] #expertise-page:target,.site[data-view="awards-page"] #awards-page:target,.site[data-view="contact-page"] #contact-page:target{display:block}
.photo-hero{min-height:310px;padding:55px 47% 55px 6%;background:linear-gradient(90deg,#171a20 0%,#25282d 43%,rgba(26,29,34,.86) 53%,rgba(26,29,34,.12) 78%),var(--section-photo) right center/auto 100% no-repeat,#171a20}
.photo-hero:after{display:none}
.photo-hero h1{font-size:clamp(32px,3.9vw,51px)}
.photo-hero p{font-size:15px}
@media(max-width:780px){.photo-hero{min-height:380px;padding:35px 6% 165px;background:linear-gradient(180deg,#171a20 0%,rgba(26,29,34,.98) 42%,rgba(26,29,34,.4) 76%),var(--section-photo) right bottom/auto 65% no-repeat,#171a20}}


/* Unique photography for each corporate page, one hero only. */
.site .interior-hero.photo-hero{background-color:#1b1f25;background-image:linear-gradient(90deg,#1b1f25 0%,#1b1f25 31%,rgba(27,31,37,.92) 43%,rgba(27,31,37,.24) 78%,rgba(27,31,37,.04) 100%),var(--section-photo);background-position:center,right center;background-size:cover,auto 100%;background-repeat:no-repeat}
.site .homepage .about-photo{background-position:center;background-size:cover}
@media(max-width:780px){.site .interior-hero.photo-hero{background-image:linear-gradient(180deg,#1b1f25 0%,rgba(27,31,37,.96) 38%,rgba(27,31,37,.15) 100%),var(--section-photo);background-position:center,right bottom;background-size:cover,auto 62%;background-repeat:no-repeat}}


/* All brand cards retain identical dimensions. aap image fills available card space. */
.brands-grid .brand-card.aap-featured-card{height:240px!important}
.brands-grid .aap-featured-card .brand-logo{height:62px!important;flex:0 0 62px;padding:5px!important}
.brands-grid .aap-featured-card .brand-logo img{max-height:53px!important;max-width:100%!important}
.brands-grid .aap-featured-card .device-box{flex:1;min-height:0!important;padding:0!important;overflow:hidden}
.brands-grid .aap-featured-card .device-box img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center}
.aap-featured-detail{display:grid;grid-template-columns:minmax(180px,230px) 1fr;gap:25px;align-items:center}
.aap-product-showcase{min-width:0;overflow:hidden;background:#fff}
.aap-product-showcase img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}
@media(max-width:650px){.aap-featured-detail{grid-template-columns:1fr}.aap-product-showcase img{max-height:300px}}


/* Consistent partner cards — retain original embedded brand logos and genuine photographs */
.brands-grid .brand-card{height:240px!important;min-height:240px!important;max-height:240px!important;display:flex!important;flex-direction:column!important}
.brands-grid .brand-card .brand-logo{height:62px!important;flex:0 0 62px!important;padding:5px!important;background:#fff!important}
.brands-grid .brand-card .brand-logo img{max-height:53px!important;max-width:100%!important;object-fit:contain!important}
.brands-grid .brand-card .device-box{flex:1 1 auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#090909!important}
.brands-grid .brand-card .device-box img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.brands-grid .brand-card .country{flex:0 0 auto!important;text-align:center!important}
.brands-grid .brand-card .photo-pending{color:#ddd!important;text-align:center!important;font-size:12px!important}


/* Latest review: preserve equal brand card dimensions, add genuine Kollsut image and reduce Joline product scale */
.brands-grid .brand-card.kollsut-updated-card .device-box{background:#090909!important;overflow:hidden!important}
.brands-grid .brand-card.kollsut-updated-card .device-box img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.brands-grid .brand-card.joline-adjusted-card .device-box{background:#090909!important;display:flex!important;align-items:center!important;justify-content:center!important}
.brands-grid .brand-card.joline-adjusted-card .device-box img{width:76%!important;height:86%!important;object-fit:contain!important;object-position:center!important}


/* Our Brands detail page: consistent, enlarged official logos */
#brands-page .brand-directory .brand-detail{grid-template-columns:230px minmax(0,1fr);align-items:center;gap:26px}
#brands-page .brand-directory .brand-detail>div:first-child{width:100%;height:124px;display:flex;align-items:center;justify-content:center;min-width:0}
#brands-page .brand-directory .brand-detail>div:first-child>img{display:block;width:100%;height:100%;max-width:100%;max-height:124px;object-fit:contain}
@media(max-width:650px){#brands-page .brand-directory .brand-detail{grid-template-columns:1fr;gap:12px}#brands-page .brand-directory .brand-detail>div:first-child{height:112px}#brands-page .brand-directory .brand-detail>div:first-child>img{max-height:112px}}


/* Reliable CSS-only hash menu. Selecting a page changes :target and closes the menu,
   including in file previews where JavaScript click handlers are disabled. */
.mobile-nav{display:block!important;position:relative;z-index:1000}
.mobile-nav>.menu-trigger{display:flex!important;align-items:center;gap:9px;cursor:pointer;list-style:none;color:#fff;border:1px solid #c9a15b;border-radius:5px;padding:11px 17px;font-size:13px;font-weight:700;letter-spacing:1px;background:#26282c;text-decoration:none}
.mobile-nav>.menu-trigger span{font-size:12px;font-weight:700;letter-spacing:1.4px}
.mobile-nav>.links,.mobile-nav[open]>.links{display:none!important}
.mobile-nav:target>.links{display:flex!important}
@media(max-width:850px){
.mobile-nav{width:100%;position:relative}
.mobile-nav>.menu-trigger{position:absolute;right:0;top:-58px;z-index:30;font-size:17px;padding:10px 13px}
.mobile-nav:target>.links{display:flex!important;width:100%;padding:18px 15px 22px;flex-direction:column;gap:0;background:#20242a;border-top:1px solid #c9a15b}
}
@media(min-width:851px){
.mobile-nav{margin-left:auto;flex:0 0 auto}
.mobile-nav:target>.links{display:flex!important;position:absolute;top:calc(100% + 9px);right:0;width:250px;background:#1d2025;border:1px solid #a9844e;border-radius:8px;padding:9px 0;box-shadow:0 14px 32px #0007;flex-direction:column;align-items:stretch;gap:0;z-index:1001}
}


/* Surgical edits: MicroPort image reduced without changing card geometry. */
.microport-updated-card .device-box { display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important; }
.microport-updated-card .device-box img { width:auto!important;height:84%!important;max-width:84%!important;max-height:84%!important;object-fit:contain!important; }
/* Kollsut original product packaging displayed within existing card. */
.kollsut-updated-card .device-box { background:#fff!important; }
.kollsut-updated-card .device-box img { object-fit:contain!important;object-position:center!important; }


/* MicroPort: show the entire supplied portrait implant without cropping. */
.microport-updated-card .device-box{background:#f2f2f2!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:12px!important;}
.microport-updated-card .device-box img{display:block!important;width:auto!important;height:78%!important;max-width:76%!important;max-height:78%!important;object-fit:contain!important;object-position:center center!important;margin:auto!important;transform:none!important;}


/* MicroPort: show entire new implant with generous margins, no cropping */
.brands-grid .brand-card.microport-updated-card .device-box{display:flex!important;align-items:center!important;justify-content:center!important;background:#f2f2f2!important;padding:18px!important;overflow:hidden!important;}
.brands-grid .brand-card.microport-updated-card .device-box img{display:block!important;width:82%!important;height:88%!important;max-width:82%!important;max-height:88%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;}


/* Contact page: harmonized with the existing Apex Medical interior pages. */
#contact-page .interior-hero.photo-hero {
 background-color:#1b1f25!important;
 background-image:linear-gradient(90deg,rgba(23,26,32,.98) 0%,rgba(23,26,32,.94) 30%,rgba(23,26,32,.76) 49%,rgba(23,26,32,.28) 77%,rgba(23,26,32,.12) 100%),var(--section-photo)!important;
 background-position:center,right center!important;
 background-size:cover,auto 100%!important;
 background-repeat:no-repeat!important;
 color:#fff!important;
}
#contact-page .interior-hero .kicker{color:#c9a15b!important}
#contact-page .interior-hero h1{color:#fff!important;font-family:Georgia,'Times New Roman',serif!important}
#contact-page .interior-hero p{color:#f1f0ee!important}
@media(max-width:780px){
 #contact-page .interior-hero.photo-hero{
 background-image:linear-gradient(180deg,rgba(23,26,32,.97) 0%,rgba(23,26,32,.88) 38%,rgba(23,26,32,.20) 75%,rgba(23,26,32,.12) 100%),var(--section-photo)!important;
 background-position:center,center bottom!important;
 background-size:cover,auto 68%!important;
 background-repeat:no-repeat!important;
 }
}


/* Consistent functional menu on laptop and mobile. */
.site .nav .mobile-nav{display:block!important;width:auto!important;flex:0 0 auto!important;margin-left:auto!important;position:relative!important;z-index:1000!important}
.site .nav .mobile-nav>.menu-trigger{display:flex!important;position:static!important;align-items:center!important;gap:9px!important;padding:11px 17px!important;background:#26282c!important;border:1px solid #c9a15b!important;border-radius:5px!important;color:#fff!important;cursor:pointer!important;list-style:none!important}
.site .nav .mobile-nav>.menu-trigger::-webkit-details-marker{display:none!important}
.site .nav .mobile-nav>.links,.site .nav .mobile-nav:target>.links{display:none!important}
.site .nav .mobile-nav[open]>.links{display:flex!important;position:absolute!important;top:calc(100% + 9px)!important;right:0!important;left:auto!important;width:250px!important;max-width:calc(100vw - 24px)!important;flex-direction:column!important;background:#1d2025!important;border:1px solid #a9844e!important;border-radius:8px!important;padding:9px 0!important;z-index:1001!important;box-shadow:0 14px 32px #0007!important}
.site .nav .mobile-nav[open]>.links a{display:block!important;color:white!important;padding:12px 18px!important;white-space:normal!important}
#contact-page .interior-hero.photo-hero{min-height:350px!important;background-image:linear-gradient(90deg,rgba(23,26,32,.98) 0%,rgba(23,26,32,.88) 37%,rgba(23,26,32,.3) 70%,rgba(23,26,32,.08) 100%),var(--section-photo)!important;background-size:cover,cover!important;background-position:center,center 40%!important;background-repeat:no-repeat!important}
@media(max-width:780px){#contact-page .interior-hero.photo-hero{min-height:390px!important;padding:38px 6% 155px!important;background-image:linear-gradient(180deg,rgba(23,26,32,.98) 0%,rgba(23,26,32,.88) 39%,rgba(23,26,32,.12) 100%),var(--section-photo)!important;background-size:cover,auto 80%!important;background-position:center,right bottom!important;background-repeat:no-repeat!important}}


/* Contact hero: show approved surgical team image clearly on every screen. */
#contact-page .interior-hero.photo-hero{
 background-image:linear-gradient(90deg,rgba(20,25,32,.86) 0%,rgba(20,25,32,.54) 43%,rgba(20,25,32,.05) 100%),var(--section-photo)!important;
 background-size:cover,cover!important;background-position:center,center center!important;
 background-repeat:no-repeat!important;min-height:410px!important;
}
#contact-page .interior-hero.photo-hero h1,#contact-page .interior-hero.photo-hero p{text-shadow:0 2px 8px rgba(0,0,0,.65)}
@media(max-width:780px){
 #contact-page .interior-hero.photo-hero{
 min-height:460px!important;padding:42px 6% 190px!important;
 background-image:linear-gradient(180deg,rgba(19,24,32,.86) 0%,rgba(19,24,32,.52) 31%,rgba(19,24,32,.02) 75%),var(--section-photo)!important;
 background-size:cover,auto 100%!important;background-position:center,center bottom!important;
 }
 #contact-page .interior-hero.photo-hero h1{max-width:90%!important}
}
/* The native details dropdown stays closed until MENU is tapped. */
.site .nav .mobile-nav:not([open])>.links{display:none!important}
.site .nav .mobile-nav[open]>.menu-trigger{border-color:#d4b77f!important}


/* One consistent CSS-only menu: the dropdown is open ONLY while #nav-menu is the URL target.
   Selecting any page changes the target and closes it, even with scripts disabled. */
.site .nav #nav-menu:not(:target) > .links,
.site .nav #nav-menu:not(:target)[open] > .links {display:none!important;}
.site .nav #nav-menu:target > .links {display:flex!important;position:absolute!important;top:calc(100% + 9px)!important;right:0!important;left:auto!important;width:250px!important;max-width:calc(100vw - 24px)!important;flex-direction:column!important;background:#1d2025!important;border:1px solid #a9844e!important;border-radius:8px!important;padding:9px 0!important;z-index:1001!important;box-shadow:0 14px 32px #0007!important;}
.site .nav #nav-menu > .menu-trigger {text-decoration:none!important;}
.site .nav #nav-menu:target > .menu-trigger {border-color:#d4b77f!important;}


/* About Us banner — same design system as Contact Us and Solutions. */
#about-page .interior-hero.photo-hero {
 min-height:350px!important;
 padding:55px 47% 55px 6%!important;
 background-color:#1b1f25!important;
 background-image:linear-gradient(90deg,#171a20 0%,rgba(23,26,32,.98) 26%,rgba(23,26,32,.83) 43%,rgba(23,26,32,.32) 66%,rgba(23,26,32,.04) 100%),var(--section-photo)!important;
 background-size:cover,auto 100%!important;
 background-position:center,right center!important;
 background-repeat:no-repeat!important;
}
#about-page .interior-hero.photo-hero h1,#about-page .interior-hero.photo-hero p{color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.45)!important}
#about-page .interior-hero.photo-hero .kicker{color:#c9a15b!important}
@media(max-width:780px){
 #about-page .interior-hero.photo-hero{
 min-height:390px!important;
 padding:38px 6% 175px!important;
 background-image:linear-gradient(180deg,#171a20 0%,rgba(23,26,32,.98) 29%,rgba(23,26,32,.77) 49%,rgba(23,26,32,.06) 100%),var(--section-photo)!important;
 background-size:cover,auto 65%!important;
 background-position:center,right bottom!important;
 background-repeat:no-repeat!important;
 }
 #about-page .interior-hero.photo-hero h1{max-width:90%!important}
}


/* Homepage: one continuous full-width photograph, without a gray/black seam. */
.site > .hero {background:#050505!important;overflow:hidden;isolation:isolate}
.site > .hero .hero-art {
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 background-image:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 32%,rgba(0,0,0,.10) 60%,rgba(0,0,0,0) 100%),var(--hero)!important;
 background-color:#050505!important;background-size:cover,cover!important;
 background-position:center,right center!important;background-repeat:no-repeat!important;
 -webkit-mask-image:none!important;mask-image:none!important;opacity:1!important;
}
.site > .hero .hero-copy{position:relative!important;z-index:2!important}
@media(max-width:700px){
 .site > .hero .hero-art{height:100%!important;top:0!important;bottom:0!important;
 background-image:linear-gradient(180deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.70) 43%,rgba(0,0,0,.14) 100%),var(--hero)!important;
 background-size:cover,auto 100%!important;background-position:center,right center!important;}
}

/* Homepage banner: display the supplied complete image across the entire banner, without overlays, cropping, or added gray panels. */
.site > section.hero {background:#000!important;isolation:isolate!important;overflow:hidden!important;}
.site > section.hero .hero-art {
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 background-image:var(--hero)!important;
 background-size:100% 100%!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
 background-color:#000!important;
 opacity:1!important;
 -webkit-mask-image:none!important;mask-image:none!important;
 filter:none!important;transform:none!important;
}
.site > section.hero .hero-copy{position:relative!important;z-index:2!important;}
@media(max-width:700px){
 .site > section.hero .hero-art{inset:0!important;width:100%!important;height:100%!important;background-image:var(--hero)!important;background-size:100% 100%!important;background-position:center!important;}
}

/* Homepage only: original banner height, full image across its existing bounds. */
header#home section.hero{min-height:345px!important;height:auto!important;position:relative!important;display:flex!important;align-items:center!important;overflow:hidden!important;background:#000!important;isolation:isolate!important;}
header#home section.hero .hero-art{position:absolute!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:none!important;background-image:var(--hero)!important;background-position:center center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;opacity:1!important;transform:none!important;filter:none!important;mask-image:none!important;-webkit-mask-image:none!important;z-index:0!important;}
header#home section.hero .hero-art::before,header#home section.hero .hero-art::after{content:none!important;display:none!important;}
header#home section.hero .hero-copy{position:relative!important;z-index:2!important;background:transparent!important;}
@media(max-width:850px){header#home section.hero{min-height:510px!important;align-items:flex-start!important;}header#home section.hero .hero-art{height:100%!important;top:0!important;bottom:0!important;background-size:100% 100%!important;}header#home section.hero .hero-copy{padding:35px 6% 200px!important;}}


/* Keep the approved banner dimensions; do not distort the spine image. */
header#home section.hero .hero-art,
.site > section.hero .hero-art {
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media (max-width:850px) {
  header#home section.hero .hero-art,
  .site > section.hero .hero-art {
    background-size:cover!important;
    background-position:68% center!important;
  }
}


/* Banner isolation: the Spineart hero belongs ONLY to Home. */
.site:has(.page-panel:target) > header#home {display:none!important;}
.site:has(.page-panel:target) > header#home .hero {display:none!important;}
.site:not(:has(.page-panel:target)) > header#home {display:block!important;}
.site[data-view="home"] > header#home {display:block!important;}
.site[data-view="about-page"] > header#home,
.site[data-view="brands-page"] > header#home,
.site[data-view="solutions-page"] > header#home,
.site[data-view="expertise-page"] > header#home,
.site[data-view="awards-page"] > header#home,
.site[data-view="contact-page"] > header#home {display:none!important;}
/* Keep each interior banner's own supplied photo, never the homepage image. */
.site .page-panel .interior-hero.photo-hero {background-image:linear-gradient(90deg,rgba(23,26,32,.92),rgba(23,26,32,.28)),var(--section-photo)!important;}
/* Preserve separately approved About Us and Contact banner treatment. */
#about-page .interior-hero.photo-hero {background-image:linear-gradient(90deg,#171a20 0%,rgba(23,26,32,.98) 26%,rgba(23,26,32,.83) 43%,rgba(23,26,32,.32) 66%,rgba(23,26,32,.04) 100%),var(--section-photo)!important;}
#contact-page .interior-hero.photo-hero {background-image:linear-gradient(90deg,rgba(20,25,32,.86) 0%,rgba(20,25,32,.54) 43%,rgba(20,25,32,.05) 100%),var(--section-photo)!important;}
@media(max-width:780px){
 #about-page .interior-hero.photo-hero {background-image:linear-gradient(180deg,#171a20 0%,rgba(23,26,32,.98) 29%,rgba(23,26,32,.77) 49%,rgba(23,26,32,.06) 100%),var(--section-photo)!important;}
 #contact-page .interior-hero.photo-hero {background-image:linear-gradient(180deg,rgba(19,24,32,.86) 0%,rgba(19,24,32,.52) 31%,rgba(19,24,32,.02) 75%),var(--section-photo)!important;}
}


/* Keep the same global navigation visible on every page. */
.site > nav.nav {display:flex!important;background:#171b22;color:#fff;position:relative;z-index:1002;width:100%;}
.site > nav.nav .tagline,.site > nav.nav a {color:inherit;}
/* The homepage image must never control the global navigation. */
.site:has(.page-panel:target) > nav.nav {display:flex!important;}
@media(max-width:780px){.site > nav.nav {flex-wrap:wrap;}}


/* Only the About Us and Awards page banners: user-provided full-width photography. */
#about-page .interior-hero.photo-hero,#awards-page .interior-hero.photo-hero {
 background-color:#08090b!important;
 background-image:linear-gradient(90deg,rgba(5,7,10,.28) 0%,rgba(5,7,10,.08) 45%,transparent 72%),var(--section-photo)!important;
 background-position:center center,center center!important;
 background-size:cover,cover!important;
 background-repeat:no-repeat!important;
 min-height:380px!important;
}
#about-page .interior-hero.photo-hero h1,#awards-page .interior-hero.photo-hero h1,
#about-page .interior-hero.photo-hero p,#awards-page .interior-hero.photo-hero p{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.6)!important}
@media(max-width:780px){
 #about-page .interior-hero.photo-hero,#awards-page .interior-hero.photo-hero{
  background-image:linear-gradient(180deg,rgba(5,7,10,.82) 0%,rgba(5,7,10,.55) 44%,rgba(5,7,10,.05) 100%),var(--section-photo)!important;
  background-size:cover,cover!important;
  background-position:center,center!important;
  min-height:390px!important;
  padding:38px 6% 140px!important;
 }
}


/* Exact user-supplied photographs; only these two page banners */
#about-page .interior-hero.photo-hero,#awards-page .interior-hero.photo-hero {background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;min-height:380px!important;}


/* Awards only: show the ENTIRE supplied 1900 x 800 image, preserving its proportions. */
#awards-page .interior-hero.photo-hero {
  background-image:linear-gradient(90deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,0) 58%),var(--section-photo)!important;
  background-color:#050505!important;
  background-size:100% 100%,contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  aspect-ratio:1900 / 800!important;
  min-height:0!important;
  height:auto!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  #awards-page .interior-hero.photo-hero {aspect-ratio:auto!important;min-height:330px!important;background-size:100% 100%,contain!important;background-position:center center!important;}
}


/* Awards banner: actual visible image element, not a CSS background. */
#awards-page .interior-hero.photo-hero {position:relative!important;isolation:isolate!important;overflow:hidden!important; background:#050505!important; background-image:none!important; min-height:0!important;height:auto!important;aspect-ratio:1900/800!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;}
#awards-page .interior-hero.photo-hero::before,#awards-page .interior-hero.photo-hero::after {display:none!important;content:none!important;}
#awards-page .interior-hero .awards-banner-actual-photo {display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;z-index:0!important;opacity:1!important;max-width:none!important;max-height:none!important;}
#awards-page .interior-hero .kicker,#awards-page .interior-hero h1,#awards-page .interior-hero p {position:relative!important;z-index:2!important;max-width:40%!important;}
@media(max-width:700px){#awards-page .interior-hero.photo-hero{aspect-ratio:auto!important;min-height:320px!important;padding:30px 18px!important;}#awards-page .interior-hero .awards-banner-actual-photo{object-fit:contain!important;}#awards-page .interior-hero .kicker,#awards-page .interior-hero h1,#awards-page .interior-hero p{max-width:48%!important;}}


/* Consistent banner height across all six interior pages. */
.page-panel .interior-hero.photo-hero {
  height:380px!important;min-height:380px!important;max-height:380px!important;
  aspect-ratio:auto!important;box-sizing:border-box!important;
}
/* Preserve the complete Awards photo inside the same-size banner. */
#awards-page .interior-hero.photo-hero {height:380px!important;min-height:380px!important;max-height:380px!important;aspect-ratio:auto!important;}
#awards-page .awards-banner-actual-photo {object-fit:contain!important;object-position:center!important;}
@media(max-width:780px){
 .page-panel .interior-hero.photo-hero {height:390px!important;min-height:390px!important;max-height:390px!important;aspect-ratio:auto!important;}
 #awards-page .interior-hero.photo-hero {height:390px!important;min-height:390px!important;max-height:390px!important;aspect-ratio:auto!important;}
}


/* Final unified navy-blue banner treatment, keeping each page's original photograph. */
.site .page-panel .interior-hero.photo-hero:not(#unused) {
 background-color:#111e32!important;
 background-image:linear-gradient(90deg,rgba(13,27,48,.97) 0%,rgba(17,34,57,.88) 34%,rgba(17,34,57,.43) 66%,rgba(17,34,57,.20) 100%),var(--section-photo)!important;
 background-size:cover,cover!important;
 background-position:center,center!important;
 background-repeat:no-repeat!important;
}
.site #awards-page .interior-hero.photo-hero {
 background:#111e32!important;
 background-image:none!important;
}
.site #awards-page .interior-hero.photo-hero::after {
 content:""!important;display:block!important;position:absolute!important;inset:0!important;
 background:linear-gradient(90deg,rgba(13,27,48,.92),rgba(17,34,57,.56) 35%,rgba(17,34,57,.10) 65%,rgba(17,34,57,.04))!important;
 z-index:1!important;pointer-events:none!important;
}
.site #awards-page .awards-banner-actual-photo {object-fit:contain!important;}
@media(max-width:780px){
 .site .page-panel .interior-hero.photo-hero:not(#unused){
 background-image:linear-gradient(180deg,rgba(13,27,48,.96) 0%,rgba(17,34,57,.82) 42%,rgba(17,34,57,.22) 100%),var(--section-photo)!important;
 background-position:center,center!important;
 }
 .site #awards-page .interior-hero.photo-hero{background:#111e32!important;background-image:none!important;}
 .site #awards-page .interior-hero.photo-hero::after{background:linear-gradient(180deg,rgba(13,27,48,.85),rgba(17,34,57,.42) 45%,rgba(17,34,57,.03))!important;}
}


/* Awards: fill the same full-width banner as other pages, without side bars.
   Anchor at the top to preserve all five people's heads. */
.site #awards-page .interior-hero.photo-hero .awards-banner-actual-photo {
 width:100%!important;height:100%!important;object-fit:cover!important;
 object-position:center top!important;
}
@media(max-width:780px){
 .site #awards-page .interior-hero.photo-hero .awards-banner-actual-photo {
  object-fit:cover!important;object-position:68% top!important;
 }
}


/* Unified Apex Medical banner identity: deep navy on every page. */
:root { --apex-banner-navy:#111e32; }
.site > nav.nav, .site .nav { background-color:#171e2b!important; }
header#home section.hero, .site > section.hero {background-color:var(--apex-banner-navy)!important;}
header#home section.hero .hero-art, .site > section.hero .hero-art {
 background-color:var(--apex-banner-navy)!important;
 background-image:linear-gradient(90deg,rgba(17,30,50,.96) 0%,rgba(17,30,50,.77) 31%,rgba(17,30,50,.24) 65%,rgba(17,30,50,.07) 100%),var(--hero)!important;
 background-size:cover,cover!important;background-position:center,center!important;
}
.site .page-panel .interior-hero.photo-hero {background-color:var(--apex-banner-navy)!important;}
.site #awards-page .interior-hero.photo-hero {background-color:var(--apex-banner-navy)!important;}
.site #awards-page .interior-hero.photo-hero::after {
 background:linear-gradient(90deg,rgba(17,30,50,.94) 0%,rgba(17,30,50,.73) 30%,rgba(17,30,50,.27) 62%,rgba(17,30,50,.14) 100%)!important;
}
@media(max-width:780px){
 header#home section.hero .hero-art,.site > section.hero .hero-art{
 background-image:linear-gradient(180deg,rgba(17,30,50,.94) 0%,rgba(17,30,50,.68) 40%,rgba(17,30,50,.14) 100%),var(--hero)!important;
 background-size:cover,cover!important;background-position:center,68% center!important;
 }
 .site #awards-page .interior-hero.photo-hero::after {
 background:linear-gradient(180deg,rgba(17,30,50,.85),rgba(17,30,50,.45) 45%,rgba(17,30,50,.12))!important;
 }
}


/* Our Brands: match the exact deep-navy backdrop and overlay used on Home. */
.site #brands-page .interior-hero.photo-hero {
 background-color:#111e32!important;
 background-image:linear-gradient(90deg,rgba(17,30,50,.96) 0%,rgba(17,30,50,.77) 31%,rgba(17,30,50,.24) 65%,rgba(17,30,50,.07) 100%),var(--section-photo)!important;
 background-size:cover,cover!important;
 background-position:center,center!important;
 background-repeat:no-repeat!important;
}
@media(max-width:780px){
 .site #brands-page .interior-hero.photo-hero {
  background-image:linear-gradient(180deg,rgba(17,30,50,.94) 0%,rgba(17,30,50,.68) 40%,rgba(17,30,50,.14) 100%),var(--section-photo)!important;
  background-size:cover,cover!important;
  background-position:center,center!important;
 }
}


/* Strong, unmistakable navy-blue left field matching the Home hero. */
html body .site #brands-page .interior-hero.photo-hero {
 background-color:#111e32!important;
 background-image:linear-gradient(90deg,#111e32 0%,#111e32 28%,rgba(17,30,50,.98) 42%,rgba(17,30,50,.76) 58%,rgba(17,30,50,.22) 85%,rgba(17,30,50,.08) 100%),var(--section-photo)!important;
 background-size:cover,cover!important;
 background-position:center,center!important;
}
@media(max-width:780px){html body .site #brands-page .interior-hero.photo-hero{
 background-image:linear-gradient(180deg,#111e32 0%,rgba(17,30,50,.97) 25%,rgba(17,30,50,.72) 48%,rgba(17,30,50,.13) 100%),var(--section-photo)!important;
 background-position:center,center!important;
}}


/* Our Brands: match the exact deep-navy backdrop and overlay used on Home. */
.site #expertise-page .interior-hero.photo-hero {
 background-color:#111e32!important;
 background-image:linear-gradient(90deg,rgba(17,30,50,.96) 0%,rgba(17,30,50,.77) 31%,rgba(17,30,50,.24) 65%,rgba(17,30,50,.07) 100%),var(--section-photo)!important;
 background-size:cover,cover!important;
 background-position:center,center!important;
 background-repeat:no-repeat!important;
}
@media(max-width:780px){
 .site #expertise-page .interior-hero.photo-hero {
  background-image:linear-gradient(180deg,rgba(17,30,50,.94) 0%,rgba(17,30,50,.68) 40%,rgba(17,30,50,.14) 100%),var(--section-photo)!important;
  background-size:cover,cover!important;
  background-position:center,center!important;
 }
}


/* Strong, unmistakable navy-blue left field matching the Home hero. */
html body .site #expertise-page .interior-hero.photo-hero {
 background-color:#111e32!important;
 background-image:linear-gradient(90deg,#111e32 0%,#111e32 28%,rgba(17,30,50,.98) 42%,rgba(17,30,50,.76) 58%,rgba(17,30,50,.22) 85%,rgba(17,30,50,.08) 100%),var(--section-photo)!important;
 background-size:cover,cover!important;
 background-position:center,center!important;
}
@media(max-width:780px){html body .site #expertise-page .interior-hero.photo-hero{
 background-image:linear-gradient(180deg,#111e32 0%,rgba(17,30,50,.97) 25%,rgba(17,30,50,.72) 48%,rgba(17,30,50,.13) 100%),var(--section-photo)!important;
 background-position:center,center!important;
}}


/* Keep the same closing signature on the homepage and every interior page. */
.site .footer,
.site:has(.page-panel:target) .footer,
.page-panel:target ~ .footer {
  display:block !important;
  clear:both;
  width:100%;
  box-sizing:border-box;
  padding:20px 16px !important;
  margin:0 !important;
  text-align:center !important;
  background:#f8f8f7;
  color:#777 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-weight:400 !important;
  letter-spacing:.02em !important;
  line-height:1.5 !important;
}


/* Final cross-device responsive refinements: preserve desktop layout and artwork. */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body,.site{max-width:100%;overflow-x:clip}
.site *, .site *::before,.site *::after{box-sizing:border-box}
.site img{max-width:100%}
.site .hero,.site .interior-hero{max-width:100%;overflow:hidden}
.site .page-panel,.site .homepage{max-width:100%;min-width:0}
@media (max-width:850px){
 .site .nav{width:100%;max-width:100%;min-width:0;gap:10px}
 .site .apex-logo{max-width:min(38vw,180px);height:auto;object-fit:contain}
 .site .tagline{min-width:0;max-width:38vw;font-size:clamp(9px,2.2vw,13px)}
 .site .twocol,.site .threecol,.site .brand-directory,.site .contact-grid{grid-template-columns:minmax(0,1fr)!important}
 .site .brand-detail{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 .site .brand-detail img{max-width:min(240px,100%)}
 .site .detail-card,.site .brand-detail,.site .feature-band{min-width:0;overflow-wrap:break-word}
 .site .inner,.site .hero-copy{max-width:100%;min-width:0}
 .site .hero h1,.site .interior-hero h1{font-size:clamp(32px,8vw,58px);overflow-wrap:break-word}
 .site .hero,.site .interior-hero{background-repeat:no-repeat!important}
 .site .brand-card{min-width:0}
 .site .brand-card img,.site .device-box img{max-width:100%;object-fit:contain}
 .site .actions{display:flex;flex-wrap:wrap;gap:12px}
 .site .btn,.site .action-link{max-width:100%;white-space:normal;text-align:center}
 .site .footer{width:100%;text-align:center}
}
@media (max-width:480px){
 .site .nav{padding-left:14px!important;padding-right:14px!important}
 .site .interior-hero .inner{padding-left:22px!important;padding-right:22px!important}
 .site .detail-card{padding:20px!important}
 .site .brand-directory{gap:16px!important}
 .site .mobile-nav .links{max-width:calc(100vw - 28px)}
}


/* Consistent full-width content beneath all interior banners.
   The Home page and every banner remain untouched. */
@media (min-width: 851px) {
  .site > .page-panel > .inner {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    box-sizing: border-box !important;
  }
}

.site .page-panel{display:block!important}.site .homepage{display:block!important}
.site .mobile-nav .menu-trigger{cursor:pointer;font:inherit}
@media(max-width:850px){.site .mobile-nav.is-open .links{display:flex!important}.site .mobile-nav:not(.is-open) .links{display:none!important}}
/* Accessible button-driven navigation replaces the legacy hash menu. */
html body .site .nav #nav-menu.is-open > .links{display:flex!important;position:absolute!important;top:calc(100% + 9px)!important;right:0!important;left:auto!important;width:250px!important;max-width:calc(100vw - 24px)!important;flex-direction:column!important;align-items:stretch!important;background:#1d2025!important;border:1px solid #a9844e!important;border-radius:8px!important;padding:9px 0!important;z-index:1001!important;box-shadow:0 14px 32px #0007!important;}
html body .site .nav #nav-menu:not(.is-open) > .links{display:none!important;}
html body .site .nav #nav-menu.is-open > .links a{display:block!important;color:white!important;padding:12px 18px!important;white-space:normal!important;}

.brands-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid #e4e0d9;border-radius:8px;overflow:hidden}.product-card>img{width:100%;height:250px;object-fit:contain;padding:20px;background:#fafafa}.product-copy{padding:24px}.product-copy p{white-space:pre-line}.product-copy a{color:#916c32}.preview-banner{background:#fff0cc;color:#302718;padding:12px;text-align:center;font:14px Arial;position:sticky;top:0;z-index:2000}@media(max-width:850px){.product-grid{grid-template-columns:1fr}}

/* Linked logo retains the existing desktop/mobile image sizing. */
.nav .logo-home{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.nav .logo-home:focus-visible{outline:2px solid var(--gold);outline-offset:4px}