
/* Library navigation + CTA */
@media(min-width:981px) and (max-width:1260px){
  .nav-wrap.motion-nav nav{gap:clamp(10px,1.45vw,18px)!important}
  .nav-wrap.motion-nav nav a{font-size:10px!important;letter-spacing:.035em!important}
}

.real-work-library-card{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  width:min(1180px,calc(100% - 40px));margin:22px auto 0;padding:17px 20px;
  border:1px solid rgba(22,23,19,.10);border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(244,239,227,.94));
  box-shadow:0 16px 46px rgba(25,23,18,.055);color:#161713;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
.real-work-library-card:hover{
  transform:translateY(-3px);border-color:rgba(22,23,19,.19);
  box-shadow:0 24px 55px rgba(25,23,18,.10)
}
.real-work-library-icon{
  display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#173d5d;color:#fff;font-size:20px
}
.real-work-library-copy{display:grid;gap:2px;min-width:0}
.real-work-library-copy small{font-size:8px;font-weight:900;letter-spacing:.12em;color:#8a8c82}
.real-work-library-copy b{font-family:"Playfair Display",serif;font-size:21px;line-height:1.3}
.real-work-library-copy em{font-style:normal;font-size:11px;color:#777c72}
.real-work-library-arrow{font-size:22px}

@media(max-width:700px){
.real-work-library-card{
    width:calc(100% - 28px);grid-template-columns:auto 1fr;padding:14px;gap:12px;border-radius:17px
  }
  .real-work-library-arrow{display:none}
  .real-work-library-icon{width:43px;height:43px}
  .real-work-library-copy b{font-size:18px}
  .real-work-library-copy em{font-size:10px;line-height:1.4}
}
