/* Dual Forge / Project portfolio details
   Official identity stays in the shared site CSS. No fake application screenshots. */
.project-deep-hero.page-hero{padding:77px 0 85px}
.project-deep-heading{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(30px,4.5vw,68px);align-items:center;margin-top:36px}
.project-deep-heading h1{font-size:clamp(3.05rem,5vw,5.7rem);letter-spacing:-.06em;line-height:1.055;margin:22px 0}
.project-deep-heading p{font-size:1.035rem;line-height:1.8;color:#b7bec7;max-width:700px}
.project-deep-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:31px}
.project-deep-actions .button{min-height:50px}
.project-deep-status{margin-top:27px;display:inline-flex;align-items:center;gap:9px;color:#d9bd91;border:1px solid rgba(226,180,99,.32);background:rgba(197,140,51,.045);padding:9px 14px;font:.65rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.project-deep-status::before{content:"";width:5px;height:5px;border-radius:100%;background:#dbaf65;box-shadow:0 0 8px rgba(229,185,96,.48)}
.project-deep-status--online{color:#c0ddc4;border-color:rgba(135,185,134,.3)}
.project-deep-status--online::before{background:#9cc7a0;box-shadow:0 0 9px rgba(156,199,160,.44)}
.project-deep-image{margin:0;position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.25/1;border:1px solid rgba(223,184,117,.37);background:#0e141c;box-shadow:0 26px 72px rgba(0,0,0,.38),0 0 33px rgba(226,169,72,.04)}
.project-deep-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.075) saturate(.95)}
.project-deep-image::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(5,9,14,.83));pointer-events:none}
.project-deep-image figcaption{position:absolute;z-index:2;bottom:17px;left:18px;right:18px;color:#ecd09d;font:.57rem/1.6 var(--mono);letter-spacing:.06em}
.project-deep-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.project-deep-tag{padding:9px 13px;color:#d6c4a4;font:.62rem var(--mono);letter-spacing:.075em;border:1px solid rgba(223,184,117,.29);background:rgba(211,155,77,.035)}
.project-deep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.project-deep-card{min-height:235px;display:flex;flex-direction:column;padding:30px 31px;background:linear-gradient(130deg,#151a22,#0c1118);border:1px solid var(--white-stroke);position:relative;overflow:hidden;transition:transform .25s,border-color .25s}
.project-deep-card::after{content:"";position:absolute;top:0;right:0;width:75px;height:1px;background:linear-gradient(90deg,transparent,rgba(223,184,117,.64))}
.project-deep-card:hover{transform:translateY(-3px);border-color:rgba(223,184,117,.39)}
.project-deep-count{color:var(--gold);font:.67rem var(--mono);letter-spacing:.07em}
.project-deep-card h3{margin:24px 0 12px;font:600 1.5rem/1.19 var(--display);letter-spacing:-.035em}
.project-deep-card p{color:#aeb7c2;font-size:.91rem;line-height:1.75;margin:0}
.project-deep-state{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-deep-state>div{padding:clamp(28px,3vw,44px);border:1px solid var(--white-stroke);background:linear-gradient(145deg,#151b22,#0c1016)}
.project-deep-state>div:first-child{border-color:rgba(223,184,117,.35)}
.project-deep-label{font:.66rem var(--mono);color:var(--gold);letter-spacing:.1em}
.project-deep-state h3{font:600 1.82rem var(--display);letter-spacing:-.04em;margin:21px 0 13px}
.project-deep-state p{font-size:.93rem;line-height:1.8;color:#abb6c1}
.project-deep-state .inline-link{margin-top:14px}
.project-deep-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.project-deep-related{padding:29px 28px;border:1px solid var(--white-stroke);display:flex;align-items:center;justify-content:space-between;gap:14px;color:#d4dce2;background:linear-gradient(138deg,#141a21,#0c1017);font:600 1.24rem var(--display);transition:border-color .25s,background .25s}
.project-deep-related:hover{border-color:rgba(223,184,117,.48);background:linear-gradient(135deg,#1c222a,#10141a)}
.project-deep-related .arrow-icon{color:var(--gold);width:22px;height:22px;flex:none}
.project-deep-footer{margin-top:33px}
.project-deep-back{display:inline-flex;align-items:center;gap:10px;color:var(--gold-hi);font:700 .71rem var(--mono);text-transform:uppercase;letter-spacing:.055em;padding:5px 0;border-bottom:1px solid rgba(223,184,117,.4)}
.project-deep-back .arrow-icon{width:18px;height:18px;transform:rotate(180deg)}
.project-deep-back:hover{border-color:var(--gold)}
@media(max-width:1100px){.project-deep-heading{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:26px}.project-deep-heading h1{font-size:clamp(2.8rem,5.2vw,4.6rem)}}
@media(max-width:980px){.project-deep-heading{grid-template-columns:1fr;gap:30px}.project-deep-image{max-width:900px;aspect-ratio:1.7/1}.project-deep-hero.page-hero{padding:68px 0}}
@media(max-width:680px){.project-deep-grid,.project-deep-state,.project-deep-related-grid{grid-template-columns:1fr}.project-deep-card{min-height:0}.project-deep-image{aspect-ratio:1.35/1}}
@media(max-width:560px){.project-deep-hero.page-hero{padding:53px 0 66px}.project-deep-heading{margin-top:28px}.project-deep-heading h1{font-size:clamp(2.7rem,11.3vw,4.4rem)}.project-deep-heading p{font-size:.97rem}.project-deep-actions{display:grid;grid-template-columns:1fr}.project-deep-actions .button{width:100%}.project-deep-image{aspect-ratio:1.18/1}.project-deep-image figcaption{font-size:.5rem;bottom:11px;left:12px;right:12px}.project-deep-card{padding:26px 24px}.project-deep-state>div{padding:27px 24px}.project-deep-related{font-size:1.15rem;padding:23px}}
@media(prefers-reduced-motion:reduce){.project-deep-card,.project-deep-related{transition:none}.project-deep-card:hover{transform:none}}