.s-work .masthead{gap:20px;padding:clamp(44px,7vw,96px) 0 clamp(28px,4vw,44px);display:grid}.s-work .masthead h1{letter-spacing:-.02em;font-size:clamp(3rem,11vw,8rem);font-stretch:76%}.s-work .masthead .meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);flex-wrap:wrap;gap:8px 26px;font-size:.74rem;display:flex}.s-work .masthead .meta b{color:var(--color-link);font-weight:500}.s-work .feature{border-top:1px solid var(--color-border);grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(26px,4vw,56px);padding:clamp(20px,3vw,34px) 0 clamp(40px,6vw,72px);display:grid}.s-work .shot{border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--elevation-lg);background:var(--color-surface);transition:transform .5s var(--ease-settle), box-shadow .5s ease;overflow:hidden}.s-work .feature:hover .shot{box-shadow:var(--elevation-lg), 0 0 44px -18px color-mix(in srgb, var(--color-accent) 55%, transparent);transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){.s-work .feature:hover .shot{transform:none}}.s-work .chrome{background:color-mix(in srgb, var(--color-fg) 7%, var(--color-surface));border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:10px 14px;display:flex}.s-work .chrome .dots{gap:6px;display:flex}.s-work .chrome .dots i{background:var(--color-border-strong);border-radius:50%;width:10px;height:10px;display:block}.s-work .chrome .addr{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-fg-muted);align-items:center;gap:7px;font-size:.72rem;display:inline-flex}.s-work .chrome .addr:before{content:"🔒";font-size:.72rem}.s-work .shot img{width:100%;height:auto;display:block}.s-work .ftext .flag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-size:.68rem}.s-work .ftext h2{letter-spacing:-.025em;margin-top:12px;font-size:clamp(2.6rem,7vw,4.6rem);font-stretch:74%}.s-work .ftext .tagline{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-muted);margin-top:12px;font-size:.72rem}.s-work .ftext .sub{color:var(--color-fg-muted);max-width:42ch;margin-top:16px;font-size:clamp(1rem,1.3vw,1.15rem)}.s-work .ftext .cta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-link);align-items:center;gap:8px;margin-top:22px;font-size:.78rem;transition:gap .25s;display:inline-flex}.s-work .feature:hover .ftext .cta{gap:14px}@media (max-width:860px){.s-work .feature{grid-template-columns:1fr}}.s-work .feature-flip{grid-template-columns:.88fr 1.12fr}.s-work .feature-flip .shot{order:2}.s-work .chrome .addr.addr-app:before{content:"★";color:var(--mx-gold)}@media (max-width:860px){.s-work .feature-flip{grid-template-columns:1fr}.s-work .feature-flip .shot{order:-1}}.s-work .product-group{border-top:1px solid var(--color-border);padding:clamp(44px,7vw,86px) 0}.s-work .product-intro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:clamp(24px,5vw,72px);display:grid}.s-work .product-intro h2{margin-top:10px;font-size:clamp(2.8rem,7vw,5rem)}.s-work .product-intro>p{color:var(--color-fg-muted);max-width:48ch;font-size:clamp(1.05rem,1.4vw,1.25rem)}.s-work .product-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px;display:grid}.s-work .product-links a{border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);min-height:210px;transition:transform .35s var(--ease-settle), border-color .25s;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:22px;padding:clamp(24px,4vw,38px);display:flex}.s-work .product-links a:hover{border-color:var(--color-accent);transform:translateY(-4px)}.s-work .product-links strong{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1}.s-work .product-links a>span:last-child{color:var(--color-link);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}@media (max-width:700px){.s-work .product-intro,.s-work .product-links{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.s-work .product-links a:hover{transform:none}}.s-work .exp{border-top:1px solid var(--color-border);gap:clamp(26px,4vw,44px);padding:clamp(44px,7vw,90px) 0;display:grid}.s-work .exphead{gap:16px;display:grid}.s-work .exphead .k{color:var(--color-link)}.s-work .exphead h2{font-size:clamp(2rem,5.5vw,3.6rem);font-stretch:76%}.s-work .exphead .lead{max-width:60ch;color:var(--color-fg-muted);font-size:clamp(1.02rem,1.3vw,1.2rem)}.s-work .exphead .lead a{color:var(--color-link);text-underline-offset:4px;text-decoration:underline}.s-work .logos{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-2xl);grid-template-columns:repeat(4,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (hover:hover) and (pointer:fine){.s-work .logos{cursor:none}}.s-work .logos li{background:var(--color-surface);text-align:center;justify-content:center;align-items:center;padding:clamp(22px,3vw,36px) 12px;display:flex;position:relative;overflow:hidden}.s-work .logos li span{z-index:1;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--color-fg-muted);transition:color .3s ease, transform .3s var(--ease-settle);font-size:clamp(1.05rem,2vw,1.55rem);font-weight:800;font-stretch:82%;display:inline-block;position:relative}.s-work .logos li:before{content:"";z-index:0;opacity:0;background:linear-gradient(115deg, var(--b1,var(--color-accent)) 0%, var(--b2,var(--mx-rust)) 48%, var(--b1,var(--color-accent)) 96%);background-size:220% 220%;transition:opacity .4s;position:absolute;inset:0}.s-work .logos li:hover:before{opacity:1;animation:5s ease-in-out infinite workExpFlow}.s-work .logos li:hover span{color:var(--mx-cream-2);text-shadow:0 1px 14px #00000059;animation:1.5s ease-in-out infinite workExpPulse}@keyframes workExpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes workExpFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:760px){.s-work .logos{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.s-work .logos li:hover span{animation:none}.s-work .logos li:hover:before{opacity:1;animation:none}.s-work .logos{cursor:auto}}.s-work .expcursor{mix-blend-mode:difference;pointer-events:none;z-index:70;opacity:0;width:12px;height:12px;transition:opacity .25s ease, width .4s var(--ease-settle), height .4s var(--ease-settle);will-change:transform;background:#fff;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.s-work .expcursor.show{opacity:1}.s-work .expcursor.big{width:68px;height:68px}@media (hover:none),(prefers-reduced-motion:reduce){.s-work .expcursor{display:none}}.s-work .invite{border-top:1px solid var(--color-border);gap:18px;padding:clamp(44px,7vw,90px) 0 clamp(20px,3vw,40px);display:grid}.s-work .invite .k{color:var(--color-link)}.s-work .invite h2{font-size:clamp(2.2rem,6vw,4rem);font-stretch:76%}.s-work .invite .lead{max-width:62ch;color:var(--color-fg-muted);font-size:clamp(1.05rem,1.4vw,1.25rem)}.s-work .row3{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(20px,3vw,34px);display:grid}@media (max-width:760px){.s-work .row3{grid-template-columns:1fr}}.s-work .row3>div{border-top:2px solid var(--color-border-strong);padding-top:16px}.s-work .row3 .n{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-link);font-size:.72rem}.s-work .row3 h3{margin:10px 0 8px;font-size:1.35rem;font-stretch:82%}.s-work .row3 p{color:var(--color-fg-muted);font-size:.95rem}.s-work .band{background:var(--color-surface-inverse);color:var(--color-fg-on-inverse);border-radius:var(--radius-3xl);text-align:center;flex-direction:column;align-items:center;gap:20px;margin:clamp(48px,7vw,110px) 0;padding:clamp(36px,6vw,72px);display:flex}.s-work .band h2{color:var(--color-fg-on-inverse);font-size:clamp(2rem,6vw,4.4rem)}.s-work .band h2 span{color:var(--mx-red-soft)}.s-work .band p{color:color-mix(in srgb, var(--color-fg-on-inverse) 74%, transparent);max-width:46ch}.s-work .band .btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);background:var(--mx-red);min-height:44px;color:var(--color-accent-fg);align-items:center;padding:13px 24px;font-size:.78rem;transition:background .25s;display:inline-flex}.s-work .band .btn:hover{background:color-mix(in srgb, var(--mx-red) 82%, #000)}.s-work .pillbtn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);background:var(--color-accent);min-height:44px;color:var(--color-accent-fg);white-space:nowrap;justify-content:center;justify-self:start;align-items:center;margin-top:10px;padding:14px 26px;font-size:.78rem;transition:background .25s;display:inline-flex}.s-work .pillbtn:hover{background:var(--color-accent-hover)}.s-work .invite-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:10px;display:flex}.s-work .invite-actions .pillbtn{margin-top:0}.s-work .textbtn{min-height:44px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-link);text-underline-offset:5px;align-items:center;font-size:.78rem;text-decoration:underline;display:inline-flex}