/* ════════════════════════════════════════════════════════════
   Apatizer — shared cascading content background
   Generic, logo-free representations of content TYPES.
   Injected + populated by /assets/cascade-bg.js
   ════════════════════════════════════════════════════════════ */
.apz-bg-base{position:fixed;inset:0;z-index:-4;background:
  radial-gradient(80% 60% at 50% -5%,#11271a,transparent 60%),
  radial-gradient(70% 50% at 90% 20%,#0c2016,transparent 55%),#060f0a;}
.apz-collage{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden;}
.apz-collage .collage-rot{position:absolute;top:-40%;left:-32%;width:166%;height:196%;transform:rotate(-8deg);}
.apz-collage .collage-inner{display:flex;gap:9px;width:100%;height:100%;will-change:transform;}
.apz-collage .col{display:flex;flex-direction:column;gap:9px;flex:0 0 150px;animation:apzCascade var(--dur,40s) linear infinite;}
.apz-collage .col.rev{animation-direction:reverse;}
@keyframes apzCascade{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.apz-scrim{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(circle at 50% 32%,rgba(6,15,10,.34),rgba(6,15,10,.52) 58%,rgba(6,15,10,.74)),
  linear-gradient(180deg,rgba(6,15,10,.34),rgba(6,15,10,.56));}

/* ════ generic content tiles (no brand logos/marks) ════ */
.pf{position:relative;width:100%;border-radius:11px;overflow:hidden;box-shadow:0 16px 38px -22px rgba(0,0,0,.85);font-family:'Satoshi',system-ui,sans-serif;font-size:11px;line-height:1.35;}
.pf img{display:block;width:100%;object-fit:cover;}
.pf .av{border-radius:50%;flex:0 0 auto;}

/* ── social post (feed) ── */
.pf-post{background:#1d2228;color:#e6e8ea;}
.pf-post .p-top{display:flex;align-items:center;gap:7px;padding:9px 9px 6px;}
.pf-post .av{width:26px;height:26px;background:linear-gradient(135deg,#3b9bff,#5566e0);}
.pf-post .p-id{display:flex;flex-direction:column;line-height:1.15;}
.pf-post .p-id b{font-size:10px;}
.pf-post .p-id span{font-size:8px;color:#9aa3ad;}
.pf-post .p-txt{padding:0 10px 8px;font-size:9.5px;}
.pf-post .p-photo{aspect-ratio:1/0.72;}
.pf-post .p-stats{display:flex;justify-content:space-between;padding:6px 10px;font-size:8px;color:#9aa3ad;}
.pf-post .p-bar{display:flex;justify-content:space-around;padding:7px 4px;border-top:1px solid #333a42;font-size:9px;color:#9aa3ad;font-weight:600;}

/* ── photo post (square) ── */
.pf-photo{background:#000;color:#fff;}
.pf-photo .ph-top{display:flex;align-items:center;gap:7px;padding:8px 9px;}
.pf-photo .av{width:23px;height:23px;background:linear-gradient(45deg,#f7a14a,#dc4763,#b53aa0);}
.pf-photo .ph-top b{font-size:10px;}
.pf-photo .ph-more{margin-left:auto;font-size:13px;}
.pf-photo .ph-img{aspect-ratio:1/1;}
.pf-photo .ph-acts{display:flex;gap:11px;padding:8px 9px 4px;font-size:15px;}
.pf-photo .ph-save{margin-left:auto;}
.pf-photo .ph-likes{padding:0 9px;font-size:10px;font-weight:700;}
.pf-photo .ph-cap{padding:3px 9px 9px;font-size:9px;color:#ddd;}
.pf-photo .ph-cap b{color:#fff;}

/* ── short vertical video ── */
.pf-reel{aspect-ratio:9/16;background:#000;color:#fff;}
.pf-reel .r-bg{position:absolute;inset:0;height:100%;}
.pf-reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 22%,transparent 58%,rgba(0,0,0,.72));}
.pf-reel .r-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.4);border:1.5px solid rgba(255,255,255,.55);display:grid;place-items:center;font-size:13px;}
.pf-reel .r-rail{position:absolute;right:5px;bottom:44px;z-index:2;display:flex;flex-direction:column;gap:12px;align-items:center;}
.pf-reel .r-ic{display:flex;flex-direction:column;align-items:center;font-size:16px;text-shadow:0 1px 3px rgba(0,0,0,.5);}
.pf-reel .r-ic i{font-size:7px;font-style:normal;font-family:'Space Mono',monospace;margin-top:1px;}
.pf-reel .r-prof{width:27px;height:27px;border-radius:50%;border:1.5px solid #fff;background:linear-gradient(135deg,#4ade80,#3b9bff);}
.pf-reel .r-foot{position:absolute;left:8px;right:34px;bottom:9px;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.6);}
.pf-reel .r-foot b{font-size:10px;}
.pf-reel .r-foot .r-cap{display:block;font-size:8px;opacity:.95;margin-top:1px;}
.pf-reel .r-foot .r-aud{display:block;font-size:8px;font-family:'Space Mono',monospace;margin-top:2px;}

/* ── video thumbnail ── */
.pf-video{background:#0f0f0f;color:#fff;}
.pf-video .v-thumb{position:relative;aspect-ratio:16/9;}
.pf-video .v-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;font-size:13px;}
.pf-video .v-dur{position:absolute;right:5px;bottom:5px;background:rgba(0,0,0,.85);color:#fff;font-size:8px;padding:1px 4px;border-radius:3px;font-family:'Space Mono',monospace;}
.pf-video .v-meta{display:flex;gap:8px;padding:9px;}
.pf-video .av{width:27px;height:27px;background:linear-gradient(135deg,#4ade80,#22c55e);}
.pf-video .v-title{font-size:10px;font-weight:600;line-height:1.25;}
.pf-video .v-sub{font-size:8px;color:#aaa;margin-top:3px;}

/* ── generic file preview (doc / sheet / pdf / txt) ── */
.pf-file{background:#fff;color:#222;}
.pf-file .f-bar{display:flex;align-items:center;gap:7px;padding:7px 9px;background:#ecebe7;border-bottom:1px solid #dcdad5;}
.pf-file .f-badge{font-family:'Space Mono',monospace;font-weight:700;font-size:8px;color:#fff;padding:2px 6px;border-radius:4px;letter-spacing:.04em;}
.pf-file.doc .f-badge{background:#3b6fb0;}
.pf-file.sheet .f-badge{background:#2f8f57;}
.pf-file.pdf .f-badge{background:#c0392b;}
.pf-file.txt .f-badge{background:#5a6473;}
.pf-file .f-name{font-size:9px;color:#555;font-family:'Space Mono',monospace;}
.pf-file .f-page{padding:11px 12px 14px;}
.pf-file .f-page h4{font-size:11px;color:#222;margin-bottom:6px;font-weight:700;}
.pf-file.doc .f-page h4{color:#3b6fb0;}
.pf-file.pdf .f-page h4{border-bottom:2px solid #c0392b;padding-bottom:4px;}
.pf-file .f-page p{font-size:8px;color:#444;margin-bottom:5px;line-height:1.55;}
.pf-file .f-foot{padding:5px 10px;background:#f1efec;font-size:7px;color:#888;font-family:'Space Mono',monospace;text-align:center;}
.pf-file .xl{display:grid;grid-template-columns:16px repeat(4,1fr);font-family:'Space Mono',monospace;}
.pf-file .xl span{border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;height:15px;display:grid;place-items:center;font-size:7px;color:#333;background:#fff;overflow:hidden;}
.pf-file .xl .ch,.pf-file .xl .rh{background:#f1f1f1;color:#666;font-weight:700;}
.pf-file .xl .sel{outline:1.5px solid #2f8f57;outline-offset:-1.5px;}
.pf-file .txtbody{padding:10px 11px;font-family:'Space Mono',monospace;font-size:8px;color:#2b3142;background:#fbfbfb;white-space:pre-line;line-height:1.75;}

/* ── audio player ── */
.pf-audio{background:linear-gradient(140deg,#10301f,#0a160f);color:#dfeee6;padding:11px 10px;}
.pf-audio .a-top{display:flex;gap:8px;align-items:center;margin-bottom:9px;}
.pf-audio .a-art{width:36px;height:36px;border-radius:6px;flex:0 0 auto;}
.pf-audio .a-info b{font-size:10px;display:block;}
.pf-audio .a-info span{font-size:8px;color:#9bb9a6;}
.pf-audio .a-wave{display:flex;align-items:center;gap:2px;height:26px;margin-bottom:8px;}
.pf-audio .a-wave i{flex:1;background:#4ade80;border-radius:1px;display:block;opacity:.85;}
.pf-audio .a-ctl{display:flex;align-items:center;gap:7px;font-size:8px;color:#9bb9a6;font-family:'Space Mono',monospace;}
.pf-audio .a-ctl .pp{width:22px;height:22px;border-radius:50%;background:#4ade80;color:#04130b;display:grid;place-items:center;font-size:10px;}

@media (max-width:900px){.apz-collage{opacity:.5;}}
@media (prefers-reduced-motion:reduce){.apz-collage .col{animation:none!important;}}