/* The project collection shares the showroom's typography and dark surface.
   Layout follows the published order; no special owner-managed layout fields. */
#projeler {
  --collection-bg:#171b1d;
  --collection-text:#f3f0e9;
  --collection-muted:#c2bcb3;
  --collection-bronze:#d1ac77;
  width:100%; margin:0; border:0;
  padding:clamp(64px,8vw,120px) max(24px,calc((100% - 1320px)/2)) clamp(64px,8vw,120px);
  background:var(--collection-bg); color:var(--collection-text);
}
#projeler .portfolio-heading { align-items:end; gap:32px 60px; margin:0 0 clamp(40px,6vw,80px); }
#projeler .portfolio-heading > div { min-width:0; }
#projeler .kicker { color:var(--collection-bronze); font:500 .8125rem/1.6 var(--sans); letter-spacing:.14em; }
#projeler .portfolio-heading .kicker:before { width:24px; height:1px; }
#projeler .portfolio-heading h2 { margin-top:22px; font:500 clamp(2.6rem,4.7vw,4.75rem)/1.1 Manrope,var(--sans); letter-spacing:-.055em; overflow-wrap:anywhere; }
#projeler .portfolio-heading h2 em { color:var(--collection-bronze); font:inherit; }
#projeler .portfolio-heading > p { color:var(--collection-muted); font-size:1rem; line-height:1.75; flex-basis:270px; max-width:32ch; padding:0 0 6px; }
#projeler .project-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); align-items:start; gap:clamp(60px,8vw,110px) clamp(24px,4vw,56px); max-width:none; }
#projeler .project {
  display:block; min-width:0; grid-column:span 6; margin:0; padding:0;
  border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible;
  transform:none; transition:opacity .45s;
}
#projeler .project:first-child { display:grid; grid-column:1/-1; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:center; gap:32px clamp(32px,7vw,100px); }
#projeler .project:nth-child(4n+2) { grid-column:1/span 7; }
#projeler .project:nth-child(4n+3) { grid-column:9/-1; padding-top:130px; }
#projeler .project:nth-child(4n+4) { grid-column:1/span 5; }
#projeler .project:nth-child(4n+5):not(:first-child) { grid-column:7/-1; padding-top:90px; }
#projeler .project:last-child:nth-child(even) { grid-column:1/span 7; }
#projeler .project-media,
#projeler .project-detail-preview {
  position:relative; min-height:0; border:1px solid #d1ac7726; border-radius:20px;
  background:#262626; aspect-ratio:3/4; overflow:hidden;
  box-shadow:0 20px 44px -24px #000b;
  transform:perspective(1100px) rotateX(var(--gallery-rx,0deg)) rotateY(var(--gallery-ry,0deg));
  transition:transform .22s ease-out, border-color .25s, box-shadow .25s;
}
#projeler .project-media.is-landscape { aspect-ratio:4/3; }
#projeler .project:first-child .project-media { grid-column:1; grid-row:1/span 2; min-height:0; }
#projeler .project-media > img,
#projeler .project-detail-preview > img {
  display:block; position:absolute; inset:0; width:100%; height:100%;
  max-height:none; aspect-ratio:auto; object-fit:cover; object-position:center;
  border-radius:0; transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
#projeler .project > img { min-height:0; max-height:none; height:auto; border-radius:20px; aspect-ratio:auto; }
#projeler .project-detail-preview { grid-column:2; grid-row:1; width:72%; justify-self:end; align-self:end; }
#projeler .project-detail-preview:after { content:""; position:absolute; inset:0; border:1px solid #ffffff12; border-radius:inherit; pointer-events:none; }
#projeler .project figcaption { display:flex; flex-direction:column; align-items:start; justify-content:start; padding:24px 0 0; gap:12px; background:transparent; }
#projeler .project:first-child figcaption { grid-column:2; grid-row:1/span 2; padding:0; gap:20px; }
#projeler .project:first-child.has-detail-preview figcaption { grid-row:2; align-self:start; }
#projeler .project figcaption > span { color:var(--collection-muted); font:400 .8125rem/1.6 var(--sans); letter-spacing:.08em; }
#projeler .project figcaption b { color:var(--collection-text); font:500 clamp(1.5rem,2.4vw,2.3rem)/1.22 Manrope,var(--sans); letter-spacing:-.045em; max-width:24ch; }
#projeler .project:first-child figcaption b { font-size:clamp(2rem,3.1vw,3rem); max-width:18ch; }
#projeler .project .project-open {
  display:inline-flex; align-items:center; justify-content:space-between; gap:28px;
  width:auto; min-height:44px; margin:2px 0 0; padding:8px 0;
  border:0; border-bottom:1px solid #d1ac7759; border-radius:0;
  background:transparent; color:var(--collection-bronze); font:500 .875rem/1.5 var(--sans);
}
#projeler .project .project-open span { font-size:1.25rem; }
#projeler .project:is(:hover,:focus-within,:active) { background:transparent; box-shadow:none; border:0; transform:none; }
#projeler .project:is(:hover,:focus-within,:active) figcaption { background:transparent; }
#projeler .project:is(:hover,:focus-within,:active) figcaption b { color:var(--collection-bronze); }
#projeler .project:is(:hover,:focus-within,:active) .project-open { background:transparent; color:var(--collection-bronze); border-color:var(--collection-bronze); }
#projeler .project:is(:focus-within,:active) .project-media { border-color:var(--collection-bronze); }
#projeler .project-grid > p { grid-column:1/-1; padding:28px 0; }
#projeler .project-summary { display:none; }

/* Larger photographs and direct image selection within the existing dialog. */
#projectDialog { width:min(calc(100% - 32px),1220px); padding:64px 32px 32px; border:1px solid #d1ac773b; border-radius:24px; background:#171b1d; color:#f3f0e9; }
#projectDialog::backdrop { background:#0d1112df; backdrop-filter:blur(8px); }
#projectDialog .project-detail-layout { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); }
#projectDialog .detail-gallery { min-width:0; background:transparent; padding:0; border-radius:0; }
#projectDialog .detail-gallery > img { width:100%; max-width:none; height:min(64dvh,740px); min-height:220px; margin:0; border-radius:14px; background:#222728; object-fit:contain; }
#projectDialog .detail-copy { padding-top:14px; }
#projectDialog .detail-copy h2 { font:500 clamp(1.8rem,3vw,2.8rem)/1.17 Manrope,var(--sans); letter-spacing:-.04em; }
#projectDialog .detail-copy .kicker { font-weight:500; }
#projectDialog .detail-copy p, #projectDialog .detail-copy li { font-size:1rem; line-height:1.75; }
#projectDialog .detail-copy .btn { border-radius:28px; }
#projectDialog .gallery-thumbnails { display:grid; grid-template-columns:repeat(auto-fill,minmax(56px,1fr)); gap:8px; margin-top:20px; }
#projectDialog .gallery-thumb { display:grid; place-items:center; position:relative; min-width:0; height:76px; padding:3px; border:1px solid #63625c; border-radius:9px; background:#232829; color:#f3f0e9; cursor:pointer; }
#projectDialog .gallery-thumb img { grid-area:1/1; width:100%; height:68px; border-radius:5px; object-fit:cover; }
#projectDialog .gallery-thumb > span { grid-area:1/1; }
#projectDialog .gallery-thumb[aria-pressed="true"] { border:2px solid #d1ac77; padding:2px; }
#projectDialog .gallery-thumb:hover { border-color:#d1ac77; }
#projectDialog .gallery-image-status { display:grid; place-items:center; min-height:260px; padding:28px; border-radius:14px; background:#222728; color:#f3f0e9; }

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  #projeler .project:hover .project-media { box-shadow:0 28px 58px -24px #000d; border-color:#d1ac7766; }
  #projeler .project:hover .project-media > img { transform:scale(1.025); filter:none; }
  #projeler .project:hover .project-detail-preview > img { transform:scale(1.02); }
}
@media (max-width:900px) {
  #projeler .portfolio-heading { flex-direction:column; align-items:start; gap:24px; }
  #projeler .portfolio-heading > p { flex-basis:auto; max-width:40ch; }
  #projeler .project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:54px 28px; }
  #projeler .project:nth-child(n):not(:first-child) { grid-column:auto; padding-top:0; }
  #projeler .project:first-child { grid-column:1/-1; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:24px 28px; }
  #projeler .project-detail-preview { width:82%; }
  #projeler .project:first-child figcaption b { font-size:clamp(1.75rem,3.5vw,2.5rem); }
  #projectDialog .project-detail-layout { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:640px) {
  #projeler { padding:56px 20px 68px; }
  #projeler .portfolio-heading { margin-bottom:36px; }
  #projeler .portfolio-heading h2 { font-size:clamp(2.4rem,9vw,3.4rem); }
  #projeler .project-grid { grid-template-columns:minmax(0,1fr); gap:48px; }
  #projeler .project:first-child { display:block; grid-column:auto; }
  #projeler .project-detail-preview { display:none; }
  #projeler .project figcaption, #projeler .project:first-child figcaption { padding:20px 0 0; gap:12px; }
  #projeler .project figcaption b, #projeler .project:first-child figcaption b { font-size:1.65rem; }
  #projectDialog { width:calc(100% - 20px); padding:60px 16px 24px; border-radius:20px; }
  #projectDialog .detail-gallery > img { height:54dvh; }
  #projectDialog .gallery-thumbnails { grid-template-columns:repeat(auto-fill,minmax(50px,1fr)); }
}
@media (prefers-reduced-motion:reduce) {
  #projeler .project, #projeler .project-media, #projeler .project-detail-preview, #projeler .project img, #projeler .project .project-open span { transform:none!important; transition:none!important; }
}