/* Shared interaction accents; controls remain identifiable without hover. */
:root { --link-accent: #795532; --link-accent-light: #e0b889; }
a[href], button:not(:disabled), summary { cursor: pointer; }
a[href], button { transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
:is(a, button, summary):focus-visible { outline: 2px solid var(--link-accent); outline-offset: 5px; }
:is(.hero, .gallery-hero, .gallery-cta, .art-shop, .site-footer) :is(a, button):focus-visible { outline-color: var(--link-accent-light); }
:is(#main, #gallery-main, #art-main, #wardrobe-main) :is(.text-link, .refocus-read, .home-art-link, .gallery-pilot-link, .metadata-link) { position: relative; text-decoration: none; }
:is(#main, #gallery-main, #art-main, #wardrobe-main) :is(.text-link, .refocus-read, .home-art-link, .gallery-pilot-link, .metadata-link)::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 220ms ease; pointer-events: none; }
:is(.text-link, .refocus-read, .home-art-link, .gallery-pilot-link) > span { display: inline-block; transition: transform 220ms ease; }
@media (hover: hover) {
  :is(#main, #gallery-main, #art-main, #wardrobe-main) :is(.text-link, .refocus-read, .home-art-link, .gallery-pilot-link, .metadata-link):hover { color: var(--link-accent); border-bottom-color: var(--link-accent); }
  :is(#main, #gallery-main, #art-main, #wardrobe-main) :is(.text-link, .refocus-read, .home-art-link, .gallery-pilot-link, .metadata-link):hover::after { transform: scaleX(1); }
  :is(.text-link, .refocus-read, .home-art-link, .gallery-pilot-link):hover > span { transform: translateX(4px); }
  :is(#main, #gallery-main, #art-main, #wardrobe-main) .hero .light-link:hover { color: var(--link-accent-light); border-color: var(--link-accent-light); }
  :is(#main, #gallery-main, #art-main, #wardrobe-main) .button:hover { background: var(--link-accent); color: #fff; border-color: var(--link-accent); transform: none; }
  #main .story-copy #story-action:hover, #main .explorer #explorer-inquiry:hover { background: var(--link-accent); color: #fff; border-color: var(--link-accent); }
  .primary-nav :is(a, button):not(.nav-cta):hover { color: var(--link-accent-light); }
  :is(.scrolled, .art-page) .primary-nav :is(a, button):not(.nav-cta):hover { color: var(--link-accent); }
  .primary-nav .nav-cta:hover { background: var(--link-accent); color: #fff; border-color: var(--link-accent); }
  .legacy-index a:hover, .refocus-links a:hover, .gallery-locations a:hover, .refocus-journal h3 a:hover { color: var(--link-accent); border-color: var(--link-accent); text-decoration: underline; text-underline-offset: 5px; }
  .site-footer a:hover { color: var(--link-accent-light); text-decoration: underline; text-underline-offset: 5px; }
  .story-tabs button:hover, .chapter-tabs button:hover { color: var(--link-accent); background-color: rgb(121 85 50 / .07); }
  .refocus-cover:hover img, .home-art-layout figure a:hover img { filter: brightness(.94); }
}
.refocus-cover img, .home-art-layout figure a img { transition: filter 220ms ease; }
@media (max-width: 1020px) { .site-header .primary-nav :is(a, button):not(.nav-cta):hover { color: var(--link-accent); } }
@media (prefers-reduced-motion: reduce) {
  a[href], button, .refocus-cover img, .home-art-layout figure a img { transition: none !important; }
  :is(#main, #gallery-main, #art-main, #wardrobe-main) :is(.text-link, .refocus-read, .home-art-link, .gallery-pilot-link, .metadata-link)::after, :is(.text-link, .refocus-read, .home-art-link, .gallery-pilot-link) > span { transition: none; }
  :is(.text-link, .refocus-read, .home-art-link, .gallery-pilot-link):hover > span { transform: none; }
}

/* Keep destination links consistent before and after a visit. */
#main .destination-actions .text-link,
#main .destination-actions .text-link:visited { color: var(--ink); }
#main .destination-actions .text-link:hover,
#main .destination-actions .text-link:focus-visible { color: var(--link-accent); }

/* Shared outlined editorial calls to action, including live Substack stories. */
:is(#main, #gallery-main, #art-main, #wardrobe-main) :is(.text-link, .refocus-read, .home-art-link, .refocus-links a):not(.wardrobe-back) {
  display: inline-flex; align-items: center; justify-content: center;
  box-sizing: border-box; max-width: 100%; min-height: 56px;
  padding: 16px 22px; border: 1px solid currentColor; border-radius: 0;
  background: transparent; color: var(--ink); text-decoration: none;
  font-family: var(--sans); font-size: 13px; font-weight: 600;
  line-height: 1.5; letter-spacing: .08em; text-transform: uppercase;
  text-align: center; white-space: normal; cursor: pointer;
}
:is(#main, #gallery-main, #art-main, #wardrobe-main) :is(.text-link, .refocus-read, .home-art-link, .refocus-links a):not(.wardrobe-back)::after { content: none; }
:is(#main, #gallery-main, #art-main, #wardrobe-main) :is(.text-link, .refocus-read, .home-art-link) > span[aria-hidden="true"] { display: none; }
#main .text-link.light-link { color: var(--paper-light); }
:is(#main, #gallery-main, #art-main, #wardrobe-main) :is(.text-link, .refocus-read, .home-art-link, .refocus-links a):not(.wardrobe-back):is(:hover, :focus-visible) {
  background: var(--link-accent); color: #fff; border-color: var(--link-accent); text-decoration: none;
}
:is(#main, #gallery-main, #art-main, #wardrobe-main) :is(.text-link, .refocus-read, .home-art-link, .refocus-links a):focus-visible { outline: 2px solid var(--link-accent); outline-offset: 4px; }

@media (max-width: 700px) { #main .hero .text-link.light-link { color: var(--ink); } #main .hero .text-link.light-link:is(:hover, :focus-visible) { color: #fff; } }

#main #what-to-wear .wardrobe-guide-action .text-link { color: var(--ink); }
#main #what-to-wear .wardrobe-guide-action .text-link:is(:hover, :focus-visible) { color: #fff; border-color: var(--link-accent); }