.portfolio-preview{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4vw;align-items:center;padding:clamp(70px,10vw,150px) max(5vw,24px);background:radial-gradient(circle at 72% 48%,#061c49 0,#030810 53%,#010307 100%);overflow:hidden}.portfolio-preview>div:first-child{position:relative;z-index:1}.portfolio-preview .eyebrow{display:block;color:#58a4ff;letter-spacing:.25em;font-size:11px;margin-bottom:24px}.portfolio-preview h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:clamp(72px,10vw,170px);line-height:.8;margin:0 0 28px;color:white}.portfolio-preview p{max-width:460px;color:#abb9cf;line-height:1.7;margin:0 0 32px}.portfolio-display{min-height:clamp(330px,39vw,640px);border:1px solid #1b4a96;border-radius:20px;box-shadow:0 40px 110px #00194b, inset 0 0 100px #072a68;position:relative;overflow:hidden;padding:5%;background:radial-gradient(circle at 72% 15%,#1660dd 0,transparent 32%),linear-gradient(145deg,#091d43 0,#010713 80%);transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);transition:transform .6s ease,box-shadow .6s ease}.portfolio-display:hover{transform:perspective(1200px) rotateY(0) rotateX(0);box-shadow:0 45px 120px #063780,inset 0 0 100px #072a68}.portfolio-display:before{content:'';position:absolute;width:50%;aspect-ratio:1;border:1px solid #2477ff;border-radius:50%;right:-6%;top:21%;box-shadow:0 0 15px #0874ff,0 0 90px #0455dc,inset 0 0 80px #0554dc;animation:portfolioPulse 6s ease-in-out infinite}.portfolio-display>span{position:relative;color:#fff;font-weight:700;letter-spacing:.16em;font-size:12px}.portfolio-display strong{position:absolute;left:5%;bottom:19%;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff;font-size:clamp(54px,7vw,120px);line-height:.83;max-width:85%;text-shadow:0 5px 40px #000}.portfolio-display>div{position:absolute;left:5%;right:5%;bottom:6%;display:flex;justify-content:space-between;gap:12px;color:#b8d5ff;font-size:10px;letter-spacing:.15em;font-style:normal}.portfolio-display i{font-style:normal}@keyframes portfolioPulse{50%{filter:brightness(1.6);transform:scale(1.04)}}@media(max-width:800px){.portfolio-preview{grid-template-columns:1fr;gap:48px}.portfolio-preview h2{font-size:clamp(72px,18vw,130px)}.portfolio-display{transform:none;min-height:420px}}@media(prefers-reduced-motion:reduce){.portfolio-display:before{animation:none}.portfolio-display{transition:none}}