.dj-wrapper{--brass:#c9a96e;--brass-light:#e8d5a3;--brass-dark:#8b6f3e;--charcoal:#0f0f0d;--charcoal-mid:#1a1a16;--charcoal-surface:#222219;--charcoal-border:#c9a96e2e;--text-primary:#f0ebe0;--text-muted:#8a8475;--text-dim:#5a5648;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",sans-serif;color:var(--text-primary);font-family:var(--sans);font-weight:300}.dj-wrapper .journey{background:var(--charcoal-mid);padding:8rem 4rem;position:relative;overflow:hidden}.dj-wrapper .journey:before{content:"PROCESS";font-family:var(--serif);color:#c9a96e0a;letter-spacing:.1em;pointer-events:none;font-size:9rem;font-weight:600;line-height:1;position:absolute;top:4rem;right:3rem}.dj-wrapper .section-header{justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:5rem;display:flex}.dj-wrapper .section-eyebrow{align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.dj-wrapper .section-eyebrow:before{content:"";background:var(--brass);width:28px;height:1px;display:block}.dj-wrapper .section-eyebrow span{letter-spacing:.25em;text-transform:uppercase;color:var(--brass);text-shadow:0 2px 8px #000000d9;font-size:.7rem}.dj-wrapper h2{font-family:var(--serif);color:var(--text-primary);margin:0;font-size:clamp(2.2rem,3.8vw,3.4rem);font-weight:300;line-height:1.15}.dj-wrapper h2 em{color:var(--brass-light);font-style:italic}.dj-wrapper .section-desc{max-width:360px;color:var(--text-muted);align-self:flex-end;margin:0;font-size:.92rem;line-height:1.8}.dj-wrapper .journey-stages{grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:relative}.dj-wrapper .journey-stages:before{content:"";background:linear-gradient(to right,var(--brass-dark),var(--brass),var(--brass-dark));z-index:1;pointer-events:none;height:1px;position:absolute;top:4rem;left:calc(33.333% - .5px);right:calc(33.333% - .5px)}.dj-wrapper .stage{padding:0 3rem 0 0;transition:transform .4s;position:relative}.dj-wrapper .stage:hover{transform:translateY(-4px)}.dj-wrapper .stage:hover .stage-visual{border-color:#c9a96e59}.dj-wrapper .stage:last-child{padding-right:0}.dj-wrapper .stage:not(:first-child){border-left:1px solid var(--charcoal-border);padding-left:3rem}.dj-wrapper .stage-number-wrap{align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.dj-wrapper .stage-number{border:1px solid var(--brass-dark);width:2rem;height:2rem;font-family:var(--serif);color:var(--brass);background:var(--charcoal-mid);z-index:2;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:400;display:flex;position:relative}.dj-wrapper .stage-connector{background:linear-gradient(to right,var(--brass-dark),transparent);flex:1;height:1px}.dj-wrapper .stage:last-child .stage-connector{display:none}.dj-wrapper .stage-visual{aspect-ratio:4/3;background:var(--charcoal-surface);border:1px solid var(--charcoal-border);width:100%;margin-bottom:2rem;transition:border-color .4s;position:relative;overflow:hidden}.dj-wrapper .stage-visual svg{width:100%;height:100%;display:block}.dj-wrapper .stage-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--brass);background:#0f0f0dd9;border:1px solid #c9a96e40;padding:.3rem .6rem;font-size:.62rem;position:absolute;top:1rem;left:1rem}.dj-wrapper h3{font-family:var(--serif);color:var(--text-primary);margin-top:0;margin-bottom:.9rem;font-size:1.5rem;font-weight:400;line-height:1.2}.dj-wrapper .stage p{color:var(--text-muted);margin-top:0;margin-bottom:1.5rem;font-size:.88rem;line-height:1.8}.dj-wrapper .stage-features{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.dj-wrapper .stage-features li{color:var(--text-dim);letter-spacing:.05em;align-items:center;gap:.6rem;font-size:.78rem;display:flex}.dj-wrapper .stage-features li:before{content:"";background:var(--brass-dark);flex-shrink:0;width:12px;height:1px;display:block}.dj-wrapper .cta-banner{border-top:1px solid var(--charcoal-border);background:url(https://conceptbuilders.sfo3.cdn.digitaloceanspaces.com/designimages/Maisonette_Contemporary_Villa5.jpg) 50%/cover no-repeat fixed;justify-content:space-between;align-items:center;gap:3rem;padding:6rem 4rem;display:flex}.dj-wrapper .cta-text h2{text-shadow:0 2px 10px #000000d9,0 4px 20px #0009;margin-bottom:.8rem}.dj-wrapper .cta-text p{color:var(--text-primary);text-shadow:0 2px 10px #000000d9;max-width:480px;margin:0;font-size:.9rem;line-height:1.8}.dj-wrapper .cta-actions{flex-shrink:0;gap:1.2rem;display:flex}.dj-wrapper .btn-primary{background:var(--brass);color:var(--charcoal);font-family:var(--sans);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:.75rem;padding:1rem 2.2rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .3s,transform .2s;display:inline-flex}.dj-wrapper .btn-primary:hover{background:var(--brass-light);transform:translateY(-1px)}.dj-wrapper .btn-primary svg{transition:transform .3s}.dj-wrapper .btn-primary:hover svg{transform:translate(4px)}.dj-wrapper .hero{align-items:flex-end;min-height:100vh;padding:0 4rem 8rem;display:flex;position:relative;overflow:hidden}.dj-wrapper .hero-bg{z-index:0;position:absolute;inset:0}.dj-wrapper .hero-bg svg{width:100%;height:100%}.dj-wrapper .hero-overlay{z-index:1;background:linear-gradient(135deg,#0f0f0de0 0%,#0f0f0d66 60%,#0f0f0dbf 100%),linear-gradient(#0000 45%,#0f0f0df7 100%);position:absolute;inset:0}.dj-wrapper .hero-content{z-index:2;max-width:780px;position:relative}.dj-wrapper .hero-eyebrow{align-items:center;gap:1rem;margin-bottom:1.8rem;animation:.8s both fadeUp;display:flex}.dj-wrapper .hero-eyebrow:before{content:"";background:var(--brass);width:40px;height:1px;display:block}.dj-wrapper .hero-eyebrow span{letter-spacing:.25em;text-transform:uppercase;color:var(--brass);font-size:.72rem}.dj-wrapper h1{font-family:var(--serif);letter-spacing:-.01em;color:var(--text-primary);margin-top:0;margin-bottom:1.8rem;font-size:clamp(3.2rem,6.5vw,6rem);font-weight:300;line-height:1.05;animation:.8s .15s both fadeUp}.dj-wrapper h1 em{color:var(--brass-light);font-style:italic}.dj-wrapper .hero-sub{color:var(--text-muted);max-width:520px;margin-top:0;margin-bottom:2.8rem;font-size:1rem;font-weight:300;line-height:1.75;animation:.8s .3s both fadeUp}.dj-wrapper .hero-actions{align-items:center;gap:2rem;animation:.8s .45s both fadeUp;display:flex}.dj-wrapper .btn-ghost{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--charcoal-border);align-items:center;gap:.6rem;padding-bottom:2px;font-size:.78rem;text-decoration:none;transition:color .3s,border-color .3s;display:inline-flex}.dj-wrapper .btn-ghost:hover{color:var(--brass);border-color:var(--brass)}.dj-wrapper .hero-stats{z-index:2;flex-direction:column;gap:2rem;animation:1s .6s both fadeIn;display:flex;position:absolute;bottom:8rem;right:4rem}.dj-wrapper .stat-item{text-align:right;border-right:1px solid var(--charcoal-border);padding-right:1.5rem}.dj-wrapper .stat-number{font-family:var(--serif);color:var(--brass-light);font-size:2.4rem;font-weight:300;line-height:1;display:block}.dj-wrapper .stat-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-top:.3rem;font-size:.68rem;display:block}.dj-wrapper .scroll-indicator{z-index:2;flex-direction:column;align-items:center;gap:.5rem;animation:1.2s 1s both fadeIn;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.dj-wrapper .scroll-indicator span{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:.65rem}.dj-wrapper .scroll-line{background:linear-gradient(to bottom,var(--brass),transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.dj-reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(40px)}.dj-reveal.dj-revealed{opacity:1;transform:translateY(0)}.dj-reveal-delay-1{transition-delay:.15s}.dj-reveal-delay-2{transition-delay:.3s}.dj-reveal-delay-3{transition-delay:.45s}@media (max-width:900px){.dj-wrapper .hero{padding:0 2rem 6rem}.dj-wrapper .hero-stats{display:none}.dj-wrapper .journey{padding:5rem 2rem}.dj-wrapper .journey:before{display:none}.dj-wrapper .section-header{flex-direction:column}.dj-wrapper .journey-stages{grid-template-columns:1fr;gap:3rem}.dj-wrapper .journey-stages:before{display:none}.dj-wrapper .stage:not(:first-child){border-left:none;border-top:1px solid var(--charcoal-border);padding-top:3rem;padding-left:0}.dj-wrapper .cta-banner{flex-direction:column;padding:4rem 2rem}}@media (max-width:480px){.dj-wrapper .hero{padding:0 1.25rem 4rem}.dj-wrapper .journey{padding:4rem 1.25rem}.dj-wrapper .cta-banner{padding:3rem 1.25rem}.dj-wrapper h1{font-size:clamp(2.5rem,10vw,3.2rem)}.dj-wrapper h2{font-size:2rem}.dj-wrapper .hero-actions{flex-direction:column;align-items:stretch;gap:1rem}.dj-wrapper .btn-primary,.dj-wrapper .btn-ghost{justify-content:center}}