.work-page{--accent:var(--brand-bright);position:relative}.work-hero{padding:clamp(160px,22vh,265px) 0 clamp(20px,4vh,40px)}.work-hero-title{font-size:clamp(2.2rem,4.6vw,3.6rem);max-width:18ch}.work-feature{padding:clamp(28px,5vh,56px) 0}.work-projects{display:flex;flex-direction:column;gap:clamp(56px,9vh,104px)}.browser,.work-project{display:block}.browser{border-radius:16px;overflow:hidden;position:relative;border:1px solid var(--glass-border);background:var(--surface);box-shadow:var(--shadow);transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s ease}.browser:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--brand) 55%,transparent)}.browser-bar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-elev);border-bottom:1px solid var(--line)}.browser-dots{display:flex;gap:7px}.browser-dots span{width:11px;height:11px;border-radius:50%;background:var(--line-strong)}.browser-url{flex:1 1;max-width:420px;padding:7px 14px;border-radius:999px;background:var(--bg-deep);border:1px solid var(--line);font-family:var(--font-mono),monospace;font-size:.82rem;color:var(--text-2)}.browser-shot{position:relative;aspect-ratio:1440/900;overflow:hidden}.browser-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.browser-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-deep) 55%,transparent);opacity:0;transition:opacity .3s ease}.browser:hover .browser-overlay{opacity:1}.browser-overlay .pill{font-size:1rem;padding:12px 22px;background:var(--brand);color:var(--brand-contrast);border:0}.work-caption{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:flex-start;justify-content:space-between;margin-top:26px}.work-cap-text{max-width:54ch}.work-cap-title{font-family:var(--font-display),sans-serif;font-weight:700;font-size:1.5rem;color:var(--text);margin:0 0 6px}.work-tags{display:flex;flex-wrap:wrap;gap:8px}.work-soon{padding:clamp(20px,4vh,40px) 0 clamp(64px,10vh,110px)}.work-soon-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.work-soon-tile{border:1px dashed var(--line-strong);border-radius:18px;min-height:200px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--text-3);text-align:center;padding:24px;background:color-mix(in srgb,var(--bg-elev) 60%,transparent)}.work-soon-tile .pill{background:transparent}.work-cta{text-align:center;padding-bottom:clamp(64px,10vh,110px)}@media (max-width:760px){.work-soon-grid{grid-template-columns:1fr}}