/* Real framed photographs in a Three.js exhibition, with an HTML reading path. */
#projeler .portfolio-heading { margin-bottom:clamp(28px,4vw,52px); }
#projeler .gallery-exhibition { min-width:0; }
#projeler .gallery-stage {
  position:relative; height:clamp(420px,43vw,600px); overflow:hidden; isolation:isolate;
  border:1px solid #d1ac772b; border-radius:28px;
  background:radial-gradient(ellipse at 50% 22%,#3d373040,transparent 72%),#141819;
}
#projeler .gallery-stage-label {
  position:absolute; inset:24px 28px auto; display:flex; align-items:center; justify-content:space-between;
  gap:20px; color:#c2bcb3; font-size:.8125rem; letter-spacing:.13em; pointer-events:none; z-index:1;
}
#projeler .gallery-stage-label span:last-child { color:#d1ac77; font-variant-numeric:tabular-nums; }
#projeler #galleryCanvas { display:block; width:100%; height:100%; touch-action:pan-y; cursor:grab; }
#projeler #galleryCanvas:active { cursor:grabbing; }
#projeler .gallery-loading {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  margin:0; padding:16px; width:min(90%,360px); text-align:center; color:#c2bcb3; font-size:1rem;
}
#projeler .gallery-loading:after { content:''; display:block; height:2px; width:60px; margin:20px auto 0; background:#d1ac77; opacity:.7; }
#projeler .gallery-navigation { position:absolute; bottom:20px; left:28px; right:28px; display:flex; align-items:center; justify-content:space-between; gap:16px; pointer-events:none; }
#projeler .gallery-navigation button {
  pointer-events:auto; width:48px; height:48px; border:1px solid #857867; border-radius:50%;
  background:#1c2223e8; color:#f3f0e9; font-size:1.35rem; transition:background .2s, color .2s, transform .2s;
}
#projeler .gallery-navigation button:hover { background:#d1ac77; color:#171b1d; transform:translateY(-2px); }
#projeler .gallery-navigation button:disabled { opacity:.3; cursor:default; transform:none; }
#projeler .gallery-navigation > span { font-size:.875rem; color:#c2bcb3; text-align:center; }
#projeler .gallery-project-info { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr) auto; align-items:center; gap:24px 40px; min-height:166px; padding:30px 4px; }
#projeler .gallery-project-title { min-width:0; }
#projeler #galleryCategory { color:#d1ac77; font-size:.8125rem; line-height:1.6; letter-spacing:.09em; }
#projeler #galleryTitle { margin:10px 0 0; color:#f3f0e9; font:500 clamp(1.5rem,2.6vw,2.15rem)/1.2 Manrope,var(--sans); letter-spacing:-.04em; overflow-wrap:anywhere; }
#projeler #galleryDescription { margin:0; color:#c2bcb3; font-size:1rem; line-height:1.7; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#projeler #galleryOpen { display:inline-flex; justify-content:space-between; align-items:center; gap:28px; min-height:50px; border:1px solid #d1ac7780; border-radius:28px; padding:12px 22px; background:#d1ac77; color:#201c17; font-size:.875rem; font-weight:600; transition:background .2s,transform .2s; }
#projeler #galleryOpen:hover { background:#e1bf8c; transform:translateY(-2px); }
#projeler .gallery-project-index { display:flex; gap:10px; overflow-x:auto; padding:12px 4px 20px; scrollbar-width:thin; scrollbar-color:#75604b transparent; border-top:1px solid #d1ac7726; }
#projeler .gallery-project-index button { flex:0 0 auto; display:flex; align-items:center; gap:12px; max-width:280px; min-height:46px; padding:10px 16px; border:1px solid #817462; border-radius:24px; color:#c2bcb3; background:transparent; font-size:.875rem; }
#projeler .gallery-project-index button > span:first-child { font-variant-numeric:tabular-nums; color:#d1ac77; }
#projeler .gallery-project-index button > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#projeler .gallery-project-index button[aria-pressed="true"] { background:#3b3028; border-color:#d1ac77; color:#f3f0e9; }
#projeler .gallery-project-index button:hover { border-color:#d1ac77; color:#f3f0e9; }
#projeler .gallery-fallback-notice { color:#c2bcb3; font-size:1rem; margin:0 0 24px; }
#projeler.gallery-active .project-grid { display:none; }
#projeler .gallery-exhibition [hidden], #projeler .gallery-exhibition[hidden], #projeler .gallery-fallback-notice[hidden] { display:none!important; }
@media(max-width:900px) {
  #projeler .gallery-stage { height:480px; }
  #projeler .gallery-project-info { grid-template-columns:minmax(0,1fr) auto; gap:20px; }
  #projeler #galleryDescription { grid-column:1/-1; grid-row:2; max-width:60ch; }
}
@media(max-width:600px) {
  #projeler .gallery-stage { height:440px; border-radius:22px; }
  #projeler .gallery-stage-label { inset:20px 18px auto; font-size:.75rem; }
  #projeler .gallery-navigation { left:16px; right:16px; bottom:16px; }
  #projeler .gallery-navigation > span { max-width:150px; font-size:.8125rem; }
  #projeler .gallery-project-info { grid-template-columns:minmax(0,1fr); padding:24px 0; gap:18px; }
  #projeler #galleryTitle { font-size:1.75rem; }
  #projeler #galleryDescription { grid-column:auto; grid-row:auto; }
  #projeler #galleryOpen { justify-self:start; }
}
@media(prefers-reduced-motion:reduce) {
  #projeler .gallery-exhibition button { transition:none!important; transform:none!important; }
}