/* projects.html — visual layer only. Load LAST. */
:root{--pj-cu:#b4561f;--pj-cu2:#f0a35e;--pj-navy:#0b1530}
@keyframes pjIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes pjFloat{50%{transform:translateY(16px) scale(1.06)}}
.proj-hero{position:relative;overflow:hidden;text-align:center;padding-bottom:var(--space-6,32px)!important;background:radial-gradient(560px 280px at 85% 0,rgba(240,163,94,.3),transparent 62%),linear-gradient(180deg,#fff8f1,transparent)}
.proj-hero::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;inset-inline-start:-80px;top:-90px;background:radial-gradient(circle,rgba(255,184,107,.5),transparent 66%);animation:pjFloat 8s ease-in-out infinite;pointer-events:none}
.proj-hero h1{font-size:clamp(1.9rem,5vw,3rem)!important;font-weight:800;background:linear-gradient(120deg,#0b1530 30%,#b4561f);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pjIn .7s both}
.proj-hero p{margin-inline:auto;animation:pjIn .7s .1s both}
.filters-bar{padding:14px 18px!important;border-radius:22px!important;border:1px solid #fff!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(10px);box-shadow:0 16px 44px rgba(11,21,48,.1)!important}
.filters-bar .select,.filters-bar .input{min-height:46px;border-radius:14px;border:2px solid #e5e9f2;transition:.25s}
.filters-bar .select:focus,.filters-bar .input:focus{outline:0;border-color:var(--pj-cu);box-shadow:0 0 0 4px rgba(180,86,31,.14)}
.pkg-grid{gap:22px!important}
.pkg-card,.pkg-card.card{border-radius:28px!important;border:1px solid #fff!important;background:#fff;box-shadow:0 16px 44px rgba(11,21,48,.09)!important;animation:pjIn .7s both;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.pkg-card:nth-child(2){animation-delay:.08s}.pkg-card:nth-child(3){animation-delay:.16s}.pkg-card:nth-child(n+4){animation-delay:.24s}
.pkg-card:hover{transform:translateY(-10px);box-shadow:0 30px 64px rgba(180,86,31,.22)!important}
.pkg-card__media{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.pkg-card:hover .pkg-card__media{transform:scale(1.08)}
.pkg-card.is-popular{border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--pj-cu),var(--pj-cu2)) border-box;box-shadow:0 26px 60px rgba(180,86,31,.22)!important}
.pkg-card__popular-tag{background:linear-gradient(135deg,var(--pj-cu),var(--pj-cu2))!important;border-radius:99px!important;box-shadow:0 8px 18px rgba(180,86,31,.4);font-weight:800}
.pkg-card__name{font-weight:800;color:var(--pj-navy)}
.pkg-card__price{font-size:1.6rem!important;background:linear-gradient(120deg,var(--pj-navy),var(--pj-cu));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.pkg-card__price span{-webkit-text-fill-color:#64748b}
.pkg-card__specs{border-radius:20px;background:linear-gradient(160deg,#eef3ff,#fff)!important;padding:14px!important}
.pkg-card__spec strong{color:var(--pj-cu)!important}
.pkg-card__actions .btn{min-height:48px;border-radius:99px;font-weight:800}
.pkg-card__actions .btn-cta{box-shadow:0 12px 26px rgba(180,86,31,.38);transition:transform .25s}.pkg-card__actions .btn-cta:hover{transform:translateY(-3px) scale(1.02)}
.compare-bar{background:linear-gradient(135deg,#0b1530,#14244d)!important;border-radius:24px 24px 0 0;box-shadow:0 -18px 50px rgba(11,21,48,.35)}
.compare-chip{border-radius:99px!important;font-weight:700}
#compareModal .modal,#detailModal .modal{border-radius:28px!important;box-shadow:0 40px 90px rgba(11,21,48,.4)!important}
.compare-table{border-collapse:separate;border-spacing:0}
.compare-table th{background:#f1f5fb}.compare-table td,.compare-table th{padding:12px 14px}
.compare-table td.is-best{background:linear-gradient(135deg,#d1fae5,#ecfdf5)!important;color:#065f46}
.detail-specs>*{border-radius:18px;background:linear-gradient(160deg,#fff4e8,#fff);padding:12px}
@media(prefers-reduced-motion:reduce){.proj-hero *,.proj-hero::before,.pkg-card{animation:none!important;transition:none!important}}