/* ==============================
   DESIGNEXT PROJECTS PLUGIN — FRONTEND STYLES
   Scope prefix: .dxprj
============================== */
.dxprj{
  --dp-gold:#B8860B; --dp-gold-bright:#D4A820;
  --dp-black:#0A0A0A; --dp-black-soft:#111111; --dp-black-border:#2C2C2C;
  --dp-off-white:#F7F4EE; --dp-off-white2:#EEEBE3;
  --dp-text-dark:#1A1A1A; --dp-text-mid:#4A4A4A;
  --dp-ease:cubic-bezier(0.16,1,0.3,1);
  font-family:'Inter',sans-serif;
  color:var(--dp-text-dark);
  box-sizing:border-box;
}
.dxprj *,.dxprj *::before,.dxprj *::after{box-sizing:border-box;}
.dxprj img{max-width:100%;display:block;}
.dxprj a{text-decoration:none;}

.dxprj-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--dp-gold);margin-bottom:10px;}
.dxprj-eyebrow::before{content:'';width:24px;height:1px;background:var(--dp-gold);}
.dxprj-h2{font-family:Georgia,'Cormorant Garamond',serif;font-size:clamp(26px,3.6vw,42px);font-weight:600;margin:0 0 10px;line-height:1.15;}
.dxprj-rule{width:46px;height:2px;background:linear-gradient(to right,var(--dp-gold),var(--dp-gold-bright));margin:14px 0 20px;}
.dxprj-desc{font-size:14.5px;line-height:1.75;color:var(--dp-text-mid);max-width:640px;}

.dxprj-btn-p{display:inline-block;padding:14px 34px;background:linear-gradient(135deg,var(--dp-gold) 0%,var(--dp-gold-bright) 100%);color:#000!important;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border:none;cursor:pointer;transition:filter .3s,transform .3s;}
.dxprj-btn-p:hover{filter:brightness(1.14);transform:translateY(-2px);}
.dxprj-btn-o{display:inline-block;padding:13px 32px;border:1px solid rgba(184,134,11,.5);color:var(--dp-gold)!important;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:border-color .3s,background .3s,transform .3s;background:transparent;}
.dxprj-btn-o:hover{border-color:var(--dp-gold);background:rgba(184,134,11,.08);transform:translateY(-2px);}
.dxprj-block{display:block;text-align:center;width:100%;}

/* Section header */
.dxprj-home-head{text-align:center;max-width:760px;margin:0 auto 40px;}
.dxprj-home-head .dxprj-eyebrow,.dxprj-home-head .dxprj-desc{justify-content:center;margin-left:auto;margin-right:auto;}
.dxprj-home-head .dxprj-rule{margin-left:auto;margin-right:auto;}

/* Grid */
.dxprj-grid{display:grid;gap:26px;margin-top:10px;}
.dxprj-grid-2{grid-template-columns:repeat(2,1fr);}
.dxprj-grid-3{grid-template-columns:repeat(3,1fr);}
.dxprj-grid-4{grid-template-columns:repeat(4,1fr);}

/* Card */
.dxprj-card{background:#fff;border:1px solid #E4DECF;transition:border-color .35s,transform .35s var(--dp-ease),box-shadow .35s;overflow:hidden;}
.dxprj-card:hover{border-color:var(--dp-gold);transform:translateY(-4px);box-shadow:0 16px 34px rgba(20,15,5,.1);}
.dxprj-card-link{color:inherit;display:block;}
.dxprj-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#111;}
.dxprj-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--dp-ease);}
.dxprj-card:hover .dxprj-card-media img{transform:scale(1.06);}
.dxprj-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--dp-gold-bright);font-family:Georgia,serif;font-size:34px;font-weight:700;background:linear-gradient(135deg,#151107,#0a0a0a);}
.dxprj-badge{position:absolute;top:14px;left:14px;padding:6px 14px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);}
.dxprj-badge-ongoing{background:rgba(184,134,11,.92);color:#000;}
.dxprj-badge-completed{background:rgba(10,10,10,.82);color:var(--dp-gold-bright);border:1px solid rgba(212,168,32,.4);}
.dxprj-card-body{padding:22px 22px 24px;}
.dxprj-card-brand{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dp-gold);margin-bottom:6px;font-weight:700;}
.dxprj-card-title{font-family:Georgia,'Cormorant Garamond',serif;font-size:20px;font-weight:600;margin:0 0 8px;color:var(--dp-text-dark);line-height:1.3;}
.dxprj-card-desc{font-size:13px;color:var(--dp-text-mid);line-height:1.65;margin:0 0 14px;}
.dxprj-card-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:11.5px;color:var(--dp-text-mid);margin-bottom:14px;}
.dxprj-card-cta{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dp-gold);}
.dxprj-card:hover .dxprj-card-cta{color:var(--dp-gold-bright);}

.dxprj-home-cta{text-align:center;margin-top:40px;}

/* Filters */
.dxprj-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-bottom:36px;}
.dxprj-filter-group{display:inline-flex;border:1px solid #E4DECF;}
.dxprj-filter-btn{background:#fff;border:none;padding:11px 22px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dp-text-mid);cursor:pointer;border-right:1px solid #E4DECF;transition:background .3s,color .3s;}
.dxprj-filter-btn:last-child{border-right:none;}
.dxprj-filter-btn:hover{color:var(--dp-gold);}
.dxprj-filter-btn.active{background:var(--dp-black);color:var(--dp-gold-bright);}
.dxprj-select{padding:11px 16px;border:1px solid #E4DECF;background:#fff;font-size:12.5px;color:var(--dp-text-dark);min-width:180px;}
.dxprj-empty{text-align:center;color:var(--dp-text-mid);font-style:italic;padding:40px 0;}

/* Single project */
.dxprj-single{max-width:1080px;margin:0 auto;}
.dxprj-back{display:inline-block;margin-bottom:24px;font-size:12.5px;letter-spacing:.06em;color:var(--dp-gold);font-weight:600;}
.dxprj-back:hover{color:var(--dp-gold-bright);}
.dxprj-single-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.dxprj-single-brand{font-size:13px;letter-spacing:.06em;color:var(--dp-text-mid);}
.dxprj-single-media{aspect-ratio:16/8;overflow:hidden;margin-bottom:40px;background:#111;}
.dxprj-single-media img{width:100%;height:100%;object-fit:cover;}
.dxprj-single-grid{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}
.dxprj-single-h3{font-family:Georgia,'Cormorant Garamond',serif;font-size:24px;font-weight:600;margin:36px 0 16px;}
.dxprj-single-h3:first-child{margin-top:0;}
.dxprj-single-desc{font-size:14.5px;line-height:1.85;color:var(--dp-text-mid);}
.dxprj-single-desc p{margin:0 0 16px;}
.dxprj-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.dxprj-gallery-item{aspect-ratio:4/3;overflow:hidden;display:block;}
.dxprj-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--dp-ease);}
.dxprj-gallery-item:hover img{transform:scale(1.05);}

.dxprj-info-box{background:var(--dp-off-white2);border:1px solid #DDD5C5;padding:28px;margin-bottom:20px;}
.dxprj-info-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #E0D9CC;font-size:13px;}
.dxprj-info-row:last-child{border-bottom:none;padding-bottom:0;}
.dxprj-info-row span{color:var(--dp-text-mid);}
.dxprj-info-row strong{color:var(--dp-text-dark);text-align:right;font-weight:600;}
.dxprj-info-row-tags{flex-direction:column;align-items:flex-start;gap:8px;}
.dxprj-tag-list{display:flex;flex-wrap:wrap;gap:6px;}
.dxprj-tag{background:#fff;border:1px solid #DDD5C5;padding:4px 10px;font-size:11px;color:var(--dp-text-dark);}

/* Proposal form */
.dxprj-form-wrap{max-width:520px;margin:0 auto;}
.dxprj-proposal-form{background:var(--dp-black-soft);border:1px solid var(--dp-black-border);padding:40px 36px;}
.dxprj-form-title{font-family:Georgia,'Cormorant Garamond',serif;color:#fff;font-size:24px;margin:0 0 10px;font-weight:600;}
.dxprj-form-desc{color:rgba(255,255,255,.75);font-size:13.5px;line-height:1.7;margin:0 0 24px;}
.dxprj-form-row{margin-bottom:14px;}
.dxprj-proposal-form input[type=text],.dxprj-proposal-form input[type=email]{width:100%;padding:13px 16px;background:#fff;border:1px solid var(--dp-black-border);color:#111;font-size:13.5px;}
.dxprj-proposal-form input:focus{outline:none;border-color:var(--dp-gold);}
.dxprj-proposal-form button{width:100%;margin-top:6px;}
.dxprj-hp-field{position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;overflow:hidden;}
.dxprj-form-msg{margin-top:14px;font-size:13px;display:none;}
.dxprj-form-msg.success{display:block;color:#7CD992;}
.dxprj-form-msg.error{display:block;color:#E68A8A;}

/* Responsive */
@media(max-width:1000px){
  .dxprj-grid-4,.dxprj-grid-3{grid-template-columns:repeat(2,1fr);}
  .dxprj-single-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .dxprj-grid-4,.dxprj-grid-3,.dxprj-grid-2{grid-template-columns:1fr;}
  .dxprj-filters{flex-direction:column;align-items:stretch;}
  .dxprj-filter-group{justify-content:center;}
  .dxprj-gallery-grid{grid-template-columns:1fr;}
}