.real-project{padding:88px 0;background:radial-gradient(ellipse at 15% 20%,#873bd71b,transparent 55%),#0e1020;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;scroll-margin-top:30px}
.real-project .project-eyebrow{display:flex;align-items:center;gap:10px;color:#c7a6ff;font-size:11px;font-weight:750;letter-spacing:.17em;text-transform:uppercase;margin:0 0 20px}
.project-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:linear-gradient(120deg,#ed6bdf,#649dff);box-shadow:0 0 18px #b179ff77}
.real-project h2{font-size:clamp(32px,3.5vw,53px);line-height:1.13;letter-spacing:-.045em;max-width:800px;margin:0 0 38px;color:#fff}
.project-gradient{background:linear-gradient(105deg,#f08cde,#af8fff 52%,#73baff);background-clip:text;-webkit-background-clip:text;color:transparent}
.real-project-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;align-items:center}
.real-project-preview{display:block;min-width:0;text-decoration:none;color:inherit;transition:transform .25s ease}
.real-project-preview:hover{transform:translateY(-4px)}
.real-project-frame{border:1px solid #a78bd64d;border-radius:14px;overflow:hidden;background:#171929;box-shadow:0 20px 65px #0004}
.real-project-bar{display:flex;align-items:center;gap:5px;padding:13px 16px;border-bottom:1px solid #ffffff12;color:#aeb6cc;font-size:10px}
.real-project-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#8d80ac}
.real-project-bar span{margin:auto;letter-spacing:.03em;padding-right:28px}
.real-project-frame img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top}
.project-preview-caption{display:flex;justify-content:space-between;gap:15px;margin-top:13px;font-size:11px;color:#aeb6cc;line-height:1.5}
.real-project-copy{min-width:0}
.project-type{display:inline-block;border:1px solid #b18cec44;border-radius:100px;background:#9d65e80d;padding:7px 12px;color:#c9b5ef;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.real-project h3{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.035em;margin:20px 0 13px;color:#fff}
.real-project-copy>p{color:#bdc4d6;font-size:14px;line-height:1.85;margin:0 0 21px;max-width:460px}
.project-capabilities{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:11px}
.project-capabilities li{display:flex;align-items:center;gap:10px;color:#e5e7f3;font-size:12px;line-height:1.5}
.project-capabilities li:before{content:'↗';color:#b9a0f4}
.real-project-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap}
.real-project-visit{display:inline-flex;align-items:center;gap:10px;padding:14px 21px;border-radius:8px;background:linear-gradient(110deg,#ba53df,#805aef 55%,#487fec);color:#fff;font-size:13px;font-weight:750;text-decoration:none;box-shadow:0 5px 25px #7855e328}
.real-project-enquire{color:#cfb8f5;font-size:12px;text-underline-offset:5px}
.real-project a:focus-visible{outline:2px solid #e2b4ff;outline-offset:6px;border-radius:8px}
@media(max-width:850px){.real-project{padding:60px 0}.real-project-grid{grid-template-columns:1fr;gap:32px}.real-project h2{margin-bottom:27px;max-width:620px}.real-project-copy>p{max-width:650px}}
@media(max-width:480px){.real-project{padding:48px 0}.real-project h2{font-size:32px}.real-project h3{font-size:29px}.project-preview-caption{font-size:10px}.real-project-bar{padding:10px 12px}.real-project-actions{gap:17px}}
@media(prefers-reduced-motion:reduce){.real-project-preview{transition:none}.real-project-preview:hover{transform:none}}