.work-index{--wi-pad:var(--space-24);--wi-ease:cubic-bezier(.2, .8, .2, 1);--wi-ease-out:cubic-bezier(.16, 1, .3, 1);gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.wi-card{--glow:var(--accent-data);--grow:0px;isolation:isolate;gap:var(--space-24);min-height:360px;padding:var(--wi-pad);clip-path:inset(calc(-1 * var(--grow)));transition:clip-path .6s var(--wi-ease-out), opacity .8s var(--wi-ease), transform .8s var(--wi-ease);transition-delay:0s, var(--reveal-delay,0s), var(--reveal-delay,0s);flex-direction:column;display:flex;position:relative}@media (scripting:enabled){.wi-card:not([data-shown=true]){opacity:0;transform:translateY(24px)}}.wi-card--glow-trace{--glow:var(--accent-trace)}.wi-card--glow-none{--glow:var(--line-grid)}.wi-card:after,.wi-card:before{content:"";inset:calc(-1 * var(--grow));pointer-events:none;transition:inset .6s var(--wi-ease-out), opacity .4s var(--wi-ease);position:absolute}.wi-card:after{z-index:-3;border:var(--stroke-hairline) solid transparent;background:linear-gradient(var(--bg-panel), var(--bg-panel)) padding-box, radial-gradient(280px circle at var(--mx,50%) var(--my,0%), var(--glow), var(--line-subtle) 70%) border-box}.wi-card:before{z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--glow) 12%, transparent), transparent 60%);opacity:0}.wi-card:not(:hover):after{background:linear-gradient(var(--bg-panel), var(--bg-panel)) padding-box, linear-gradient(var(--line-subtle), var(--line-subtle)) border-box}.wi-card:hover{--grow:4px}.wi-card:hover:before{opacity:1}.wi-card__text{z-index:1;gap:var(--space-12);max-width:560px;padding-right:var(--space-48);flex-direction:column;display:flex;position:relative}@property --wi-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes wi-spin{to{--wi-spin:360deg}}.wi-btn:before,.wi-btn:after,.wi-cta:before,.wi-cta:after{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--wi-spin), color-mix(in srgb, var(--btn-glow) 30%, var(--line-strong)) 0%, color-mix(in srgb, var(--btn-glow) 30%, var(--line-strong)) 45%, var(--btn-glow) 70%, var(--text-primary) 80%, var(--btn-glow) 88%, color-mix(in srgb, var(--btn-glow) 30%, var(--line-strong)) 100%);-webkit-mask-composite:xor;opacity:0;transition:opacity .4s var(--wi-ease);position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.wi-btn:before,.wi-cta:before{padding:var(--stroke-hairline);inset:0}.wi-btn:after,.wi-cta:after{border-radius:calc(var(--radius-md) + 2px);filter:blur(1px);background:conic-gradient(from var(--wi-spin), transparent 0% 62%, var(--btn-glow) 80%, transparent 96%);padding:2px;inset:-2px}.wi-card:hover .wi-btn:before,.wi-card:hover .wi-btn:after,.wi-btn:hover:before,.wi-btn:hover:after,.wi-cta:hover:before,.wi-cta:hover:after{opacity:1;animation:3.6s linear infinite wi-spin}.wi-card:hover .wi-btn:after,.wi-btn:hover:after,.wi-cta:hover:after{opacity:.5}.wi-btn{--btn-glow:var(--glow,var(--accent-trace));width:38px;height:38px;color:var(--accent-trace);background:var(--bg-panel);border:var(--stroke-hairline) solid var(--line-strong);border-radius:var(--radius-md);transition:border-color .3s var(--wi-ease), color .3s var(--wi-ease), box-shadow .4s var(--wi-ease), transform .15s var(--wi-ease);flex:none;place-items:center;display:grid;position:relative}.wi-btn:hover,.wi-card:hover .wi-btn{color:var(--btn-glow);border-color:#0000}.wi-btn:active,.wi-card:active .wi-btn{transform:scale(.98)}.wi-expand path{transition:transform .6s var(--wi-ease-out)}.wi-card:hover .wi-expand__tr{transform:translate(1.5px,-1.5px)}.wi-card:hover .wi-expand__bl{transform:translate(-1.5px,1.5px)}.wi-card__open{top:var(--wi-pad);right:var(--wi-pad);z-index:2;position:absolute}.wi-card__media{flex:1;min-height:180px;position:relative}.wi-card__media:before{content:"";z-index:-1;background:radial-gradient(60% 55% at 50% 60%, color-mix(in srgb, var(--glow) 38%, transparent), transparent 70%);filter:blur(24px);opacity:calc(var(--glow-opacity) * 2.5);transition:opacity .6s var(--wi-ease), transform .8s var(--wi-ease);position:absolute;inset:15% 5% -20%;transform:scale(.92)}.wi-card:hover .wi-card__media:before{opacity:calc(var(--glow-opacity) * 4);transform:scale(1.05)}.wi-card__media-inner{transition:transform .8s var(--wi-ease);position:absolute;inset:0;transform:translateY(6px)}.wi-card:hover .wi-card__media-inner{transform:translateY(-4px)scale(1.015)}.wi-card--media-top{flex-direction:column-reverse}.wi-card--media-top .wi-card__text{padding-right:0}.wi-card--media-top .wi-card__open{top:auto;bottom:var(--wi-pad)}.wi-card--bleed.wi-card--media-bottom .wi-card__media{margin:0 calc(-1 * var(--wi-pad)) calc(-1 * var(--wi-pad))}.wi-card--bleed.wi-card--media-top .wi-card__media{margin:calc(-1 * var(--wi-pad)) calc(-1 * var(--wi-pad)) 0}.wi-card--media-background .wi-card__media{z-index:-2;position:absolute;inset:0}.wi-card--media-background .wi-card__media:after{content:"";background:linear-gradient(180deg, var(--bg-base) 0%, color-mix(in srgb, var(--bg-base) 40%, transparent) 55%, transparent 100%);position:absolute;inset:0}.wi-card--media-background .wi-card__media:before{display:none}@media (min-width:768px){.work-index{--wi-pad:var(--space-32);grid-template-columns:repeat(min(var(--wi-cols), 2), minmax(0, 1fr));grid-auto-rows:minmax(200px,auto)}.wi-card{grid-column:span min(var(--span-c), 2);grid-row:span var(--span-r);min-height:0}}@media (min-width:1024px){.work-index{grid-template-columns:repeat(var(--wi-cols), minmax(0, 1fr))}.wi-card{grid-column:span var(--span-c)}.wi-card--media-right,.wi-card--media-left{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:stretch;display:grid}.wi-card--media-left .wi-card__text{order:2}.wi-card--bleed.wi-card--media-right .wi-card__media{margin:calc(-1 * var(--wi-pad)) calc(-1 * var(--wi-pad)) calc(-1 * var(--wi-pad)) 0}.wi-card--bleed.wi-card--media-left .wi-card__media{margin:calc(-1 * var(--wi-pad)) 0 calc(-1 * var(--wi-pad)) calc(-1 * var(--wi-pad))}}@media (prefers-reduced-motion:reduce){.wi-card,.wi-card:before,.wi-card:after,.wi-card__media-inner,.wi-card__media:before,.wi-btn,.wi-cta,.wi-expand path{transition:none}.wi-card:hover{--grow:0px}.wi-btn:before,.wi-btn:after,.wi-cta:before,.wi-cta:after{display:none;animation:none!important}.wi-card:hover .wi-btn,.wi-btn:hover,.wi-cta:hover{border-color:var(--btn-glow)}.wi-card:hover .wi-expand__tr,.wi-card:hover .wi-expand__bl{transform:none}.wi-card{opacity:1;transform:none}}.wi-dialog{width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-32) var(--space-16);color:inherit;background:0 0;border:0;margin:0;overflow:hidden}.wi-dialog[open]{place-items:center;display:grid}.wi-dialog::backdrop{background:color-mix(in srgb, var(--bg-base) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wi-dialog__panel{width:min(1120px,100%);max-height:calc(100dvh - 2 * var(--space-32));overscroll-behavior:contain;padding:var(--space-48) var(--space-24) var(--space-24);background:var(--bg-panel);border:var(--stroke-hairline) solid var(--line-strong);position:relative;overflow:auto}.wi-dialog__close{top:var(--space-24);right:var(--space-24);z-index:1;position:absolute}.wi-dialog__content{gap:var(--space-32);display:grid}.wi-dialog__text{align-items:flex-start;gap:var(--space-24);padding-right:var(--space-48);flex-direction:column;display:flex}.wi-dialog__meta{gap:var(--space-24);width:100%;padding-top:var(--space-24);border-top:var(--stroke-hairline) solid var(--line-subtle);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.wi-dialog__media{aspect-ratio:4/3;background:var(--bg-base);border:var(--stroke-hairline) solid var(--line-subtle);min-height:280px;position:relative}.wi-cta{--btn-glow:var(--accent-trace);align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);color:var(--accent-trace);background:var(--bg-panel);border:var(--stroke-hairline) solid var(--line-strong);border-radius:var(--radius-md);transition:border-color .3s var(--wi-ease), color .3s var(--wi-ease), box-shadow .4s var(--wi-ease), transform .15s var(--wi-ease);display:inline-flex;position:relative}.wi-cta:hover{color:var(--text-primary);border-color:#0000}.wi-cta:active{transform:scale(.98)}.wi-cta svg{transition:transform .3s var(--wi-ease-out)}.wi-cta:hover svg{transform:translate(2px)}@media (min-width:1024px){.wi-dialog__panel{padding:var(--space-64)}.wi-dialog__close{top:var(--space-32);right:var(--space-32)}.wi-dialog__content{align-items:center;gap:var(--space-64);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}}