:root{--rio-bg: #fafaf7;--rio-surface: #ffffff;--rio-surface-muted: #f2f2ed;--rio-ink: #111113;--rio-ink-soft: #4a4a52;--rio-ink-subtle: #7a7a85;--rio-line: rgba(17, 17, 19, .09);--rio-line-strong: rgba(17, 17, 19, .2);--rio-accent: #e11d1d;--rio-accent-soft: rgba(225, 29, 29, .08);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}html[data-color-mode=dark]{--rio-bg: #0c0d10;--rio-surface: #14151a;--rio-surface-muted: #1c1d24;--rio-ink: #f5f5f7;--rio-ink-soft: #a1a1aa;--rio-ink-subtle: #71717a;--rio-line: rgba(255, 255, 255, .09);--rio-line-strong: rgba(255, 255, 255, .2);--rio-accent: #ff3b30;--rio-accent-soft: rgba(255, 59, 48, .12)}html[data-color-mode=dark] .rio-portfolio{--rio-portfolio-accent-text: #67e8f9}body.m-portfolio-page{background-color:var(--rio-bg)!important;color:var(--rio-ink)!important;font-family:var(--font-sans)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rio-portfolio-wrap{width:min(100%,1160px);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3rem);min-height:100vh;display:flex;flex-direction:column}.rio-portfolio{--rio-portfolio-accent: var(--rio-accent);--rio-portfolio-accent-hover: #b91c1c;--rio-portfolio-accent-text: var(--bq-sage-deep, var(--m-accent-deep));--rio-portfolio-accent-soft: var(--rio-accent-soft);--rio-portfolio-on-accent: #ffffff;--m-display: var(--font-sans);color:var(--rio-ink);font-family:var(--font-sans);overflow-wrap:anywhere}.rio-portfolio :where(h1,h2,h3,h4,p,figure,ul,dl,dd){margin:0}.rio-portfolio :where(img){display:block;max-width:100%}.rio-portfolio :where(a,button){touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rio-portfolio :where(a,button):focus-visible{outline:2px solid var(--rio-accent);outline-offset:3px}.rio-portfolio__topbar{border-bottom:1px solid var(--rio-line);padding-block:1.5rem}.rio-portfolio__topbar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;font-size:.88rem}.rio-portfolio__topbar-brand{font-weight:700;color:var(--rio-ink);letter-spacing:-.01em}.rio-portfolio__topbar-meta{display:inline-flex;align-items:center;gap:1.25rem;color:var(--rio-ink-soft);font-size:.82rem}.rio-portfolio__topbar-status{display:inline-flex;align-items:center;gap:.45rem;color:var(--rio-ink-soft)}.rio-portfolio__status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--rio-accent);display:inline-block}.rio-portfolio__topbar-loc{color:var(--rio-ink-subtle)}.rio-portfolio__profile{padding-block:clamp(3.5rem,7vw,6rem)}.rio-portfolio__hero-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(2.5rem,5vw,4.5rem);align-items:start}.rio-portfolio__portrait{width:100%}.rio-portfolio__portrait-img-wrap{width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:4px;border:1px solid var(--rio-line);background:var(--rio-surface-muted);box-shadow:0 4px 20px #0000000a}.rio-portfolio__portrait img{width:100%;height:100%;object-fit:cover;display:block}.rio-portfolio__profile-copy{display:flex;flex-direction:column}.rio-portfolio__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;color:var(--rio-ink-subtle);letter-spacing:.01em}.rio-portfolio__main-title{margin-top:.85rem!important;font-family:var(--font-sans);font-size:clamp(2.4rem,5.2vw,3.8rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--rio-ink);text-wrap:balance;max-width:24ch}.rio-portfolio__bio{margin-top:1.5rem!important;color:var(--rio-ink-soft);font-size:clamp(1.02rem,1.4vw,1.125rem);line-height:1.75;max-width:58ch}.rio-portfolio__cta-action{margin-top:2rem;display:flex;align-items:center}.rio-portfolio .m-btn.m-btn--cap{--cap-chip: var(--rio-accent);border-radius:9999px!important;background:transparent!important}.rio-portfolio .m-btn.m-btn--cap .m-btn__shell,.rio-portfolio .m-btn.m-btn--cap .m-btn__face{border-radius:9999px!important;background:var(--rio-ink)!important;box-shadow:0 2px 10px #0000001f!important;transition:box-shadow .3s ease,transform .22s ease!important}.rio-portfolio .m-btn.m-btn--cap .m-btn__face:before{content:"";position:absolute;top:50%;right:.35rem;width:var(--cap-size);height:var(--cap-size);border-radius:9999px!important;background:var(--rio-accent)!important;transform:translateY(-50%) scale(1);transform-origin:center center;transition:transform .42s cubic-bezier(.22,1,.36,1)!important;z-index:0;pointer-events:none}.rio-portfolio .m-btn.m-btn--cap:hover .m-btn__face:before,.rio-portfolio .m-btn.m-btn--cap.is-hover .m-btn__face:before,.rio-portfolio .m-btn.m-btn--cap:focus-visible .m-btn__face:before{transform:translateY(-50%) scale(var(--wipe-scale, 55))!important}.rio-portfolio .m-btn.m-btn--cap:hover .m-btn__shell,.rio-portfolio .m-btn.m-btn--cap.is-hover .m-btn__shell,.rio-portfolio .m-btn.m-btn--cap:focus-visible .m-btn__shell{box-shadow:0 6px 20px #e11d1d4d!important}.rio-portfolio .m-btn.m-btn--cap .m-btn__face:after{display:none!important}.rio-portfolio .m-btn.m-btn--cap .m-btn__label{color:#fff!important;font-family:var(--font-sans)!important;font-weight:600!important;font-size:.92rem!important;letter-spacing:0!important;text-transform:none!important;position:relative;z-index:2}.rio-portfolio .m-btn.m-btn--cap .m-btn__label-line{color:#fff!important}.rio-portfolio .m-btn.m-btn--cap .m-btn__cap{border-radius:50%!important;background:var(--rio-accent)!important;color:#fff!important;position:relative;z-index:2;transition:transform .25s cubic-bezier(.22,1,.36,1)!important}.rio-portfolio .m-btn.m-btn--cap .m-btn__icon svg{stroke:#fff!important}.rio-portfolio__profile-details{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,4vw,3.5rem);margin-top:3.5rem;padding-top:3rem;border-top:1px solid var(--rio-line)}.rio-portfolio__detail-header{margin-bottom:1.25rem}.rio-portfolio__detail-header h2{font-family:var(--font-sans);font-size:.88rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rio-ink-subtle)}.rio-portfolio__capabilities{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.rio-portfolio__cap-pill{display:inline-flex;align-items:center;font-size:.88rem;font-weight:500;color:var(--rio-ink-soft);background:var(--rio-surface-muted);border:1px solid var(--rio-line);padding:.4rem .85rem;border-radius:4px}.rio-portfolio__social-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.85rem}.rio-portfolio__social-links a{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:500;color:var(--rio-ink);text-decoration:none;border-bottom:1px solid var(--rio-line-strong);padding-bottom:.15rem;transition:color .15s ease,border-color .15s ease}.rio-portfolio__social-links a:hover{color:var(--rio-accent);border-color:var(--rio-accent)}.rio-portfolio__social-arrow{font-size:.85rem;color:var(--rio-ink-subtle);transition:transform .15s ease,color .15s ease}.rio-portfolio__social-links a:hover .rio-portfolio__social-arrow{color:var(--rio-accent);transform:translate(2px,-2px)}.rio-portfolio__work{padding-top:2rem;padding-bottom:clamp(4rem,8vw,7rem);border-top:1px solid var(--rio-line)}.rio-portfolio__work-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(2rem,4vw,3rem)}.rio-portfolio__work-title{font-family:var(--font-sans);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--rio-ink)}.rio-portfolio .sr-only,.rio-portfolio__filters legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rio-portfolio__filters{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;border:none}.rio-portfolio__filters button{font-family:var(--font-sans);font-size:.9rem;font-weight:500;background:transparent;border:none;color:var(--rio-ink-subtle);cursor:pointer;padding:.35rem 0;position:relative;transition:color .15s ease}.rio-portfolio__filters button:hover{color:var(--rio-ink)}.rio-portfolio__filters button[aria-pressed=true]{color:var(--rio-ink);font-weight:700}.rio-portfolio__filters button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--rio-ink)}.rio-portfolio__projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,3.5rem)}.rio-portfolio__card{height:100%}.rio-portfolio__card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.rio-portfolio__cover{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:6px;border:1px solid var(--rio-line);background:var(--rio-surface-muted)}.rio-portfolio__cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.rio-portfolio__card-link:hover .rio-portfolio__cover img{transform:scale(1.025)}.rio-portfolio__featured-badge{position:absolute;top:.85rem;left:.85rem;z-index:2;background:#111113e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:.25rem .65rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.35rem}.rio-portfolio__featured-badge svg{color:#fde047;fill:#fde047;flex-shrink:0}.rio-portfolio__card-body{margin-top:1.15rem;display:flex;flex-direction:column;flex-grow:1}.rio-portfolio__card-categories{font-size:.8rem;font-weight:600;color:var(--rio-portfolio-accent-text);text-transform:uppercase;letter-spacing:.04em}.rio-portfolio__card-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-top:.35rem}.rio-portfolio__card-copy h4{font-family:var(--font-sans);font-size:clamp(1.25rem,2vw,1.55rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--rio-ink);transition:color .15s ease}.rio-portfolio__card-arrow{color:var(--rio-ink-subtle);font-size:1.1rem;font-weight:600;transition:transform .2s ease,color .2s ease}.rio-portfolio__card-link:hover .rio-portfolio__card-title,.rio-portfolio__card-link:hover h4{color:var(--rio-accent)}.rio-portfolio__card-link:hover .rio-portfolio__card-arrow{color:var(--rio-accent);transform:translate(2px,-2px)}.rio-portfolio__card-excerpt{margin-top:.5rem!important;color:var(--rio-ink-soft);font-size:.92rem;line-height:1.6}.rio-portfolio [data-portfolio-card]{animation:filterReveal .22s ease-out}.rio-portfolio [data-portfolio-card].is-hidden{display:none!important}@keyframes filterReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rio-portfolio__empty-box{padding:4rem 2rem;text-align:center}.rio-portfolio__empty{color:var(--rio-ink-subtle);font-size:.95rem}.rio-portfolio__blocks{display:grid;gap:2.5rem;padding-block:3.5rem;border-top:1px solid var(--rio-line)}.rio-portfolio__blocks>:where(h2,p,dl){width:min(100%,680px);margin-inline:auto}.rio-portfolio__blocks h2{font-family:var(--font-sans);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;letter-spacing:-.035em;line-height:1.1}.rio-portfolio__blocks>p{color:var(--rio-ink-soft);font-size:1.05rem;line-height:1.8}.rio-portfolio__block-image,.rio-portfolio__block-gallery figure{border-radius:6px;overflow:hidden;border:1px solid var(--rio-line);background:var(--rio-surface)}.rio-portfolio__block-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.rio-portfolio figcaption{padding:.75rem 1rem;font-size:.82rem;color:var(--rio-ink-subtle);border-top:1px solid var(--rio-line)}.rio-portfolio__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.rio-portfolio__metrics>div{border-top:1px solid var(--rio-line-strong);padding-top:1rem}.rio-portfolio__metrics dt{font-size:.82rem;font-weight:600;color:var(--rio-ink-subtle)}.rio-portfolio__metrics dd{margin-top:.4rem!important;font-family:var(--font-sans);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;color:var(--rio-ink);line-height:1.1}.rio-portfolio__project-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding-block:3rem;border-top:1px solid var(--rio-line)}.rio-portfolio__project-nav-link{display:flex;flex-direction:column;gap:.4rem;padding:1.5rem;text-decoration:none;color:var(--rio-ink);background:var(--rio-surface);border:1px solid var(--rio-line);border-radius:6px;transition:border-color .15s ease,transform .15s ease}.rio-portfolio__project-nav-link:hover{border-color:var(--rio-ink-soft);transform:translateY(-2px)}.rio-portfolio__project-nav-link span{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--rio-portfolio-accent-text)}.rio-portfolio__project-nav-link strong{font-family:var(--font-sans);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.rio-portfolio__project-nav-link--next{text-align:right;grid-column:2}.rio-portfolio__footer{margin-top:auto;border-top:1px solid var(--rio-line);padding-block:2rem;font-size:.85rem;color:var(--rio-ink-subtle)}.rio-portfolio__footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}@media (max-width: 820px){.rio-portfolio__hero-grid{grid-template-columns:minmax(0,1fr);gap:1.75rem}.rio-portfolio__portrait{width:140px}.rio-portfolio__portrait-img-wrap{width:140px;height:175px}.rio-portfolio__profile-details{grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:2.5rem;padding-top:2rem}.rio-portfolio__projects-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}}@media (max-width: 480px){.rio-portfolio__topbar-inner{flex-direction:column;align-items:flex-start;gap:.5rem}.rio-portfolio__filters{gap:.4rem 1rem}.rio-portfolio__project-nav{grid-template-columns:minmax(0,1fr)}.rio-portfolio__project-nav-link--next{text-align:left;grid-column:auto}}@media (prefers-reduced-motion: reduce){.rio-portfolio *{animation:none!important;transition:none!important;transform:none!important}}