.work-page{padding-bottom:0}.work-hero{isolation:isolate;place-items:center;min-height:clamp(22rem,68vh,33rem);padding:clamp(2.5rem,8vw,4rem) 1.25rem clamp(1.5rem,4vw,2.5rem);display:grid;position:relative;overflow:hidden}.work-hero-reel{z-index:-1;filter:blur(1px)saturate(.85);opacity:.34;flex-direction:column;justify-content:center;gap:clamp(.5rem,1.2vw,.85rem);display:flex;position:absolute;inset:0}.work-hero:before{content:"";z-index:-1;background:radial-gradient(75% 62% at 50% 48%, #0a0a0af7 0%, #0a0a0ae6 38%, #0a0a0a8c 72%, #0a0a0a4d 100%), linear-gradient(180deg, var(--bg) 0%, #0a0a0a00 18%, #0a0a0a00 82%, var(--bg) 100%);position:absolute;inset:0}.work-hero-row{flex:none;gap:clamp(.5rem,1.2vw,.85rem);width:max-content;animation:58s linear infinite work-drift;display:flex}.work-hero-row-back{animation-duration:74s;animation-direction:reverse}.work-hero-row img{aspect-ratio:9/16;object-fit:cover;border-radius:.9rem;flex:none;width:auto;height:clamp(9rem,31vh,15rem)}@media (prefers-reduced-motion:reduce){.work-hero-row{animation:none}}.work-hero-copy{text-align:center;max-width:34rem;position:relative}.work-hero-copy h1{letter-spacing:-.055em;text-shadow:0 .5rem 2.5rem #0a0a0ad9;margin:.75rem 0 0;font-size:clamp(2.4rem,12vw,4.5rem);font-weight:650;line-height:.95}.work-lead{max-width:27rem;color:var(--muted);text-shadow:0 .25rem 1.5rem #0a0a0ae6;margin:1rem auto 0;font-size:1rem;line-height:1.55}.work-lead strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.work-filters{justify-content:center;gap:.5rem;padding:clamp(1.5rem,4vw,2.25rem) clamp(1.25rem,2vw,2.5rem) 1.25rem;display:flex}.work-filters::-webkit-scrollbar{display:none}.work-filter{border:1px solid var(--line);background:var(--panel);color:var(--muted);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;padding:.55rem 1.15rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.work-filter:hover{border-color:var(--line-strong);color:var(--text)}.work-filter[data-active]{background:var(--text);color:var(--bg);border-color:#ffffff47;font-weight:600}.work-canvas{padding:0 clamp(1.25rem,2vw,2.5rem) clamp(3rem,8vw,5rem)}.work-wall{align-items:flex-start;gap:clamp(.55rem,1.2vw,.9rem);display:flex}.work-col{flex-direction:column;flex:1 1 0;gap:clamp(.55rem,1.2vw,.9rem);min-width:0;display:flex}.work-piece{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:1.1rem;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.work-piece video,.work-piece img{object-fit:cover;width:100%;height:100%;display:block}.work-piece-label{text-align:left;pointer-events:none;background:linear-gradient(#0a0a0a00 0%,#0a0a0a8c 45%,#0a0a0adb 100%);gap:.1rem;padding:2.1rem .85rem .72rem;display:grid;position:absolute;inset:auto 0 0}.work-piece-label strong{color:#fff;letter-spacing:-.012em;font-size:.85rem;font-weight:600;line-height:1.2}.work-piece-label small{color:#ffffff9e;letter-spacing:.07em;text-transform:uppercase;text-wrap:balance;font-size:.62rem;line-height:1.2}.work-piece-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0a0a0a8c;border-radius:.6rem;place-items:center;width:1.85rem;height:1.85rem;display:grid;position:absolute;top:.6rem;right:.6rem}.work-piece-badge svg{fill:currentColor;width:1.05rem;height:1.05rem}.work-lightbox{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060606f0;grid-template-rows:1fr auto;place-items:center;gap:.9rem;padding:clamp(2.5rem,7vw,4rem) 1rem 1.5rem;display:grid;position:fixed;inset:0}.work-lightbox img,.work-lightbox video{object-fit:contain;border-radius:.9rem;width:auto;max-width:100%;height:auto;max-height:100%}.work-lightbox video{background:#000;width:min(100%,26rem)}.work-lightbox-caption{text-align:center;gap:.15rem;margin:0;font-size:.85rem;display:grid}.work-lightbox-caption strong{color:var(--text);font-weight:600}.work-lightbox-caption span{color:var(--faint);font-size:.72rem}.work-lightbox-close{border:1px solid var(--line);background:var(--panel);width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;top:1rem;right:1rem}.work-lightbox-close svg{width:1.05rem;height:1.05rem}.work-cta{border-top:1px solid var(--line);text-align:center;padding:clamp(3rem,9vw,5rem) 1.25rem clamp(3.5rem,9vw,5.5rem)}.work-cta h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,8vw,2.6rem);font-weight:650;line-height:1.02}.work-cta p{color:var(--muted);margin:.7rem 0 1.6rem;font-size:1rem}.work-services{border-top:1px solid var(--line-strong);width:min(100%,92rem);margin-inline:auto;padding:clamp(3.5rem,8vw,6.5rem) clamp(1.25rem,4vw,4rem)}.work-services-head{gap:1rem;max-width:42rem;margin-bottom:clamp(2.75rem,7vw,5rem);display:grid}.work-services-head h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,8vw,5.4rem);font-weight:650;line-height:.94}.work-services-head p{max-width:38rem;color:var(--muted);margin:0;font-size:clamp(.98rem,2vw,1.08rem);line-height:1.6}.work-services-layout{display:grid}.work-service-group{border-top:1px solid var(--line-strong);padding:1.65rem 0 2rem}.work-service-group h3{color:var(--text);letter-spacing:-.045em;margin:0 0 1.4rem;font-size:clamp(1.45rem,5vw,2.25rem);font-weight:600;line-height:1}.work-service-group ul{gap:.7rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.work-service-group a{width:fit-content;color:var(--muted);font-size:clamp(.92rem,2vw,1rem);line-height:1.35;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.work-service-group a:hover{color:var(--text);transform:translate(.2rem)}.work-service-group a:focus-visible,.work-services-all:focus-visible{outline:2px solid var(--text);outline-offset:.3rem;border-radius:.2rem}.work-services-all{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);color:var(--text);letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:1rem;margin-top:clamp(1.25rem,4vw,2.25rem);padding:1.2rem 0;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:600;text-decoration:none;display:flex}.work-services-all svg{flex:none;width:1.1rem;height:1.1rem;transition:transform .22s cubic-bezier(.16,1,.3,1)}.work-services-all:hover svg{transform:translate(.2rem,-.2rem)}.work-services-all:active{transform:scale(.99)}@media (min-width:34rem){.work-service-group:first-child ul,.work-service-group:nth-child(2) ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.work-services-layout{grid-template-columns:repeat(12,minmax(0,1fr))}.work-service-group:first-child{border-right:1px solid var(--line-strong);grid-area:1/1/span 2/8;padding:2rem clamp(2.5rem,5vw,5rem) 2rem 0}.work-service-group:nth-child(2),.work-service-group:nth-child(3){grid-column:8/-1;padding:2rem 0 2rem clamp(2rem,4vw,4rem)}.work-service-group:nth-child(2) ul{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (prefers-reduced-motion:reduce){.work-service-group a,.work-services-all,.work-services-all svg{transition:none}.work-service-group a:hover,.work-services-all:hover svg,.work-services-all:active{transform:none}}
