.hp3 .fy-sec{background:#fff;color:#0a0a0b}.hp3 .fy-tiles{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.hp3 .fy-tile{position:relative;isolation:isolate;display:block;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:#1c1c1e;color:#fff!important}.hp3 .fy-work{aspect-ratio:2/3}.hp3 .fy-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .5s ease}.hp3 .fy-tile:hover .fy-img{transform:scale(1.04)}.hp3 .fy-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,11,0) 28%,rgba(10,10,11,.5) 58%,rgba(10,10,11,.9))}.hp3 .fy-work .fy-shade{background:linear-gradient(180deg,rgba(10,10,11,0) 30%,rgba(10,10,11,.62) 52%,rgba(10,10,11,.92))}.hp3 .fy-tag{left:14px;top:14px;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:rgba(10,10,11,.62);color:#fff;font-size:13px;line-height:1;font-weight:500}.hp3 .fy-body,.hp3 .fy-tag{position:absolute;z-index:2}.hp3 .fy-body{left:20px;right:16px;bottom:18px}.hp3 .fy-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.hp3 .fy-txt{min-width:0;padding-right:4px}.hp3 .fy-k{font-size:13px;line-height:18px;font-weight:600;color:rgba(255,255,255,.8)}.hp3 .fy-t{margin-top:2px;font-size:28px;line-height:32px;font-weight:600;letter-spacing:-.025em}.hp3 .fy-l{margin-top:6px;font-size:15px;line-height:21px;color:rgba(255,255,255,.88);text-wrap:pretty}.hp3 .fy-go{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:#fff;color:#0a0a0b;transition:transform .2s ease}.hp3 .fy-go svg{width:20px;height:20px}.hp3 .fy-tile:hover .fy-go{transform:translateX(3px)}.hp3 .fy-marks{margin-top:16px;padding:14px 4px 0 0;border-top:1px solid rgba(255,255,255,.18)}.hp3 .fy-marks-k{font-size:12px;line-height:16px;color:rgba(255,255,255,.6)}.hp3 .fy-logos{margin-top:10px;flex-wrap:wrap;gap:10px 20px}.hp3 .fy-logos,.hp3 .fy-logos li{display:flex;align-items:center}.hp3 .fy-logos img{width:auto;height:calc(var(--h) * .88px);opacity:.64}.hp3 .fy-note{margin-top:10px;font-size:11px;line-height:14px;color:rgba(255,255,255,.45)}@media (min-width:768px){.hp3 .fy-tiles{margin-top:56px;gap:20px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto}.hp3 .fy-tile{aspect-ratio:4/3;border-radius:28px}.hp3 .fy-work{grid-row:1/3;aspect-ratio:auto;min-height:0}.hp3 .fy-tag{left:20px;top:20px}.hp3 .fy-body{left:28px;right:24px;bottom:28px}.hp3 .fy-k{font-size:14px;line-height:20px}.hp3 .fy-t{font-size:34px;line-height:38px}.hp3 .fy-l{font-size:16px;line-height:23px}.hp3 .fy-go{width:48px;height:48px}.hp3 .fy-marks{margin-top:22px;padding-top:18px}.hp3 .fy-marks-k{font-size:13px;line-height:18px}.hp3 .fy-logos{margin-top:12px;gap:12px 24px}.hp3 .fy-logos img{height:calc(var(--h) * 1px)}.hp3 .fy-note{margin-top:12px}}