#work .feature-card{border:1px solid #292929;border-radius:20px;overflow:hidden;background:#111;transition:border-color .45s,box-shadow .45s}#work .feature-visual{border-radius:0;aspect-ratio:16/8.4;isolation:isolate}#work .feature-visual video{transition:transform .8s cubic-bezier(.22,1,.36,1);transform:scale(1)}#work .feature-card:hover .feature-visual video,#work .feature-card:focus-visible .feature-visual video{transform:scale(1.045)}#work .card-caption{padding:21px 26px 24px;align-items:center;border-top:1px solid #222;transition:background .4s}#work .card-caption p{display:flex;gap:24px;margin:0 0 8px;font-size:11px;line-height:1.5;letter-spacing:.02em;color:#999}#work .card-caption h2{font-size:24px;line-height:1.35;font-weight:400;letter-spacing:-.025em;max-width:none}#work .card-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid #3a3a3a;border-radius:50%;font-size:21px;color:#ddd;transition:transform .4s,background .4s,color .4s,border-color .4s}#work .feature-card:hover,#work .feature-card:focus-visible{border-color:#555}#work .feature-card:hover .card-arrow,#work .feature-card:focus-visible .card-arrow{background:var(--accent);border-color:var(--accent);color:#111;transform:rotate(45deg)}#work .view-case{display:flex;gap:22px;align-items:center;pointer-events:none;transition:opacity .25s,transform .35s,background .3s;bottom:24px;right:24px}#work .study-card{border:1px solid #262626;border-radius:16px;background:#101010;transition:border-color .4s}#work .study-media{position:relative;overflow:hidden;background:#080808}#work .study-card video{display:block;border-radius:0;aspect-ratio:16/10;transition:transform .7s cubic-bezier(.22,1,.36,1);filter:none!important}#work .study-card:hover video,#work .study-card:focus-visible video{transform:scale(1.05)}#work .study-caption{padding:18px 21px;align-items:center}#work .study-caption h3{font-size:18px;font-weight:400;line-height:1.4;letter-spacing:-.025em}#work .study-caption>span{transition:color .3s,transform .3s}#work .study-card:hover .study-caption>span{color:var(--accent);transform:translate(2px,-2px)}#work .study-card:hover{border-color:#555}#work .study-view{position:absolute;bottom:18px;right:18px;font-size:11px;padding:10px 15px;border-radius:30px;background:#eee;color:#111;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none}#work .study-card:hover .study-view,#work .study-card:focus-visible .study-view{opacity:1;transform:translateY(0)}@media(hover:hover) and (pointer:fine){#work .feature-card.pointer-ready .view-case{left:var(--pointer-x,50%);top:var(--pointer-y,50%);right:auto;bottom:auto;transform:translate(-50%,-50%) scale(.9);opacity:0;background:#f1f0ec;white-space:nowrap}#work .feature-card.pointer-ready.pointer-inside .view-case{opacity:1;transform:translate(-50%,-50%) scale(1)}#work .feature-card:focus-visible .view-case{opacity:1!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}}@media(max-width:700px){#work .feature-card{border-radius:14px}#work .feature-visual{aspect-ratio:4/3}#work .card-caption{padding:17px 17px 19px;gap:12px}#work .card-caption h2{font-size:20px;line-height:1.3}#work .card-caption p{gap:12px;font-size:10px;flex-wrap:wrap;margin-bottom:7px}#work .card-arrow{width:32px;height:32px;flex-shrink:0;font-size:18px}#work .study-caption{padding:13px 12px}#work .study-caption h3{font-size:14px}#work .study-card{border-radius:12px}#work .study-card video{aspect-ratio:1/1}#work .study-view{display:none}#work .view-case{font-size:11px;padding:11px 16px;right:15px;bottom:15px}}@media(prefers-reduced-motion:reduce){#work *{transition:none!important}#work .feature-card:hover video,#work .study-card:hover video{transform:none}#work .view-case{left:auto!important;top:auto!important;right:20px!important;bottom:20px!important;transform:none!important;opacity:1!important}}
#work .card-arrow{font-family:Arial,Helvetica,sans-serif;font-variant-emoji:text}
#work .card-arrow svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){#work .card-arrow svg{width:15px;height:15px}}