/* Photographic components — brand-compliant integration */
.photo-media{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:var(--ink)}
.photo-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.22,.75,.3,1)}
.photo-media:hover img{transform:scale(1.02)}
.photo-media:after{content:"";position:absolute;inset:0;pointer-events:none;transition:opacity .4s ease}
.photo-hero{min-height:420px;max-height:620px;border-radius:var(--radius)}
.photo-hero:after{background:linear-gradient(180deg,rgba(6,8,32,.12) 0%,rgba(6,8,32,.62) 58%,rgba(6,8,32,.92) 100%),radial-gradient(circle at 70% 20%,rgba(102,38,239,.18),transparent 55%)}
.photo-portrait{max-width:380px;justify-self:end}
.photo-portrait:after{background:linear-gradient(180deg,transparent 40%,rgba(6,8,32,.78) 100%),radial-gradient(circle at 50% 30%,rgba(102,38,239,.14),transparent 60%)}
.photo-wide{aspect-ratio:16/9;min-height:280px;max-height:400px}
.photo-wide:after{background:linear-gradient(90deg,rgba(6,8,32,.72) 0%,transparent 48%),radial-gradient(circle at 80% 50%,rgba(102,38,239,.12),transparent 50%)}
.photo-accent{width:100%;aspect-ratio:3/2;max-height:260px}
.photo-accent:after{background:linear-gradient(180deg,rgba(6,8,32,.18) 0%,rgba(6,8,32,.7) 100%),radial-gradient(circle at 30% 70%,rgba(25,211,226,.08),transparent 50%)}
.photo-proof{position:relative;border:1px solid var(--line);box-shadow:var(--shadow)}
.photo-proof:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(102,38,239,.18),0 0 40px rgba(102,38,239,.08)}
.photo-proof img{mix-blend-mode:normal;filter:contrast(1.05) saturate(.92)}
.photo-ops{min-height:320px;max-height:480px}
.photo-ops:after{background:linear-gradient(135deg,rgba(6,8,32,.68) 0%,rgba(6,8,32,.22) 50%,rgba(6,8,32,.7) 100%),radial-gradient(circle at 20% 80%,rgba(25,211,226,.07),transparent 45%)}

/* Proof ring texture overlay for brand consistency */
.photo-proof .proof-ring{position:absolute;width:140px;height:140px;border-radius:50%;border:1px solid rgba(102,38,239,.22);pointer-events:none;z-index:2;top:12px;right:12px;box-shadow:0 0 0 4px rgba(6,8,32,.4),0 0 30px rgba(102,38,239,.12)}
.photo-proof .proof-ring:before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px dashed rgba(102,38,239,.18)}
.photo-proof .proof-ring:after{content:"";position:absolute;inset:36px;border-radius:50%;background:radial-gradient(circle,rgba(102,38,239,.1),transparent 70%)}

@media(max-width:900px){
  .photo-hero{min-height:280px;max-height:380px}
  .photo-portrait{max-width:100%;justify-self:auto}
  .photo-wide{min-height:200px;max-height:280px}
  .photo-ops{min-height:240px;max-height:320px}
}