/* Portfolio only: preserve Vanta's existing brand and shared site behaviour. */
.portfolio-container{max-width:1152px;margin-inline:auto;padding-inline:24px}
.portfolio-section{padding:clamp(64px,8vw,112px) 0;border-top:1px solid #262626}
.portfolio-section-heading{margin-bottom:32px}
.portfolio-section-heading h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:-.025em;line-height:1.15}
.portfolio-section-heading p{color:#a1a1aa;line-height:1.75;margin-top:16px;max-width:58ch}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.portfolio-card{background:#171717;border:1px solid #262626;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.portfolio-card-image{aspect-ratio:8/5;background:#1c1c1c;border-bottom:1px solid #262626}
.portfolio-card img,.portfolio-figure img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top;opacity:1}
.portfolio-card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.portfolio-category{font-size:12px;line-height:1.6;color:#a1a1aa}
.portfolio-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.4;margin-top:10px}
.portfolio-card-copy{font-size:14px;line-height:1.75;color:#a1a1aa;margin-top:12px;margin-bottom:22px}
.portfolio-card-links{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;margin-top:auto}
.portfolio-link{color:#84cc16;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-height:44px;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:5px;transition:color 160ms ease,transform 160ms ease}
.portfolio-link:hover{color:#a3e635}.portfolio-link:active{transform:translateY(1px)}
.portfolio-link:focus-visible{outline:2px solid #84cc16;outline-offset:4px;border-radius:3px}
.portfolio-external{color:#fafafa}.portfolio-external:hover{color:#a3e635}
.portfolio-more{margin-top:28px;text-align:center}.portfolio-more .portfolio-link{font-size:14px}
.portfolio-case-section{padding-bottom:clamp(64px,8vw,112px)}
.portfolio-study{padding:40px 0 48px;border-top:1px solid #262626;scroll-margin-top:88px}
.portfolio-study+.portfolio-study{margin-top:16px}
.portfolio-study-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}
.portfolio-study-header h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:clamp(24px,3vw,32px);letter-spacing:-.025em;line-height:1.25}
.portfolio-study-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px;align-items:start}
.portfolio-figure{margin:0}.portfolio-figure img{border-radius:10px}
.portfolio-figure figcaption{font-size:12px;color:#a1a1aa;line-height:1.6;margin-top:12px}
.portfolio-stack{color:#a1a1aa;font-size:13px;line-height:1.8;margin:24px 0 12px;max-width:60ch}.portfolio-stack strong{color:#fafafa;font-weight:500}
.portfolio-story h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(21px,2.2vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.35;margin-bottom:20px;text-wrap:balance}
.portfolio-story p{font-size:15px;line-height:1.8;color:#b5b5bd;max-width:66ch;margin-bottom:16px}
.portfolio-story h4{font-weight:500;font-size:14px;line-height:1.6;margin:24px 0 10px}
.portfolio-story ul{list-style:disc;padding-left:20px;color:#b5b5bd;font-size:14px;line-height:1.8}.portfolio-story li{padding-left:3px;margin-top:4px}.portfolio-story li::marker{color:#84cc16}
.portfolio-draft-note{background:#171717;border:1px solid #84cc16;border-radius:8px;padding:16px;margin-bottom:24px;color:#fafafa;line-height:1.6}
.portfolio-skip{position:fixed;left:16px;top:-100px;padding:12px 20px;background:#84cc16;color:#0a0a0a;z-index:100;font-weight:600}.portfolio-skip:focus{top:12px}
.portfolio-section ::selection,.portfolio-case-section ::selection{background:#84cc16;color:#0a0a0a}
@media(max-width:1023px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-study-grid{grid-template-columns:1fr;gap:28px}.portfolio-study-header{align-items:flex-start;flex-direction:column;gap:8px}.portfolio-story{max-width:72ch}}
@media(max-width:639px){.portfolio-container{padding-inline:20px}.portfolio-grid{grid-template-columns:1fr;gap:24px}.portfolio-card-body{padding:22px}.portfolio-study{padding-top:28px;padding-bottom:36px}.portfolio-study-header{margin-bottom:22px}.portfolio-study-grid{gap:24px}.portfolio-story p{font-size:15px}.portfolio-card-links{column-gap:24px}}
@media(prefers-reduced-motion:reduce){.portfolio-link{transition:none}.portfolio-study{scroll-behavior:auto}}

/* Keep portfolio links outside the floating WhatsApp hit area on phones. */
@media(max-width:639px){.portfolio-cta-actions{padding-right:64px}}
@media(max-width:359px){.portfolio-card-links,.portfolio-more{padding-right:56px}}