/* ======================================================================
   CASE STUDY — BACK LINK (case-study.css)
   ======================================================================

   Loaded by: daal-scene.html (after style.css)

   HOW TO EDIT
   - Only the "Back" link styles live here. Everything else is in daal-scene.css.
   - Each section starts with a big "=====" banner. Use Ctrl/Cmd + F
     and search the section number (e.g. "03.") to jump to it.

   TABLE OF CONTENTS
   01. Back link
   ====================================================================== */


/* ======================================================================
   01. BACK LINK
   ====================================================================== */
.case-topbar {
  padding-top: clamp(22px, 3.5vw, 56px);
}

.case-back {
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  font-family: var(--font-main);
  font-size: clamp(13px, 0.9vw, 18px);
  font-weight: 500;
  text-decoration: none;
}

.case-back span {
  transition: transform 0.3s ease;
}

.case-back:hover span,
.case-back:focus-visible span {
  transform: translateX(-5px);
}

.case-back:hover,
.case-back:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}