/* Dannoz Projects — reads Museum Noir's variables, with fallbacks */
.dzp{
  --dzp-bg:var(--card-bg,#26241f);--dzp-panel:var(--panel-bg,#1c1b19);
  --dzp-text:var(--text,#ece8e1);--dzp-dim:var(--text-dim,#9a938a);
  --dzp-border:var(--border,#3a3630);--dzp-accent:var(--accent,#c8a24a);
  --dzp-on-accent:var(--accent-text,#1c1b19);--dzp-chip:var(--chip-bg,#3b3222);
  --dzp-display:var(--font-display,'Spectral',serif);--dzp-r:var(--radius,4px);
  max-width:1280px;margin:0 auto;padding:clamp(28px,4vw,52px) clamp(16px,3vw,32px) clamp(40px,5vw,64px);
  color:var(--dzp-text);
}
.dzp a{text-decoration:none}
.dzp-head{max-width:60ch;margin:0 0 34px}
.dzp-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dzp-accent);margin-bottom:10px}
.dzp-title{font-family:var(--dzp-display);font-size:clamp(30px,4vw,46px);font-weight:600;line-height:1.05;margin:0 0 12px;color:var(--dzp-text)}
.dzp-intro{margin:0;font-size:15px;line-height:1.6;color:var(--dzp-dim)}

.dzp-list{display:flex;flex-direction:column;gap:22px}
.dzp-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);border:1px solid var(--dzp-border);border-radius:var(--dzp-r);overflow:hidden;background:var(--dzp-bg)}
.dzp-story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-right:1px solid var(--dzp-border)}
.dzp-media{position:relative;display:block;min-height:260px;background:var(--dzp-panel)}
.dzp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dzp-platform{position:absolute;top:12px;left:12px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:4px 9px;border-radius:10px;background:var(--dzp-chip);color:var(--dzp-accent)}
.dzp-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--dzp-accent);color:var(--dzp-on-accent);display:flex;align-items:center;justify-content:center;font-size:18px;padding-left:4px;transition:transform .15s}
.dzp-media:hover .dzp-play{transform:translate(-50%,-50%) scale(1.07)}
.dzp-text{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px}
.dzp-meta{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dzp-dim)}
.dzp-name{font-family:var(--dzp-display);font-size:22px;font-weight:600;line-height:1.15;margin:0;color:var(--dzp-text)}
.dzp-excerpt{margin:0;font-size:14px;line-height:1.6;color:var(--dzp-dim)}
.dzp-watch{margin-top:auto;font-size:12px;letter-spacing:.08em;color:var(--dzp-accent)}
.dzp-watch:hover{text-decoration:underline}

.dzp-shop{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:22px;background:var(--dzp-panel)}
.dzp-product{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center}
.dzp-product.is-compact{grid-template-columns:72px minmax(0,1fr);gap:14px}
.dzp-product + .dzp-product{padding-top:18px;border-top:1px solid var(--dzp-border)}
.dzp-thumb{display:block;aspect-ratio:1/1;border:1px solid var(--dzp-border);border-radius:var(--dzp-r);overflow:hidden;background:var(--dzp-bg)}
.dzp-thumb img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.dzp-pinfo{display:flex;flex-direction:column;gap:8px;min-width:0}
.dzp-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dzp-dim)}
.dzp-pname{font-family:var(--dzp-display);font-size:17px;font-weight:600;line-height:1.2;color:var(--dzp-text)}
.dzp-pname:hover{color:var(--dzp-accent)}
.dzp-pricing{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
.dzp-price,.dzp-price .amount{font-size:17px;font-weight:600;color:var(--dzp-accent)}
.dzp-price del,.dzp-price del .amount{color:var(--dzp-dim);font-weight:400;font-size:13px}
.dzp-price ins{text-decoration:none}
.dzp-stock{font-size:11px;color:var(--dzp-dim)}
.dzp-stock.is-out{color:#e07a6a}
.dzp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.dzp-btn{display:inline-flex;align-items:center;min-height:40px;background:var(--dzp-accent);color:var(--dzp-on-accent)!important;font-size:12px;font-weight:600;padding:10px 16px;border-radius:var(--dzp-r);border:1px solid var(--dzp-accent);transition:filter .15s}
.dzp-btn:hover{filter:brightness(1.08)}
.dzp-btn--ghost{background:transparent;color:var(--dzp-text)!important;border-color:var(--dzp-border);font-weight:500}
.dzp-btn--ghost:hover{border-color:var(--dzp-accent);color:var(--dzp-accent)!important;filter:none}
.dzp-btn.loading{opacity:.6}
.dzp-btn.added::after{content:" \2713"}
.dzp .added_to_cart{font-size:12px;color:var(--dzp-accent);align-self:center}

.dzp-empty{color:var(--dzp-dim);text-align:center;padding:48px 0;font-size:15px}
.dzp-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:34px}
.dzp-page{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--dzp-border);border-radius:var(--dzp-r);color:var(--dzp-dim);font-size:13px}
.dzp-page:hover,.dzp-page.is-current{border-color:var(--dzp-accent);color:var(--dzp-accent)}

/* Tablet: story stacks over the shop panel */
@media (max-width:1000px){
  .dzp-card{grid-template-columns:1fr}
  .dzp-story{border-right:0;border-bottom:1px solid var(--dzp-border)}
}
/* Phone: video on top, then text, then product */
@media (max-width:640px){
  .dzp-story{grid-template-columns:1fr}
  .dzp-media{min-height:0;aspect-ratio:16/9}
  .dzp-product{grid-template-columns:88px minmax(0,1fr);gap:14px}
  .dzp-text,.dzp-shop{padding:18px}
}

/* ===== Shop landing (1c) ===== */
.dzl{
  --dzp-bg:var(--card-bg,#26241f);--dzp-panel:var(--panel-bg,#1c1b19);--dzp-text:var(--text,#ece8e1);
  --dzp-dim:var(--text-dim,#9a938a);--dzp-border:var(--border,#3a3630);--dzp-accent:var(--accent,#c8a24a);
  --dzp-display:var(--font-display,'Spectral',serif);--dzp-r:var(--radius,4px);
  max-width:1280px;margin:0 auto;padding:clamp(24px,4vw,44px) clamp(16px,3vw,32px) clamp(40px,5vw,56px);
  display:flex;flex-direction:column;gap:clamp(28px,4vw,40px);color:var(--dzp-text)
}
.dzl a{text-decoration:none;color:inherit}
.dzl-section{display:flex;flex-direction:column;gap:22px;margin-top:clamp(36px,5vw,56px)}
.dzl-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dzl-feature{position:relative;display:block;aspect-ratio:2/1;border:1px solid var(--dzp-border);border-radius:var(--dzp-r);overflow:hidden;background:var(--dzp-panel);transition:border-color .15s}
.dzl-feature:hover{border-color:var(--dzp-accent)}
.dzl-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.dzl-feature:hover img{transform:scale(1.03)}
.dzl-feature__text{position:absolute;inset:0;padding:clamp(18px,2.4vw,28px);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;background:linear-gradient(to right,rgba(20,19,17,.92) 0%,rgba(20,19,17,0) 72%)}
.dzl-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dzp-accent)}
.dzl-feature__name{font-family:var(--dzp-display);font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.05}
.dzl-feature__sub{font-size:13px;color:var(--dzp-dim);max-width:32ch}
.dzl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--dzp-border)}
.dzl-head h2{font-family:var(--dzp-display);font-size:clamp(24px,3vw,30px);font-weight:600;line-height:1.05;margin:0}
.dzl-all{font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--dzp-accent);padding-bottom:4px}
.dzl-all:hover{color:var(--dzp-accent)}
.dzl-grid{--dzl-gap:14px;--dzl-n:var(--dzl-cols,6);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--dzl-gap)}
.dzl-grid>.dzl-cat{flex:0 0 calc((100% - (var(--dzl-n) - 1) * var(--dzl-gap)) / var(--dzl-n));min-width:0}
.dzl-cat{display:flex;flex-direction:column;gap:10px}
.dzl-cat__img{display:block;aspect-ratio:1/1;border:1px solid var(--dzp-border);border-radius:var(--dzp-r);overflow:hidden;background:var(--dzp-panel);transition:border-color .15s}
.dzl-cat__img img{width:100%;height:100%;object-fit:cover;display:block;margin:0;transition:transform .3s ease}
.dzl-cat__img--mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:var(--dzp-border)}
.dzl-cat__img--mosaic img{width:100%;height:100%;min-height:0;object-fit:cover}
.dzl-cat:hover .dzl-cat__img{border-color:var(--dzp-accent)}
.dzl-cat:hover .dzl-cat__img img{transform:scale(1.04)}
.dzl-cat__name{font-family:var(--dzp-display);font-size:16px;font-weight:600;line-height:1.15;text-align:center}
.dzl-cat:hover .dzl-cat__name{color:var(--dzp-accent)}
@media (max-width:1100px){.dzl-grid{--dzl-n:min(var(--dzl-cols,6),4)}}
@media (max-width:760px){.dzl-features{grid-template-columns:1fr}.dzl-grid{--dzl-n:3}}
@media (max-width:480px){.dzl-grid{--dzl-n:2;--dzl-gap:12px}.dzl-feature{aspect-ratio:16/9}.dzl-cat__name{font-size:15px}}
.dzp-new-note{margin:0 0 18px;font-size:13px;color:var(--text-dim,#9a938a)}.dzp-new-note a{color:var(--accent,#c8a24a);margin-left:8px}