.dark #work{background:#080c0d;padding-top:110px;padding-bottom:90px}.dark #work .sectionhead{align-items:end;border-bottom:1px solid #d6ff7150;padding-bottom:30px;margin-bottom:0}.dark #work .sectionhead h2{color:#d6ff71;font-size:clamp(58px,8vw,118px);letter-spacing:-.075em}.dark #work .sectionhead small{font:11px monospace;color:#d6ff71}.dark #work .grid{display:block;counter-reset:sim-project;overflow:visible}.dark #work .project{counter-increment:sim-project;position:relative;display:flex;align-items:center;min-height:164px;border-bottom:1px solid #d6ff7133;background:transparent;border-radius:0;overflow:visible;transform:none!important;padding:32px 0;isolation:isolate;outline-offset:6px}.dark #work .project:before{content:'0' counter(sim-project);font:11px monospace;color:#d6ff71;align-self:flex-start;padding-top:14px;width:60px;flex-shrink:0}.dark #work .projectline{display:flex;flex-direction:column;align-items:start;gap:16px;padding:0;width:100%;position:relative;z-index:2;pointer-events:none}.dark #work .projectline strong{font-size:clamp(27px,3.6vw,58px);font-weight:500;line-height:1.05;letter-spacing:-.055em;color:#c4ccbc;max-width:80%;transition:color .2s,transform .3s}.dark #work .projectline span{font:9px monospace;letter-spacing:1px;color:#7f8b79}.dark #work .visual{position:absolute;right:3%;top:50%;width:310px;height:220px;aspect-ratio:auto;transform:translateY(-50%) scale(.94)!important;opacity:0;pointer-events:none;z-index:3;border:1px solid #d6ff7180;border-radius:0;background:#121b10;box-shadow:0 14px 60px #000a;filter:grayscale(.5);transition:opacity .16s,transform .3s}.dark #work .visual img{width:100%;height:100%;object-fit:contain}.dark #work .visual:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 4px,#d6ff7117 4px 5px);pointer-events:none}.dark #work .visual.fake,.dark #work .project-placeholder{background:#d6ff71;color:#080c0d}.dark #work .visual .type{font-size:42px;color:#080c0d}.dark #work .placeholder-number{color:#080c0d;font-size:55px}.dark #work .placeholder-caption{color:#080c0d}.dark #work .project:hover,.dark #work .project:focus-visible,.dark #work .project.preview-open{z-index:5}.dark #work .project:hover strong,.dark #work .project:focus-visible strong,.dark #work .preview-open strong{color:#d6ff71;transform:translateX(10px)}.dark #work .project:hover .visual,.dark #work .project:focus-visible .visual,.dark #work .preview-open .visual{opacity:1;transform:translateY(-50%) scale(1)!important;animation:work-signal .45s steps(1) both}.dark #work .note{color:#85917e;font:10px/1.6 monospace;margin-top:24px;max-width:650px}@keyframes work-signal{0%{opacity:0;clip-path:inset(40% 0 50%);translate:10px 0}18%{opacity:1;clip-path:inset(10% 0 45%);translate:-7px 0}35%{opacity:.3;clip-path:inset(65% 0 5%);translate:5px 0}52%{opacity:1;clip-path:inset(0);translate:-3px 0}70%{opacity:.6;translate:3px 0}100%{opacity:1;clip-path:inset(0);translate:0 0}}
@media(max-width:700px){.dark #work .project{min-height:145px}.dark #work .project:before{width:32px;padding-top:8px}.dark #work .projectline strong{max-width:95%;font-size:30px}.dark #work .visual{width:160px;height:120px;right:0;top:70%;z-index:4}.dark #work .projectline span{font-size:8px;max-width:90%;line-height:1.6}.dark #work .sectionhead h2{font-size:60px}.dark #work .project-placeholder .placeholder-caption{font-size:8px}.dark #work .visual .type{font-size:25px}}
@media(prefers-reduced-motion:reduce){.dark #work .visual{animation:none!important;transition:none}.dark #work .projectline strong{transition:none}}