.rn-portfolio-viewport{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;transition:background-color var(--rn-duration-slide) var(--rn-ease)}.rn-portfolio-loader{position:fixed;inset:0;background-color:var(--rn-about-bg);z-index:2000;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.rn-portfolio-loader.is-fading{opacity:0;visibility:hidden}.rn-loader-center{display:flex;flex-direction:column;align-items:center;gap:20px}.rn-loader-brand{font-family:var(--rn-font-display);font-size:24px;letter-spacing:.08em;text-transform:uppercase;color:#fff;animation:rnLoaderFadeIn .6s ease-out forwards}.rn-loader-bar-track{width:140px;height:2px;background:#ffffff26;border-radius:999px;overflow:hidden}.rn-loader-bar-fill{width:100%;height:100%;transform:translate(-100%);animation:rnLoaderFill 1.1s cubic-bezier(.65,0,.35,1) forwards}@keyframes rnLoaderFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rnLoaderFill{0%{transform:translate(-100%)}to{transform:translate(0)}}.rn-portfolio-accent-bar{position:absolute;top:0;left:0;width:var(--rn-bar);height:100%;z-index:50;transition:background-color var(--rn-duration-slide) var(--rn-ease)}html[dir=rtl] .rn-portfolio-accent-bar{left:auto;right:0}.rn-portfolio-header{position:absolute;top:0;left:0;right:0;height:var(--rn-header-height);padding:0 var(--rn-index-pad);display:flex;align-items:center;justify-content:space-between;z-index:100}.rn-portfolio-header-right{display:flex;align-items:center;gap:24px}.rn-portfolio-nav-about{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:opacity .2s ease}.rn-portfolio-nav-about:hover{opacity:.75}.rn-portfolio-slider{position:relative;width:100%;height:100%}.rn-project-slide{position:absolute;inset:0;padding:var(--rn-header-height) var(--rn-index-pad) 40px var(--rn-index-pad);display:flex;align-items:center;justify-content:space-between;gap:48px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(0);transition:transform var(--rn-duration-slide) var(--rn-ease),opacity var(--rn-duration-slide) var(--rn-ease),visibility var(--rn-duration-slide) var(--rn-ease)}.rn-project-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:10}.rn-project-slide.is-light{color:#fff}.rn-project-slide.is-dark{color:#111}.rn-project-content{flex:0 0 42%;max-width:540px;display:flex;flex-direction:column;justify-content:center;transform:translateY(24px);opacity:0;transition:max-width .55s var(--rn-ease),flex-basis .55s var(--rn-ease),transform var(--rn-duration-slide) var(--rn-ease),opacity .3s ease}.rn-project-slide.is-active .rn-project-content{transform:translateY(0);opacity:1}.rn-project-media-stage{flex:1;display:flex;align-items:center;justify-content:center;perspective:1200px;transition:transform .55s var(--rn-ease)}.rn-project-media-wrap{width:100%;max-width:780px;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px #0006;transform:rotateY(-8deg) rotate(4deg);transition:transform .55s var(--rn-ease),box-shadow .55s var(--rn-ease),opacity .4s ease}html[dir=rtl] .rn-project-media-wrap{transform:rotateY(8deg) rotate(-4deg)}.rn-portfolio-viewport.is-focus-mode .rn-project-content{flex-basis:0%;max-width:0;opacity:0!important;pointer-events:none;overflow:hidden;transform:translateY(16px)!important}.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-active{justify-content:center}.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-active .rn-project-media-wrap{transform:scale(1.05) rotateY(0) rotate(0);box-shadow:0 45px 95px #000000b3}.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-prev{opacity:.45;visibility:visible;z-index:5;pointer-events:none;transform:translate(-76vw);justify-content:center}.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-prev .rn-project-media-wrap{transform:scale(.88) rotateY(0) rotate(0)}.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-next{opacity:.45;visibility:visible;z-index:5;pointer-events:none;transform:translate(76vw);justify-content:center}.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-next .rn-project-media-wrap{transform:scale(.88) rotateY(0) rotate(0)}html[dir=rtl] .rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-prev{transform:translate(76vw)}html[dir=rtl] .rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-next{transform:translate(-76vw)}.rn-project-title{font-family:var(--rn-font-display);font-size:clamp(56px,7.5vw,120px);line-height:.92;margin-bottom:24px;letter-spacing:-.02em}.rn-project-desc{font-size:clamp(16px,1.4vw,22px);line-height:1.45;max-width:34rem;margin-bottom:32px;opacity:.9}.rn-project-cta{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:transform .2s ease;width:fit-content}.rn-project-cta:hover{transform:translate(4px)}html[dir=rtl] .rn-project-cta:hover{transform:translate(-4px)}.rn-project-mini-frames{display:flex;gap:12px;margin-top:36px}.rn-mini-frame-img{width:90px;height:60px;object-fit:cover;border-radius:4px;opacity:.8;box-shadow:0 4px 12px #0003}.rn-project-media-element{width:100%;aspect-ratio:16 / 10;object-fit:cover}.rn-project-dots{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:100;padding:16px;border-radius:999px;background:transparent;transition:background-color .22s ease,width .22s ease}html[dir=rtl] .rn-project-dots{right:auto;left:18px}.rn-project-dots:hover{background:#00000038;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rn-project-dot{position:relative;width:8px;height:8px;border-radius:999px;padding:0;cursor:pointer;transition:height .25s ease,width .25s ease,background-color .25s ease,transform .18s ease}.rn-project-dot:before{content:"";position:absolute;inset:-8px -14px}.rn-project-dots:hover .rn-project-dot{width:11px}.rn-project-dot.is-active,.rn-project-dot.is-hovered{height:30px}.rn-project-dot:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.rn-portfolio-empty{margin:auto;font-size:18px;opacity:.6}@media(prefers-reduced-motion:reduce){.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-active .rn-project-media-wrap{transform:none!important}.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-prev,.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-next{display:none!important}}@media(max-width:960px){.rn-portfolio-viewport{height:auto;min-height:100vh;overflow-y:auto}.rn-portfolio-viewport.is-focus-mode .rn-project-content{flex-basis:auto;max-width:100%;opacity:1!important;transform:none!important}.rn-project-slide{position:relative;flex-direction:column;gap:32px;padding-bottom:90px;height:auto}.rn-project-content{flex:auto;max-width:100%}.rn-project-media-wrap{transform:none!important}.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-prev,.rn-portfolio-viewport.is-focus-mode .rn-project-slide.is-next{display:none}.rn-project-dots{position:fixed;top:auto;bottom:24px;right:50%;transform:translate(50%);flex-direction:row;padding:10px 14px;background:#0006;backdrop-filter:blur(8px)}.rn-project-dots:hover .rn-project-dot{width:8px}.rn-project-dot.is-active,.rn-project-dot.is-hovered{width:28px;height:8px}}