@property --bs{syntax:'<length>';inherits:true;initial-value:0px}
@property --b1{syntax:'<length>';inherits:true;initial-value:0px}
@property --b2{syntax:'<length>';inherits:true;initial-value:0px}
@property --b3{syntax:'<length>';inherits:true;initial-value:0px}
@keyframes dIn{0%{--dm:conic-gradient(#000 0 25%,transparent 0)}25%{--dm:repeating-conic-gradient(#000 0 25%,transparent 0 50%)}50%{--dm:conic-gradient(transparent 0 25%,#000 0)}75%,100%{--dm:linear-gradient(#000 0 0)}}
@keyframes dOut{0%{--dm:conic-gradient(transparent 0 25%,#000 0)}33%{--dm:repeating-conic-gradient(#000 0 25%,transparent 0 50%)}66%,100%{--dm:conic-gradient(#000 0 25%,transparent 0)}}
@keyframes dIn2{0.0%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3C/svg%3E")}12.5%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3C/svg%3E")}25.0%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}37.5%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}50.0%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}62.5%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}75.0%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}87.5%,100%{--dm:linear-gradient(#000 0 0)}}
@keyframes dOut2{0.0%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}14.29%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}28.57%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}42.86%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}57.14%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E")}71.43%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3C/svg%3E")}85.71%,100%{--dm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3C/svg%3E")}}
.card:where(#work *,.npair *){cursor:url(img/home/cursor-pen.png) 2 2,pointer}
.collage{position:relative;max-width:1320px;margin:0 auto;aspect-ratio:1320/2490}
.card:where(#work *,.npair *){position:absolute;left:calc(var(--x) / 1320 * 100%);top:calc(var(--y) / 2490 * 100%);width:calc(var(--w) / 1320 * 100%);aspect-ratio:var(--w) / var(--h);display:block;border-radius:24px;overflow:hidden;background:#FFFFFF;box-shadow:0 0 0 1px rgba(21,19,17,.07),0 1px 1px rgba(21,19,17,.03),0 2px 4px -1px rgba(21,19,17,.04),0 12px 28px -14px rgba(21,19,17,.12);text-decoration:none;color:var(--ink)}
.card:where(#work *,.npair *)>img,.card:where(#work *,.npair *)>picture,.card:where(#work *,.npair *)>picture>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph>img{transform:scale(1.02);transition:transform 1.6s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){.card:where(#work *,.npair *):hover>img.ph,.card:where(#work *,.npair *):hover>picture.ph>img{transform:scale(1.06)}}
.c-gift .ct,.c-styl .ct,.c-sun .ct{left:12%;right:12%;text-align:center}
.c-gift .title,.c-styl .title,.c-sun .title{font-size:26px;max-width:none}
.card:where(#work *,.npair *)>.vwin{position:absolute;left:var(--l);top:var(--t);width:var(--w2);aspect-ratio:1152/762;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,.14),0 26px 54px rgba(8,14,30,.4);transition:transform 1s cubic-bezier(.22,1,.36,1),translate 1.5s cubic-bezier(.16,1,.3,1) .1s}
@media (hover:hover){.card:where(#work *,.npair *):hover>.vwin{transform:translateY(-6px)}}
.js .card:where(#work *,.npair *)>.vwin{translate:0 40px}
.js .card:where(#work *,.npair *).in>.vwin{translate:0 0}
.card:where(#work *,.npair *)>img.ui,.card:where(#work *,.npair *)>img.lift{height:auto;object-fit:fill;left:var(--l);top:var(--t);width:var(--w2);transition:transform 1s cubic-bezier(.22,1,.36,1),box-shadow 1s cubic-bezier(.22,1,.36,1),translate 1.5s cubic-bezier(.16,1,.3,1) .1s}
.card:where(#work *,.npair *)>img.ui{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.08)) drop-shadow(0 8px 16px rgba(20,16,10,.08))}
.card:where(#work *,.npair *).lit>img.ui{filter:drop-shadow(0 2px 3px rgba(0,0,0,.12)) drop-shadow(0 22px 40px rgba(20,16,10,.28))}@media (hover:hover){.card:where(#work *,.npair *):hover>img.ui{filter:drop-shadow(0 2px 3px rgba(0,0,0,.12)) drop-shadow(0 22px 40px rgba(20,16,10,.28))}}
.card:where(#work *,.npair *)>img.phone{border-radius:14% / 6.5%;outline:1px solid rgba(255,255,255,.35);outline-offset:-1px;filter:none;box-shadow:0 0 0 1px rgba(21,19,17,.06),0 1px 2px rgba(0,0,0,.07),0 8px 18px -6px rgba(20,16,10,.10)}
.card:where(#work *,.npair *)>img.win.d{border-radius:10px;filter:none;box-shadow:0 0 0 1px rgba(21,19,17,.06),0 1px 2px rgba(0,0,0,.07),0 8px 18px -6px rgba(20,16,10,.10)}
.card:where(#work *,.npair *).lit>img.phone,.card:where(#work *,.npair *).lit>img.win.d{box-shadow:0 2px 3px rgba(0,0,0,.12),0 24px 48px rgba(20,16,10,.30)}@media (hover:hover){.card:where(#work *,.npair *):hover>img.phone,.card:where(#work *,.npair *):hover>img.win.d{box-shadow:0 2px 3px rgba(0,0,0,.12),0 24px 48px rgba(20,16,10,.30)}}
.card:where(#work *,.npair *)>img.lift{border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.10),0 30px 60px -12px rgba(20,16,10,.45)}
@media (hover:hover){.card:where(#work *,.npair *):hover>img.ui{transform:translateY(-6px)}}
.card:where(#work *,.npair *)>.uilive{position:absolute;left:var(--l);top:var(--t);width:var(--w2);overflow:hidden;opacity:0;pointer-events:none;transition:opacity .6s ease,transform 1s cubic-bezier(.22,1,.36,1),translate 1.5s cubic-bezier(.16,1,.3,1) .1s}
.card:where(#work *,.npair *).lit>.uilive.on{opacity:1}@media (hover:hover){.card:where(#work *,.npair *):hover>.uilive.on{opacity:1}}
.card:where(#work *,.npair *)>.uilive iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:transparent}
.card:where(#work *,.npair *)>.uilive.phone{border-radius:14% / 6.5%}
@media (hover:hover){.card:where(#work *,.npair *):hover>.uilive{transform:translateY(-6px)}}
.js .card:where(#work *,.npair *)>.uilive{translate:0 40px}
.js .card:where(#work *,.npair *).in>.uilive{translate:0 0}
@media (hover:hover){.card:where(#work *,.npair *):hover>img.lift{transform:translateY(-14px);box-shadow:0 2px 4px rgba(0,0,0,.10),0 40px 70px -12px rgba(20,16,10,.5)}}
.card:where(#work *,.npair *).dark{color:#fff}
.card:where(#work *,.npair *).dark .meta{color:rgba(255,255,255,.78)}
.c-gift .meta,.c-styl .meta,.c-sun .meta,.c-sol .meta{color:#4A443D}
.c-prov{background:#FFFFFF}
.c-prov .ph,.c-prov .ph img{object-position:100% 100%}
.c-prov .ui{--l:4%;--t:39%;--w2:70%}
.c-gift{background:#FFFFFF}
.c-gift .ph{object-position:50% 50%}
.c-gift .ui{--l:28.5%;--t:36%;--w2:43%}
.c-styl{background:#FFFFFF}
.c-styl .ph{object-position:50% 50%}
.c-styl .ui{--l:27%;--t:36%;--w2:46%}
.c-sol{background:#FFFFFF}
.c-sol .ph,.c-sol .ph img{object-position:100% 0}
.c-sol .ui.d{--l:5%;--t:45%;--w2:62%}
.c-sol .ui.p{--l:50%;--t:55%;--w2:15%}
.c-jv{background:#FFFFFF}
.c-jv .ph,.c-jv .ph img,.c-jv .sk,.c-jv .sk img{object-position:100% 60%}
.c-jv .ui{--l:4%;--t:39%;--w2:56%}
.c-jv .title{max-width:52%}
.c-jv.lit .meta{color:#2E3A28}@media (hover:hover){.c-jv:hover .meta{color:#2E3A28}}
.c-sun{background:#FFFFFF}
.c-sun .ph{height:118%;object-position:50% 0}
.c-sun .ui{--l:31%;--t:37%;--w2:38%}
.card:where(#work *,.npair *)>.sk,.card:where(#work *,.npair *)>picture.sk>img{transition:opacity .9s cubic-bezier(.22,1,.36,1)}
.card:where(#work *,.npair *)>.sk{opacity:.6}
.card:where(#work *,.npair *).lit>.sk{opacity:0}@media (hover:hover){.card:where(#work *,.npair *):hover>.sk{opacity:0}}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1)}
.card:where(#work *,.npair *).lit>img.ph,.card:where(#work *,.npair *).lit>picture.ph{opacity:1}@media (hover:hover){.card:where(#work *,.npair *):hover>img.ph,.card:where(#work *,.npair *):hover>picture.ph{opacity:1}}
.c-prov .ct,.c-prov .meta{transition:color .9s cubic-bezier(.22,1,.36,1)}
.c-prov.lit .ct{color:#fff}@media (hover:hover){.c-prov:hover .ct{color:#fff}}
.c-prov.lit .meta{color:rgba(255,255,255,.78)}@media (hover:hover){.c-prov:hover .meta{color:rgba(255,255,255,.78)}}
.c-prov .sk,.c-prov .sk img{object-position:100% 100%}
.c-sol .sk img{object-position:100% 0}
.c-sun .sk{height:118%;object-position:50% 0}
@media (min-width:900px){
.c-prov .ph,.c-prov .sk{transform-origin:0 75%;scale:1.08}
.c-sol .ph,.c-sol .sk{transform-origin:0 45%;scale:1.08}
}
.js .card:where(#work *,.npair *){opacity:0;transform:translateY(56px);clip-path:inset(10% 0 0 0 round 24px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.16,1,.3,1),clip-path 1.3s cubic-bezier(.16,1,.3,1),translate .42s cubic-bezier(.34,1.56,.64,1),scale .42s cubic-bezier(.34,1.56,.64,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}
.js .card:where(#work *,.npair *)>img.ui,.js .card:where(#work *,.npair *)>img.lift{translate:0 40px}
.js .card:where(#work *,.npair *).in{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 24px)}
.js .card:where(#work *,.npair *).in>img.ui,.js .card:where(#work *,.npair *).in>img.lift{translate:0 0}
:where(.card:where(#work *,.npair *),.sc) .ct{position:absolute;left:32px;top:30px;right:32px;z-index:3}
:where(.card:where(#work *,.npair *),.sc) .meta{font-size:18px;color:var(--mute)}
:where(.card:where(#work *,.npair *),.sc) .title{font-size:31px;line-height:1.12;font-weight:500;letter-spacing:-.025em;margin-top:8px;max-width:400px;text-wrap:balance}
.c-prov .title,.c-sol .title{max-width:52%}
.about .title{max-width:560px}
.work.is-stack .collage{display:none}
.sct .meta{width:100%}
.sct .title{font-size:30px;max-width:none;margin:0}
@media (max-width:899px){
.sct .title{font-size:22px}
.c-prov .ui{--l:6%;--t:46%;--w2:118%}
.c-sol .ui.d{--l:5%;--t:50%;--w2:116%}
.c-sol .ui.p{--l:58%;--t:56%;--w2:30%}
.c-prov .ph img,.c-prov .sk img{object-position:30% 0}
.c-sol .ph img,.c-sol .sk img{object-position:20% 0}
.c-prov .title,.c-sol .title,.c-jv .title{max-width:84%}
.c-jv .ui{--l:6%;--t:46%;--w2:118%}
.c-jv .ph,.c-jv .ph img,.c-jv .sk,.c-jv .sk img{object-position:72% 60%}
.c-gift .ct,.c-styl .ct,.c-sun .ct{left:10%;right:10%}
.card:where(#work *,.npair *){cursor:auto}
.collage{aspect-ratio:auto;display:flex;flex-direction:column;gap:16px}
.card:where(#work *,.npair *){position:relative;left:auto;top:auto;width:100%;aspect-ratio:4/5}
:where(.card:where(#work *,.npair *),.sc) .title{font-size:26px}
:where(.card:where(#work *,.npair *),.sc) .meta{font-size:17px}
:where(.card:where(#work *,.npair *),.sc) .ct{left:24px;top:24px;right:24px}
}
@media (min-width:600px) and (max-width:899px){
.collage{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.collage .card:where(#work *,.npair *){width:auto}
}
@media (prefers-reduced-motion:reduce){
.card:where(#work *,.npair *)>img{transition:none}
.js .card:where(#work *,.npair *){opacity:1;transform:none;clip-path:none}
.js .card:where(#work *,.npair *)>img.ui,.js .card:where(#work *,.npair *)>img.lift{translate:none}
}
.vcur{position:fixed;left:0;top:0;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--ink);color:#FFFFFF;font-size:15px;font-family:Figtree,system-ui,sans-serif;font-weight:500;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:60;opacity:0;transition:opacity .25s ease}
.vcur.on{opacity:1}
html.vc .card:where(#work *,.npair *){cursor:none}
.card:where(#work *,.npair *){box-shadow:0 0 0 1px rgba(21,19,17,.14),0 1px 2px rgba(21,19,17,.08),0 3px 8px -3px rgba(21,19,17,.10),0 26px 48px -26px rgba(21,19,17,.30);--mx:420px;--my:300px;transition:--bs 1.15s cubic-bezier(.45,.05,.25,1)}
.js .card:where(#work *,.npair *){transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.16,1,.3,1),clip-path 1.3s cubic-bezier(.16,1,.3,1),translate .42s cubic-bezier(.34,1.56,.64,1),scale .42s cubic-bezier(.34,1.56,.64,1),box-shadow .42s cubic-bezier(.22,1,.36,1),--bs 1.15s cubic-bezier(.45,.05,.25,1)}
@media (hover:hover){
.card:where(#work *,.npair *):hover{translate:0 -6px;scale:1.012;box-shadow:0 0 0 1px rgba(21,19,17,.14),0 2px 4px rgba(21,19,17,.10),0 38px 64px -28px rgba(21,19,17,.36)}
}
.card:where(#work *,.npair *).lit{--bs:var(--bmax,1800px)}@media (hover:hover){.card:where(#work *,.npair *):hover{--bs:var(--bmax,1800px)}}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph{opacity:1!important;-webkit-mask-image:url(img/home/brush-mask.png);mask-image:url(img/home/brush-mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--bs) var(--bs);mask-size:var(--bs) var(--bs);-webkit-mask-position:calc(var(--mx) - var(--bs) / 2) calc(var(--my) - var(--bs) / 2);mask-position:calc(var(--mx) - var(--bs) / 2) calc(var(--my) - var(--bs) / 2)}
.card:where(#work *,.npair *)>.sk{transition:opacity .9s cubic-bezier(.22,1,.36,1) .15s}
@media (prefers-reduced-motion:reduce){
.card:where(#work *,.npair *),.js .card:where(#work *,.npair *){transition:none}
@media (hover:hover){.card:where(#work *,.npair *):hover{translate:none;scale:none}}
}
.js .card:where(#work *,.npair *),.card:where(#work *,.npair *){
  box-shadow:0 0 0 1px rgba(21,19,17,.18),0 1px 2px rgba(21,19,17,.10),0 6px 14px -6px rgba(21,19,17,.14),0 34px 60px -30px rgba(21,19,17,.32);
  transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.16,1,.3,1),clip-path 1.3s cubic-bezier(.16,1,.3,1),
    translate .7s cubic-bezier(.22,1,.36,1),scale .7s cubic-bezier(.22,1,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1),
    --bs 1.35s cubic-bezier(.65,.05,.36,1)}
@media (hover:hover){
.card:where(#work *,.npair *):hover{box-shadow:0 0 0 1px rgba(21,19,17,.18),0 2px 4px rgba(21,19,17,.12),0 44px 70px -30px rgba(21,19,17,.38)}
}
.card:where(#work *,.npair *)>img.ui,.card:where(#work *,.npair *)>img.phone,.card:where(#work *,.npair *)>img.win.d,.card:where(#work *,.npair *)>.uilive{
  transition:filter .9s cubic-bezier(.4,0,.2,1) .35s,box-shadow .9s cubic-bezier(.4,0,.2,1) .35s,transform .9s cubic-bezier(.22,1,.36,1),opacity .6s ease .35s}
@media (prefers-reduced-motion:reduce){
.card:where(#work *,.npair *),.card:where(#work *,.npair *)>img.ui,.card:where(#work *,.npair *)>img.phone,.card:where(#work *,.npair *)>img.win.d,.card:where(#work *,.npair *)>.uilive{transition:none}
}
.card:where(#work *,.npair *){border-radius:19px}
.js .card:where(#work *,.npair *){clip-path:inset(10% 0 0 0 round 19px)}
.js .card:where(#work *,.npair *).in{clip-path:inset(0 0 0 0 round 19px)}
:where(.card:where(#work *,.npair *),.sc) .ct{left:44px;top:42px;right:44px}
:where(.card:where(#work *,.npair *),.sc) .ct .title{margin-top:10px}
@media (max-width:899px){
.collage{gap:22px}
:where(.card:where(#work *,.npair *),.sc) .ct{left:28px;top:28px;right:28px}
.c-gift .ct,.c-styl .ct,.c-sun .ct{left:10%;right:10%}
}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph{
  -webkit-mask-image:
    radial-gradient(circle at var(--mx) var(--my),#000 calc(var(--bs) * .30),rgba(0,0,0,.55) calc(var(--bs) * .40),transparent calc(var(--bs) * .50)),
    radial-gradient(circle at calc(var(--mx) + 9%) calc(var(--my) - 7%),#000 calc(var(--bs) * .22),transparent calc(var(--bs) * .40)),
    radial-gradient(circle at calc(var(--mx) - 8%) calc(var(--my) + 8%),#000 calc(var(--bs) * .20),transparent calc(var(--bs) * .38));
  mask-image:
    radial-gradient(circle at var(--mx) var(--my),#000 calc(var(--bs) * .30),rgba(0,0,0,.55) calc(var(--bs) * .40),transparent calc(var(--bs) * .50)),
    radial-gradient(circle at calc(var(--mx) + 9%) calc(var(--my) - 7%),#000 calc(var(--bs) * .22),transparent calc(var(--bs) * .40)),
    radial-gradient(circle at calc(var(--mx) - 8%) calc(var(--my) + 8%),#000 calc(var(--bs) * .20),transparent calc(var(--bs) * .38));
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.js .card:where(#work *,.npair *),.card:where(#work *,.npair *){transition-property:opacity,transform,clip-path,translate,scale,box-shadow,--bs;--bmax:2600px}
.js .card:where(#work *,.npair *){transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.16,1,.3,1),clip-path 1.3s cubic-bezier(.16,1,.3,1),translate .7s cubic-bezier(.22,1,.36,1),scale .7s cubic-bezier(.22,1,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1),--bs 1.05s cubic-bezier(.3,.1,.2,1)}
.js .card:where(#work *,.npair *),.card:where(#work *,.npair *){transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.16,1,.3,1),clip-path 1.3s cubic-bezier(.16,1,.3,1),translate .7s cubic-bezier(.22,1,.36,1),scale .7s cubic-bezier(.22,1,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1),
  --b1 1.25s cubic-bezier(.3,.1,.2,1) 0s,--b2 1.15s cubic-bezier(.3,.1,.2,1) .14s,--b3 1.05s cubic-bezier(.3,.1,.2,1) .28s}
.card:where(#work *,.npair *).lit{--b1:var(--bmax,2600px);--b2:calc(var(--bmax,2600px) * .72);--b3:calc(var(--bmax,2600px) * .6)}@media (hover:hover){.card:where(#work *,.npair *):hover{--b1:var(--bmax,2600px);--b2:calc(var(--bmax,2600px) * .72);--b3:calc(var(--bmax,2600px) * .6)}}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph{
  -webkit-mask-image:url(img/home/bloom-a.png),url(img/home/bloom-b.png),url(img/home/bloom-c.png);mask-image:url(img/home/bloom-a.png),url(img/home/bloom-b.png),url(img/home/bloom-c.png);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:var(--b1) var(--b1),var(--b2) var(--b2),var(--b3) var(--b3);mask-size:var(--b1) var(--b1),var(--b2) var(--b2),var(--b3) var(--b3);
  -webkit-mask-position:calc(var(--mx) - var(--b1) / 2) calc(var(--my) - var(--b1) / 2),calc(var(--mx) + 18% - var(--b2) / 2) calc(var(--my) - 14% - var(--b2) / 2),calc(var(--mx) - 16% - var(--b3) / 2) calc(var(--my) + 12% - var(--b3) / 2);
  mask-position:calc(var(--mx) - var(--b1) / 2) calc(var(--my) - var(--b1) / 2),calc(var(--mx) + 18% - var(--b2) / 2) calc(var(--my) - 14% - var(--b2) / 2),calc(var(--mx) - 16% - var(--b3) / 2) calc(var(--my) + 12% - var(--b3) / 2)}
.card:where(#work *,.npair *)>.ph.wet{filter:saturate(1.35) brightness(.78) contrast(1.06)}
.card:where(#work *,.npair *)>.ph.wet{-webkit-mask-size:calc(var(--b1) * 1.07) calc(var(--b1) * 1.07),calc(var(--b2) * 1.08) calc(var(--b2) * 1.08),calc(var(--b3) * 1.09) calc(var(--b3) * 1.09);mask-size:calc(var(--b1) * 1.07) calc(var(--b1) * 1.07),calc(var(--b2) * 1.08) calc(var(--b2) * 1.08),calc(var(--b3) * 1.09) calc(var(--b3) * 1.09);
  -webkit-mask-position:calc(var(--mx) - var(--b1) * .535) calc(var(--my) - var(--b1) * .535),calc(var(--mx) + 18% - var(--b2) * .54) calc(var(--my) - 14% - var(--b2) * .54),calc(var(--mx) - 16% - var(--b3) * .545) calc(var(--my) + 12% - var(--b3) * .545);
  mask-position:calc(var(--mx) - var(--b1) * .535) calc(var(--my) - var(--b1) * .535),calc(var(--mx) + 18% - var(--b2) * .54) calc(var(--my) - 14% - var(--b2) * .54),calc(var(--mx) - 16% - var(--b3) * .545) calc(var(--my) + 12% - var(--b3) * .545)}
.card:where(#work *,.npair *)>.grain{position:absolute;inset:0;background:url(img/home/paper-grain.png) 0 0/256px 256px repeat;mix-blend-mode:multiply;opacity:.55;pointer-events:none;transition:opacity 1.3s cubic-bezier(.4,0,.2,1) .2s}
.card:where(#work *,.npair *).lit>.grain{opacity:.12}@media (hover:hover){.card:where(#work *,.npair *):hover>.grain{opacity:.12}}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph>img{transition:transform 1.6s cubic-bezier(.22,1,.36,1)}
.card:where(#work *,.npair *).lit>img.ph,.card:where(#work *,.npair *).lit>picture.ph>img{transform:scale(1.08)}@media (hover:hover){.card:where(#work *,.npair *):hover>img.ph,.card:where(#work *,.npair *):hover>picture.ph>img{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){
.card:where(#work *,.npair *)>.ph.wet,.card:where(#work *,.npair *)>.grain{display:none}
}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph{-webkit-mask-image:none!important;mask-image:none!important;clip-path:inset(100% 0 0 0);transition:clip-path .8s cubic-bezier(.65,0,.35,1)}
.card:where(#work *,.npair *).lit>img.ph,.card:where(#work *,.npair *).lit>picture.ph{clip-path:inset(0 0 0 0);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.card:where(#work *,.npair *):hover>img.ph,.card:where(#work *,.npair *):hover>picture.ph{clip-path:inset(0 0 0 0);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1)}}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph>img{transform:scale(1.07);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.card:where(#work *,.npair *).lit>img.ph,.card:where(#work *,.npair *).lit>picture.ph>img{transform:scale(1)}@media (hover:hover){.card:where(#work *,.npair *):hover>img.ph,.card:where(#work *,.npair *):hover>picture.ph>img{transform:scale(1)}}
.card:where(#work *,.npair *)>.ph.wet{display:none}
.card:where(#work *,.npair *)>.sk{transition:opacity .9s cubic-bezier(.4,0,.2,1) .1s}
@media (prefers-reduced-motion:reduce){
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph{transition:none}
}
@media (hover:hover) and (pointer:fine) and (min-width:900px){
.card:where(#work *,.npair *){cursor:url(img/home/cur-view.png) 3 2,pointer;cursor:-webkit-image-set(url(img/home/cur-view.png) 1x,url(img/home/cur-view@2x.png) 2x) 3 2,pointer;cursor:image-set(url(img/home/cur-view.png) 1x,url(img/home/cur-view@2x.png) 2x) 3 2,pointer}
}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph{clip-path:none!important;opacity:1!important;transition:none!important;--dm:linear-gradient(transparent 0 0);
  -webkit-mask-image:var(--dm)!important;mask-image:var(--dm)!important;-webkit-mask-size:2px 2px!important;mask-size:2px 2px!important;
  -webkit-mask-repeat:repeat!important;mask-repeat:repeat!important;-webkit-mask-position:0 0!important;mask-position:0 0!important}
.card:where(#work *,.npair *).hv>.ph,.card:where(#work *,.npair *).lit>.ph{--dm:linear-gradient(#000 0 0);animation:dIn .48s steps(1,end)}
.card:where(#work *,.npair *).ho>.ph{animation:dOut .36s steps(1,end)}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph>img{transform:scale(1.03);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.card:where(#work *,.npair *).hv>img.ph,.card:where(#work *,.npair *).hv>picture.ph>img,.card:where(#work *,.npair *).lit>img.ph,.card:where(#work *,.npair *).lit>picture.ph>img{transform:scale(1)}
.card:where(#work *,.npair *)>.sk{transition:opacity .45s cubic-bezier(.4,0,.2,1) .12s}
.card:where(#work *,.npair *).hv>.sk,.card:where(#work *,.npair *).lit>.sk{opacity:0;transition:opacity .22s linear .04s}@media (hover:hover){.card:where(#work *,.npair *):hover>.sk{opacity:0;transition:opacity .22s linear .04s}}
@media (prefers-reduced-motion:reduce){
.card:where(#work *,.npair *).hv>.ph,.card:where(#work *,.npair *).lit>.ph,.card:where(#work *,.npair *).ho>.ph{animation:none}
}
.js .card:where(#work *,.npair *):not(:hover),.card:where(#work *,.npair *):not(:hover){box-shadow:0 0 0 .5px rgba(21,19,17,.16),0 1px 1px rgba(21,19,17,.10),0 2px 4px -1px rgba(21,19,17,.10),0 10px 20px -10px rgba(21,19,17,.20),0 28px 46px -30px rgba(21,19,17,.30)}
:where(.card:where(#work *,.npair *),.sc) .ct{left:48px;top:46px;right:48px}
@media (max-width:899px){
:where(.card:where(#work *,.npair *),.sc) .ct{left:31px;top:31px;right:31px}
.collage{gap:24px}
.c-gift .ct,.c-styl .ct,.c-sun .ct{left:11%;right:11%}
}
:where(.card:where(#work *,.npair *),.sc) .ct .meta{display:flex;align-items:center;gap:10px}
.c-gift .ct .meta,.c-styl .ct .meta,.c-sun .ct .meta{justify-content:center}
.clogo{width:22px;height:22px;flex:none;object-fit:contain;border-radius:6px}
@media (max-width:899px){
.clogo{width:20px;height:20px;border-radius:5px}
}
.js .card:where(#work *,.npair *),.card:where(#work *,.npair *){transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.16,1,.3,1),clip-path 1.3s cubic-bezier(.16,1,.3,1),translate .7s cubic-bezier(.22,1,.36,1),scale .7s cubic-bezier(.22,1,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1)}
.js .card:where(#work *,.npair *).in{clip-path:inset(-140px -140px -140px -140px round 19px)}
.js .card:where(#work *,.npair *):not(:hover),.card:where(#work *,.npair *):not(:hover){box-shadow:0 0 0 .5px rgba(21,19,17,.15),0 1px 0 rgba(21,19,17,.05),0 3px 0 -1px rgba(21,19,17,.045),0 10px 18px -12px rgba(21,19,17,.22),0 26px 40px -30px rgba(21,19,17,.26)}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph{-webkit-mask-size:4px 4px!important;mask-size:4px 4px!important}
.card:where(#work *,.npair *).hv>.ph,.card:where(#work *,.npair *).lit>.ph{animation:dIn2 .36s steps(1,end)}
.card:where(#work *,.npair *).ho>.ph{animation:dOut2 .3s steps(1,end)}
.card:where(#work *,.npair *).hv>.sk,.card:where(#work *,.npair *).lit>.sk{transition:opacity .28s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.card:where(#work *,.npair *):hover>.sk{transition:opacity .28s cubic-bezier(.4,0,.2,1)}}
@media (prefers-reduced-motion:reduce){
.card:where(#work *,.npair *).hv>.ph,.card:where(#work *,.npair *).lit>.ph,.card:where(#work *,.npair *).ho>.ph{animation:none}
}
@media (min-width:900px){
.c-prov .ui,.c-prov .uilive,.c-prov .vwin{--l:4%;--t:39%;--w2:49.7%}
.c-jv .ui,.c-jv .uilive,.c-jv .vwin{--l:4%;--t:39%;--w2:46.9%}
.c-sol .ui.d,.c-sol .uilive,.c-sol .vwin{--l:5%;--t:45%;--w2:45%}
.c-sol .ui.p{--l:37.8%;--t:52.3%;--w2:11%}
}
.card:where(#work *,.npair *){contain:paint}
.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph{will-change:transform}
@media (min-width:900px){
:where(.card:where(#work *,.npair *),.sc) .ct{left:56px;top:52px;right:56px}
.c-gift .ct,.c-styl .ct{left:12%;right:12%}
.c-sun .ct{left:14%;right:14%}
.c-sun .title{font-size:24px}
.c-sun .ui{--t:29.5%}
}
@media (min-width:900px){
.c-prov .ui{--l:7.18%;--t:40.2%;--w2:47.5%}
.c-jv .ui{--l:7.18%;--t:40.2%;--w2:44.9%}
.c-sol .ui.d{--l:7.78%;--t:43.55%;--w2:46.4%}
.c-sol .ui.p{--l:48.6%;--t:54.8%;--w2:11%}
.c-gift .ui{--l:28.5%;--t:35.6%;--w2:43%}
.c-styl .ui{--l:28.5%;--t:33.9%;--w2:43%}
.c-sun .ui{--l:28.5%;--t:33.1%;--w2:43%}
}
.card:where(#work *,.npair *).about{container-type:size}
.card:where(#work *,.npair *).lit>img.phone,.card:where(#work *,.npair *).lit>img.win.d,.card:where(#work *,.npair *).lit>img.ui{box-shadow:0 1px 2px rgba(20,16,10,.08),0 14px 30px -14px rgba(20,16,10,.22)}@media (hover:hover){.card:where(#work *,.npair *):hover>img.phone,.card:where(#work *,.npair *):hover>img.win.d,.card:where(#work *,.npair *):hover>img.ui{box-shadow:0 1px 2px rgba(20,16,10,.08),0 14px 30px -14px rgba(20,16,10,.22)}}
@media (min-width:900px){
:where(.card:where(#work *,.npair *),.sc) .ct{left:64px;top:60px;right:64px}
.c-gift .ct,.c-styl .ct,.c-sun .ct{left:14%;right:14%}
}
.card:where(#work *,.npair *)>.uilive.on.ulp{opacity:1}

@media (min-width:900px){
  .collage.npair{aspect-ratio:var(--cw) / var(--ch);width:calc(var(--cw) / 1320 * min(1320px, 100vw - 120px));max-width:none;margin:56px 0 24px;position:relative;left:50%;translate:-50% 0}
  .npair .card:where(#work *,.npair *){left:calc(var(--x) / var(--cw) * 100%);top:calc(var(--y) / var(--ch) * 100%);width:calc(var(--w) / var(--cw) * 100%)}
}
@media (max-width:899px){.collage.npair{margin:28px 0 8px;width:calc(100vw - 32px);position:relative;left:50%;translate:-50% 0}}
@media (min-width:600px) and (max-width:899px){.collage.npair{width:calc(100vw - 64px)}}

.collage.npair{--ink:#151311;--mute:#6A645C;font-family:Figtree,system-ui,sans-serif;font-size:16px;line-height:normal;letter-spacing:normal;color:#151311}
.collage.npair .card.in{max-width:none;margin:0;padding:0}
.collage.npair .card .ct{bottom:auto}
.collage.npair .card .meta:not(#_){font-family:inherit;line-height:inherit;letter-spacing:inherit;font-size:18px!important}
.npair .ct{font-family:inherit;color:inherit}
.collage.npair .card>.ph{display:block;font-size:inherit}
.collage.npair .card>.phone,.collage.npair .card>.win{background:transparent;overflow:clip}
.collage.npair .card>.uilive{overflow:hidden}
.collage.npair .card>.uilive{box-shadow:none}
.collage.npair .card>img.win:not(.d),.collage.npair .card>.uilive.win{border-radius:0}
.npair img.win{box-shadow:none}
@media (hover:hover){.collage.npair .card:hover:not(#_){color:var(--ink)}}
@media (max-width:899px){.collage.npair .card .meta:not(#_){font-size:17px!important}}

@media (min-width:900px){
:where(.card:where(#work *,.npair *),.sc) .ct{left:clamp(36px,4.45vw,64px);top:clamp(30px,4.17vw,60px);right:clamp(36px,4.45vw,64px)}
:where(.card:where(#work *,.npair *),.sc) .title{font-size:clamp(24px,2.16vw,31px)}
}

@media (min-width:900px){
:where(.card:where(#work *,.npair *)).c-prov .ct,:where(.card:where(#work *,.npair *)).c-sol .ct,:where(.card:where(#work *,.npair *)).c-jv .ct,:where(.card:where(#work *,.npair *)).about .ct{left:clamp(56px,6.67vw,96px);top:clamp(36px,4.6vw,66px);right:clamp(56px,6.67vw,96px)}
}
@media (max-width:899px){
:where(.card:where(#work *,.npair *)).c-prov .ct,:where(.card:where(#work *,.npair *)).c-sol .ct,:where(.card:where(#work *,.npair *)).c-jv .ct,:where(.card:where(#work *,.npair *)).about .ct{left:36px;right:36px;top:32px}
}
@media (min-width:900px){:where(.card:where(#work *,.npair *)):is(.c-prov,.c-sol,.c-jv) .ct .title{max-width:min(420px,100%)}}

.vtap{display:none;font-family:Figtree,system-ui,sans-serif}
.tapm .card:where(#work *,.npair *)>.vtap{position:absolute;right:14px;bottom:14px;z-index:3;width:64px;height:64px;border-radius:50%;background:var(--ink,#151311);color:#FFFFFF;
  font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:scale(.6);
  box-shadow:0 8px 20px -10px rgba(21,19,17,.5);transition:opacity .18s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}
.tapm .card:where(#work *,.npair *).act>.vtap{opacity:1;transform:none;transition-delay:.16s}
@media (prefers-reduced-motion:reduce){.tapm .card:where(#work *,.npair *)>.vtap{transition:opacity .2s;transform:none}}

.card:where(#work *,.npair *):active{transform:none}

@media (min-width:900px){.collage.npair.nall{width:var(--gw,calc(100vw - 48px))}

.collage.npair.nall .card .ct{left:22px!important;top:22px!important;right:22px!important}
.collage.npair.nall .card .meta:not(#_){font-size:15px!important}
.collage.npair.nall .card .title{font-size:17px!important;line-height:1.3!important}}

@media (hover:none),(pointer:coarse){.js .card:where(#work *,.npair *){clip-path:inset(0 0 0 0 round 24px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.16,1,.3,1)}}

.js .card:where(#work *,.npair *):not(:hover),.card:where(#work *,.npair *):not(:hover){box-shadow:0 0 0 .5px rgba(21,19,17,.15),0 1px 0 rgba(21,19,17,.05),0 3px 0 -1px rgba(21,19,17,.045),0 6px 12px -8px rgba(21,19,17,.16),0 14px 24px -16px rgba(21,19,17,.14)}

.card:where(#work *,.npair *)>img.ph,.card:where(#work *,.npair *)>picture.ph{-webkit-mask-image:none!important;mask-image:none!important;opacity:0!important;animation:none!important;transition:opacity .22s ease,transform 1.6s cubic-bezier(.22,1,.36,1)!important}
.card:where(#work *,.npair *).hv>.ph,.card:where(#work *,.npair *).lit>.ph{opacity:1!important}
@media (hover:hover){.card:where(#work *,.npair *):hover>.ph{opacity:1!important}}
.card:where(#work *,.npair *).hv>.sk,.card:where(#work *,.npair *).lit>.sk{transition:opacity .22s ease}@media (hover:hover){.card:where(#work *,.npair *):hover>.sk{transition:opacity .22s ease}}
.card:where(#work *,.npair *)>.uilive{transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s,transform 1s cubic-bezier(.22,1,.36,1),translate 1.5s cubic-bezier(.16,1,.3,1) .1s}