/* Portfolio Page Styles — Chrome Card Design (matching homepage) */
.ez-toc-container,.rank-math-toc-container,.wp-block-rank-math-toc-block,.rank-math-toc,.lwptoc,.table-of-contents,.toc-container{display:none!important}

#wee-pf{background:#020617;padding:60px 20px 80px;min-height:100vh}
#wee-pf.has-hero{padding-top:250px!important}
.wee-pf-wrap{max-width:1200px;margin:0 auto}

.wee-pf-hero{text-align:center;margin-bottom:56px}
.wee-pf-hero .badge{display:inline-block;background:rgba(209,180,90,0.08);color:#d1b45a;font-size:13px;font-weight:600;padding:6px 20px;border-radius:999px;border:1px solid rgba(209,180,90,0.15);margin-bottom:18px;letter-spacing:0.5px;font-family:'Plus Jakarta Sans',sans-serif}
.wee-pf-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,5vw,42px);font-weight:800;color:#f8fafc;margin:0 0 14px;line-height:1.15}
.wee-pf-hero h1 em{font-style:normal;background:linear-gradient(135deg,#d1b45a,#f0d78c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.wee-pf-hero p{color:#94a3b8;font-size:17px;max-width:580px;margin:0 auto;line-height:1.6;font-family:'Plus Jakarta Sans',sans-serif}

#wee-pf .wee-pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}

#wee-pf .wee-pf-card{background:#0f172a;border-radius:20px;overflow:hidden;border:1px solid rgba(148,163,184,.12);transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s,box-shadow .35s;position:relative;display:flex;flex-direction:column}
#wee-pf .wee-pf-card:hover{transform:translateY(-6px);border-color:rgba(209,180,90,.35);box-shadow:0 24px 60px rgba(0,0,0,.5)}

#wee-pf .wee-pf-accent{height:4px;width:100%}

#wee-pf .wee-pf-chrome{background:#0b1120;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(148,163,184,.08)}
#wee-pf .wee-pf-dots{display:flex;gap:5px}
#wee-pf .wee-pf-dots span{width:8px;height:8px;border-radius:50%;background:rgba(148,163,184,.25)}
#wee-pf .wee-pf-dots span:first-child{background:#ef4444}
#wee-pf .wee-pf-dots span:nth-child(2){background:#eab308}
#wee-pf .wee-pf-dots span:nth-child(3){background:#22c55e}
#wee-pf .wee-pf-url{flex:1;background:rgba(148,163,184,.08);border-radius:6px;padding:4px 10px;font-size:.72rem;color:#64748b;font-family:'Plus Jakarta Sans',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#wee-pf .wee-pf-preview{height:180px;min-height:180px;flex-shrink:0;position:relative;overflow:hidden}
#wee-pf .wee-pf-screenshot{width:100%;height:180px;object-fit:cover;object-position:top;display:block;transition:transform 8s ease}
#wee-pf .wee-pf-card:hover .wee-pf-screenshot{transform:translateY(-20%)}

#wee-pf .wee-pf-body{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
#wee-pf .wee-pf-brand{font-size:1.05rem;font-weight:700;color:#f8fafc;margin:0 0 8px;font-family:'Plus Jakarta Sans',system-ui;line-height:1.35}
#wee-pf .wee-pf-type{display:inline-block;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;font-family:'Plus Jakarta Sans',system-ui;width:fit-content}
#wee-pf .wee-pf-domain{font-size:.82rem;color:#64748b;margin-bottom:16px;font-family:'Plus Jakarta Sans',monospace}
#wee-pf .wee-pf-link{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#0f172a;font-size:.85rem;font-weight:700;text-decoration:none;font-family:"Plus Jakarta Sans",system-ui;background:linear-gradient(135deg,#d1b45a,#f0d78c);padding:10px 22px;border-radius:10px;letter-spacing:.3px;transition:all .3s ease;width:100%;text-align:center}
#wee-pf .wee-pf-link:hover{gap:12px;color:#0f172a;background:linear-gradient(135deg,#f0d78c,#fefce8);transform:translateY(-2px);box-shadow:0 4px 16px rgba(209,180,90,.35)}

.wee-pf-cta{text-align:center;margin-top:64px;padding:56px 24px;background:rgba(209,180,90,0.03);border-radius:20px;border:1px solid rgba(209,180,90,0.12)}
.wee-pf-cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;font-weight:700;color:#f8fafc;margin:0 0 10px}
.wee-pf-cta p{color:#94a3b8;font-size:15px;margin:0 0 28px;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.5}
.wee-pf-cta a{display:inline-block!important;background:none!important;color:#d1b45a!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:17px!important;font-weight:600!important;padding:0!important;border-radius:0!important;text-decoration:none!important;letter-spacing:0.3px!important;border:none!important;box-shadow:none!important;transition:all .3s ease!important}
.wee-pf-cta a:hover{color:#f0d78c!important}

@media(max-width:900px){#wee-pf .wee-pf-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){#wee-pf .wee-pf-grid{grid-template-columns:1fr}}