:root{--color-bg: #faf7f2;--color-bg-warm: #f5efe6;--color-bg-card: #ffffff;--color-bg-dark: #2c2418;--color-text: #2c2418;--color-text-muted: #7a6e5d;--color-text-light: #a89b8a;--color-accent: #8b6f47;--color-accent-light: #c4a87c;--color-sage: #7a8c6e;--color-sage-light: #a8b89c;--color-sage-pale: #dce5d5;--color-rose: #c4878a;--color-rose-light: #e8b4b6;--color-rose-pale: #f5dfe0;--color-sky: #89b4d8;--color-sky-light: #b5d4ec;--color-sky-pale: #dfedf7;--color-terracotta: #c47a5a;--color-cream: #f0e6d3;--color-border: #e5ddd0;--color-white: #ffffff;--color-black: #1a1610;--font-display: "Silkscreen", cursive;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Mono", monospace;--nav-height: 64px;--section-padding: 120px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-circ: cubic-bezier(.85, 0, .15, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;line-height:1.6;cursor:none}a{text-decoration:none;color:inherit;cursor:none}img{display:block;max-width:100%}button{border:none;background:none;cursor:none;font-family:inherit}.cursor-follower{position:fixed;width:48px;height:48px;border-radius:50%;border:2px solid var(--color-sage);pointer-events:none;z-index:10000;transition:transform .15s var(--ease-out-expo),width .35s var(--ease-out-expo),height .35s var(--ease-out-expo),opacity .3s ease,background .35s ease,border-color .35s ease;transform:translate(-50%,-50%);opacity:0;background:#7a8c6e0f}.cursor-follower.active{opacity:1}.cursor-follower.hovering{width:72px;height:72px;background:#7a8c6e1f;border-color:var(--color-rose)}.cursor-dot{position:fixed;width:10px;height:10px;border-radius:50%;background:var(--color-sage);pointer-events:none;z-index:10001;transform:translate(-50%,-50%);opacity:0;box-shadow:0 0 12px #7a8c6e66,0 0 4px #7a8c6e99;transition:opacity .3s ease,width .3s var(--ease-out-expo),height .3s var(--ease-out-expo),background .3s ease}.cursor-dot.active{opacity:1}.cursor-follower.hovering+.cursor-dot,.cursor-dot.hovering{width:6px;height:6px;background:var(--color-rose);box-shadow:0 0 12px #c4878a80}.top-brand{position:fixed;top:24px;left:24px;z-index:200;display:flex;align-items:center;gap:8px;padding:8px 18px;background:#2c2418d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50px;border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:all .3s var(--ease-out-expo);box-shadow:0 4px 16px #00000026}.top-brand:hover{background:#2c2418f2;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.top-brand-icon{font-size:1.1rem;line-height:1}.top-brand-name{font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--color-white);letter-spacing:.05em}.pixel-flowers-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:1}.petals-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9997;opacity:.6}.lang-toggle{position:fixed;top:24px;right:24px;z-index:200;display:flex;align-items:center;gap:6px;padding:8px 16px;background:#2c2418d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50px;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;cursor:none;transition:all .3s var(--ease-out-expo);box-shadow:0 4px 16px #00000026}.lang-toggle:hover{color:var(--color-white);background:#2c2418f2;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.lang-flag{font-size:1rem;line-height:1}.lang-label{font-weight:600}.grain-overlay{position:fixed;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:9998;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.floral-decoration{position:absolute;pointer-events:none;z-index:0;opacity:.12}.floral-decoration svg{width:100%;height:100%}.floral-corner-tl{position:absolute;top:0;left:0;width:300px;height:300px;pointer-events:none;opacity:.07;z-index:0}.floral-corner-br{position:absolute;bottom:0;right:0;width:250px;height:250px;pointer-events:none;opacity:.07;z-index:0;transform:rotate(180deg)}@keyframes floralSway{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(3deg) scale(1.02)}50%{transform:rotate(-2deg) scale(.98)}75%{transform:rotate(1deg) scale(1.01)}}.loader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .6s ease,visibility .6s ease}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-floral{position:absolute;width:120px;height:120px;opacity:.1;animation:floralSpin 20s linear infinite}@keyframes floralSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{display:flex;gap:2px;font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--color-text);margin-bottom:20px}.loader-letter{display:inline-block;opacity:0;transform:translateY(30px) rotateX(90deg);animation:letterReveal .6s var(--ease-out-expo) forwards;animation-delay:calc(var(--i) * .08s)}@keyframes letterReveal{to{opacity:1;transform:translateY(0) rotateX(0)}}.loader-tagline{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-muted);font-style:italic;margin-bottom:30px;opacity:0;animation:fadeIn .8s ease forwards .8s}@keyframes fadeIn{to{opacity:1}}.loader-bar{width:200px;height:2px;background:var(--color-border);border-radius:2px;overflow:hidden}.loader-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--color-sage),var(--color-rose),var(--color-sky));border-radius:2px;transition:width .1s linear}.main-content{opacity:0;transition:opacity .8s ease}.main-content.visible{opacity:1}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px;overflow:hidden}.hero-brand-wrapper{position:relative;text-align:center;z-index:2;max-width:900px}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.5rem,8vw,7rem);line-height:1;letter-spacing:-.02em;margin-bottom:24px;color:#2c2418}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.title-line{display:block;opacity:1;transform:translateY(0);transition:all 1s ease-out}.title-line:not(.revealed){opacity:0;transform:translateY(10px)}.title-line.revealed{transform:translateY(0)}.hero-subtitle{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.2em;color:var(--color-text-muted);opacity:0;transform:translateY(20px);transition:all .8s var(--ease-out-expo) .3s;margin-bottom:20px}.hero-subtitle.revealed{opacity:1;transform:translateY(0)}.hero-tagline{font-family:var(--font-body);font-size:1.05rem;line-height:1.7;color:var(--color-text-muted);font-style:italic;max-width:550px;margin:0 auto 40px;opacity:0;transform:translateY(20px);transition:all .8s var(--ease-out-expo) .5s}.hero-tagline.revealed{opacity:1;transform:translateY(0)}.hero-pixel-flower{position:absolute;pointer-events:none;animation:pixelFlowerFloat 10s ease-in-out infinite;z-index:1}.hero-pixel-flower svg{width:100%;height:100%}.hpf-1{width:60px;height:60px;top:-5%;left:-3%;color:var(--color-rose);opacity:.25;animation-delay:0s;animation-duration:12s}.hpf-2{width:45px;height:45px;top:10%;right:5%;color:var(--color-sky);opacity:.2;animation-delay:2s;animation-duration:14s}.hpf-3{width:35px;height:35px;bottom:25%;left:8%;color:var(--color-sage);opacity:.2;animation-delay:4s;animation-duration:11s}.hpf-4{width:30px;height:30px;bottom:15%;right:10%;color:var(--color-rose-light);opacity:.18;animation-delay:1s;animation-duration:13s}.hpf-5{width:25px;height:25px;top:35%;left:-2%;color:var(--color-accent-light);opacity:.15;animation-delay:3s;animation-duration:15s}.hpf-6{width:28px;height:28px;top:50%;right:-1%;color:var(--color-sky-light);opacity:.15;animation-delay:5s;animation-duration:16s}@keyframes pixelFlowerFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(5deg)}50%{transform:translateY(-6px) rotate(-3deg)}75%{transform:translateY(-14px) rotate(2deg)}}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:all .8s var(--ease-out-expo) .7s}.hero-cta-group.revealed{opacity:1;transform:translateY(0)}.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;border-radius:50px;transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.hero-cta-primary{background:linear-gradient(135deg,var(--color-sage),var(--color-sage-light));color:var(--color-white);box-shadow:0 4px 20px #7a8c6e40}.hero-cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #7a8c6e59}.hero-cta-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000a}.hero-cta-secondary:hover{background:var(--color-text);color:var(--color-white);border-color:var(--color-text);transform:translateY(-3px);box-shadow:0 8px 24px #2c241833}.hero-cta svg{transition:transform .3s var(--ease-out-expo)}.hero-cta:hover svg{transform:translateY(3px)}.hero-cta-secondary:hover svg{transform:translate(4px) translateY(0)}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;opacity:0;animation:fadeIn 1s ease forwards 2s}.scroll-line{width:1px;height:40px;background:var(--color-sage-light);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,var(--color-sage));animation:scrollLineMove 2s ease-in-out infinite}@keyframes scrollLineMove{0%{top:-100%}to{top:100%}}.hero-scroll-indicator span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;color:var(--color-text-light);text-transform:uppercase}.floating-shape{position:absolute;pointer-events:none;opacity:.06}.shape-1{width:350px;height:350px;top:5%;right:15%;background:radial-gradient(ellipse at center,var(--color-sky-pale) 0%,transparent 70%);border-radius:60% 40% 50% 50%/50% 60% 40% 50%;animation:blobFloat 20s ease-in-out infinite}.shape-2{width:250px;height:250px;bottom:15%;left:5%;background:radial-gradient(ellipse at center,var(--color-rose-pale) 0%,transparent 70%);border-radius:40% 60% 50% 50%/60% 40% 50% 50%;animation:blobFloat 16s ease-in-out infinite reverse}.shape-3{width:180px;height:180px;top:35%;left:35%;background:radial-gradient(ellipse at center,var(--color-cream) 0%,transparent 70%);border-radius:50% 50% 40% 60%/40% 60% 50% 50%;animation:blobFloat 14s ease-in-out infinite 2s}@keyframes blobFloat{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-20px) rotate(8deg) scale(1.05)}50%{transform:translate(-15px,25px) rotate(-5deg) scale(.95)}75%{transform:translate(20px,10px) rotate(3deg) scale(1.02)}}.section{padding:var(--section-padding) 0;position:relative}.section-container{max-width:1200px;margin:0 auto;padding:0 60px;position:relative;z-index:1}.section-header{margin-bottom:80px}.section-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--color-sage);display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.section-label:before{content:"";display:inline-block;width:20px;height:1px;background:var(--color-sage)}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.15;color:var(--color-text)}.section-title em{font-style:italic;font-family:var(--font-body);font-weight:300;color:var(--color-sage)}.about-section{background:var(--color-white);overflow:hidden}.about-content{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:start}.about-text p{font-size:1.05rem;line-height:1.9;color:var(--color-text-muted);margin-bottom:24px}.about-socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.about-social-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--color-border);border-radius:50px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--color-text-muted);transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.about-social-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;opacity:0;transition:opacity .4s ease;z-index:-1}.about-social-link.ig:before{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.about-social-link.tiktok:before{background:linear-gradient(135deg,#010101,#69c9d0)}.about-social-link.youtube:before{background:red}.about-social-link.vinted:before{background:#09b1ba}.about-social-link:hover{color:var(--color-white);border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.about-social-link:hover:before{opacity:1}.about-social-link svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.about-stats{display:flex;flex-direction:column;gap:40px;padding-top:8px}.stat-item{display:flex;flex-direction:column;gap:4px;position:relative;padding-left:20px}.stat-item:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--color-sage-light)}.stat-number{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1;color:var(--color-text)}.stat-number:after{content:"+";font-size:1.5rem;margin-left:2px;color:var(--color-sage)}.stat-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-light)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.project-card{cursor:none;opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.project-card.revealed{opacity:1;transform:translateY(0)}.project-card:nth-child(2n){margin-top:60px}.project-card-image{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,var(--color-bg-warm),var(--color-sky-pale))}.project-card-image img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .8s var(--ease-out-expo)}.project-card:hover .project-card-image img{transform:scale(1.08)}.project-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7a8c6e66,#c4878a4d);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;border-radius:12px}.project-card:hover .project-card-overlay{opacity:1}.project-card-view{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;color:var(--color-white);padding:12px 24px;border:1px solid rgba(255,255,255,.6);border-radius:30px;transform:translateY(10px);transition:transform .4s var(--ease-out-expo),background .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card:hover .project-card-view{transform:translateY(0)}.project-card-info{padding:20px 4px 0}.project-card-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:4px}.project-card-category{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-sage)}.product-viewer-section{background:var(--color-bg-warm);overflow:hidden}.product-viewer-wrapper{display:grid;grid-template-columns:120px 1fr 300px;gap:40px;align-items:center;min-height:550px}.product-selector{display:flex;flex-direction:column;gap:16px}.product-thumb{width:100px;height:100px;border-radius:16px;overflow:hidden;border:2px solid var(--color-border);background:var(--color-white);padding:8px;cursor:none;transition:all .4s var(--ease-out-expo);display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.product-thumb img{width:100%;height:60px;object-fit:contain;transition:transform .4s var(--ease-out-expo)}.product-thumb:hover img{transform:scale(1.08)}.thumb-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;color:var(--color-text-light);text-transform:uppercase;white-space:nowrap}.product-thumb.active{border-color:var(--color-sage);box-shadow:0 4px 20px #7a8c6e33,0 0 0 4px #7a8c6e14}.product-thumb.active .thumb-label{color:var(--color-sage);font-weight:600}.viewer-container{position:relative;width:100%;aspect-ratio:1;max-width:600px;margin:0 auto;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at center,#f8f4ef,#eee8dd 60%,#e5ddd0);box-shadow:0 20px 60px #2c24181a,0 4px 16px #2c24180f,inset 0 1px #fff9;border:1px solid rgba(122,140,110,.12)}.viewer-container canvas{width:100%!important;height:100%!important;display:block;cursor:grab}.viewer-container canvas:active{cursor:grabbing}.viewer-drag-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 20px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;border:1px solid rgba(122,140,110,.2);z-index:5;animation:dragHintPulse 3s ease-in-out infinite;transition:opacity .6s ease,transform .6s var(--ease-out-expo);pointer-events:none}.viewer-drag-hint.hidden{opacity:0;transform:translate(-50%) translateY(10px)}.drag-hint-icon{color:var(--color-sage);display:flex;animation:dragHintSlide 2s ease-in-out infinite}.viewer-drag-hint span{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;white-space:nowrap}@keyframes dragHintPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dragHintSlide{0%,to{transform:translate(0)}25%{transform:translate(6px)}75%{transform:translate(-6px)}}.product-info-panel{padding:30px;background:var(--color-white);border-radius:20px;border:1px solid var(--color-border);box-shadow:0 8px 32px #2c24180f;transition:all .4s var(--ease-out-expo)}.product-info-panel:hover{box-shadow:0 12px 40px #2c24181a;transform:translateY(-2px)}.product-name{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--color-text);margin-bottom:16px}.product-description{font-family:var(--font-body);font-size:.88rem;line-height:1.8;color:var(--color-text-muted);margin-bottom:28px}.product-details{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:1px solid var(--color-border)}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-light)}.detail-value{font-family:var(--font-body);font-size:.82rem;color:var(--color-text);font-weight:500}.product-buy-btn{display:inline-block;margin-top:24px;padding:12px 24px;background:linear-gradient(135deg,var(--color-sage),var(--color-sage-light));color:var(--color-white);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;border-radius:50px;transition:all .4s var(--ease-out-expo);box-shadow:0 4px 16px #7a8c6e33;text-align:center;width:100%}.product-buy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7a8c6e4d;background:linear-gradient(135deg,var(--color-rose),var(--color-rose-light))}.journal-section{background:var(--color-white);overflow:hidden}.journal-list{display:flex;flex-direction:column}.journal-item{display:grid;grid-template-columns:60px 1fr auto 40px;gap:30px;align-items:center;padding:35px 0;border-bottom:1px solid var(--color-border);transition:all .4s var(--ease-out-expo);position:relative}.journal-item:before{content:"";position:absolute;left:-60px;right:-60px;top:0;bottom:0;background:var(--color-bg-warm);opacity:0;transition:opacity .4s ease;z-index:-1}.journal-item:hover:before{opacity:1}.journal-item:hover{padding-left:10px}.journal-item-number{font-family:var(--font-mono);font-size:.75rem;color:var(--color-sage)}.journal-item-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:6px;transition:color .3s ease}.journal-item:hover .journal-item-title{color:var(--color-sage)}.journal-item-excerpt{font-size:.85rem;color:var(--color-text-light);line-height:1.5}.journal-item-date{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-light);letter-spacing:.1em}.journal-item-arrow{font-size:1.2rem;transform:translate(-5px);opacity:0;transition:all .4s var(--ease-out-expo)}.journal-item:hover .journal-item-arrow{transform:translate(0);opacity:1}.contact-section{background:var(--color-bg-dark);color:var(--color-white);padding:160px 0;overflow:hidden;position:relative}.contact-content{max-width:700px;position:relative;z-index:1}.contact-content .section-label{color:var(--color-sage-light)}.contact-content .section-label:before{background:var(--color-sage-light)}.contact-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.1;margin-bottom:30px}.contact-title em{font-family:var(--font-body);font-weight:300;font-style:italic;color:var(--color-sage-light)}.contact-subtitle{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:#ffffff8c;margin-bottom:40px;font-style:italic}.contact-email{display:inline-block;font-family:var(--font-mono);font-size:1.1rem;color:#ffffffb3;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:50px;transition:all .4s ease;position:relative}.contact-email:after{content:"";position:absolute;bottom:-1px;left:0;width:0%;height:1px;background:linear-gradient(90deg,var(--color-sage-light),var(--color-rose-light));transition:width .6s var(--ease-out-expo)}.contact-email:hover{color:var(--color-white)}.contact-email:hover:after{width:100%}.contact-socials{display:flex;gap:30px}.social-link{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:#ffffff59;transition:color .3s ease;position:relative}.social-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:1px;background:var(--color-sage-light);transition:width .4s var(--ease-out-expo)}.social-link:hover{color:var(--color-white)}.social-link:hover:after{width:100%}.bottom-nav{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);display:flex;align-items:center;gap:8px;padding:8px;background:#2c2418eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;z-index:100;box-shadow:0 8px 32px #2c241840,0 2px 8px #0000001a,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.06);transition:transform .8s var(--ease-out-expo)}.bottom-nav.visible{transform:translate(-50%) translateY(0)}.nav-brand-icon{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:linear-gradient(135deg,#7a8c6e33,#c4878a33);border:2px solid rgba(122,140,110,.3)}.nav-links{display:flex;align-items:center;gap:4px;padding:0 8px}.nav-link{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;color:#ffffff73;padding:10px 16px;border-radius:30px;transition:all .3s var(--ease-out-expo);white-space:nowrap}.nav-link:hover{color:#ffffffd9}.nav-link.active{color:var(--color-white);background:#7a8c6e40}.nav-contact{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;color:var(--color-bg-dark);background:linear-gradient(135deg,var(--color-sage-light),var(--color-sage-pale));padding:10px 22px;border-radius:30px;display:flex;align-items:center;gap:8px;transition:all .3s var(--ease-out-expo);white-space:nowrap;font-weight:600}.nav-contact span{font-size:.9rem;line-height:1}.nav-contact:hover{transform:scale(1.03);box-shadow:0 4px 16px #7a8c6e4d}[data-animate=fade-up]{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}[data-animate=fade-up].revealed{opacity:1;transform:translateY(0)}[data-animate=scale-in]{opacity:0;transform:scale(.9);transition:opacity 1s var(--ease-out-expo),transform 1s var(--ease-out-expo)}[data-animate=scale-in].revealed{opacity:1;transform:scale(1)}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:linear-gradient(90deg,var(--color-sage),var(--color-rose),var(--color-sky));z-index:9999;transition:width .1s linear}[data-magnetic]{transition:transform .3s var(--ease-out-expo)}@media (max-width: 1024px){.hero{padding:40px 30px}.hero-title{font-size:clamp(3rem,10vw,6rem)}.about-content{grid-template-columns:1fr;gap:50px}.about-stats{flex-direction:row;justify-content:space-between}.projects-grid{grid-template-columns:1fr}.project-card:nth-child(2n){margin-top:0}.journal-item{grid-template-columns:40px 1fr 40px}.journal-item-date{display:none}.section-container{padding:0 30px}.product-viewer-wrapper{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:30px}.product-selector{flex-direction:row;justify-content:center;order:-1}.viewer-container{max-width:400px}.product-info-panel{max-width:500px;margin:0 auto}}@media (max-width: 640px){:root{--section-padding: 80px}.hero{padding:30px 20px}.hero-title{font-size:clamp(2.5rem,14vw,5rem)}.hero-tagline{font-size:.9rem}.hero-cta-group{flex-direction:column;gap:12px}.hero-cta{width:100%;justify-content:center}.hero-pixel-flower{display:none}.bottom-nav{bottom:16px;padding:6px;gap:4px}.nav-brand-icon{width:36px;height:36px;font-size:1.1rem}.nav-link{font-size:.6rem;padding:8px 10px}.nav-contact{font-size:.6rem;padding:8px 14px}.about-stats{flex-direction:column;gap:30px}.product-selector{gap:10px}.product-thumb{width:80px;height:80px;padding:6px}.product-thumb img{height:45px}.thumb-label{font-size:.5rem}.viewer-container{max-width:300px}.about-socials{justify-content:center}.contact-socials{flex-wrap:wrap;gap:20px}.lang-toggle{top:16px;right:16px;padding:6px 12px;font-size:.6rem}.top-brand{top:16px;left:16px;padding:6px 14px}.top-brand-name{font-size:.7rem}.top-brand-icon{font-size:.9rem}.cursor-follower,.cursor-dot{display:none!important}html,body,a,button{cursor:auto}}