.work-index-root{background:var(--void);position:relative}.wp-intro{padding-top:clamp(8rem,15vw,11rem);padding-bottom:2rem}.work-dot-nav{z-index:40;flex-direction:column;align-items:center;gap:1.1rem;display:flex;position:fixed;top:50%;right:clamp(1.4rem,3vw,2.8rem);transform:translateY(-50%)}.work-dot{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .3s,border-color .3s,transform .3s;position:relative}.work-dot:before{content:"";position:absolute;inset:-8px}.work-dot:after{content:attr(data-label);font-family:var(--font-mono), monospace;letter-spacing:.04em;white-space:nowrap;color:var(--ash);background:var(--graphite);border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:3px;padding:.32rem .6rem;font-size:.72rem;transition:opacity .25s,transform .25s;position:absolute;top:50%;right:calc(100% + .9rem);transform:translateY(-50%)translate(6px)}.work-dot:hover{border-color:var(--pulse);transform:scale(1.2)}.work-dot:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.work-dot.active{background:var(--pulse);border-color:var(--pulse);transform:scale(1.3)}@media (max-width:900px){.work-dot-nav{display:none}}.wp-project-section{border-top:1px solid var(--line);align-items:center;min-height:100vh;padding:clamp(4rem,8vw,6rem) 0;display:flex}.wp-project-section:first-of-type{border-top:none}.wp-project-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2.5rem,6vw,5.5rem);display:grid}.wp-project-reverse .wp-project-grid{grid-template-columns:.95fr 1.05fr}.wp-project-reverse .wp-project-image-frame{order:2}.wp-project-reverse .wp-project-content{order:1}.wp-project-image-frame{aspect-ratio:4/5;border:1px solid var(--line);background:#0a0a0f;border-radius:4px;width:100%;position:relative;overflow:hidden}.wp-project-image-frame img{filter:saturate(.92)contrast(1.03)}.wp-project-content{flex-direction:column;align-items:flex-start;display:flex}.wp-project-index{font-family:var(--font-mono), monospace;letter-spacing:.1em;color:var(--pulse);margin-bottom:.9rem;font-size:.78rem}.wp-project-category{margin-bottom:.6rem}.wp-project-title{color:var(--bone);flex-wrap:wrap;align-items:center;gap:.5rem;max-width:16ch;margin-bottom:1.1rem;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.12;display:flex}.wp-project-link-icon{color:#3b82f6;opacity:1;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,color .2s;display:inline-flex}.wp-project-link-icon:hover{color:#60a5fa;transform:translate(2px,-2px)}.wp-project-desc{color:var(--ash);max-width:52ch;font-size:clamp(.96rem,1.2vw,1.04rem);line-height:1.75}.wp-project-stack{flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;display:flex}.wp-chip{font-family:var(--font-mono), monospace;border:1px solid var(--line);color:var(--bone);background:var(--void);border-radius:999px;padding:.38rem .72rem;font-size:.76rem}.wp-project-divider{background:var(--line);transform-origin:0;width:100%;height:1px;margin:2rem 0;display:block}.wp-testimonial-mini{align-items:flex-start;gap:.9rem;display:flex}.wp-testimonial-mini-mark{font-family:var(--font-display), sans-serif;color:var(--pulse);opacity:.5;flex-shrink:0;font-size:2.4rem;line-height:1;transform:translateY(-.1em)}.wp-testimonial-mini blockquote{color:var(--bone);font-size:.98rem;line-height:1.6}.wp-testimonial-mini footer{font-family:var(--font-mono), monospace;color:var(--ash);margin-top:.6rem;font-size:.76rem}@media (max-width:900px){.wp-project-grid,.wp-project-reverse .wp-project-grid{grid-template-columns:1fr;gap:2rem}.wp-project-reverse .wp-project-image-frame,.wp-project-reverse .wp-project-content{order:initial}.wp-project-image-frame{aspect-ratio:16/11}.wp-project-section{min-height:auto}}@media (max-width:560px){.wp-project-title{max-width:none}.wp-testimonial-mini{gap:.6rem}}@media (prefers-reduced-motion:reduce){.work-dot,.work-dot:after{transition:none!important}}