:root {
  --hook-deep: #272b00;
  --hook-olive: #54582f;
  --hook-sage: #86895d;
  --hook-soft: #bec092;
  --hook-light: #f8fbca;
  --hook-paper: #f5f3e8;
  --hook-white: #fffef8;
  --hook-shell: 1240px;
}

html { scroll-behavior: smooth; scroll-padding-top: 108px; }
body.hook-co-site { margin: 0; overflow-x: hidden; background: var(--hook-paper); }
.hook-co-site .site-main,
.hook-co-site .page-content,
.hook-co-site .entry-content { width: 100%; max-width: none; margin: 0; padding: 0; }
.hook-co-site .page-header { display: none; }
.hook-co-site .elementor-location-header,
.hook-co-site .elementor-location-footer,
.hook-co-site .elementor { width: 100%; max-width: none; overflow: visible; }
.hook-co-site .elementor-location-header > .elementor,
.hook-co-site .elementor-location-footer > .elementor,
.hook-co-site .elementor-location-header .elementor-element,
.hook-co-site .elementor-location-footer .elementor-element {
  width: 100%;
  max-width: none;
  overflow: visible;
}

.hook-skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 99999;
  padding: 12px 16px;
  color: var(--hook-deep);
  background: var(--hook-light);
  border-radius: 10px;
  transform: translateY(-160%);
}
.hook-skip-link:focus { transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}