.portfolio-page{position:relative;z-index:3;background:#070a12}.portfolio-nav{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0 60px}.portfolio-nav a{border:1px solid #445069;border-radius:30px;padding:10px 18px;font-size:15px}.portfolio-nav a:hover{border-color:#57dded;color:#57dded}.portfolio-category{scroll-margin-top:35px;margin:0 0 90px}.portfolio-category h2{font-size:clamp(28px,4vw,44px);border-top:1px solid #ffffff24;padding-top:28px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.portfolio-item{min-width:0;border:1px solid #ffffff20;background:#101521;border-radius:12px;overflow:hidden}.portfolio-item>a{display:block}.portfolio-item img{display:block;width:100%;height:330px;object-fit:contain;background:#f7f7f7}.portfolio-item video{width:100%;height:420px;display:block;object-fit:contain;background:#000}.portfolio-caption{padding:18px}.portfolio-caption p{font-size:13px;color:#79deee;margin:0 0 6px}.portfolio-caption h3{font-size:18px;line-height:1.5;margin:0}.pdf-card{min-height:330px;padding:30px;display:flex!important;flex-direction:column;justify-content:center;gap:22px;text-align:center;background:linear-gradient(135deg,#143e34,#172036)}.pdf-card>span:first-child{font-size:42px;color:#80dec6}.pdf-card strong{font-size:23px}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr}.portfolio-nav{gap:8px}.portfolio-nav a{font-size:14px}.portfolio-item img{height:auto;max-height:520px}.portfolio-item video{height:480px}}

.portfolio-item img[src^='assets/branding/']{height:auto;aspect-ratio:1;object-fit:contain}

/* Category browser, scoped to the portfolio page. */
.portfolio-page{background:radial-gradient(ellipse at 80% 0,#27132b 0,transparent 45%),radial-gradient(ellipse at 10% 30%,#102937 0,transparent 50%),#070a12}
.portfolio-page>h1{font-size:clamp(40px,6vw,80px);background:linear-gradient(110deg,#eafaff,#62deef 55%,#ee86cf);background-clip:text;color:transparent}
.portfolio-page>.eyebrow{display:inline-block;border:1px solid #55dbe655;border-radius:30px;padding:10px 24px;letter-spacing:3px}
.portfolio-page .portfolio-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #65dce633;border-radius:22px;background:#111420b0;margin:30px 0 36px}
.portfolio-page .portfolio-nav a{display:flex;align-items:center;justify-content:center;min-height:68px;text-align:center;border-radius:14px;background:#ffffff04;border:1px solid #ffffff25;color:#bfc5d3;font-weight:600;transition:background .2s,border-color .2s}
.portfolio-page .portfolio-nav a[aria-selected=true]{background:linear-gradient(120deg,#124b59,#442348);border-color:#69e6ec;color:#fff;box-shadow:inset 0 -3px #5de1e6,0 0 22px #00dcf512}
.portfolio-page .portfolio-nav a:focus-visible{outline:3px solid #ee86cf;outline-offset:3px}
.portfolio-page .portfolio-category[hidden]{display:none!important}
.portfolio-page .portfolio-category{margin-bottom:40px}
.portfolio-page .portfolio-category h2{border:0;padding-top:0;font-size:24px}
.portfolio-page .portfolio-grid{gap:20px}
.portfolio-page .portfolio-item{border-radius:20px;background:#10121c;border-color:#ffffff24}
.portfolio-page .portfolio-item img{height:300px;background:#10121c}
.portfolio-page .portfolio-caption{background:linear-gradient(135deg,#10121c,#1d1423);min-height:100px}
@media(max-width:700px){.portfolio-page .portfolio-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.portfolio-page .portfolio-nav a{padding:10px;font-size:13px;min-height:64px}.portfolio-page .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-page .portfolio-item img{height:200px}.portfolio-page .portfolio-caption{padding:12px;min-height:95px}.portfolio-page .portfolio-caption h3{font-size:14px}.portfolio-page .portfolio-caption p{font-size:11px}.portfolio-page .portfolio-item video{height:300px}}
@media(max-width:360px){.portfolio-page .portfolio-grid{grid-template-columns:1fr}}