.project-coming{position:relative}.project-coming .visual{position:relative;isolation:isolate}.project-coming .visual>img{filter:saturate(.96) contrast(1.02)}.coming-overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;overflow:hidden;background:rgba(4,4,4,.72);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.coming-overlay::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(to bottom,transparent 0 6px,rgba(255,255,255,.05) 6px 7px),linear-gradient(90deg,transparent 0 12%,rgba(215,255,63,.10) 12.2%,transparent 12.5% 63%,rgba(53,243,255,.08) 63.2%,transparent 63.5%);transform:translateY(-6%)}.coming-overlay::after{content:"PROJECT_STATUS // BUILDING // VANS_RPG // CASE_IN_PROGRESS //";position:absolute;left:0;right:0;bottom:12%;white-space:nowrap;overflow:hidden;color:rgba(215,255,63,.42);font:9px "Courier New",monospace;letter-spacing:.18em;text-align:center;opacity:0}.coming-label{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:min(78%,420px);padding:18px 22px;border:1px solid rgba(215,255,63,.45);background:rgba(7,7,7,.72);color:#f5f2e9;font:700 clamp(24px,4vw,58px)/.9 Arial,Helvetica,sans-serif;letter-spacing:-.04em;text-transform:uppercase;text-shadow:0 0 18px rgba(215,255,63,.12);opacity:0;transform:translateY(18px) scale(.96)}.project-coming.is-coming .coming-overlay{opacity:1;visibility:visible}.project-coming.is-coming .coming-overlay::before{animation:comingScan .95s steps(1,end) forwards}.project-coming.is-coming .coming-overlay::after{animation:comingCode 1.25s steps(1,end) forwards}.project-coming.is-coming .coming-label{animation:comingLabel 1.25s cubic-bezier(.2,.8,.2,1) forwards}.project-coming.is-coming .visual>img{animation:comingImage 1.25s steps(1,end) forwards}@keyframes comingLabel{0%{opacity:0;transform:translateY(18px) scale(.96);filter:blur(8px)}12%{opacity:1;transform:translateY(0) scale(1.03);filter:none}20%{transform:translateX(-6px) skewX(-2deg)}24%{transform:translateX(4px) skewX(1deg)}32%,72%{opacity:1;transform:none;filter:none}78%{opacity:.3;transform:translateX(8px)}82%{opacity:1;transform:translateX(-3px)}100%{opacity:0;transform:translateY(-10px);filter:blur(4px)}}@keyframes comingScan{0%,9%,16%,41%,48%,73%,80%,100%{opacity:.9;transform:translateY(-6%)}10%{opacity:.25;transform:translateY(-4%) translateX(8px)}42%{opacity:.35;transform:translateY(-9%) translateX(-10px)}74%{opacity:.18;transform:translateY(-2%) translateX(6px)}}@keyframes comingCode{0%,12%{opacity:0;transform:translateY(10px)}20%,72%{opacity:1;transform:none}78%{opacity:.2;transform:translateX(14px)}84%{opacity:.85;transform:translateX(-7px)}100%{opacity:0;transform:translateY(-8px)}}@keyframes comingImage{0%,100%{transform:scale(1);filter:saturate(.96) contrast(1.02)}12%{transform:scale(1.025);filter:saturate(.9) contrast(1.15)}18%{transform:scale(1.015) translateX(2px)}24%{transform:scale(1.02) translateX(-2px)}70%{transform:scale(1.02)}85%{transform:scale(1.01)}}@media(max-width:820px){.coming-label{min-width:78%;padding:15px 16px;font-size:clamp(25px,8vw,40px)}.coming-overlay::after{font-size:7px;letter-spacing:.10em}}@media(prefers-reduced-motion:reduce){.project-coming.is-coming .coming-overlay,.project-coming.is-coming .coming-label,.project-coming.is-coming .coming-overlay::before,.project-coming.is-coming .coming-overlay::after,.project-coming.is-coming .visual>img{animation:none!important}.project-coming.is-coming .coming-overlay,.project-coming.is-coming .coming-label{opacity:1;visibility:visible}}