/* sinakahen.com — additions on top of the base stylesheet */

/* Content stays visible when JavaScript is unavailable */
html:not(.js) .reveal { opacity: 1; transform: none; }

/* Header state once the page is scrolled */
.site-header.is-scrolled {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: rgba(17, 20, 15, 0.8);
  border-bottom: 1px solid var(--color-hairline);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* Skip link for keyboard users */
.skip-link {
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 100;
  background: var(--color-amber);
  color: var(--color-ink);
  padding: 0.6rem 1rem;
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
  transition: top 0.2s;
}
.skip-link:focus { top: 1rem; }

/* Clip posters fill the frame the same way the video does */
[data-clip] video { background: var(--color-panel); }

/* Enquiry confirmation */
[data-enquiry-done]:focus { outline: none; }
[hidden] { display: none !important; }

html { scroll-behavior: smooth; background: #11140f; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Small phones: the name and the navigation sit on two rows so they never collide */
@media (max-width: 439px) {
  .site-header > div > div { flex-direction: column; align-items: stretch; gap: 10px; }
  .site-header > div > div > div:first-child { flex-direction: row; align-items: center; gap: 10px; }
  .site-header nav { justify-content: space-between; }
  .site-header { padding-top: 0.875rem; padding-bottom: 0.75rem; background-color: rgba(17, 20, 15, 0.8); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
  #content > section:first-child { padding-top: 8.5rem; }
}