/* v76 / Unified visual hierarchy and contact strip.
   All section headings remain editable text with the original category voices. */
html.od-type-pending #home .category-menu > a.category-card > h2.category-title > .type-lettering {
  visibility:hidden !important;
}
html body #home .category-menu > a.category-card > h2.category-title {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
html body #home .category-menu > a.category-card > h2.category-title > .type-lettering {
  position:relative !important;
  display:inline-block !important;
  flex:0 0 auto !important;
  font-size:var(--od-title-size, 42px) !important;
  width:max-content !important;
  height:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  text-wrap:nowrap !important;
  line-height:1.02 !important;
  margin:0 !important;
  padding:0 !important;
  transform-origin:left center !important;
  overflow:visible !important;
  filter:none !important;
  will-change:auto !important;
}
html body #home .category-menu > a.cat-anim2d > h2.category-title > .type-lettering.type-lettering-saucer {
  transform:rotate(-3deg) skewX(-3deg) scaleX(var(--od-title-fit-x,1)) !important;
}
html body #home .category-menu > a.cat-anim3d > h2.category-title > .type-lettering.type-lettering-dreidee {
  transform:perspective(880px) rotateY(-5deg) rotateZ(1deg) scaleX(var(--od-title-fit-x,1)) !important;
  font-size:var(--od-title-size, 47px) !important;
  padding:0 4px 6px 0 !important;
  color:#dfe4e2 !important;
  -webkit-text-fill-color:#dfe4e2 !important;
  text-shadow:1px 1px 0 #84929a,2px 2px 0 #455766,3px 3px 0 #233543 !important;
}
html body #home .category-menu > a.cat-art2d > h2.category-title > .type-lettering {
  transform:rotate(-4deg) scaleX(var(--od-title-fit-x,1)) !important;
}
html body #home .category-menu > a.cat-story > h2.category-title > .type-lettering {
  transform:rotate(-2.3deg) scaleX(var(--od-title-fit-x,1)) !important;
}
html body #home .category-menu > a.cat-projects > h2.category-title > .type-lettering {
  display:inline-flex !important;
  flex-wrap:nowrap !important;
  transform:rotate(-1deg) scaleX(var(--od-title-fit-x,1)) !important;
}
html body #home .category-menu > a.category-card > h2.category-title > .type-lettering-readable {
  font-size:clamp(9px,.75vw,11px) !important;
  white-space:nowrap !important;
  margin-top:13px !important;
  transform:rotate(-1deg) !important;
  letter-spacing:.075em !important;
}
/* Site navigation without the small competing wordmark. */
html body .topbar {justify-content:flex-end !important;gap:18px !important;}
html body .topbar > .wordmark {display:none !important;}
/* Compact, accessible lower navigation row. */
html body #home .index-footer.od-footer-v76 {
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:clamp(9px,1.6vw,26px) !important;
  padding:11px 2px 1px !important;
  min-height:36px !important;
  border-top:1px solid rgba(206,223,229,.24) !important;
  color:#becbd0 !important;
  overflow:visible !important;
}
html body #home .od-footer-contact {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:clamp(11px,1.5vw,25px);
  min-width:0;
}
html body #home .od-footer-contact a {
  font:600 10px/1.4 'IBM Plex Mono',monospace !important;
  color:#d4dcdf !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 0;
  white-space:nowrap;
  opacity:.88;
}
html body #home .od-footer-contact a:hover,
html body #home .od-social-links a:hover {
  color:#c4f95b !important;
  opacity:1 !important;
}
html body #home .od-footer-contact a:focus-visible,
html body #home .od-social-links a:focus-visible {
  outline:2px solid #c4f95b !important;outline-offset:4px !important;
}
html body #home .od-footer-contact svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
html body #home .od-social-links {
  display:flex !important;
  flex:0 0 auto;
  gap:clamp(7px,.9vw,14px);
  align-items:center;
  justify-content:flex-end;
}
html body #home .od-social-links a {
  position:relative;
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border:1px solid rgba(205,224,232,.19);
  border-radius:2px;
  color:#bdcad0;
  background-color:rgba(15,22,27,.38);
  opacity:.88;
  transition:color .15s,border-color .15s,transform .15s;
}
html body #home .od-social-links a:hover {
  border-color:rgba(196,249,91,.6);
  transform:translateY(-2px);
}
html body #home .od-social-links svg {width:16px;height:16px;display:block;fill:currentColor}
html body #home .od-social-links .od-instagram svg {fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:900px) {
  html body #home .index-footer.od-footer-v76 {
    flex-wrap:wrap !important;
    justify-content:center !important;
    row-gap:5px !important;
    padding-bottom:10px !important;
  }
  html body #home .od-footer-contact {justify-content:center;}
  html body #home .od-social-links {justify-content:center;}
}
@media(max-width:520px) {
  html body #home .od-footer-contact a {font-size:9px !important;}
  html body #home .od-social-links a {width:34px;height:34px;}
  html body #home .category-menu > a.category-card > h2.category-title > .type-lettering-readable {
    font-size:9px !important;
    margin-top:10px !important;
  }
}

/* v76.1 – stronger optical balance and visible footer labels. */
html body #home .cat-story > h2.category-title > .type-lettering {
  -webkit-text-stroke:.32px rgba(238,234,241,.8) !important;
}
html body #home .index-footer.od-footer-v76 .od-footer-contact a > span {
  display:inline !important;color:inherit !important;white-space:nowrap !important;
}
html body #home .index-footer.od-footer-v76 .od-footer-contact a > svg {
  display:block !important;flex:0 0 14px !important;
}
@media(min-width:901px){
  html body #home .index-footer.od-footer-v76 {
    padding-right:205px !important;
  }
}
@media(max-width:900px){
  html body #home .index-footer.od-footer-v76 {padding-bottom:76px !important;}
}

/* Mobile: keep the animation control usable without covering social links.
   The accessible button name remains unchanged. */
@media(max-width:700px){
  html body #motionToggle {
    inset:auto max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) auto !important;
    width:57px !important;
    min-width:57px !important;
    max-width:57px !important;
    min-height:42px !important;
    height:42px !important;
    padding:6px !important;
    gap:5px !important;
  }
  html body #motionToggle .motion-toggle-label {display:none !important;}
  html body #motionToggle .motion-indicator {width:8px;min-width:8px;height:8px;}
  html body #motionToggle .motion-toggle-tag {font-size:9px;}
}