@font-face{font-family:Redaction;src:url(/fonts/redaction-50-latin-400-italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Aston Script;src:url(/assets/Aston%20Script%202-C_LQB0ai.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Romantic;src:url(/assets/ROMANTIC-gjMqhwYz.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mieszkanie9;src:url(/assets/mieszkanie9-B7DGIOMn.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}html{overflow-x:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:flex-start;min-width:320px;min-height:100vh;width:100%;box-sizing:border-box}#root{width:100%;max-width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background-color:#26382540;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;box-sizing:border-box}.navbar-logo{font-family:Redaction,serif;font-style:italic;font-size:1.3rem;color:#263825;cursor:pointer}.navbar-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.navbar-links li{color:#263825;cursor:pointer;font-size:1.45rem;font-family:Mieszkanie9,serif;transition:opacity .2s ease-in-out}.navbar-links li:hover{opacity:.8}@media(max-width:768px){.navbar{padding:.75rem 1rem;gap:.5rem}.navbar-logo{font-size:1.1rem}.navbar-links{gap:.75rem 1rem;flex-wrap:wrap;justify-content:flex-end}.navbar-links li{font-size:1.1rem;padding:.35rem .25rem;min-height:44px;display:inline-flex;align-items:center}}@media(max-width:380px){.navbar-links{gap:.5rem}.navbar-links li{font-size:1rem}}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;padding-top:4rem;position:relative;overflow:hidden}.home>*:not(.home-bubbles){position:relative;z-index:1}.home-bubbles{position:absolute;inset:0;pointer-events:none;z-index:0}.home-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffd6,#ddecf470 44%,#bbcfdf33);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 0 16px #ffffff52,0 8px 20px #475f551f,0 0 16px #c9ddea47;opacity:.52;--move-x: 22px;--move-y: 14px;animation:homeBubbleDrift 16s ease-in-out infinite;transition:transform .35s ease,opacity .35s ease,filter .35s ease;pointer-events:auto;cursor:pointer}.home-bubble-1{top:14%;left:8%;width:66px;height:66px;animation-duration:14s;--move-x: 42px;--move-y: 18px}.home-bubble-2{top:28%;left:22%;width:38px;height:38px;animation-duration:12s;animation-delay:-3s;--move-x: -36px;--move-y: 22px}.home-bubble-3{top:18%;right:16%;width:88px;height:88px;animation-duration:18s;animation-delay:-5s;--move-x: 48px;--move-y: -20px}.home-bubble-4{top:42%;right:10%;width:52px;height:52px;animation-duration:13s;animation-delay:-1s;--move-x: -40px;--move-y: -16px}.home-bubble-5{top:56%;left:14%;width:74px;height:74px;animation-duration:20s;animation-delay:-8s;--move-x: 56px;--move-y: 24px}.home-bubble-6{top:66%;right:24%;width:46px;height:46px;animation-duration:15s;animation-delay:-6s;--move-x: -34px;--move-y: 20px}.home-bubble-7{top:78%;left:32%;width:34px;height:34px;animation-duration:11s;animation-delay:-2s;--move-x: 30px;--move-y: -14px}.home-bubble-8{top:72%;right:6%;width:96px;height:96px;animation-duration:22s;animation-delay:-10s;--move-x: -50px;--move-y: -26px}.home-bubble.is-popped{transform:scale(1.35);opacity:0;filter:blur(3px)}@keyframes homeBubbleDrift{0%,to{transform:translateZ(0) scale(1)}20%{transform:translate3d(calc(var(--move-x) * .75),calc(var(--move-y) * -.65),0) scale(1.03)}45%{transform:translate3d(calc(var(--move-x) * -.45),calc(var(--move-y) * .55),0) scale(.97)}70%{transform:translate3d(calc(var(--move-x) * 1),calc(var(--move-y) * .2),0) scale(1.04)}}.intro-row{display:flex;gap:.4rem;margin-bottom:.5rem;color:#263825;font-family:ITC Garamond,serif}.introp1{font-size:1.5rem;margin:0;opacity:0}.introp2{font-size:1.5rem;margin:0;opacity:0;transform:translate(100px)}.signature{width:min(90vw,700px);height:auto;background:transparent;opacity:0}.typewriter-text{font-size:1.2rem;color:#263825;margin:.75rem 0 0;min-height:1.8rem;letter-spacing:.05em;font-family:ITC Garamond,serif}.cursor{animation:blink .75s step-end infinite;color:#263825}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.about-me-button{background-color:#30472e;color:#fff5f5;border-radius:2rem;border:none;margin-top:2rem;padding:.75rem 2rem;font-family:Redaction,serif;font-style:italic;font-size:1.2rem;font-weight:500;cursor:pointer;opacity:0;transition:background-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out}.about-me-button:hover{background-color:#435d41;transform:scale(1.05);box-shadow:0 4px 12px #26382566}.scroll-down-indicator{margin-top:.9rem;background:transparent;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;opacity:0;color:#263825c2;transition:color .2s ease-in-out,transform .2s ease-in-out}.scroll-down-indicator:hover{color:#30472e;transform:translateY(2px)}.scroll-down-line{width:1px;height:108px;background:linear-gradient(to bottom,#2638251a,#263825d9)}.scroll-down-arrow{font-size:1rem;line-height:1;animation:bounceDown 1.8s ease-in-out infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.about{padding:2rem 16rem;color:#263825;display:flex;flex-direction:column;gap:3rem}.about-main{display:flex;align-items:center;gap:3rem}.about-text{flex:1}.about-text h1,.projects h1{font-family:Romantic,cursive,serif;letter-spacing:.08em}.about-text h1{margin-top:0}.about-text p{font-size:1.2rem;line-height:1.65;font-family:Alte Haas Grotesk,system-ui,sans-serif}.digicam-wrapper{position:relative;width:380px;flex-shrink:0}.digicam-hint{margin:5rem 0 -5rem 2rem;font-size:.75rem;line-height:1.35;color:#263825;opacity:.78;max-width:320px;text-align:middle}.digicam-body{width:100%;height:auto;display:block}.digicam-screen{position:absolute;top:32%;left:8.1%;width:63.4%;aspect-ratio:4 / 3;overflow:hidden;border-radius:8px}.digicam-photo{display:block;width:100%;height:100%;object-fit:cover}.photo-deck-section{display:flex;flex-direction:column;width:100%;margin-bottom:2rem}.photo-deck-column{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;flex-shrink:0;margin-top:-.85rem}.photo-deck-hint{text-align:left;font-size:.75rem;font-weight:400;color:#263825;opacity:.78;margin:0;margin-left:7rem;line-height:1.35;max-width:min(92vw,340px)}.photo-deck-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:2rem 2.5rem;flex-wrap:wrap;width:100%}.photo-deck{display:flex;justify-content:flex-start;flex-shrink:0}.photo-deck-aside{flex:1 1 22rem;min-width:min(100%,280px);max-width:min(100%,56rem);margin-left:auto;text-align:right}.photo-deck-aside p{font-size:1.2rem;line-height:1.65;margin:0 0 1rem;color:#263825}.photo-deck-aside p:last-child{margin-bottom:0}.photo-stack-window{position:relative;width:min(92vw,340px);min-height:380px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0}.photo-stack-window:active{cursor:grabbing}.photo-stack{position:relative;width:100%;height:100%;min-height:380px}.photo-stack-card{position:absolute;left:50%;top:43%;width:275px;height:320px;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000000f,0 16px 32px #2638252e;pointer-events:none}.photo-stack-card--front{pointer-events:auto;box-shadow:0 6px 12px #0000001a,0 22px 44px #26382538;backface-visibility:hidden;transition-property:transform;transition-duration:.42s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.photo-stack-card--front.photo-stack-card--dragging{transition:none;will-change:transform}.photo-stack-card img{width:100%;height:100%;object-fit:cover;display:block}.digicam-btn{position:absolute;background:none;border:none;color:transparent;font-size:2rem;cursor:pointer;padding:0;width:12%;height:12%;outline:none;-webkit-tap-highlight-color:transparent}.digicam-btn:focus,.digicam-btn:focus-visible,.digicam-btn:active{outline:none;box-shadow:none;border:none}.digicam-left{top:55%;right:15%;transform:translateY(-50%)}.digicam-right{top:55%;right:6%;transform:translateY(-50%)}.contact{padding:4rem 16rem;color:#263825;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.contact:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(72vw,760px);height:2px;background:#2638255c}.contact-eyes{position:absolute;right:2rem;bottom:1.4rem;display:flex;gap:.7rem}.contact-eye{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid rgba(38,56,37,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #26382526}.contact-pupil{width:11px;height:11px;border-radius:50%;background:#263825;transition:transform .08s linear}.contact-icons{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1rem 0}.contact-link{display:flex;align-items:center;cursor:pointer;color:inherit}.contact-link img{width:44px;height:44px;max-width:44px;max-height:44px;object-fit:contain;display:block}.social-icon{width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain}.social-icon-linkedin{transform:scale(1.55)}.contact-icon{width:44px;height:44px;max-width:44px;max-height:44px;object-fit:contain;display:block}.linkedin-icon,.github-icon{transform:none}.contact-link p{margin:0}.contact-form{width:100%;max-width:480px;margin:1.5rem 0 2rem;padding:1.5rem;background:#344132;border:1px solid rgba(255,245,245,.2);border-radius:12px;text-align:left}.contact-form-to{display:flex;gap:.5rem;margin-bottom:1rem;font-size:.95rem;color:#fff5f5}.contact-form-label{font-weight:600;min-width:2em}.contact-form input,.contact-form textarea{display:block;width:100%;margin-bottom:1rem;padding:.6rem .75rem;font-size:1rem;font-family:inherit;color:#263825;background:#fff;border:1px solid rgba(48,71,46,.25);border-radius:8px;box-sizing:border-box}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#263825;opacity:.5}.contact-form input{min-height:44px}.contact-form textarea{min-height:160px;resize:vertical}.contact-form button{display:block;margin:0 auto;padding:.6rem 1.5rem;font-size:1rem;font-weight:500;color:#263825;background-color:#f6edf6;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.contact-form button:hover{background-color:#b9b0ba}.contact-form button:disabled{opacity:.7;cursor:not-allowed}.contact-form-message{margin:.75rem 0 0;font-size:.95rem}.contact-form-success{color:#263825}.contact-form-error{color:#c53030}.projects{padding:2rem 16rem 6rem;color:#263825}.projects h1{text-align:right}.projects>p{text-align:right;font-size:1.2rem;line-height:1.65;font-family:Alte Haas Grotesk,system-ui,sans-serif}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem;align-items:start}.project-card-root{perspective:1100px;width:100%;max-width:400px;margin:0 auto;box-sizing:border-box;transform:translateY(0);transition:filter .4s ease,transform .35s ease}.project-card-root:hover{transform:translateY(-10px);filter:drop-shadow(0 0 10px rgba(173,129,142,.95)) drop-shadow(0 0 26px rgba(213,229,244,.65)) drop-shadow(0 0 48px rgba(173,216,255,.45))}.project-card-inner{position:relative;width:100%;min-height:410px;--tilt-x: 0deg;--tilt-y: 0deg;transition:transform .35s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));border-radius:22px;overflow:hidden;box-shadow:0 14px 32px #26382533;border:1px solid rgba(48,71,46,.12);transition:box-shadow .4s ease,border-color .4s ease;background:#fff5f5;display:flex;flex-direction:column}.project-card-root:hover .project-card-inner{box-shadow:0 20px 44px #cf90c52e,0 0 18px #2c2b4a8c,0 0 36px #ed51cb59,0 0 52px #e4759440;border-color:#39355480}.project-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.project-card-content{background:#212e25;color:#fff5f5;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem 1.2rem 1.25rem;text-align:left;box-sizing:border-box;flex:1}.project-card-title{margin:0 0 .55rem;font-size:1.2rem;color:#fff5f5}.project-card-text{margin:0;font-size:.98rem;line-height:1.55;color:#fff5f5eb;flex:1}.project-card-tech{margin-top:.85rem;padding-top:.75rem;border-top:1px solid rgba(255,245,245,.24);display:flex;flex-direction:column;gap:.25rem}.project-card-tech-label{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#fff5f5b8}.project-card-tech-list{font-size:.9rem;color:#fff5f5f2}@media(max-width:900px){.home{padding:5.5rem 1.25rem 2rem;min-height:100dvh;box-sizing:border-box}.intro-row{flex-wrap:wrap;justify-content:center;text-align:center}.introp1,.introp2{font-size:1.25rem}.typewriter-text{font-size:1.05rem;text-align:center;padding:0 .5rem}.scroll-down-line{height:72px}.about{padding:2rem 1.25rem 3rem;gap:2rem}.about-main{flex-direction:column;align-items:center;gap:2rem}.about-text{width:100%;max-width:36rem}.about-text p{font-size:1.05rem}.digicam-wrapper{width:100%;max-width:min(380px,100%);margin:0 auto}.digicam-hint{margin:2rem 0 -3rem;margin-left:0;max-width:100%;text-align:center;padding:0 .5rem}.photo-deck-column{align-items:center;width:100%;margin-top:0}.photo-deck-hint{margin-left:0;text-align:center;max-width:100%;padding:0 .75rem}.photo-deck-row{flex-direction:column;align-items:center}.photo-deck-aside{margin-left:0;text-align:left;max-width:100%}.photo-deck-aside p{font-size:1.05rem}.photo-stack-window{width:min(100%,320px);min-height:340px}.photo-stack{min-height:340px}.photo-stack-card{width:min(248px,85vw);height:288px}.projects{padding:2rem 1.25rem 4rem}.projects h1,.projects>p{text-align:center}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card-inner{min-height:auto}.contact{padding:3rem 1.25rem 5rem}.contact:before{width:min(88vw,520px)}.contact-eyes{right:.75rem;bottom:.75rem;transform:scale(.92);transform-origin:bottom right}.contact-form{max-width:100%;padding:1.25rem;box-sizing:border-box}}.contact-title{text-align:center;font-family:Aston Script,cursive,serif}