.project-ghost-text{font-family:var(--font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px var(--ghost-color,#ffffff0f);pointer-events:none;user-select:none;white-space:nowrap;will-change:transform;z-index:0;font-size:clamp(8rem,25vw,22rem);font-weight:800;line-height:.85;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.project-ghost-text{-webkit-text-stroke-width:1px;font-size:clamp(4rem,20vw,8rem)}}.project-orb{filter:blur(100px);pointer-events:none;opacity:.12;will-change:opacity;border-radius:50%;position:absolute}.work-opening{min-height:100vh;padding-top:clamp(5rem,10vh,8rem);padding-bottom:var(--space-block);align-items:center;display:flex;position:relative;overflow:hidden}.work-opening-inner{width:100%}.work-opening-layout{grid-template-rows:auto auto;grid-template-columns:2fr 3fr;align-items:start;gap:clamp(1.5rem,3vw,2.5rem) clamp(3rem,5vw,5rem);display:grid}.work-opening-heading{grid-area:1/1}.work-opening-heading h1{letter-spacing:-.03em;margin-top:1.25rem;margin-bottom:0;font-size:clamp(3rem,5.5vw,5.5rem);line-height:.95}.work-opening-heading h1 em{color:var(--color-cm-violet-light);font-style:normal}.work-opening-image-col{grid-area:1/2/3;align-self:center}.work-opening-reveal{aspect-ratio:16/10}.work-opening-meta-col{flex-direction:column;grid-area:2/1;gap:0;display:flex}.work-opening-meta-top{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.project-num-small{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent-color,var(--color-cm-violet));opacity:.7;font-size:.75rem;font-weight:700}.project-number{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--accent-color,var(--color-cm-violet));opacity:.6;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.project-industry{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color,var(--color-cm-violet-light));margin-bottom:1rem;font-size:.6875rem;font-weight:500}.work-opening-meta-top .project-industry{margin-bottom:0}.project-name{font-family:var(--font-display);font-size:var(--font-size-h2);letter-spacing:-.025em;color:#fff;margin-bottom:.875rem;font-weight:700;line-height:1.08}.project-tagline{font-family:var(--font-display);font-size:var(--font-size-h4);letter-spacing:-.015em;color:#ffffffa6;margin-bottom:1.5rem;font-weight:600;line-height:1.3}.project-description{font-size:var(--font-size-body-lg,1.125rem);color:var(--color-cm-slate-light,#b8afc8);max-width:480px;margin-bottom:1.75rem;line-height:1.7}.project-results{flex-wrap:wrap;gap:clamp(1.25rem,3vw,2.25rem);margin-bottom:1.75rem;display:flex}.project-result-item{flex-direction:column;gap:.3rem;display:flex}.project-result-value{font-family:var(--font-display);font-size:var(--font-size-h3);letter-spacing:-.025em;color:var(--accent-color,var(--color-cm-violet));font-weight:700;line-height:1}.project-result-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff61;max-width:8rem;font-size:.625rem;line-height:1.4}.project-services{flex-wrap:wrap;align-items:center;gap:0;margin-bottom:2.25rem;display:flex}.project-service-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;font-size:.6875rem;font-weight:500}.project-service-sep{background:#fff3;border-radius:50%;flex-shrink:0;width:3px;height:3px;margin-inline:.875rem;display:inline-block}.magnetic-btn{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-small,.875rem);color:#fff;will-change:transform;transition:color .4s var(--ease-cinematic);align-items:center;gap:.75rem;padding:1rem 0;text-decoration:none;display:inline-flex;position:relative}.magnetic-btn-line{background:var(--accent-color,var(--color-cm-violet));transform-origin:0;width:100%;height:1px;transition:transform .6s var(--ease-cinematic);position:absolute;bottom:0;left:0;transform:scaleX(.3)}.magnetic-btn:hover .magnetic-btn-line{transform:scaleX(1)}.magnetic-btn-arrow{background:var(--accent-color,var(--color-cm-violet));color:#080028;width:1.5rem;height:1.5rem;transition:transform .4s var(--ease-cinematic);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.magnetic-btn:hover .magnetic-btn-arrow{transform:translate(4px)}.magnetic-btn-arrow svg{width:.75rem;height:.75rem}.project-panel{padding-top:var(--space-section);align-items:center;padding-bottom:clamp(5rem,10vw,8rem);display:flex;position:relative;overflow:hidden}@media (width<=768px){.project-panel{padding-block:var(--space-block)}}.project-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,4vw,4rem);display:grid;position:relative}.project-grid--reversed{direction:rtl}.project-grid--reversed>*{direction:ltr}@media (width<=900px){.project-grid,.project-grid--reversed{gap:var(--space-element);direction:ltr;grid-template-columns:1fr}}.project-image-wrap{position:relative;overflow:hidden}.project-image-reveal{aspect-ratio:16/10;border-radius:var(--radius-card-lg);clip-path:inset(12% round 1.5rem);will-change:clip-path;width:100%;overflow:hidden}.project-image-reveal img{object-fit:cover;width:100%;height:100%;display:block}.project-content{flex-direction:column;gap:0;display:flex}.work-section-divider{background:linear-gradient(90deg,#0000 0%,#ffffff12 30% 70%,#0000 100%);height:1px}.project-separator{background:linear-gradient(90deg,#0000 0%,#ffffff0f 20% 80%,#0000 100%);height:1px;margin-block:0}.selected-clients-section{padding-top:var(--space-section);padding-bottom:var(--space-section);position:relative}.selected-clients-header{max-width:700px;margin-bottom:clamp(2rem,4vw,3.5rem)}.selected-clients-header h2{font-size:var(--font-size-h1);letter-spacing:-.025em;margin-top:1.25rem;margin-bottom:1.5rem;line-height:1.05}.selected-clients-intro{font-size:var(--font-size-body-lg,1.125rem);color:var(--color-cm-slate-light,#b8afc8);max-width:560px;line-height:1.7}.selected-clients-list{border-top:1px solid #ffffff14}.selected-client-row{transition:background .35s var(--ease-smooth);border-bottom:1px solid #ffffff0f;grid-template-columns:3.5rem 1fr 1fr auto;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);padding-block:1.875rem;text-decoration:none;display:grid;position:relative}.selected-client-row:before{content:"";opacity:0;transition:opacity .35s var(--ease-smooth);pointer-events:none;background:#ffffff05;position:absolute;inset:0 -1.5rem}.selected-client-row:hover:before{opacity:1}.selected-client-num{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff38;font-size:.6875rem}.selected-client-info{flex-direction:column;gap:.375rem;display:flex}.selected-client-industry{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-cm-violet-light,#d433ff);font-size:.625rem}.selected-client-name{font-family:var(--font-display);font-size:var(--font-size-h4);letter-spacing:-.02em;color:#fff;transition:color .3s var(--ease-smooth);font-weight:700;line-height:1.1}.selected-client-row:hover .selected-client-name{color:#ffffffe6}.selected-client-services{font-family:var(--font-mono);letter-spacing:.05em;color:#ffffff61;font-size:.75rem;line-height:1.5}.selected-client-cta{font-family:var(--font-display);font-size:var(--font-size-small,.875rem);color:#ffffff59;white-space:nowrap;transition:color .3s var(--ease-smooth);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.selected-client-row:hover .selected-client-cta{color:#fff}.selected-client-cta svg{width:1rem;height:1rem;transition:transform .3s var(--ease-smooth);flex-shrink:0}.selected-client-row:hover .selected-client-cta svg{transform:translate(4px)}@media (width<=1100px){.work-opening-layout{column-gap:clamp(2rem,4vw,3.5rem)}}@media (width<=768px){.work-opening{padding-top:clamp(4.5rem,9vh,6rem);padding-bottom:var(--space-element);min-height:auto}.work-opening-layout{grid-template-rows:auto;grid-template-columns:1fr;row-gap:1.5rem}.work-opening-heading{grid-area:1/1}.work-opening-image-col{grid-area:2/1}.work-opening-meta-col{grid-area:3/1}}@media (width<=900px){.selected-client-row{grid-template-rows:auto auto;grid-template-columns:2.5rem 1fr auto}.selected-client-services{grid-area:2/2}.selected-client-cta{grid-row:1/3}}@media (width<=640px){.selected-client-row{grid-template-columns:1fr;gap:.5rem;padding-block:1.5rem}.selected-client-num{display:none}.selected-client-services{grid-area:auto}.selected-client-cta{color:#ffffff80;grid-row:auto;margin-top:.75rem}}@media (prefers-reduced-motion:reduce){.project-image-reveal{clip-path:inset(0%)!important}.project-ghost-text{transform:translate(-50%,-50%)!important}.magnetic-btn{will-change:auto!important}}
