.hero__visual--mockup{position:relative;overflow:visible;background:transparent;box-shadow:none;aspect-ratio:4/5;display:grid;align-content:center;padding:6% 4%;border-radius:0}.hero__visual--mockup::after{content:none}.mockup-glow{position:absolute;inset:-10% -8%;background:radial-gradient(60% 50% at 50% 50%,rgba(0,199,169,0.32) 0%,transparent 70%),radial-gradient(40% 30% at 30% 80%,rgba(0,199,169,0.18) 0%,transparent 70%);filter:blur(20px);z-index:0;pointer-events:none}.browser-frame{position:relative;z-index:1;width:100%;background:#0e3737;border-radius:14px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 30px 60px rgba(0,0,0,0.45),0 10px 20px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.06);overflow:hidden}.browser-frame__chrome{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#082c2c;border-bottom:1px solid rgba(255,255,255,0.06)}.browser-frame__dots{display:inline-flex;gap:6px}.browser-frame__dots span{width:10px;height:10px;border-radius:50%;display:inline-block}.browser-frame__dots span:nth-child(1){background:#ff5f57}.browser-frame__dots span:nth-child(2){background:#febc2e}.browser-frame__dots span:nth-child(3){background:#28c840}.browser-frame__url{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.04);padding:4px 10px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-left:6px;flex:1;min-width:0}.browser-frame__url svg{color:rgba(0,199,169,0.7);flex:none}.browser-frame__body{padding:22px 22px 20px;background:linear-gradient(160deg,#0a3535 0%,#062424 100%)}.browser-frame__body--image{position:relative;padding:0;background:#062424;aspect-ratio:16/10;overflow:hidden}.browser-frame__body--image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.browser-frame__tint{display:none}.project-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;padding-bottom:70px}.project-hero__copy{padding-bottom:12px}.project-hero__visual{position:relative}@media (max-width:960px){.project-hero__inner{grid-template-columns:1fr;gap:32px;padding-bottom:0}.hero__visual--mockup{padding:8% 6%;aspect-ratio:5/4}}