.portfolio-floating-burger{top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:40;color:#ffbd5b;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#261e15ed;border:1px solid #dbaf6b;border-radius:14px;place-items:center;width:52px;height:52px;transition:background .2s,color .2s;display:grid;position:absolute;box-shadow:0 6px 24px #261e1526}.portfolio-floating-burger:hover{color:#261e15;background:#ffb343}.portfolio-floating-burger:focus-visible{outline-offset:4px;outline:3px solid #ffb343}.portfolio-floating-nav{color:#261e15;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.portfolio-floating-nav::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#261e1599}.portfolio-floating-panel{overscroll-behavior:contain;width:min(430px,100%);height:100%;padding:max(24px,env(safe-area-inset-top)) 25px 32px;background:#faf5ec;border-left:1px solid #d1b48c;margin-left:auto;overflow-y:auto;box-shadow:-24px 0 70px #261e1526}.portfolio-floating-panel-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.portfolio-floating-panel-logo{background:#261e15;border:1px solid #c3975770;border-radius:15px;place-items:center;width:60px;height:60px;padding:10px;display:grid}.portfolio-floating-panel-logo img{object-fit:contain;width:100%;height:100%;display:block}.portfolio-floating-close{color:#6c3a0b;cursor:pointer;background:#f3e2c8;border:1px solid #cba775;border-radius:12px;place-items:center;width:44px;height:44px;transition:color .2s,background .2s;display:grid}.portfolio-floating-close:hover{color:#261e15;background:#ffb343}.portfolio-floating-close:focus-visible,.portfolio-floating-panel-logo:focus-visible{outline-offset:4px;outline:2px solid #92500e}.portfolio-floating-panel-inner{color:#261e15}@media (max-width:480px){.portfolio-floating-panel{border-left:0;width:100%;padding-inline:22px}.portfolio-floating-burger{width:46px;height:46px}}
