.portfolio{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 12%,rgba(18,199,232,.18),transparent 27%),radial-gradient(circle at 5% 82%,rgba(12,112,148,.22),transparent 30%),linear-gradient(145deg,#031a35 0%,#042d4b 58%,#064d66 100%);color:#fff}.portfolio::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.025) 48% 49%,transparent 49% 100%)}.portfolio>*{position:relative;z-index:1}.portfolio .section-kicker{color:#41d9ed}.portfolio-heading h2{color:#fff;text-shadow:0 5px 28px rgba(0,8,22,.28)}.portfolio-heading h2 span{color:#79e7f2}.portfolio-heading>p{color:#c4d8e1;font-weight:500}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.work-card{border:1px solid rgba(255,255,255,.72);background:linear-gradient(160deg,#fff 0%,#f2f7f9 100%);box-shadow:0 25px 70px rgba(0,8,24,.42),0 1px 0 rgba(255,255,255,.8) inset}.work-card:hover{transform:translateY(-9px);box-shadow:0 38px 88px rgba(0,8,24,.55),0 0 0 2px rgba(75,220,239,.24)}.work-preview{margin:14px 14px 0;border:1px solid rgba(3,42,73,.14);box-shadow:0 14px 36px rgba(3,25,47,.18)}.work-snapshot{aspect-ratio:3/4}.work-meta{padding:28px 29px 31px}.work-meta span{font-size:11px;color:#0086a9}.work-meta h3{margin-top:10px;color:#032a49;font-size:23px;font-weight:800}.work-meta p{color:#4d626d;font-size:14px;font-weight:500;line-height:1.7}.work-meta>b{flex-basis:44px;height:44px;background:#d9f6fa;color:#007f9f;font-size:18px;box-shadow:0 8px 20px rgba(2,122,153,.12)}.work-card:hover .work-meta>b{background:#08b8d7;color:#fff}@media(max-width:850px){.portfolio-grid{grid-template-columns:1fr;max-width:620px;margin-inline:auto}}@media(max-width:560px){.portfolio-grid{gap:24px}.work-preview{margin:10px 10px 0}.work-meta{padding:24px 22px 27px}.work-meta h3{font-size:21px}.work-meta p{font-size:13px}}