/* Ojalma Resonance — photographic field memory + real-world ambience */
.path-documentary .path-image[data-ojalma-resonance]{cursor:pointer;position:relative;overflow:hidden;background:#15110d}
.path-documentary .path-image[data-ojalma-resonance] img{width:100%;height:100%;object-fit:cover!important;object-position:50% 50%!important;display:block;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.path-documentary .path-image[data-ojalma-resonance]:hover img{transform:scale(1.018)}
.ojalma-resonance-cardmark{position:absolute;left:1.2rem;bottom:1.15rem;z-index:5;display:grid;grid-template-columns:max-content max-content;align-items:baseline;justify-content:start;column-gap:.3rem;row-gap:.34rem;color:#f4ead8;text-shadow:0 2px 16px rgb(0 0 0/.58);pointer-events:none}
.ojalma-resonance-cardmark small,.ojalma-resonance-cardmark strong{white-space:nowrap}
.ojalma-resonance-cardmark small{font:700 .72rem/1 var(--font-body,Arial,sans-serif);letter-spacing:.18em;text-transform:uppercase;opacity:.9}
.ojalma-resonance-cardmark strong{font:500 1.42rem/1 var(--font-display,serif);letter-spacing:.015em}
.ojalma-resonance-cardmark span{grid-column:1/-1;display:inline-flex;align-items:center;gap:.42rem;width:max-content;margin-top:.08rem;padding:.58rem .78rem;border:1px solid rgb(238 225 201/.3);border-radius:999px;background:rgb(22 16 12/.28);backdrop-filter:blur(4px);font:700 .72rem/1 var(--font-body,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.ojalma-resonance-cardmark span::before{content:"♪";font-size:.9rem;letter-spacing:0}

.ojalma-resonance-viewer{position:fixed;inset:0;z-index:99998;display:grid;place-items:center;padding:clamp(.75rem,2vw,1.5rem);background:rgb(39 25 17/.73);backdrop-filter:blur(20px) saturate(.75);opacity:0;pointer-events:none;transition:opacity .3s ease}
.ojalma-resonance-viewer.is-open{opacity:1;pointer-events:auto}
.ojalma-resonance-shell{position:relative;width:min(94vw,1020px);height:min(91vh,860px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(270px,.58fr);overflow:hidden;background:#17110d;border:1px solid rgb(238 225 201/.2);box-shadow:0 2rem 7rem rgb(0 0 0/.48)}
.ojalma-resonance-photo{min-width:0;min-height:0;background:#0f0c0a;position:relative}
.ojalma-resonance-photo img{width:100%;height:100%;display:block;object-fit:contain;background:#0f0c0a}
.ojalma-resonance-panel{position:relative;display:flex;flex-direction:column;padding:clamp(1.35rem,3vw,2.5rem);color:#eee1c9;background:linear-gradient(145deg,#2e2118,#17110d 72%)}
.ojalma-resonance-kicker{font:700 .72rem/1 var(--font-body,Arial,sans-serif);letter-spacing:.22em;text-transform:uppercase;color:#c98d67;margin:0 0 .65rem}
.ojalma-resonance-number{font:500 clamp(2.8rem,5vw,5rem)/.9 var(--font-display,serif);margin:0;color:#eee1c9}
.ojalma-resonance-place{margin:1.1rem 0 .25rem;font:700 .9rem/1.35 var(--font-body,Arial,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#f3e9d7}
.ojalma-resonance-date{font:500 .77rem/1.2 var(--font-body,Arial,sans-serif);letter-spacing:.15em;color:#bba88e}
.ojalma-resonance-copy{white-space:pre-line;margin:1.7rem 0 auto;font:italic 1.08rem/1.62 var(--font-display,serif);color:#e8dcc9;max-width:28rem}
.ojalma-resonance-close{position:absolute;z-index:4;right:1rem;top:1rem;width:2.65rem;height:2.65rem;border-radius:50%;border:1px solid rgb(238 225 201/.22);background:rgb(23 17 13/.52);color:#eee1c9;backdrop-filter:blur(8px);display:grid;place-items:center;font-size:1.35rem;cursor:pointer;transition:background .2s ease,opacity .2s ease;opacity:.78}
.ojalma-resonance-close:hover{opacity:1;background:rgb(23 17 13/.72)}
.ojalma-resonance-sound{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;align-self:flex-start;margin-top:1.3rem;padding:.7rem .9rem;border-radius:999px;border:1px solid rgb(238 225 201/.22);background:rgb(0 0 0/.22);color:#eee1c9;backdrop-filter:blur(6px);font:700 .72rem/1 var(--font-body,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.ojalma-resonance-sound::before{content:"♪";font-size:.9rem}
.ojalma-resonance-sound.is-audible::before{content:"⌁"}
.ojalma-resonance-dial{position:relative;margin-top:1.45rem;padding-top:1rem;border-top:1px solid rgb(238 225 201/.12);overflow:hidden;touch-action:pan-x}
.ojalma-resonance-dial::before{content:"";position:absolute;top:.42rem;left:50%;width:1px;height:.55rem;background:#c98d67;box-shadow:0 0 12px rgb(201 141 103/.55)}
.ojalma-resonance-track{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:2.8rem;user-select:none}
.ojalma-resonance-tick{appearance:none;border:0;background:none;color:#8f806f;padding:.5rem .58rem;font:600 .78rem/1 var(--font-body,Arial,sans-serif);letter-spacing:.12em;cursor:pointer;transition:transform .2s ease,color .2s ease,opacity .2s ease;opacity:.5}
.ojalma-resonance-tick::after{content:"";display:block;width:1px;height:.32rem;background:currentColor;margin:.38rem auto 0;opacity:.65}
.ojalma-resonance-tick.is-active{transform:scale(1.18);color:#eee1c9;opacity:1}
.ojalma-resonance-dial-label{text-align:center;margin:.35rem 0 0;font:500 .62rem/1 var(--font-body,Arial,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:#8f806f}
body.ojalma-resonance-open{overflow:hidden}

@media(max-width:760px){
  .ojalma-resonance-shell{width:min(94vw,620px);height:min(92vh,900px);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;background:#0f0c0a}
  .ojalma-resonance-photo{grid-area:1/1;z-index:1}
  .ojalma-resonance-photo img{object-fit:cover}
  /* A short translucent cacao veil keeps copy readable on bright photographs without hiding the image. */
  .ojalma-resonance-panel{grid-area:1/1;z-index:2;align-self:end;max-height:62%;overflow-y:auto;padding:4rem 1.15rem 1.05rem;background:linear-gradient(180deg,rgb(25 15 10/0) 0%,rgb(25 15 10/.10) 18%,rgb(25 15 10/.34) 42%,rgb(25 15 10/.56) 72%,rgb(25 15 10/.66) 100%);backdrop-filter:none}
  .ojalma-resonance-kicker{margin-bottom:.35rem}
  .ojalma-resonance-number{font-size:2.1rem}
  .ojalma-resonance-place{margin-top:.55rem}
  .ojalma-resonance-copy{margin:.72rem 0 .05rem;font-size:.91rem;line-height:1.42;max-width:31rem;text-shadow:0 2px 12px rgb(0 0 0/.42)}
  .ojalma-resonance-sound{margin-top:.68rem;background:rgb(20 12 8/.32);backdrop-filter:blur(4px)}
  .ojalma-resonance-dial{margin-top:.72rem;padding-top:.62rem}
  .ojalma-resonance-dial::before{top:.2rem}
  .ojalma-resonance-track{min-height:2rem}
  .ojalma-resonance-dial-label{margin-top:.18rem}
  .ojalma-resonance-close{right:.7rem;top:.7rem;width:2.35rem;height:2.35rem;z-index:5}
  .ojalma-resonance-cardmark{left:.85rem;bottom:.85rem;column-gap:.26rem;row-gap:.28rem}
  .ojalma-resonance-cardmark strong{font-size:1.25rem}
}