:root{color-scheme:light dark;color:#ffffffde;background-color:#f0f0f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio-container{padding:0 1rem;max-width:1280px;margin:0 auto;color:#222;font-family:arial}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;pointer-events:auto}.tag{padding:.4rem 1rem;border:1px solid #1f2026;background:#f0f0f0b5;color:#1f2026;font-size:.9rem;cursor:pointer;transition:all .2s ease;pointer-events:auto}.tag:hover{background:#e8ebf7}.tag.active{background:#2d2d2d;color:#fff;border:1px solid #2d2d2d}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.project-card{background:#fff;border:1px solid #2d2d2d;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;pointer-events:auto}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.project-image{width:100%;height:200px;object-fit:cover;display:block;filter:grayscale(100%);transition:all .6s ease;transform:scale(1)}.project-card:hover .project-image{filter:grayscale(0%);transform:scale(1.05)}.project-info{padding:1rem}.project-info h3{text-transform:uppercase;margin:0;font-size:1.5rem;font-weight:400}.project-info p{color:#777;font-size:.9rem;margin-top:.25rem}.project-tags{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.4rem}.project-tag{padding:.2rem .75rem;font-size:.75rem;color:#555;border:1px solid #2d2d2d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;height:100vh;justify-content:center;align-items:center;animation:fadeIn .3s ease;pointer-events:auto;z-index:100000}.modal-content{background:#fff;padding:2rem;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;position:fixed;box-shadow:0 10px 25px #0003;animation:scaleIn .3s ease;border:1px solid #2d2d2d}.modal-content h2{font-size:1.5rem;margin-bottom:.25rem}.modal-content p{color:#555;margin-top:.5rem}.modal-image{width:100%;height:300px;object-fit:cover;margin:1rem 0}.close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#333;transition:color .2s ease}.close-btn:hover{color:#000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.hero{position:relative;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;padding:0 20px;overflow:hidden;opacity:0;transform:translateY(30px);transition:all 1.2s ease;align-items:center;align-content:center;pointer-events:none;/}.hero.visible{opacity:1;transform:translateY(0)}.hero-bg{position:absolute;top:50%;left:50%;width:calc(100% - 40px);max-width:50%;min-width:300px;aspect-ratio:16 / 9;transform:translate(-50%,-50%);background-position:center;background-size:cover;filter:brightness(1);transition:opacity .6s ease;z-index:0;pointer-events:none;border-radius:5px;filter:grayscale(40%);opacity:.2}.hero-nav{position:relative;z-index:2;display:flex;flex-direction:column;pointer-events:auto;font-size:1000}.hero-nav a{text-decoration:none;color:transparent;transition:color .3s ease}.hero-nav h1{font-size:5rem;line-height:.2em;font-weight:900;-webkit-text-stroke:1px #2d2d2d;transition:color .3s ease;position:relative;z-index:2;text-transform:uppercase;text-align:left}.hero-nav h1:hover{color:#2d2d2d;-webkit-text-stroke:1px #2d2d2d}.hero-nav h2{font-size:1rem;line-height:.1em;font-weight:600;color:#2d2d2d;transition:color .3s ease;position:relative;z-index:2;text-transform:uppercase;pointer-events:none;text-align:left}@media(max-width:768px){.hero-nav h1{font-size:3rem;line-height:.5em}.hero-nav h2{font-size:.75rem;line-height:.5em}}.staggered-menu-wrapper{position:relative;top:0;left:0;width:100vw;height:100vh;z-index:40;pointer-events:none}.staggered-menu-wrapper.fixed-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;overflow:hidden}.staggered-menu-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:2em;background:transparent;pointer-events:none;z-index:20;box-sizing:border-box}.staggered-menu-header>*{pointer-events:auto}.sm-logo{display:flex;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}.sm-logo-img{display:block;height:32px;width:auto;object-fit:contain}.sm-toggle{position:relative;display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:none;cursor:pointer;color:#e9e9ef;font-weight:1000;line-height:1;overflow:visible;border:1px solid #1f2026;padding:8px}.sm-toggle:focus-visible{outline:2px solid #ffffffaa;outline-offset:4px;border-radius:4px}.sm-line:last-of-type{margin-top:6px}.sm-toggle-textWrap{position:relative;display:inline-block;height:1em;overflow:hidden;white-space:nowrap;width:var(--sm-toggle-width, auto);min-width:var(--sm-toggle-width, auto)}.sm-toggle-textInner{display:flex;flex-direction:column;line-height:1}.sm-toggle-line{display:block;height:1em;line-height:1}.sm-icon{position:relative;width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.sm-panel-itemWrap{position:relative;overflow:hidden;line-height:1}.sm-icon-line{position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);will-change:transform}.sm-line{display:none!important}.staggered-menu-panel{position:absolute;top:0;right:0;width:clamp(260px,38vw,420px);height:100%;background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:6em 2em 2em;overflow-y:auto;z-index:10;pointer-events:auto}[data-position=left] .staggered-menu-panel{right:auto;left:0}.sm-prelayers{position:absolute;top:0;right:0;bottom:0;width:clamp(260px,38vw,420px);pointer-events:none;z-index:5}[data-position=left] .sm-prelayers{right:auto;left:0}.sm-prelayer{position:absolute;top:0;right:0;height:100%;width:100%;transform:translate(0)}.sm-panel-inner{flex:1;display:flex;flex-direction:column;gap:1.25rem}.sm-socials{padding-top:2rem;display:flex;flex-direction:column;gap:.75rem;margin-top:auto;margin-top:2rem}.sm-socials-title{margin:0;font-size:1rem;font-weight:500;color:var(--sm-accent, #ff0000)}.sm-socials-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.sm-socials-list .sm-socials-link{opacity:1}.sm-socials-list:hover .sm-socials-link{opacity:.35}.sm-socials-list:hover .sm-socials-link:hover{opacity:1}.sm-socials-link:focus-visible{outline:2px solid var(--sm-accent, #ff0000);outline-offset:3px}.sm-socials-list:focus-within .sm-socials-link{opacity:.35}.sm-socials-list:focus-within .sm-socials-link:focus-visible{opacity:1}.sm-socials-link{font-size:1.2rem;font-weight:500;color:#111;text-decoration:none;position:relative;padding:2px 0;display:inline-block;transition:color .3s ease,opacity .3s ease}.sm-socials-link:hover{color:var(--sm-accent, #ff0000)}.sm-panel-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}.sm-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sm-panel-item{position:relative;color:#000;font-weight:600;font-size:3.5rem;cursor:pointer;line-height:1;letter-spacing:-2px;text-transform:uppercase;transition:background .25s,color .25s;display:inline-block;text-decoration:none;padding-right:1.4em}.staggered-menu-panel .sm-socials-list .sm-socials-link{opacity:1;transition:opacity .3s ease}.staggered-menu-panel .sm-socials-list:hover .sm-socials-link:not(:hover){opacity:.35}.staggered-menu-panel .sm-socials-list:focus-within .sm-socials-link:not(:focus-visible){opacity:.35}.staggered-menu-panel .sm-socials-list .sm-socials-link:hover,.staggered-menu-panel .sm-socials-list .sm-socials-link:focus-visible{opacity:1}.sm-panel-itemLabel{display:inline-block;will-change:transform;transform-origin:50% 100%}.sm-panel-item:hover{color:var(--sm-accent, #5227ff)}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:absolute;top:.1em;right:2.8em;font-size:18px;font-weight:400;color:var(--sm-accent, #5227ff);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--sm-num-opacity, 0)}@media(max-width:1024px){.staggered-menu-panel{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}@media(max-width:640px){.staggered-menu-panel{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}.sm-back-to-top{position:fixed;bottom:2rem;left:2rem;background:transparent;color:#1f2026;border:none;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:background .3s ease,transform .2s ease;border:1px solid #1f2026;z-index:1000;pointer-events:auto}.sm-back-to-top:hover{background:transparent;color:#1f2026;transform:scale(1.1)}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1280px;position:relative;width:100vw;left:50%;transform:translate(-50%);padding:2rem}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;max-width:1280px;position:relative;width:100vw;left:50%;transform:translate(-50%);padding:2rem}.footer-brand{max-width:260px}.logo{display:flex;align-items:center;font-weight:600;font-size:1.1rem;margin-bottom:1rem;margin-top:1rem;filter:invert(100%)}.logo-icon{height:32px;display:block}.footer-desc{color:#f0f0f0;line-height:1.6;font-size:.95rem}.footer-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:2rem;flex:1;text-align:right}.footer-col h4{font-weight:600;margin-bottom:.75rem;color:#f0f0f0;font-size:.95rem}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:.5rem;font-size:.9rem;color:#f0f0f0;cursor:pointer}.footer-col li:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #f0f0f0;padding-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.9rem;color:#f0f0f0;max-width:1280px;position:relative;width:100vw;left:50%;transform:translate(-50%);padding:2rem}.social-icons{display:flex;align-items:center;gap:1rem}.social-icons a img{width:22px;height:22px;opacity:.7;transition:opacity .2s ease,transform .2s ease}.social-icons a img:hover{opacity:1;transform:scale(1.1)}.social-icons span:hover{opacity:1}.footer-link{color:#f0f0f0;text-decoration:none}.footer-link:hover{text-decoration:underline;color:#f0f0f0}.logoloop__list{display:flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop{position:relative;overflow-x:hidden;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #ffffff}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media(prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto: #0b0b0b}}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none}.logoloop__list{display:flex;align-items:center;list-style:none;margin:0;padding:0}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);filter:grayscale(100%);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:filter .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center;filter:grayscale(0%)}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:1}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media(prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.iridescence-container{width:100%;height:100%}@font-face{font-family:Montserrat;src:url(/APR/assets/Montserrat-CiIa1Ne8.ttf) format("truetype");font-family:Caveat;src:url(/APR/assets/Caveat-bnItEO2x.ttf) format("truetype");font-family:Theory Of Signature;src:url(/APR/assets/Theory%20Of%20Signature-BYjnz4vn.ttf) format("truetype");font-family:JetBrainsMono;src:url(/APR/assets/JetBrainsMono-Dh36KTnx.ttf) format("truetype");font-family:Pismo Techniczne;src:url(/APR/assets/FL%20Pismo%20Techniczne-ZP3-9z_q.ttf) format("truetype");font-family:virgo;src:url(/APR/assets/virgo-Ch5x7NC7.ttf) format("truetype")}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}#root{max-width:1280px;margin:0 auto;font-family:arial}.header{position:fixed;top:0;left:0;width:100vw;z-index:10000;pointer-events:none}.section{z-index:100;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);overflow-x:hidden;color:#1f2026;padding:0 1em;overflow:hidden;position:relative;pointer-events:none;overflow:visible;padding-top:4rem}.section h1{font-size:3rem;color:#1f2026;font-weight:1000}.section h2{font-size:2rem;color:#1f2026;font-weight:700;text-transform:uppercase}.section h3{font-size:1.5rem;color:#1f2026;font-weight:300}.background-title{position:fixed;top:0;left:0;z-index:-1;overflow:hidden;margin:0 auto;width:100vw;height:100vh;filter:grayscale(100%);opacity:25%}.hero-section{position:relative;height:85vh;width:100vw;margin-bottom:15vh;top:0;left:50%;transform:translate(-50%);overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center;pointer-events:none;font-weight:700}.footer{background-color:#2d2d2d;width:100%;min-width:100vw;color:#f0f0f0;box-sizing:border-box;padding:2rem 0;position:relative;left:50%;transform:translate(-50%);bottom:-10px}.sketchfab-embed-wrapper{max-width:100%;height:700px;pointer-events:auto;margin:auto auto 100px}.sketchfab-embed-wrapper iframe{width:100%;height:100%;border:none;border:1px solid #1f2026}