/* Bravoz project showcase: one complete preview and a clear project identity. */
.portfolio{position:relative;isolation:isolate;padding:65px 0;scroll-margin-top:110px;overflow:hidden;min-height:0}.portfolio-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0 50%,#087fcc28,transparent 55%),radial-gradient(ellipse at 100% 50%,#d62a4820,transparent 50%),#071321}.portfolio>.wrap{max-width:1200px}.portfolio-carousel{position:relative;border:1px solid #9cc3e33b;border-radius:24px;background:#0a192b;box-shadow:0 25px 65px #0004;overflow:hidden}.portfolio-carousel:before{content:'';display:block;height:2px;background:linear-gradient(90deg,#24acff,#d5efff 45%,#f34b6a)}.portfolio-slide{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(235px,1fr);align-items:stretch;animation:site-appear .4s ease}.portfolio-slide[hidden]{display:none}.portfolio-slide>a,.portfolio-preview{display:flex;align-items:center;justify-content:center;margin:28px 0 28px 28px;border:1px solid #9bbbd54a;border-radius:12px;overflow:hidden;background:#050e19;box-shadow:0 14px 35px #0005;min-width:0}.portfolio-slide img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:contain;object-position:center;background:#050e19}.portfolio-caption{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px;gap:28px;background:radial-gradient(ellipse at 90% 90%,#d62b4820,transparent 65%)}.tech .portfolio-caption h2{font:500 clamp(25px,3vw,40px)/1.15 Oxanium,sans-serif;text-transform:none;letter-spacing:-.04em;margin:0;color:#ecf5ff}.portfolio-caption p{color:#e9aabd;font-size:13px;margin:14px 0 0}.portfolio-caption .btn{font-size:12px;white-space:normal}.portfolio-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;border-top:1px solid #8db9dc28;background:#071321}.portfolio-select,.portfolio-arrows{display:flex;gap:10px;align-items:center}.portfolio-controls button{cursor:pointer;color:#a7bfd6;border:1px solid transparent;background:transparent;padding:12px 15px;min-height:44px;border-radius:10px;font:13px 'DM Sans',sans-serif}.portfolio-select button[aria-pressed=true]{color:#eaf6ff;border-color:#78bce75c;background:linear-gradient(115deg,#174369,#172638)}.portfolio-arrows button{border-color:#779bb738}.portfolio-controls button:hover{color:white;background:#163651}.portfolio-controls button:focus-visible{outline:2px solid #d1efff;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes site-appear{from{opacity:.4}to{opacity:1}}@media(max-width:790px){.portfolio{padding:40px 0}.portfolio-slide{grid-template-columns:1fr}.portfolio-slide>a,.portfolio-preview{margin:14px 14px 0}.portfolio-slide img{aspect-ratio:1.65;object-fit:contain}.portfolio-caption{padding:23px;gap:18px;flex-direction:row;align-items:center;justify-content:space-between}.tech .portfolio-caption h2{font-size:25px}.portfolio-caption .btn{padding:12px 14px;font-size:11px}.portfolio-controls{display:block;padding:13px}.portfolio-select{justify-content:center;gap:3px}.portfolio-controls button{font-size:11px;padding:9px}.portfolio-arrows{justify-content:center;margin-top:12px}.portfolio-carousel{border-radius:18px}}@media(prefers-reduced-motion:reduce){.portfolio-slide{animation:none}}
