/* Studio DJC Creative — premium action language.
 * Deliberately isolated from layout and routing: this file changes appearance only.
 */
:root{
  --action-paper:#f5f2ec;
  --action-ink:#090909;
  --action-accent:#c9abff;
  --action-line:rgba(245,242,236,.42);
}

.primary-button,
.collection-book-link{
  --action-fill:var(--action-paper);
  --action-text:var(--action-ink);
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  min-height:54px;
  padding:1.08rem 1.65rem 1rem;
  overflow:hidden;
  border:1px solid var(--action-fill);
  border-radius:0;
  background:var(--action-fill);
  color:var(--action-text);
  box-shadow:
    inset 0 0 0 3px var(--action-fill),
    inset 0 0 0 4px rgba(9,9,9,.2),
    5px 5px 0 var(--action-accent);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.15em;
  font:700 .68rem/1.25 Arial,sans-serif;
  cursor:pointer;
  isolation:isolate;
  transition:color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}

.primary-button::before,
.collection-book-link::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(115deg,var(--action-accent),#eadfff);
  transform:translateY(102%);
  transition:transform .38s cubic-bezier(.22,1,.36,1);
}

.primary-button::after,
.collection-book-link::after{
  content:none;
}

.primary-button:hover,
.primary-button:focus-visible,
.collection-book-link:hover,
.collection-book-link:focus-visible{
  color:var(--action-ink);
  border-color:var(--action-accent);
  box-shadow:
    inset 0 0 0 3px var(--action-accent),
    inset 0 0 0 4px rgba(9,9,9,.28),
    2px 2px 0 var(--action-paper);
  transform:translate(3px,3px);
}

.primary-button:hover::before,
.primary-button:focus-visible::before,
.collection-book-link:hover::before,
.collection-book-link:focus-visible::before{transform:none}

.text-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.9rem;
  width:max-content;
  max-width:100%;
  padding:.55rem 0;
  color:inherit;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.16em;
  font:700 .69rem/1.3 Arial,sans-serif;
}

.text-link::after{
  content:'\2192';
  font:400 1.05rem/1 Arial,sans-serif;
  transition:transform .3s ease;
}

.text-link:hover::after,
.text-link:focus-visible::after{transform:translateX(5px)}

.collection-card-content>p:last-child,
.package small,
.package-overlay em,
.feature-link-label{
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  width:max-content;
  max-width:100%;
  text-transform:uppercase;
  letter-spacing:.14em;
  font:700 .66rem/1.35 Arial,sans-serif;
}

.collection-card-content>p:last-child::after,
.package small::after,
.package-overlay em::after,
.feature-link-label::after{
  content:'\2192';
  width:auto;
  height:auto;
  background:none;
  font:400 1rem/1 Arial,sans-serif;
  transition:transform .3s ease;
}

.collection-card:hover .collection-card-content>p:last-child::after,
.collection-card:focus-visible .collection-card-content>p:last-child::after,
.package:hover small::after,
.package:focus-visible small::after,
.package:hover .package-overlay em::after,
.package:focus-visible .package-overlay em::after,
.split-links a:hover .feature-link-label::after,
.split-links a:focus-visible .feature-link-label::after{transform:translateX(5px)}

.collection-book-link{
  --action-fill:transparent;
  --action-text:#fff;
  --action-accent:var(--collection-accent,#c9abff);
  align-self:end;
  padding:.95rem 1.15rem .95rem 1.35rem;
  border:1px solid var(--collection-accent,#c9abff);
  color:#fff;
  box-shadow:
    inset 0 0 0 3px #080808,
    inset 0 0 0 4px var(--collection-accent,#c9abff),
    5px 5px 0 var(--collection-accent,#c9abff);
}

.collection-book-link::before{opacity:.92}
.collection-book-link:hover,
.collection-book-link:focus-visible{
  color:#080808;
  box-shadow:
    inset 0 0 0 3px var(--collection-accent,#c9abff),
    inset 0 0 0 4px rgba(8,8,8,.35),
    2px 2px 0 #fff;
}

.primary-button:focus-visible,
.text-link:focus-visible,
.collection-book-link:focus-visible,
.collection-card:focus-visible,
.package:focus-visible,
.split-links a:focus-visible{
  outline:2px solid var(--action-accent);
  outline-offset:4px;
}

@media(max-width:800px){
  .primary-button,.collection-book-link{width:100%;gap:1.25rem;padding:.9rem 1rem .9rem 1.15rem}
  .text-link{white-space:normal}
  .feature-link-label{display:flex;margin-top:.45rem}
}

@media(prefers-reduced-motion:reduce){
  .primary-button,.primary-button::before,.primary-button::after,
  .collection-book-link,.collection-book-link::before,.collection-book-link::after,
  .text-link::before,.text-link::after,
  .collection-card-content>p:last-child::after,.package small::after,
  .package-overlay em::after,.feature-link-label::after{transition:none}
  .primary-button:hover,.primary-button:focus-visible,
  .collection-book-link:hover,.collection-book-link:focus-visible{transform:none}
}