/* SHARK IT portfolio module — independent from private project source */
.portfolio-section { scroll-margin-top:110px; }
.portfolio-section .section-heading { max-width:870px; }
.portfolio-filters { display:flex;gap:9px;flex-wrap:wrap;margin:-3px 0 27px; }
.portfolio-filter { border:1px solid rgba(148,179,232,.24);border-radius:999px;background:#10203c;color:#c9d7ed;font-weight:700;font-size:12px;padding:12px 19px;transition:background .2s,border-color .2s,transform .2s; }
.portfolio-filter:hover{border-color:#63dbeb7c;transform:translateY(-2px);}
.portfolio-filter.active,.portfolio-filter[aria-pressed="true"]{border-color:#5be4fd;background:linear-gradient(125deg,#145d85,#223e78);color:#e5ffff;box-shadow:0 0 22px #16e6ef22;}
.portfolio-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.portfolio-card {display:flex;flex-direction:column;background:linear-gradient(145deg,#0d1f3f,#08152d);border:1px solid rgba(127,177,250,.22);border-radius:21px;overflow:hidden;box-shadow:0 14px 40px #0002;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s;}
.portfolio-card:hover{transform:translateY(-5px);border-color:rgba(70,224,244,.6);box-shadow:0 20px 65px rgba(0,169,220,.13);}
.portfolio-card[hidden]{display:none!important;}
.portfolio-cover {position:relative;display:block;overflow:hidden;aspect-ratio:1280/760;background:#0c1730;}
.portfolio-cover:after {content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061026b8,transparent 45%);pointer-events:none;}
.portfolio-cover img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.portfolio-card:hover .portfolio-cover img {transform:scale(1.045);}
.portfolio-cover-action {position:absolute;z-index:1;bottom:14px;right:14px;border:1px solid #92e5fb78;border-radius:9px;background:#0a2240db;color:#e6ffff;padding:9px 12px;font-size:11px;font-weight:700;opacity:0;transform:translateY(5px);transition:.25s;}
.portfolio-card:hover .portfolio-cover-action {opacity:1;transform:translateY(0);}
.portfolio-card-content{padding:22px 22px 25px;display:flex;flex-direction:column;flex:1;}
.portfolio-type {font-size:10px;letter-spacing:.15em;color:#50d6e8;text-transform:uppercase;font-weight:800;}
.portfolio-card h3{font:700 22px/1.25 var(--display);margin:10px 0 10px;letter-spacing:-.025em;}
.portfolio-card h3 a:hover,.portfolio-read-more:hover{color:#67e8f8;}
.portfolio-card-content p{font-size:13px;line-height:1.7;color:#b0c0d8;margin:0 0 20px;flex:1;}
.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;}
.portfolio-tags span {font:700 11px/1.3 var(--display);letter-spacing:.02em;padding:7px 10px;border:1px solid #5779aa62;background:#152949;border-radius:7px;color:#b9d4ef;}
.portfolio-read-more {display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#5ae4f0;margin-top:22px;width:max-content;}
.portfolio-bottom{text-align:center;padding-top:33px;}
.portfolio-bottom .button{padding:15px 25px;}
.portfolio-detail{padding:57px 12px 50px;}
.portfolio-detail .back-link{display:inline-block;color:#81cfec;font-size:14px;font-weight:700;margin-bottom:26px;}
.portfolio-detail .back-link:hover{color:#fff;}
.detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;}
.detail-top h1{font:700 clamp(38px,5vw,67px)/1.08 var(--display);letter-spacing:-.05em;margin:14px 0 20px;}
.detail-top p{color:#b1c4df;font-size:17px;line-height:1.7;max-width:850px;margin:0 0 21px;}
.detail-figure {margin:0;background:#0e203e;border:1px solid #4a779f7d;border-radius:22px;padding:10px;box-shadow:0 20px 80px #0005;}
.detail-figure img{display:block;width:100%;height:auto;border-radius:14px;}
.detail-figure figcaption{font-size:12px;color:#91a8c7;padding:14px 8px 6px;text-align:center;}
.detail-info {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px;}
.detail-info-panel{border-radius:20px;border:1px solid #5c83b24c;background:linear-gradient(160deg,#0e2344,#0b1932);padding:32px;}
.detail-info-panel h2{font:700 26px var(--display);margin:14px 0 24px;}
.detail-info-panel ul{margin:0;padding-left:22px;color:#bad1ed;line-height:2.2;font-size:15px;}
.detail-privacy{font-size:14px;color:#90a9ca;line-height:1.7;margin:24px 0 0;}
.detail-next{text-align:center;padding:65px 0 15px;}
.detail-next h2{font:700 31px var(--display);margin:0 0 24px;}
@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portfolio-card-content{padding:20px}.portfolio-card h3{font-size:20px}.detail-header-cta{font-size:12px;padding:12px 14px;}}
@media(max-width:650px){.portfolio-grid{grid-template-columns:1fr;gap:16px}.portfolio-filters{gap:7px}.portfolio-filter{padding:10px 13px;font-size:11px}.portfolio-card-content{padding:22px}.portfolio-cover-action{opacity:1;transform:none}.portfolio-detail{padding:39px 1px 10px}.detail-top h1{font-size:37px}.detail-top p{font-size:14px}.detail-info{grid-template-columns:1fr;gap:14px}.detail-info-panel{padding:23px}.detail-info-panel h2{font-size:22px}.detail-header-cta{display:none}.detail-figure{padding:5px;border-radius:14px}.detail-figure img{border-radius:9px}.detail-next h2{font-size:24px}}