#hpf{margin:0}#hpf .hpfb{display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 20px;border:1px solid rgba(229,9,20,.75);border-radius:999px;cursor:pointer;font:inherit;font-size:14px;font-weight:600;letter-spacing:.2px;color:#fff;background:rgba(229,9,20,.14);transition:background .2s,border-color .2s,transform .15s,box-shadow .2s}#hpf .hpfb i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#E50914;font-style:normal;font-size:17px;line-height:1;padding-bottom:2px;transition:transform .2s}#hpf .hpfb:hover{background:#E50914;border-color:#E50914;box-shadow:0 6px 18px rgba(229,9,20,.4)}#hpf .hpfb:hover i{background:rgba(255,255,255,.25);transform:translateX(2px)}#hpf .hpfb:active{transform:translateY(1px)}#hpf .hpfb:focus-visible{outline:2px solid #fff;outline-offset:2px}#p-portfolio{padding:0!important;max-width:none!important}#p-portfolio iframe{display:block;width:100%;height:calc(100vh - 96px);min-height:520px;border:0;border-radius:12px;background:#141414}#p-portfolio.pgin{transform-origin:50% 0;animation:pfIn .75s cubic-bezier(.16,1,.3,1) both}@keyframes pfIn{from{opacity:0;transform:perspective(1400px) translate3d(0,48px,-170px) rotateX(9deg) scale(.95);filter:blur(7px)}55%{filter:blur(0)}to{opacity:1;transform:none;filter:none}}@media (prefers-reduced-motion:reduce){#p-portfolio.pgin{animation:none}}body[data-pg=portfolio] #subbar,body[data-pg=portfolio] #crumb{display:none!important}