/* VANTA CITY - PHASE 1: SINGLE WORK & EARN PROFESSION (buttons intentionally inactive) */
.phase1-work-only{gap:22px}
.phase1-work-only .jobs-v2-hero{min-height:246px}
.phase1-work-only .jobs-v2-hero h1{font-size:clamp(42px,5vw,72px)}
.phase1-work-only .jobs-v2-hero p{max-width:530px}
.phase1-work-only .jobs-v2-section-head{margin-top:1px}
.phase1-work-only .jobs-v2-section-head h2{font-size:26px}
.dd-job-card{display:grid;grid-template-columns:minmax(190px,280px) minmax(0,1fr);position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(252,41,77,.43);border-radius:22px;background:linear-gradient(113deg,#180b11 0%,#0c0e13 49%,#0a0b10 100%);box-shadow:0 20px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)}
.dd-job-card::after{content:"";position:absolute;pointer-events:none;right:-80px;bottom:-130px;width:55%;height:310px;background:url('./assets/bn-contour-waves.svg') center/230px repeat;opacity:.085;transform:rotate(-8deg);z-index:-1}
.dd-job-art{position:relative;min-height:318px;background:radial-gradient(circle at 50% 38%,rgba(244,36,70,.3),transparent 56%),linear-gradient(135deg,rgba(17,6,12,.2),rgba(4,7,12,.35)),url('./assets/city-hero-hd.webp') center/cover no-repeat;overflow:hidden;border-right:1px solid rgba(255,255,255,.065)}
.dd-job-art::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,11,.35),transparent 37%),linear-gradient(90deg,transparent,rgba(11,11,16,.38));z-index:2;pointer-events:none}
.dd-job-art img{position:absolute;inset:auto 0 0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 22px rgba(0,0,0,.28))}
.dd-job-body{padding:28px 30px 24px;min-width:0;display:flex;flex-direction:column;gap:0}
.dd-job-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.dd-overline{display:flex;align-items:center;gap:8px;font:800 10px/1.4 'Outfit',Arial,sans-serif;letter-spacing:.14em;color:#ff4f72}
.dd-live-dot{width:7px;height:7px;background:#ff3156;box-shadow:0 0 14px rgba(255,49,86,.6);border-radius:50%;flex:0 0 auto}
.dd-job-top h3{font:900 clamp(25px,2.4vw,35px)/1.07 'Outfit',Arial,sans-serif;color:#fff;margin:12px 0 5px;letter-spacing:-.035em}
.dd-job-category{font:600 13px/1.3 'DM Sans',Arial,sans-serif;color:#b2bbc9}
.dd-soon-badge{flex:none;border:1px solid rgba(255,85,113,.25);background:rgba(227,37,75,.09);border-radius:999px;padding:7px 11px;white-space:nowrap;font:800 9px 'Outfit',Arial,sans-serif;letter-spacing:.07em;color:#fa7894}
.dd-job-desc{color:#c6cbd7;max-width:680px;font:500 15px/1.65 'DM Sans',Arial,sans-serif;margin:21px 0 20px}
.dd-job-divider{height:1px;background:linear-gradient(90deg,rgba(249,55,89,.45),rgba(255,255,255,.07),transparent);margin-top:auto}
.dd-job-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.dd-job-btn{min-height:51px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:12px 14px;white-space:nowrap;font:800 14px/1 'Outfit',Arial,sans-serif;letter-spacing:.01em}
.dd-job-btn span{margin-left:auto}
.dd-primary{border:1px solid rgba(255,65,101,.45);background:linear-gradient(110deg,#9a1634,#dd1e47);color:#fff}
.dd-secondary{border:1px solid rgba(242,57,96,.32);background:linear-gradient(110deg,#35101e,#190e17);color:#ffdce3}
.dd-job-btn:disabled{opacity:.71;cursor:not-allowed;filter:saturate(.75)}
.dd-job-note{margin:13px 0 0;color:#8f96a5;font:500 11px/1.35 'DM Sans',Arial,sans-serif}
@media(max-width:900px){.dd-job-card{grid-template-columns:200px minmax(0,1fr)}.dd-job-art{min-height:300px}.dd-job-body{padding:24px 21px}.dd-job-actions{grid-template-columns:1fr}.dd-job-btn{min-height:46px}.dd-job-desc{margin:14px 0}}
@media(max-width:600px){.dd-job-card{grid-template-columns:1fr}.dd-job-art{height:245px;min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.dd-job-art img{height:130%;object-fit:contain;object-position:center bottom}.dd-job-body{padding:20px}.dd-job-top h3{font-size:27px}.dd-job-actions{grid-template-columns:1fr 1fr;gap:8px}.dd-job-btn{font-size:12px;padding:10px 8px;min-height:45px;gap:5px}.dd-job-btn span{display:none}.dd-overline{font-size:9px}}
@media(max-width:390px){.dd-job-actions{grid-template-columns:1fr}.dd-soon-badge{font-size:8px;padding:6px}}
@media(prefers-reduced-motion:reduce){.dd-job-card *{animation:none!important;transition:none!important}}
