/* User-approved archival corrections; original styles remain in assets. */
.hometopcontent,.hometopcontent .heading-31{text-align:left!important}
.w-webflow-badge{display:none!important}
.archive-form-note{font:12px/1.5 'Roboto Condensed',sans-serif;color:#aaa;margin:0 0 22px;text-align:left}
.archive-media-link{display:flex;align-items:center;justify-content:center;min-height:160px;color:white;border:1px solid #333}
:focus-visible{outline:1px solid #e8344b;outline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Contain the original floating phone artwork on narrow screens. */
@media(max-width:479px){.humbrandinc{overflow-x:clip}}

/* Opening copy on the three restored detail pages. */
.archive-intro-left,.archive-intro-left :is(h1,h2,h3,h4,p){text-align:left!important}

/* Archive context is deliberately separate from the recovered design. */
.archive-notice{position:fixed;z-index:2147483000;bottom:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);font:12px/1.5 Arial,sans-serif;color:#eee;text-align:left;letter-spacing:0;text-transform:none}
.archive-notice details{background:#121212f5;border:1px solid #666;border-radius:5px;box-shadow:0 4px 20px #0008}
.archive-notice summary{cursor:pointer;padding:8px 14px;list-style:none}
.archive-notice summary::-webkit-details-marker{display:none}
.archive-notice summary span{color:#ccc;margin-left:22px;text-decoration:underline;text-underline-offset:3px}
.archive-notice details[open]{width:540px;max-width:calc(100vw - 24px)}
.archive-notice-body{padding:10px 18px 18px;max-height:65vh;overflow:auto}
.archive-notice-body strong{font-size:16px;line-height:1.4}
.archive-notice-body p{font:13px/1.6 Arial,sans-serif;margin:12px 0;color:#ccc;text-align:left}
.archive-notice nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0}
.archive-notice a{color:#fff;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.archive-return{display:inline-block;margin-top:8px}
/* Keyboard focus reveals the same original artwork as the pointer hover. */
.openmenu:has([data-ix="menuimghover2"]:focus-visible) .hoverimg-2,
.openmenu:has([data-ix="menuimghover-3"]:focus-visible) .hoverimg-3,
.openmenu:has([data-ix="menuimghover-4"]:focus-visible) .hoverimg-4,
.openmenu:has([data-ix="opencontact"]:focus-visible) .hoverimg-5{display:block!important;opacity:1!important}
@media(max-width:479px){.archive-notice{font-size:10px}.archive-notice summary{padding:7px 10px}.archive-notice summary span{margin-left:14px}}
.archive-notice nav a{width:auto;min-width:0;max-width:none;flex:0 0 auto;margin:0;padding:0;background:none}
.archive-notice .archive-return{width:auto;margin:8px 0 0;padding:0}