.home-studio { margin: 30px 0 38px; }
.home-studio-link {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; grid-template-columns: 165px minmax(0, 1fr) auto;
  align-items: center; gap: 24px; min-height: 190px; padding: 16px 30px;
  border: 2px solid #fff1cd; border-radius: 20px; color: #205a60;
  background: radial-gradient(circle at 92% 2%, #ffdda7 0, transparent 35%),
    radial-gradient(circle at 15% 105%, #d9d0fa 0, transparent 42%),
    linear-gradient(115deg, #c9f3ef, #fff6d8 65%, #ffe0b3);
  text-decoration: none; box-shadow: 0 10px 28px #0002;
  transition: transform .2s ease, box-shadow .2s ease;
}
.home-studio-link::before { content: ''; position: absolute; z-index: -1; inset-inline-end: 50px; top: -25px; width: 70px; height: 70px; border: 8px solid #ffab7055; border-radius: 50%; }
.home-studio-link::after { content: ''; position: absolute; z-index: -1; inset-inline-end: 245px; bottom: 14px; width: 26px; height: 26px; background: #af91de55; transform: rotate(17deg); clip-path: polygon(50% 0,61% 34%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 34%); }
.home-studio-link:hover { transform: translateY(-3px); box-shadow: 0 14px 32px #0003; }
.home-studio-link:focus-visible { outline: 4px solid #ffb558; outline-offset: 5px; }
.home-studio-logo { display: block; width: 165px; height: 154px; object-fit: cover; transform: scale(1.12); }
.home-studio-copy { min-width: 0; }
.home-studio h2 { margin: 0 0 3px; line-height: 0; }
.home-studio-title { display: block; width: min(100%, 330px); height: auto; }
.home-studio p { margin: 0; font-size: 15px; line-height: 1.55; font-weight: 600; color: #286267; }
.home-studio-cta { display: inline-flex; gap: 15px; align-items: center; justify-content: center; min-height: 44px; padding: 11px 18px; border: 2px solid #fff5df; border-radius: 14px; background: #167c7a; box-shadow: 0 4px 0 #115c60; color: #fff9e9; font-size: 14px; font-weight: 800; white-space: nowrap; }
.home-studio .studio-ar { display: none; }
html[lang="ar"] .home-studio .studio-en { display: none; }
html[lang="ar"] .home-studio .studio-ar { display: inline; }
.studio-new-tab { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 800px) {
  .home-studio-link { grid-template-columns: 130px minmax(0,1fr); gap: 8px 20px; padding: 18px 24px; }
  .home-studio-logo { width: 130px; height: 126px; grid-row: 1 / 3; }
  .home-studio-cta { justify-self: start; }
}
@media (max-width: 600px) {
  .home-studio { margin: 24px 0 30px; }
  .home-studio-link { grid-template-columns: 80px minmax(0,1fr); gap: 12px; padding: 16px; }
  .home-studio-logo { width: 80px; height: 80px; grid-row: auto; }
  .home-studio-copy { display: contents; }
  .home-studio h2 { margin: 0; }
  .home-studio p { grid-column: 1 / -1; font-size: 14px; }
  .home-studio-cta { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { .home-studio-link { transition: none; } .home-studio-link:hover { transform: none; } }