/* ARCHIETALIC PATCH v4 - Live Projects Premium Polish
   Safe patch: targets #live-projects only. Does not touch hero/header/logo. */
#live-projects{position:relative;overflow:hidden!important;}
#live-projects .wrap{position:relative;z-index:2;}
#live-projects::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 12% 12%,rgba(39,200,255,.14),transparent 32%),
  radial-gradient(circle at 88% 24%,rgba(141,85,255,.12),transparent 34%),
  linear-gradient(180deg,rgba(5,11,24,.35),rgba(5,11,24,.78));opacity:.9;}
#live-projects::after{content:"";position:absolute;left:-10%;right:-10%;top:18%;height:320px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(39,200,255,.10),rgba(141,85,255,.18),rgba(255,84,217,.10),transparent);filter:blur(34px);transform:rotate(-6deg);animation:archV4Flow 16s ease-in-out infinite alternate;}
@keyframes archV4Flow{from{transform:translateX(-2%) rotate(-7deg)}to{transform:translateX(2%) rotate(-4deg)}}
#live-projects .section-head,#live-projects .cinematic-head{margin-inline:auto!important;text-align:center!important;max-width:900px!important;}
#live-projects .section-head h2,#live-projects .cinematic-head h2{letter-spacing:-.055em!important;text-wrap:balance;}
#live-projects .section-head p,#live-projects .cinematic-head p{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;}
#live-projects .case-study{position:relative!important;max-width:1320px!important;margin:42px auto 62px!important;border-radius:30px!important;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;border:1px solid rgba(150,210,255,.16)!important;box-shadow:0 32px 100px rgba(0,0,0,.34)!important;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,border-color .32s ease!important;}
#live-projects .case-study:hover{transform:translateY(-7px)!important;border-color:rgba(39,200,255,.42)!important;box-shadow:0 42px 130px rgba(0,0,0,.45),0 0 70px rgba(39,200,255,.12)!important;}
#live-projects .case-study::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--v4-x,50%) var(--v4-y,50%),rgba(39,200,255,.20),transparent 33%);opacity:0;transition:opacity .25s ease;}
#live-projects .case-study:hover::after{opacity:1;}
#live-projects .browser-frame{border-radius:22px!important;border:1px solid rgba(255,255,255,.18)!important;background:#06101f!important;overflow:hidden!important;box-shadow:0 28px 80px rgba(0,0,0,.45)!important;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease!important;}
#live-projects .case-study:hover .browser-frame{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 38px 105px rgba(0,0,0,.56),0 0 50px rgba(39,200,255,.13)!important;}
#live-projects .browser-frame img{display:block!important;width:100%!important;height:clamp(280px,29vw,430px)!important;object-fit:cover!important;object-position:top center!important;transition:object-position 4.6s ease,transform .9s ease!important;}
#live-projects .case-study:hover .browser-frame img{object-position:bottom center!important;transform:scale(1.025)!important;}
#live-projects .case-copy h3{font-size:clamp(38px,4.6vw,68px)!important;line-height:.92!important;margin:14px 0 16px!important;}
#live-projects .case-lead{font-size:clamp(16px,1.2vw,18px)!important;line-height:1.68!important;color:#c8d7eb!important;}
#live-projects .case-points{gap:10px!important;margin:20px 0!important;}
#live-projects .case-points div{border-radius:16px!important;background:rgba(255,255,255,.04)!important;transition:transform .22s ease,border-color .22s ease,background .22s ease!important;}
#live-projects .case-points div:hover{transform:translateX(4px)!important;border-color:rgba(39,200,255,.26)!important;background:rgba(39,200,255,.055)!important;}
#live-projects .tech-row span{transition:transform .22s ease,border-color .22s ease,background .22s ease!important;}
#live-projects .tech-row span:hover{transform:translateY(-3px)!important;border-color:rgba(255,211,92,.42)!important;background:rgba(255,211,92,.10)!important;}
#live-projects .case-actions a{position:relative!important;overflow:hidden!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;}
#live-projects .case-actions a::after{content:"";position:absolute;inset:-120% -40%;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.34),transparent 62%);transform:translateX(-78%) rotate(8deg);transition:transform .72s cubic-bezier(.16,1,.3,1);pointer-events:none;}
#live-projects .case-actions a:hover{transform:translateY(-3px)!important;}
#live-projects .case-actions a:hover::after{transform:translateX(78%) rotate(8deg);}
#live-projects .live-badge{box-shadow:0 0 24px rgba(46,255,169,.10)!important;animation:archV4Live 2.6s ease-in-out infinite;}
@keyframes archV4Live{50%{box-shadow:0 0 30px rgba(46,255,169,.24)}}
#live-projects .proof-note{max-width:1120px!important;margin:28px auto 0!important;}
@media(max-width:980px){#live-projects .case-study{grid-template-columns:1fr!important;padding:22px!important;margin:34px auto 48px!important;}#live-projects .case-study.alt .case-media,#live-projects .case-study.alt .case-copy{order:initial!important;}#live-projects .browser-frame img{height:320px!important;}.phone-frame{display:none!important;}}
@media(max-width:620px){#live-projects{padding-top:72px!important;}#live-projects .case-study{padding:16px!important;border-radius:24px!important;margin:28px auto 42px!important;}#live-projects .browser-frame img{height:235px!important;}#live-projects .case-copy h3{font-size:36px!important;letter-spacing:-.045em!important;}#live-projects .case-actions{display:grid!important;grid-template-columns:1fr!important;}#live-projects .case-actions a{width:100%!important;justify-content:center!important;text-align:center!important;}}