.portfolio-carousel{--carousel-gap:1rem;--carousel-width:88%;min-width:0}.portfolio-carousel--compact{--carousel-width:65%}.portfolio-carousel--wide{--carousel-width:92%}.portfolio-carousel__toolbar,.portfolio-carousel__controls,.portfolio-carousel__hint{align-items:center;display:flex}.portfolio-carousel__toolbar{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.portfolio-carousel__heading{min-width:0}.portfolio-carousel__heading>.portfolio-section-heading{margin-bottom:.5rem}.portfolio-carousel__controls{flex-shrink:0;gap:.5rem}.portfolio-carousel__hint{color:#475569;gap:.5rem;font-size:.8125rem}.portfolio-carousel__hint svg{flex-shrink:0}.portfolio-carousel__position{font-variant-numeric:tabular-nums;color:#475569;margin-right:.25rem;font-size:.8125rem}.portfolio-carousel__arrow{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .15s,border-color .15s;display:grid}.portfolio-carousel__arrow:hover:enabled{background:#eff6ff;border-color:#2563eb}.portfolio-carousel__arrow:disabled{opacity:.3;cursor:default}.portfolio-carousel__arrow:focus-visible,.portfolio-carousel__track:focus-visible{outline-offset:3px;outline:2px solid #1d4ed8}.portfolio-carousel__track{gap:var(--carousel-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;align-items:stretch;padding:.25rem .125rem 1rem;display:flex;position:relative;overflow-x:auto}.portfolio-carousel__item{flex:0 0 var(--carousel-width);scroll-snap-align:start;overflow-wrap:anywhere;min-width:0}.portfolio-carousel__item>*{height:100%}.portfolio-carousel__item a{scroll-margin:.25rem}.portfolio-carousel__item a:focus-visible{outline-offset:-3px;outline:2px solid #1d4ed8}.portfolio-carousel__item a:hover{transform:none}.portfolio-carousel__progress{background:#e2e8f0;border-radius:2px;height:2px;margin-top:.25rem;overflow:hidden}.portfolio-carousel__progress span{background:#1d4ed8;height:100%;transition:width .15s,margin-left .15s;display:block}.portfolio-skill-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;height:100%;padding:1.25rem}.portfolio-skill-card__heading{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.portfolio-skill-card__heading h3{color:#0f172a;font-size:1.25rem;font-weight:600}.portfolio-skill-card__tags{flex-wrap:wrap;gap:.625rem;display:flex}.portfolio-skill-card__tag{border-radius:.5rem;padding:.375rem .625rem;font-size:.9375rem;line-height:1.4}.portfolio-section-menu{position:relative}.portfolio-section-menu summary{cursor:pointer;color:#334155;border-radius:.5rem;align-items:center;gap:.25rem;min-height:44px;padding:.5rem .75rem;font-size:.875rem;list-style:none;display:flex}.portfolio-section-menu summary::-webkit-details-marker{display:none}.portfolio-section-menu[open] summary{color:#1d4ed8;background:#eff6ff}.portfolio-section-menu[open] summary svg{transform:rotate(90deg)}.portfolio-section-menu__links{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:240px;max-height:70dvh;padding:.5rem;position:absolute;top:calc(100% + .75rem);right:0;overflow-y:auto;box-shadow:0 12px 32px #0f172a14}.portfolio-section-menu__links a{color:#334155;border-radius:.5rem;min-height:44px;padding:.75rem;font-size:.875rem;display:block}.portfolio-section-menu__links a:hover{color:#1d4ed8;background:#f1f5f9}.portfolio-root a:focus-visible,.portfolio-root summary:focus-visible,.portfolio-root button:focus-visible{outline-offset:3px;outline:2px solid #1d4ed8}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-root *,.portfolio-root :before,.portfolio-root :after{transition:none!important;animation:none!important}.portfolio-root .opacity-0{opacity:1;filter:none;transform:none}}@media (min-width:640px){.portfolio-carousel{--carousel-width:47%}.portfolio-carousel--compact{--carousel-width:30%}.portfolio-carousel--wide{--carousel-width:70%}}@media (min-width:1024px){.portfolio-carousel{--carousel-gap:1.25rem;--carousel-width:38%}.portfolio-carousel--compact{--carousel-width:22%}.portfolio-carousel--wide{--carousel-width:46%}.portfolio-skill-card{padding:1.5rem}.portfolio-skill-card__tag{font-size:1rem}}@media (max-width:420px){.portfolio-carousel__toolbar{align-items:flex-start}.portfolio-carousel__hint{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.portfolio-carousel *,.portfolio-carousel :before,.portfolio-carousel :after{transition:none!important;animation:none!important}.portfolio-carousel .opacity-0{opacity:1;filter:none;transform:none}}