/* ═══════════════════════════════════════════════════════════════════
   Moov · Portfolio · single + shortcode
   Design system : dark + orange/copper + DM Sans + glassmorphism
   ═══════════════════════════════════════════════════════════════════ */

/* ─── SINGLE PORTFOLIO (single-portfolio.php) ─── */
.pfs-hero{position:relative;padding:5rem 0 3rem;overflow:hidden;--pfs-accent:#FF5C1A}
@media(min-width:1024px){.pfs-hero{padding:8rem 0 4rem}}
.pfs-hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.pfs-hero-blob{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pfs-accent) 35%,transparent) 0%,transparent 70%);filter:blur(80px);top:-180px;right:-180px;opacity:.55;animation:pfsBlobDrift 22s ease-in-out infinite alternate}
@keyframes pfsBlobDrift{0%{transform:translate(0,0)}100%{transform:translate(-80px,60px)}}
.pfs-hero .container{position:relative;z-index:1}
.pfs-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-family:'JetBrains Mono','SF Mono',Menlo,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:1.25rem}
.pfs-hero-cat{color:var(--pfs-accent);font-weight:600;text-decoration:none;padding:.3rem .75rem;border-radius:9999px;background:color-mix(in srgb,var(--pfs-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--pfs-accent) 32%,transparent);transition:background .25s}
.pfs-hero-cat:hover{background:color-mix(in srgb,var(--pfs-accent) 20%,transparent)}
.pfs-hero-sep{color:rgba(255,138,77,.4);font-weight:400}
.pfs-hero-year,.pfs-hero-sector{font-weight:500}
.pfs-hero-h1{font-family:'DM Sans',sans-serif;font-weight:700;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 1rem;color:#fff;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.7) 130%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pfs-hero-tagline{font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.45;color:rgba(255,255,255,.78);max-width:780px;margin:0 0 2rem;letter-spacing:-.01em}
.pfs-hero-kpi{display:inline-flex;flex-direction:column;gap:.25rem;padding:1rem 1.5rem;border-radius:1rem;background:rgba(255,92,26,.06);border:1px solid color-mix(in srgb,var(--pfs-accent) 28%,transparent);margin-bottom:1.75rem}
.pfs-hero-kpi-eye{font-family:'JetBrains Mono','SF Mono',Menlo,monospace;font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.pfs-hero-kpi-num{font-family:'DM Sans',sans-serif;font-weight:700;font-size:clamp(1.8rem,3.5vw,2.4rem);line-height:1;letter-spacing:-.02em;background:linear-gradient(180deg,#FFAA66,var(--pfs-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pfs-hero-cta{margin-top:.5rem}

/* ─── COVER ─── */
.pfs-cover{padding:1rem 0 3rem;position:relative;overflow:hidden}
@media(min-width:1024px){.pfs-cover{padding:2rem 0 5rem}}
.pfs-cover-frame{position:relative;border-radius:1.5rem;padding:.6rem;background:linear-gradient(160deg,rgba(20,12,10,.7),rgba(15,10,8,.7));border:1px solid rgba(255,255,255,.07);box-shadow:0 50px 120px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,92,26,.08);max-width:1280px;margin:0 auto;overflow:hidden}
.pfs-cover-frame::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,color-mix(in srgb,var(--pfs-accent) 25%,transparent),transparent 50%);pointer-events:none;opacity:.6;mix-blend-mode:overlay}
.pfs-cover-frame img{width:100%;height:auto;display:block;border-radius:1.1rem;object-fit:cover;max-height:680px}

/* ─── BODY ─── */
.pfs-body{padding:2rem 0 4rem;position:relative}
@media(min-width:1024px){.pfs-body{padding:3rem 0 6rem}}
.pfs-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;max-width:1180px;margin:0 auto}
@media(min-width:1024px){.pfs-grid{grid-template-columns:1.6fr 1fr;gap:4rem;align-items:start}}
.pfs-content{min-width:0}
.pfs-prose{font-family:'DM Sans',sans-serif;color:rgba(255,255,255,.85);font-size:1.05rem;line-height:1.7;letter-spacing:-.005em}
.pfs-prose > * + *{margin-top:1.25rem}
.pfs-prose h2{font-family:'DM Sans',sans-serif;font-weight:700;font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.2;letter-spacing:-.02em;color:#fff;margin-top:2.5rem;margin-bottom:.85rem}
.pfs-prose h3{font-family:'DM Sans',sans-serif;font-weight:600;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.25;color:#fff;margin-top:2rem;margin-bottom:.75rem}
.pfs-prose p strong{color:#fff;font-weight:600}
.pfs-prose ul,.pfs-prose ol{padding-left:1.5rem;margin-top:.75rem}
.pfs-prose li{margin-bottom:.5rem;color:rgba(255,255,255,.78)}
.pfs-prose blockquote{border-left:3px solid var(--pfs-accent);padding:.5rem 1.25rem;color:#fff;font-style:italic;background:rgba(255,92,26,.04);border-radius:0 .5rem .5rem 0;margin:1.5rem 0}
.pfs-prose img{border-radius:.85rem;margin:1.5rem 0}
.pfs-prose a{color:var(--pfs-accent);font-weight:600;border-bottom:1px solid currentColor;padding-bottom:1px}

/* META sidebar */
.pfs-meta{position:relative}
@media(min-width:1024px){.pfs-meta{position:sticky;top:6rem}}
.pfs-meta-card{position:relative;padding:1.75rem 1.5rem;border-radius:1.25rem;background:linear-gradient(160deg,rgba(20,12,10,.78),rgba(15,10,8,.78));border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.pfs-meta-card::before{content:'';position:absolute;inset:0;border-radius:1.25rem;padding:1px;background:linear-gradient(160deg,color-mix(in srgb,var(--pfs-accent) 50%,transparent),transparent 50%,rgba(122,74,53,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}
.pfs-meta-title{font-family:'JetBrains Mono','SF Mono',Menlo,monospace;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,138,77,.85);margin:0 0 1rem}
.pfs-meta-list{display:grid;grid-template-columns:1fr 1.4fr;gap:.7rem 1rem;margin:0 0 1.5rem;padding-bottom:1.25rem;border-bottom:1px dashed rgba(255,138,77,.18)}
.pfs-meta-list dt{font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:600;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em;align-self:center}
.pfs-meta-list dd{margin:0;font-family:'DM Sans',sans-serif;font-size:.92rem;color:#fff;font-weight:500;letter-spacing:-.005em}
.pfs-meta-list dd a{color:var(--pfs-accent);font-weight:600;border-bottom:1px solid currentColor}
.pfs-meta-sub{font-family:'JetBrains Mono','SF Mono',Menlo,monospace;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,138,77,.85);margin:0 0 .75rem}
.pfs-meta-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}
.pfs-meta-tech span{display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:9999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.85);font-size:.78rem;font-weight:500;font-family:'JetBrains Mono','SF Mono',Menlo,monospace;letter-spacing:.005em}
.pfs-meta-cta{width:100%;justify-content:space-between;padding:.7rem .7rem .7rem 1.25rem !important;font-size:.88rem !important}

/* ─── NAV PREV/NEXT ─── */
.pfs-nav{padding:3rem 0;position:relative;border-top:1px solid rgba(255,255,255,.06)}
.pfs-nav-row{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;max-width:1100px;margin:0 auto}
.pfs-nav-link{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:#fff;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.pfs-nav-link:hover{transform:translateY(-2px)}
.pfs-nav-prev{align-items:flex-start;text-align:left}
.pfs-nav-next{align-items:flex-end;text-align:right}
.pfs-nav-dir{font-family:'JetBrains Mono','SF Mono',Menlo,monospace;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,138,77,.7)}
.pfs-nav-link strong{font-family:'DM Sans',sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;color:#fff}
.pfs-nav-grid{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,138,77,.3);display:flex;align-items:center;justify-content:center;color:var(--orange);transition:background .25s,transform .25s}
.pfs-nav-grid:hover{background:rgba(255,92,26,.08);transform:scale(1.05)}
.pfs-nav-grid svg{width:18px;height:18px}

/* Mobile : pfs-nav stacked */
@media(max-width:767px){
  .pfs-nav-row{grid-template-columns:1fr;text-align:center;gap:1.25rem}
  .pfs-nav-prev,.pfs-nav-next{align-items:center;text-align:center}
  .pfs-nav-grid{margin:0 auto}
  .pfs-meta-list{grid-template-columns:1fr;gap:.4rem}
  .pfs-meta-list dt{padding-top:.6rem;border-top:1px dashed rgba(255,255,255,.06)}
  .pfs-meta-list dt:first-child{border-top:none;padding-top:0}
}

/* ═══════════════════════════════════════════════════════════════════
   SHORTCODE [moov_portfolio] — cards versatile
   ═══════════════════════════════════════════════════════════════════ */

.moov-pf-shortcode{display:grid;grid-template-columns:1fr;gap:1.25rem;margin:2rem 0;--pf-accent:#FF5C1A}
@media(min-width:640px){.moov-pf-shortcode.moov-pf-cols-2,.moov-pf-shortcode.moov-pf-cols-3,.moov-pf-shortcode.moov-pf-cols-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){
  .moov-pf-shortcode.moov-pf-cols-3{grid-template-columns:repeat(3,1fr)}
  .moov-pf-shortcode.moov-pf-cols-4{grid-template-columns:repeat(4,1fr)}
}
.moov-pf-shortcode.moov-pf-layout-list{grid-template-columns:1fr;gap:.85rem}

.moov-pf-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(160deg,rgba(20,12,10,.7),rgba(15,10,8,.7));border:1px solid rgba(255,255,255,.07);border-radius:1.1rem;overflow:hidden;text-decoration:none;color:#fff;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.moov-pf-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--pf-accent) 35%,transparent);box-shadow:0 30px 70px -25px color-mix(in srgb,var(--pf-accent) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--pf-accent) 15%,transparent)}

.moov-pf-card-visual{position:relative;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center}
.moov-pf-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.moov-pf-card:hover .moov-pf-card-visual img{transform:scale(1.04)}
.moov-pf-card-year{position:absolute;top:.75rem;right:.85rem;font-family:'JetBrains Mono','SF Mono',Menlo,monospace;font-size:.62rem;font-weight:700;letter-spacing:.14em;color:#fff;padding:.3rem .65rem;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:9999px;border:1px solid rgba(255,255,255,.12)}

.moov-pf-card-body{padding:1.25rem 1.35rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.moov-pf-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:.85rem;flex-wrap:wrap}
.moov-pf-card-name{font-family:'DM Sans',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-.015em;color:#fff;margin:0;line-height:1.2}
.moov-pf-card-impact{font-family:'DM Sans',sans-serif;font-weight:600;font-size:.78rem;color:var(--pf-accent);letter-spacing:-.005em;white-space:nowrap}
.moov-pf-card-tagline{font-family:'DM Sans',sans-serif;font-size:.88rem;line-height:1.5;color:rgba(255,255,255,.7);margin:0;letter-spacing:-.005em}
.moov-pf-card-foot{display:flex;justify-content:space-between;align-items:center;gap:.85rem;margin-top:auto;padding-top:.85rem;border-top:1px dashed rgba(255,255,255,.08);flex-wrap:wrap}
.moov-pf-card-sector{font-family:'JetBrains Mono','SF Mono',Menlo,monospace;font-size:.66rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.moov-pf-card-tech{display:inline-flex;gap:.3rem;flex-wrap:wrap}
.moov-pf-card-tech span{font-family:'JetBrains Mono','SF Mono',Menlo,monospace;font-size:.62rem;font-weight:600;letter-spacing:.04em;padding:.2rem .55rem;border-radius:9999px;background:rgba(255,138,77,.08);border:1px solid rgba(255,138,77,.2);color:rgba(255,138,77,.85)}

.moov-pf-card-arrow{position:absolute;top:1rem;left:1rem;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:translate(-6px,-6px) scale(.9);transition:opacity .35s,transform .35s;border:1px solid rgba(255,255,255,.18)}
.moov-pf-card:hover .moov-pf-card-arrow{opacity:1;transform:translate(0,0) scale(1)}
.moov-pf-card-arrow svg{width:14px;height:14px}

/* Layout list : horizontal */
.moov-pf-shortcode.moov-pf-layout-list .moov-pf-card{flex-direction:row;align-items:stretch}
.moov-pf-shortcode.moov-pf-layout-list .moov-pf-card-visual{aspect-ratio:auto;width:32%;flex-shrink:0;min-height:140px}
.moov-pf-shortcode.moov-pf-layout-list .moov-pf-card-body{flex:1}
@media(max-width:640px){
  .moov-pf-shortcode.moov-pf-layout-list .moov-pf-card{flex-direction:column}
  .moov-pf-shortcode.moov-pf-layout-list .moov-pf-card-visual{width:100%;aspect-ratio:16/10}
}

/* Mobile fine-tune */
@media(max-width:1023px){
  .pfs-hero{padding:4rem 0 2.5rem}
  .pfs-body{padding:2rem 0 3.5rem}
  .pfs-meta-card{padding:1.5rem 1.25rem}
  .pfs-nav{padding:2rem 0}
}