.mnav{display:flex;flex-direction:column;height:100dvh;color:#14161c}.mnav__head{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(20,22,28,.08)}.mnav__close{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;background:rgba(0,0,0,.8);color:#ffffff;transition:background-color .2s ease}.mnav__close:hover{background:#000000}.mnav__close:focus-visible{outline:3px solid #198be8;outline-offset:2px}.mnav__beam{position:absolute;bottom:-1px;left:0;width:40%;height:2px;background:linear-gradient(90deg,transparent,#9fd0f8,#198be8,#9fd0f8,transparent);box-shadow:0 0 14px 2px rgba(25,139,232,.45);opacity:0;pointer-events:none}.mnav[data-state=open] .mnav__beam{animation:mnav-beam 1.1s cubic-bezier(.4,0,.2,1) .15s}@keyframes mnav-beam{0%{translate:-100% 0;opacity:1}80%{opacity:1}to{translate:260% 0;opacity:0}}.mnav__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1.25rem 1.5rem}.mnav__sec+.mnav__sec{margin-top:1.6rem}.mnav[data-state=open] .mnav__sec{animation:mnav-in .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.06s + var(--d, 0) * .05s)}@keyframes mnav-in{0%{opacity:0;translate:0 10px}}.mnav__sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.mnav__kicker{font-size:.78rem;font-weight:700;letter-spacing:.16em;color:#126ab2;text-transform:uppercase}.mnav__all{display:inline-flex;align-items:center;gap:.3rem;min-height:2.5rem;margin:-.6rem -.4rem -.6rem 0;padding:0 .4rem;border-radius:.6rem;font-size:.92rem;font-weight:600;color:#126ab2}.mnav__all[aria-current=page]{text-decoration:underline;text-underline-offset:4px}.mnav__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.mnav__grid>li{display:flex}.mnav__card,.mnav__work{position:relative;display:flex;flex-direction:column;width:100%;border:1px solid rgba(20,22,28,.08);border-radius:1.1rem;background:#ffffff;box-shadow:0 10px 24px -20px rgba(20,22,28,.45);transition:border-color .2s ease,box-shadow .2s ease,scale .15s ease;-webkit-tap-highlight-color:transparent}.mnav__card{gap:.2rem;padding:.8rem .85rem .85rem}.mnav__card:active,.mnav__work:active{scale:.97}.mnav__icon{display:grid;place-items:center;width:2.1rem;height:2.1rem;margin-bottom:.35rem;border-radius:.7rem;background:rgba(25,139,232,.1);color:#126ab2}.mnav__card-title{font-family:var(--font-sora),sans-serif;font-size:.98rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;hyphens:auto}.mnav__card-sub{font-size:.84rem;line-height:1.3;color:#5c5f66}.mnav__card[aria-current=page],.mnav__work[aria-current=page]{border-color:rgba(25,139,232,.55);box-shadow:0 0 0 3px rgba(25,139,232,.12),0 14px 30px -20px rgba(19,112,187,.6)}.mnav__card[aria-current=page] .mnav__icon{background:#198be8;color:#ffffff}.mnav__card[aria-current=page]:after,.mnav__work[aria-current=page]:after{content:"";position:absolute;top:.75rem;right:.75rem;width:8px;height:8px;border-radius:50%;background:#198be8;box-shadow:0 0 0 3px rgba(25,139,232,.22),0 0 10px 2px rgba(25,139,232,.5)}.mnav__work{overflow:hidden;padding-bottom:.75rem}.mnav__thumb{position:relative;display:block;aspect-ratio:16/9;margin-bottom:.55rem;background:#e9e4d8}.mnav__tag{margin:0 .8rem .15rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#126ab2;text-transform:uppercase}.mnav__work .mnav__card-title{margin:0 .8rem}.mnav__rows{overflow:hidden;border:1px solid rgba(20,22,28,.08);border-radius:1.1rem;background:#ffffff}.mnav__rows>li+li{border-top:1px solid rgba(20,22,28,.07)}.mnav__row{display:flex;align-items:center;gap:.75rem;min-height:3.25rem;padding:0 1rem;font-size:1.02rem;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}.mnav__row:active{background:#eef5fc}.mnav__row-icon{flex-shrink:0;color:#126ab2}.mnav__row-chev{flex-shrink:0;margin-left:auto;color:rgba(20,22,28,.35)}.mnav__row[aria-current=page]{font-weight:600;color:#126ab2;background:#eef5fc}.mnav__row[aria-current=page] .mnav__row-chev{color:#198be8}.mnav__trades{border:1px solid rgba(20,22,28,.08);border-radius:1.1rem;background:#ffffff}.mnav__trades summary{display:flex;align-items:center;justify-content:space-between;min-height:3.25rem;padding:0 1rem;font-size:1.02rem;cursor:pointer;list-style:none}.mnav__trades summary::-webkit-details-marker{display:none}.mnav__trades summary>span{display:inline-flex;align-items:center;gap:.55rem}.mnav__count{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;border-radius:999px;background:rgba(25,139,232,.1);font-size:.78rem;font-weight:700;color:#126ab2}.mnav__trades-chev{color:rgba(20,22,28,.45);transition:rotate .2s ease}.mnav__trades[open] .mnav__trades-chev{rotate:180deg}.mnav__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.25rem .75rem .85rem}.mnav__chip{display:flex;align-items:center;min-height:2.75rem;padding:.4rem .75rem;border:1px solid rgba(20,22,28,.1);border-radius:.8rem;background:#faf8f3;font-size:.9rem;line-height:1.2;hyphens:auto;-webkit-tap-highlight-color:transparent}.mnav__chip:active{background:#eef5fc}.mnav__chip[aria-current=page]{border-color:rgba(25,139,232,.55);background:#eef5fc;font-weight:600;color:#126ab2}.mnav__foot{flex-shrink:0;padding:.85rem 1.25rem max(.85rem,env(safe-area-inset-bottom));border-top:1px solid rgba(20,22,28,.08);background:rgba(243,239,230,.96);box-shadow:0 -14px 30px -24px rgba(20,22,28,.4)}.mnav__cta{position:relative;display:grid;flex:1;place-items:center;height:3rem;overflow:hidden;border-radius:999px;background:#1370bb;font-size:1.02rem;font-weight:600;color:#ffffff;transition:background-color .2s ease}.mnav__cta:hover{background:#105f9f}.mnav__cta:focus-visible{outline:3px solid #198be8;outline-offset:2px}.mnav__note{margin-top:.5rem;font-size:.8rem;text-align:center;color:#5c5f66}.mnav__all:focus-visible,.mnav__card:focus-visible,.mnav__chip:focus-visible,.mnav__row:focus-visible,.mnav__trades summary:focus-visible,.mnav__work:focus-visible{outline:3px solid #198be8;outline-offset:2px}@media (prefers-reduced-motion:reduce){.mnav[data-state=open] .mnav__beam,.mnav[data-state=open] .mnav__sec{animation:none}.mnav__card,.mnav__trades-chev,.mnav__work{transition:none}.mnav__card:active,.mnav__work:active{scale:none}}