/* ── Bir Masa Bir Usta: ahşap plakalı çevrilebilir kartlar ── */
.usta { padding-bottom: clamp(2.5rem, 5vw, 4rem); background:
  radial-gradient(ellipse 60% 50% at 85% 0%, rgba(27, 148, 160, .18), transparent 70%),
  radial-gradient(ellipse 50% 40% at 0% 100%, rgba(245, 122, 5, .12), transparent 70%), var(--ink); }
.usta__head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 2rem 4rem; align-items: end; }
.usta__head .hand { font-size: 1.5rem; color: var(--orange-2); }
.usta__intro { display: grid; gap: 1.2rem; justify-items: start; color: var(--txt-2); }

.usta__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3.6fr); gap: clamp(1.2rem, 2.5vw, 2rem); margin-top: clamp(2.5rem, 5vw, 3.5rem); }
.plates { display: grid; gap: 14px; align-content: start; position: sticky; top: calc(var(--hdr) + 20px); }
.plates figure { position: relative; border-radius: var(--r); overflow: hidden; }
.plates__a { aspect-ratio: 471 / 781; }
.plates__b { aspect-ratio: 3 / 4; }
.plates img { width: 100%; height: 100%; object-fit: cover; }
.plates figcaption { position: absolute; left: 10px; bottom: 10px; padding: .3rem .7rem; border-radius: 999px; background: rgba(21, 19, 15, .8); font: 600 1.15rem/1.1 var(--f-hand); color: var(--orange-2); }

.u-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.u-card { perspective: 1200px; }
.u-card__in { position: relative; display: block; width: 100%; min-height: 330px; height: 100%; padding: 0; border: 0; background: none; text-align: left;
  transform-style: preserve-3d; transition: transform .8s var(--ease); }
.u-card.is-flipped .u-card__in { transform: rotateY(180deg); }
.u-card__face { position: absolute; inset: 0; display: flex; flex-direction: column; border-radius: var(--r); padding: 1.1rem 1.1rem 1rem; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.u-card__front { align-items: center; justify-content: center; gap: .55rem; text-align: center; border: 1px solid var(--line-2);
  background: radial-gradient(ellipse at 50% 30%, rgba(255, 196, 120, .14), transparent 65%), var(--ink-2); transition: border-color .3s, box-shadow .3s; }
.u-card__in:hover .u-card__front, .u-card__in:focus-visible .u-card__front { border-color: rgba(255, 154, 60, .6); box-shadow: 0 0 0 1px rgba(255, 154, 60, .4), 0 20px 40px -20px rgba(245, 122, 5, .5); }
.u-card__no { position: absolute; top: .9rem; left: 1rem; font: 700 .68rem var(--f-poster); letter-spacing: .22em; text-transform: uppercase; color: var(--teal-2); }
.u-card__hint { position: absolute; bottom: .8rem; right: 1rem; font: 600 .74rem var(--f-body); color: var(--txt-2); }

/* masa plakası: açık meşe, kazınmış el yazısı */
.u-plate { display: grid; place-items: center; width: 86%; aspect-ratio: 2.9 / 1; margin-bottom: .5rem; border-radius: 12px; transform: rotate(var(--tilt));
  background:
    repeating-linear-gradient(92deg, rgba(120, 72, 34, .0) 0 7px, rgba(120, 72, 34, .22) 7px 8px, rgba(120, 72, 34, 0) 8px 15px),
    repeating-linear-gradient(88deg, rgba(255, 235, 200, .18) 0 3px, transparent 3px 11px),
    linear-gradient(160deg, #e0b682, #c58f58 55%, #a87140);
  box-shadow: inset 0 2px 0 rgba(255, 240, 210, .45), inset 0 -3px 6px rgba(80, 45, 15, .35), 0 12px 20px -10px rgba(0, 0, 0, .7); }
.u-plate__name { font: 700 clamp(1.5rem, 2.2vw, 1.9rem)/1 var(--f-hand); color: #3a1f0c; text-shadow: 0 1px 0 rgba(255, 228, 180, .55), 0 -1px 0 rgba(60, 30, 10, .35); white-space: nowrap; }
.u-card__name { font: 400 1.55rem/1.05 var(--f-display); color: var(--txt); }
.u-card__meta { font: 600 .74rem var(--f-body); letter-spacing: .06em; color: var(--txt-2); }

.u-card__back { transform: rotateY(180deg); gap: .65rem; background: var(--paper); color: var(--txt-dark); box-shadow: inset 0 0 0 1px rgba(29, 26, 21, .08); overflow: hidden; }
.u-card__who { font: 600 .78rem/1.35 var(--f-body); color: var(--teal-deep); }
.u-card__quote { font: italic 400 1.18rem/1.22 var(--f-display); }
.u-card__works { margin-top: auto; font: 500 .74rem/1.4 var(--f-body); color: var(--txt-dark-2); }
.u-card__works span { display: block; font: 700 .62rem var(--f-body); letter-spacing: .16em; text-transform: uppercase; color: var(--orange); margin-bottom: .15rem; }

.u-card.is-picked .u-card__front, .u-card.is-picked .u-card__back { box-shadow: 0 0 0 2px var(--orange), 0 0 50px -6px rgba(245, 122, 5, .7); }
.usta__foot { margin-top: 2.2rem; text-align: center; font-size: 1.6rem; color: var(--orange-2); }

@media (max-width: 1199px) { .u-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 899px) {
  .usta__head { grid-template-columns: minmax(0, 1fr); }
  .usta__body { grid-template-columns: minmax(0, 1fr); }
  .plates { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .plates__a, .plates__b { aspect-ratio: 3 / 4; }
}
/* mobil: yatay kaydırmalı kart şeridi */
@media (max-width: 699px) {
  .u-grid { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 calc(-1 * var(--gutter)); padding: 4px var(--gutter) 14px; scrollbar-width: none; }
  .u-grid::-webkit-scrollbar { display: none; }
  .u-card { flex: 0 0 76%; scroll-snap-align: center; }
  .u-card__in { min-height: 340px; }
  .usta__foot { font-size: 1.35rem; }
}