.work-page{line-height:1.62}.work-page .grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.work-page .eyebrow:before{background:var(--grad);content:"";border-radius:2px;flex-shrink:0;width:7px;height:7px}.work-mesh{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.work-mesh i{opacity:.5;filter:blur(110px);border-radius:50%;animation:36s ease-in-out infinite alternate work-drift;position:absolute}.work-mesh .m1{background:radial-gradient(circle,#ffe3e8,#0000 70%);width:520px;height:520px;top:-180px;right:-100px}.work-mesh .m2{background:radial-gradient(circle,#ffe9dc,#0000 70%);width:460px;height:460px;animation-delay:-11s;top:60px;left:-140px}@keyframes work-drift{0%{transform:translate(0)scale(1)}to{transform:translate(26px,-26px)scale(1.06)}}.work-page .reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(24px)}.work-page .reveal.in{opacity:1;transform:translateY(0)}.work-page .reveal[data-d="1"]{transition-delay:80ms}.work-page .reveal[data-d="2"]{transition-delay:.16s}.work-page .reveal[data-d="3"]{transition-delay:.24s}.work-page .mask-lines .ml{display:block;overflow:hidden}.work-page .mask-lines .ml>span{transition:transform 1s var(--ease);display:block;transform:translateY(110%)}.work-page .mask-lines.in .ml>span{transform:translateY(0)}.work-page .mask-lines .ml:nth-child(2)>span{transition-delay:90ms}.work-card{border:1px solid var(--line);transition:transform .35s var(--ease), border-color .25s ease, box-shadow .35s var(--ease);background:#fff;border-radius:18px;position:relative}.work-card:hover{border-color:#2223;transform:translateY(-4px);box-shadow:0 6px 16px #2222221f}.work-page .glow:before{z-index:0;border-radius:inherit;background:var(--grad);opacity:0;content:"";pointer-events:none;-webkit-mask-composite:xor;padding:1px;transition:opacity .5s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.work-page .glow:hover:before{opacity:.45}.cover-img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease);position:absolute;inset:0;transform:scale(1.02)}.case-card:hover .cover-img{transform:scale(1.08)}.cover-scrim{pointer-events:none;background:linear-gradient(#1414162e,#14141614 38%,#141416b8);position:absolute;inset:0}.case-logo{background:#fffffff0;border:1px solid #ffffff80;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #14141640}.case-logo:before{color:#222;content:attr(data-mono);font-family:var(--font-jetbrains-mono), monospace;justify-content:center;align-items:center;font-size:.76rem;font-weight:600;display:flex;position:absolute;inset:0}.case-logo img{z-index:1;object-fit:contain;background:#fff;width:100%;height:100%;padding:9px;position:relative}.case-metric{text-shadow:0 2px 12px #14141659}.work-page .tag-chip{border:1px solid var(--line);color:#717171;font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#f7f7f5;border-radius:9999px;align-items:center;padding:5px 11px;font-size:.6rem;display:inline-flex}.work-page .cover-chip{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border-color:#ffffff59}.filter-chip{transition:all .3s var(--ease)}.filter-chip:hover{color:#222;border-color:#222;transform:translateY(-1px)}.filter-chip.on{color:#fff;background:#222;border-color:#222;font-weight:500}.hidden-case{display:none}.num{font-variant-numeric:tabular-nums}.work-cta{position:relative;overflow:hidden}.work-cta:before{background:var(--grad);opacity:.4;content:"";filter:blur(110px);pointer-events:none;height:90%;position:absolute;inset:auto -20% -70%}@media (prefers-reduced-motion:reduce){.work-page .reveal,.work-page .mask-lines .ml>span{opacity:1!important;transform:none!important}}
