.sp-work-lead{padding-block:4rem 1rem}.sp-work-lead p{max-width:40rem;color:var(--muted);margin-top:1rem;line-height:1.55}.sp-case{isolation:isolate;position:relative;overflow:hidden}.sp-case.sp-night:before{content:"";z-index:-1;background:radial-gradient(55% 60% at 80% 40%,#465cff5c,#0000 70%),radial-gradient(40% 45% at 0 100%,#f0781829,#0000 70%);position:absolute;inset:0}.sp-case-in{--p:0;gap:2.5rem;padding-block:4rem;display:grid}.sp-case-name{text-transform:uppercase;text-wrap:balance;font-size:clamp(2.75rem,1.2rem + 6vw,6.5rem);line-height:.92}.sp-case-words p{max-width:32rem;color:var(--muted);margin-top:1.5rem;font-size:1.0625rem;line-height:1.6}.sp-case-words ul{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.sp-case-words li{border:1px solid var(--foreground);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.35rem .85rem;font-size:.75rem;font-weight:600}.sp-case-link{color:var(--accent);text-underline-offset:4px;margin-top:1.75rem;font-weight:600;text-decoration:underline;display:inline-block}.sp-case-link span{transition:transform .2s;display:inline-block}.sp-case-link:hover span{transform:translate(.3rem)}.sp-case-frame{min-width:0;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.sp-case.sp-night .sp-case-frame{border-color:#f7f4ec59}.sp-case-frame:hover{transform:translateY(-.4rem)}.sp-case .sp-site-view{aspect-ratio:720/520}.sp-case .sp-site-view img{transform:translateY(calc(clamp(0, (var(--p) - .25) * 2.4, 1) * var(--max) * -1%));will-change:transform}@media (min-width:900px){.sp-case-in{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:4rem;padding-block:7rem}.sp-case[data-flip] .sp-case-words{order:2}}.sp-work-unnamed{border-top:1px solid var(--border);padding-block:3rem}.sp-work-unnamed div{max-width:34rem}.sp-work-unnamed .section-title{font-size:clamp(1.5rem,1rem + 1.6vw,2.25rem);line-height:1}.sp-work-unnamed p{color:var(--muted);margin-top:.5rem;font-size:1.0625rem;line-height:1.55}.sp-own{padding-block:4rem}.sp-own ul{gap:2rem;margin-top:2.5rem;display:grid}.sp-own li{min-width:0}.sp-own-pic{aspect-ratio:4/3;border:1px solid var(--foreground);background:var(--putty);box-shadow:var(--shadow-card);border-radius:.8rem;overflow:hidden}.sp-own-pic img{object-fit:cover;object-position:top;width:100%;max-width:none;height:100%;transition:transform .6s}.sp-own li:hover .sp-own-pic img{transform:scale(1.04)}.sp-own-pic[data-fit=hand] img{object-fit:contain;object-position:center bottom}.sp-own .section-title{margin-top:1.4rem;font-size:1.375rem}.sp-own li p{color:var(--muted);margin-top:.5rem;line-height:1.55}@media (min-width:760px){.sp-own{padding-block:6rem}.sp-own ul{grid-template-columns:repeat(3,minmax(0,1fr))}}