/* MARKIVO360 — portfolio page (supplied portfolio content, scoped so it never affects the main site) */
.pf-wrap{max-width:860px;margin:0 auto;padding:calc(var(--header-h) + 36px) 16px 90px;display:flex;flex-direction:column;gap:24px;position:relative}
.pf #work{display:flex;flex-direction:column;gap:24px}
.pf .card{background:rgba(11,16,12,.72);border:1px solid var(--glass-border);border-radius:18px;padding:clamp(20px,4vw,36px)}
.pf .label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.pf .label:before{content:"";width:18px;height:3px;background:var(--lime);border-radius:2px}
.pf h1{font-size:clamp(36px,8vw,52px);font-weight:800;line-height:1.1}
.pf h1 span{color:var(--lime)}
.pf .tag{font-size:18px;margin-top:12px}
.pf .sub{color:var(--muted);font-size:14px;margin-top:6px}
.pf .kicker{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pf .lime{color:var(--lime);font-size:clamp(24px,5vw,30px);font-weight:700;margin-bottom:14px}
.pf .about p{font-size:15px;margin-bottom:12px;max-width:640px}
.pf .pill{display:inline-block;background:var(--lime);color:#06110A;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.pf .project h2,.pf .contact h2{font-size:clamp(20px,4vw,24px);font-weight:700;line-height:1.3;margin:14px 0 8px}
.pf .desc{font-size:14px;max-width:640px;color:#e9ebe6}
.pf .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;align-items:start}
.pf .tile{display:block;width:100%;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;background:#0d0e0d;padding:0;margin:0;cursor:zoom-in;transition:transform .3s,border-color .3s,box-shadow .3s}
.pf .tile:hover{transform:translateY(-3px);border-color:rgba(183,255,0,.45);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.pf .tile img{display:block;width:100%;height:auto}
.pf .gallery.videos .tile{cursor:default;aspect-ratio:9/16}
.pf .tile video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.pf .contact dl{display:grid;grid-template-columns:110px 1fr;gap:10px 16px;margin:14px 0 0;font-size:14px}
.pf .contact dt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);align-self:center}
.pf .contact dd{margin:0;overflow-wrap:anywhere}
.pf .contact dd a:hover{color:var(--lime)}
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:24px}
.lightbox[hidden]{display:none}
.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.lb-x{position:absolute;top:14px;right:18px;background:none;border:0;color:#fff;font-size:34px;cursor:pointer}
@media(max-width:700px){.pf .gallery{grid-template-columns:repeat(2,1fr);gap:10px}.pf .contact dl{grid-template-columns:90px 1fr}.pf-wrap{padding-top:calc(var(--header-h) + 20px)}}