/* ELEVATOR STUDIOS — fotky priestoru (BRIEF §11.3, §11.4)
   Fotky sú DOČASNÉ (mobil, 1024 × 768). Profi fotky ulož pod ROVNAKÝMI menami do assets/photos/
   a v tomto súbore prepočítaj iba čísla --cx --cy --cw --ch --ar (x/šírka, y/výška, šírka výrezu/šírka,
   výška výrezu/výška). HTML ani JS meniť netreba. Výrezy sú záväzné: iné časti fotky sa nezobrazujú
   (celé fotky 02, 04 a 05 nikdy — portréty, pes, neporiadok). */

/* — Pevný výrez — */
.ph-crop { position: relative; overflow: hidden; aspect-ratio: var(--ar); border-radius: var(--r-md); background: var(--es-panel); margin: 0; }
.ph-crop > img { position: absolute; left: 0; top: 0; max-width: none; height: auto;
  width: calc(100% / var(--cw)); transform: translate(calc(var(--cx) * -100%), calc(var(--cy) * -100%)); }

.ph--01a { --cx:0.0586; --cy:0.1302; --cw:0.7812; --ch:0.7812; --ar:800/600; }   /* x 60–860, y 100–700 */
.ph--01b { --cx:0.4102; --cy:0.3776; --cw:0.3516; --ch:0.5859; --ar:360/450; }   /* x 420–780, y 290–740 */
.ph--02a { --cx:0.6641; --cy:0.3646; --cw:0.3359; --ch:0.3359; --ar:344/258; }   /* x 680–1024, y 280–538 */
.ph--02b { --cx:0.0586; --cy:0.3125; --cw:0.4688; --ch:0.4688; --ar:480/360; }   /* x 60–540, y 240–600 */
.ph--03a { --cx:0.0000; --cy:0.1953; --cw:1.0000; --ch:0.7500; --ar:1024/576; }  /* x 0–1024, y 150–726 */
.ph--03h { --cx:0.2930; --cy:0.1953; --cw:0.6035; --ch:0.8047; --ar:618/618; }   /* x 300–918, y 150–768, hero desktop */
.ph--03v { --cx:0.2441; --cy:0.0000; --cw:0.4219; --ch:1.0000; --ar:432/768; }   /* x 250–682, y 0–768, story S2 */
.ph--03b { --cx:0.7129; --cy:0.5078; --cw:0.2734; --ch:0.2734; --ar:280/210; }   /* x 730–1010, y 390–600 */
.ph--03c { --cx:0.3223; --cy:0.1172; --cw:0.2051; --ch:0.5469; --ar:210/420; }   /* x 330–540, y 90–510 */
.ph--04a { --cx:0.3477; --cy:0.1302; --cw:0.6523; --ch:0.8698; --ar:668/668; }   /* x 356–1024, y 100–768 */
.ph--04b { --cx:0.4102; --cy:0.7292; --cw:0.4688; --ch:0.2708; --ar:480/208; }   /* x 420–900, y 560–768 */
.ph--04n { --cx:0.1367; --cy:0.4688; --cw:0.5312; --ch:0.5312; --ar:544/408; }   /* x 140–684, y 360–768, NÁVRH pes */
.ph--05b { --cx:0.5781; --cy:0.0000; --cw:0.4219; --ch:1.0000; --ar:432/768; }   /* x 592–1024, y 0–768 */
.ph--05c { --cx:0.0000; --cy:0.0000; --cw:1.0000; --ch:0.3333; --ar:1024/256; }  /* x 0–1024, y 0–256 */

/* Hero: desktop 1:1 (03-H), pod 1024 px prepne na 16:9 (03-A) */
@media (max-width: 1023px) {
  .hero-photo.ph--03h { --cx:0.0000; --cy:0.1953; --cw:1.0000; --ch:0.7500; --ar:1024/576; }
}

/* Karty poschodí na desktope (3 stĺpce vedľa seba): jednotný pomer 4:3, aby ceny a výbava
   sedeli v jednej línii. Ide o pod-výrezy VNÚTRI povolených výrezov 03-A a 01-B (§11.2). */
@media (min-width: 1024px) {
  .floor-card .ph--03a { --cx:0.1953; --cy:0.1953; --cw:0.7500; --ch:0.7500; --ar:768/576; }  /* x 200–968, y 150–726 (v 03-A) */
  .floor-card .ph--01b { --cx:0.4102; --cy:0.4167; --cw:0.3516; --ch:0.3516; --ar:360/270; }  /* x 420–780, y 320–590 (v 01-B) */
}

/* Voľný kontajner s iným pomerom (iba kde pevný výrez nejde): object-fit. */
.ph-cover > img { width: 100%; height: 100%; object-fit: cover; object-position: var(--fx, 50%) var(--fy, 50%); }

/* — Farebné úpravy (§11.3): na jednej ploche vždy iba jedna — */
.ph-real img { filter: contrast(1.08) saturate(1.12) brightness(.92); }
.ph-duo-led img { filter: url(#duo-led); }
.ph-duo-ticho img { filter: url(#duo-ticho); }
.ph-real, .ph-duo-led, .ph-duo-ticho { position: relative; }
/* vineta */
.ph-real::after, .ph-duo-led::after, .ph-duo-ticho::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse at 50% 45%, transparent 55%, rgba(11,12,14,.55) 100%); }
/* zrno: samotná textúra --es-grain je silná, na fotkách ju drž na krytí .12–.18 */
.ph-real::before, .ph-duo-led::before, .ph-duo-ticho::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: var(--es-grain); background-size: 160px 160px; mix-blend-mode: overlay; opacity: .15; }