/* ==========================================================
   Portfolio pages — Certificate + Founder
   ========================================================== */

/* ---------- CERTIFICATE: 4 per row, equal portrait cards ---------- */
.cert-page .page-shell{max-width:1320px}
.cert-page .gl-hero{text-align:center}
.cert-page .gl-hero .spx-kicker{justify-content:center}
.cert-grid.gl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.cert-grid .gl-item{aspect-ratio:1/1.414;padding:10px;border-radius:18px;background:#fff;border:1px solid rgba(165,123,53,.28);
  box-shadow:0 14px 34px rgba(60,30,10,.12);display:flex;align-items:center;justify-content:center}
.cert-grid .gl-item img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.cert-grid .gl-item:hover{border-color:var(--brand);box-shadow:0 26px 54px rgba(60,30,10,.22)}
.cert-page .gl-lb-stage img{background:#fff}
@media(max-width:1000px){.cert-grid.gl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.cert-grid.gl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cert-grid .gl-item{padding:7px;border-radius:14px}}

/* ---------- FOUNDER: photo + story, alternating sides ---------- */
.fd-page .page-shell{max-width:1180px}
.fd-page .gl-hero{text-align:center}
.fd-page .gl-hero .spx-kicker{justify-content:center}
.fd-list{display:flex;flex-direction:column;gap:clamp(48px,7vw,104px);margin-top:clamp(10px,3vw,30px)}
.fd-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,80px);align-items:center;animation:glUp .9s cubic-bezier(.22,1,.36,1) both}
.fd-card:nth-child(even){grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.fd-card:nth-child(even) .fd-photo{order:2}

.fd-photo{position:relative;aspect-ratio:4/5;border-radius:30px;isolation:isolate}
.fd-photo::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:30px;border:2px solid var(--gold-l);z-index:-1;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.fd-card:nth-child(even) .fd-photo::before{inset:18px 18px -18px -18px}
.fd-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border-radius:30px;background:#efe7db;box-shadow:0 26px 60px rgba(60,30,10,.2)}
.fd-card:hover .fd-photo::before{transform:translate(-6px,-6px)}
.fd-card:nth-child(even):hover .fd-photo::before{transform:translate(6px,-6px)}

.fd-info{position:relative;min-width:0}
.fd-index{position:absolute;right:0;top:-.55em;font:700 clamp(70px,9vw,120px)/1 var(--f-head);color:rgba(165,123,53,.14);pointer-events:none;user-select:none}
.fd-role{display:inline-block;margin-bottom:12px;font:italic 700 clamp(17px,1.5vw,21px)/1.2 var(--f-head);letter-spacing:.03em;color:var(--brand)}
.fd-name{margin:0;font-family:var(--f-head);font-weight:700;font-size:clamp(36px,4.4vw,60px);line-height:1.04;letter-spacing:-.01em;color:var(--ink)}
.fd-rule{display:block;width:64px;height:3px;margin:20px 0 22px;border-radius:3px;background:linear-gradient(90deg,var(--brand),var(--gold-l))}
.fd-about p{margin:0 0 14px;color:var(--muted);font:500 clamp(15px,1.25vw,17px)/1.85 var(--f-body)}
.fd-quote{margin:24px 0 0;padding:6px 0 6px 20px;border-left:3px solid var(--gold-l);font:italic 600 clamp(20px,1.9vw,26px)/1.4 var(--f-head);color:var(--ink)}

@media(max-width:860px){
  .fd-card,.fd-card:nth-child(even){grid-template-columns:1fr;gap:34px}
  .fd-card:nth-child(even) .fd-photo{order:0}
  .fd-photo{max-width:420px;width:calc(100% - 18px);margin:0 auto}
  .fd-photo::before,.fd-card:nth-child(even) .fd-photo::before{inset:14px -14px -14px 14px}
  .fd-index{top:-1.1em}
}
@media(prefers-reduced-motion:reduce){.fd-card{animation:none}}