/* Homepage-only depth, motion, and progressively enhanced pathways. */
html[data-home-experience] { scroll-padding-top: 32px; }
.home-hero { position: relative; isolation: isolate; overflow: clip; }
.home-hero::before { content: ''; position: absolute; z-index: -1; width: 360px; height: 360px; top: -230px; left: -80px; border: 1px solid #eac43866; border-radius: 50%; box-shadow: 0 0 0 34px #f8d4480a, 0 0 0 68px #f8d44809; pointer-events: none; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; }
.hero-actions .text-link { color: var(--ink); }
.home-photograph { padding: 8px; }
.photo-depth { position: relative; isolation: isolate; transform: translateY(var(--photo-shift, 0px)); }
.photo-depth::before, .photo-depth::after { content: ''; position: absolute; z-index: -1; inset: 0; border-radius: 15px; pointer-events: none; }
.photo-depth::before { background: var(--gold); transform: rotate(3deg) translate(7px, 1px); }
.photo-depth::after { border: 1px solid #c6ad4b; transform: rotate(-3deg) translate(-5px, 1px); }
.photo-depth img { box-shadow: 0 14px 30px #44340912; }
@media (prefers-reduced-motion: no-preference) {
  html:not([data-home-motion="reduced"]) .home-hero .button,
  html:not([data-home-motion="reduced"]) .pathway { transition: transform 220ms ease, box-shadow 220ms ease, background 180ms ease, border-color 180ms ease; }
  html:not([data-home-motion="reduced"]) .photo-depth::before,
  html:not([data-home-motion="reduced"]) .photo-depth::after { transition: transform 450ms ease; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not([data-home-motion="reduced"]) .home-hero .button:hover { transform: translateY(-2px); box-shadow: 0 6px 15px #24242417; }
  html:not([data-home-motion="reduced"]) .pathway:hover { transform: translateY(-4px); box-shadow: 0 8px 20px #4434090a; }
  html:not([data-home-motion="reduced"]) .photo-depth:hover::before { transform: rotate(4deg) translate(9px, 1px); }
  html:not([data-home-motion="reduced"]) .photo-depth:hover::after { transform: rotate(-4deg) translate(-7px, 1px); }
}
html[data-home-motion="reduced"] { scroll-behavior: auto; }
html[data-home-motion="reduced"] .photo-depth { transform: none; }
/* The homepage has its own entrance; avoid stacking the legacy transform. */
html[data-home-experience][data-page-entrance] .home-hero { animation: none; }
@media (max-width: 740px) {
  .home-photograph { padding: 6px; }
  .hero-actions { gap: 7px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-home-experience] { scroll-behavior: auto; }
  .photo-depth { transform: none; }
}
@media print { .photo-depth { transform: none; } }