.video-loader{z-index:9999;background:#f5f1eb;justify-content:center;align-items:center;transition:opacity .8s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.video-loader.fade-out{opacity:0;pointer-events:none}.loader-video{object-fit:cover;object-position:center;width:100%;height:100%}.video-grain{opacity:.03;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:.5s steps(4,end) infinite grain;position:absolute;inset:0}.video-vignette{pointer-events:none;z-index:5;background:radial-gradient(#0000 60%,#2a181033 100%);position:absolute;inset:0}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}.designer-loader{z-index:9999;background:#f5f1eb;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.designer-loader.fade-out{opacity:0;pointer-events:none}.film-grain{opacity:.03;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:.5s steps(4,end) infinite grain;position:absolute;inset:0}.loader-vignette{pointer-events:none;z-index:90;background:radial-gradient(#0000 50%,#2a181026 100%);position:absolute;inset:0}.macbook-scene{flex-direction:column;justify-content:center;align-items:center;width:400px;height:300px;display:flex;position:relative}.workspace-bg{flex-direction:column;display:flex;position:absolute;inset:0}.workspace-light{background:linear-gradient(#faf8f5 0%,#f5f1eb 100%);height:40%}.workspace-surface{background:linear-gradient(#e8e0d5 0%,#d4c8b8 100%);flex:1;position:relative}.macbook{opacity:0;width:280px;transition:transform .6s ease-out;position:relative;transform:translateY(20px)}.macbook.active,.macbook.macbook-on{opacity:1;transform:translateY(0)}.macbook-screen{background:#1a1410;border-radius:8px 8px 2px 2px;width:100%;padding-top:65%;position:relative;overflow:hidden;box-shadow:0 0 0 8px #2a1810,0 0 0 9px #3d2a1f,0 20px 40px #2a18104d}.browser-window{transform-origin:0 0;opacity:0;background:#f5f1eb;flex-direction:column;transition:all .4s ease-out;display:flex;position:absolute;inset:0;transform:scale(.95)}.browser-window.browser-loading{opacity:1;transform:scale(1)}.browser-chrome{background:#e8e0d5;border-bottom:1px solid #d4c8b8;align-items:center;height:24px;padding:0 8px;display:flex}.browser-dots{gap:4px;display:flex}.browser-dots .dot{border-radius:50%;width:8px;height:8px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.browser-address{text-align:center;color:#666;flex:1;padding:4px;font-family:monospace;font-size:10px}.address-typing{border-right:1px solid #666;animation:.5s step-end infinite blink}@keyframes blink{50%{border-color:#0000}}.browser-content{opacity:0;flex-direction:column;flex:1;gap:8px;padding:12px;transition:opacity .3s ease-out;display:flex}.browser-content.content-loading{opacity:1}.loader-skeleton{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line{background:linear-gradient(90deg,#e8e0d5 25%,#d4c8b8 50%,#e8e0d5 75%) 0 0/200% 100%;border-radius:4px;height:8px;animation:1.5s infinite skeleton}.skeleton-title{width:60%;height:14px}.skeleton-short{width:40%}.skeleton-medium{width:70%}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.loader-progress{opacity:0;background:#e8e0d5;border-radius:2px;height:3px;transition:opacity .3s ease-out;overflow:hidden}.loader-progress.progress-active{opacity:1}.progress-bar{background:linear-gradient(90deg,#b8743d,#d4a05a);height:100%;transition:width .2s ease-out}.macbook-base{background:linear-gradient(#3d2a1f 0%,#2a1810 100%);border-radius:0 0 12px 12px;height:8px;margin:0 -20px}.macbook-stand{background:linear-gradient(#2a1810 0%,#1a1410 100%);border-radius:0 0 4px 4px;width:80px;height:4px;margin:0 auto}.desk-items{justify-content:space-around;align-items:flex-end;padding:0 20px;display:flex;position:absolute;bottom:-30px;left:0;right:0}.item{opacity:0;animation:.6s ease-out forwards fadeInUp}.sketchbook{width:50px;height:35px;animation-delay:.3s}.sketchbook-cover{background:linear-gradient(135deg,#2a1810 0%,#3d2a1f 100%);border-radius:2px;width:100%;height:70%;box-shadow:0 2px 4px #0003}.sketchbook-pages{background:#f5f1eb;border-radius:0 0 2px 2px;width:95%;height:30%;margin:2px auto 0}.coffee-cup{width:30px;height:35px;animation-delay:.5s;position:relative}.cup-body{background:linear-gradient(#faf8f5 0%,#e8e0d5 100%);border-radius:4px 4px 6px 6px;width:100%;height:70%;box-shadow:inset 0 -5px 10px #0000001a}.cup-handle{border:2px solid #e8e0d5;border-left:none;border-radius:0 6px 6px 0;width:8px;height:12px;position:absolute;top:8px;right:-6px}.cup-steam{background:#2a18101a;border-radius:2px;width:3px;height:15px;animation:2s ease-out infinite steam;position:absolute;bottom:100%;left:50%}.cup-steam.steam-1{animation-delay:0s;left:40%}.cup-steam.steam-2{animation-delay:.3s;left:55%}.cup-steam.steam-3{animation-delay:.6s;left:45%}@keyframes steam{0%{opacity:.6;transform:translateY(0)scaleY(1)}to{opacity:0;transform:translateY(-20px)scaleY(.5)}}.pencil{background:linear-gradient(90deg,#b8743d 60%,#2a1810 60% 85%,#f5f1eb 85%);border-radius:2px;width:60px;height:4px;animation-delay:.7s;transform:rotate(-10deg)}.camera{width:45px;height:30px;animation-delay:.9s}.camera-body{background:linear-gradient(#2a1810 0%,#1a1410 100%);border-radius:4px;width:100%;height:60%;box-shadow:0 2px 4px #0003}.camera-lens{background:radial-gradient(circle,#3d2a1f 30%,#1a1410 70%);border:2px solid #3d2a1f;border-radius:50%;width:16px;height:16px;margin:-2px auto 0}.cursor{opacity:0;width:20px;height:28px;transition:all .3s ease-out;position:absolute;top:60px;left:80px}.cursor.cursor-active{opacity:1;animation:1.2s ease-out forwards cursorMove}.cursor-icon{clip-path:polygon(0 0,0 100%,25% 75%,50% 100%,50% 70%,75% 75%);background:#2a1810;width:100%;height:100%}@keyframes cursorMove{0%{top:60px;left:80px}50%{top:80px;left:140px}to{top:82px;left:145px}}.designer-scene{opacity:0;pointer-events:none;justify-content:center;align-items:flex-end;transition:opacity .6s ease-out;display:flex;position:absolute;inset:0}.designer-scene.active{opacity:1;pointer-events:auto}.designer-silhouette{margin-bottom:280px;margin-right:100px;position:relative}.designer{transform-origin:bottom;flex-direction:column;align-items:center;display:flex;position:relative}.designer-head{width:50px;height:55px;position:relative}.designer-hair{background:#2a1810;border-radius:24px 24px 15px 15px;width:48px;height:30px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.designer-face{background:linear-gradient(#e8c8b8 0%,#d4b0a0 100%);border-radius:20px 20px 18px 18px;width:40px;height:45px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.eye{background:#2a1810;border-radius:1px;width:5px;height:2px;transition:all .3s ease-out;position:absolute;top:20px}.eye-left{left:8px}.eye-right{right:8px}.eye-smile{border-radius:0 0 3px 3px;height:1px;transform:scaleY(-1)}.mouth{background:#b8743d;border-radius:1px;width:10px;height:2px;transition:all .3s ease-out;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.mouth-smile{background:0 0;border:2px solid #b8743d;border-top:none;border-radius:0 0 10px 10px;width:14px;height:6px}.blush{opacity:0;background:#b8743d4d;border-radius:50%;width:6px;height:4px;transition:opacity .3s ease-out;position:absolute;top:28px}.blush-left{left:4px}.blush-right{right:4px}.blush.visible{opacity:1}.hand-wave{transform-origin:bottom;opacity:0;width:20px;height:25px;transition:all .4s ease-out;position:absolute;top:-5px;right:-20px;transform:rotate(-30deg)}.hand-wave.hand-active{opacity:1;animation:1.5s ease-in-out infinite wave;transform:rotate(20deg)}@keyframes wave{0%,to{transform:rotate(20deg)}25%{transform:rotate(30deg)}75%{transform:rotate(10deg)}}.hand-palm{background:linear-gradient(#e8c8b8 0%,#d4b0a0 100%);border-radius:8px 8px 6px 6px;width:16px;height:18px}.finger{background:#d4b0a0;border-radius:2px;position:absolute}.finger-1{width:3px;height:8px;top:-4px;left:2px}.finger-2{width:3px;height:10px;top:-6px;left:6px}.finger-3{width:3px;height:9px;top:-5px;left:11px}.finger-4{width:3px;height:7px;top:-3px;left:15px}.designer-shoulders{width:80px;height:35px;position:relative}.shoulder{background:linear-gradient(#b8743d 0%,#8b5a2b 100%);border-radius:50%;width:35px;height:25px;position:absolute;top:0}.shoulder-left{left:0}.shoulder-right{right:0}.shirt-collar{clip-path:polygon(0 0,100% 0,75% 100%,50% 80%,25% 100%);background:linear-gradient(#faf8f5 0%,#e8e0d5 100%);width:20px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.designer-torso{background:linear-gradient(#b8743d 0%,#8b5a2b 50%,#6b4226 100%);border-radius:8px 8px 4px 4px;width:60px;height:60px}.shirt-buttons{flex-direction:column;align-items:center;gap:12px;padding-top:10px;display:flex}.button{background:#faf8f5;border-radius:50%;width:4px;height:4px}.designer.designer-stretch{animation:1s ease-out stretch}@keyframes stretch{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.05)translateY(-5px)}}.stretch-overlay{opacity:0;pointer-events:none;position:absolute;inset:-20px}.stretch-overlay.active{animation:.8s ease-out stretchLines}.stretch-line{background:#2a18101a;position:absolute}.stretch-line-1{height:1px;top:20%;left:10%;right:10%}.stretch-line-2{height:1px;bottom:20%;left:10%;right:10%}@keyframes stretchLines{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.screen-reflection{opacity:0;background:#2a18100d;border-radius:5px;width:60px;height:40px;transition:opacity .5s ease-out;position:absolute;bottom:100px;right:80px;transform:perspective(200px)rotateY(-15deg)}.screen-reflection.visible{opacity:1}.transition-overlay{opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.transition-overlay.active{animation:.8s ease-out forwards transitionOut}.transition-ring{opacity:0;border:2px solid #b8743d;border-radius:50%;position:absolute}.transition-overlay.active .transition-ring{animation:.8s ease-out forwards ringExpand}.transition-overlay.active .ring-1{animation-delay:0s}.transition-overlay.active .ring-2{animation-delay:.1s}.transition-overlay.active .ring-3{animation-delay:.2s}@keyframes ringExpand{0%{opacity:.8;width:50px;height:50px}to{opacity:0;width:600px;height:600px}}@keyframes transitionOut{0%{background:0 0}to{background:#f5f1eb}}.loader-text{text-align:center;z-index:50;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.loader-title{font-family:var(--font-mono,monospace);color:#2a1810;letter-spacing:4px;gap:2px;font-size:28px;font-weight:700;display:flex}.loader-title .letter{opacity:0;animation:.6s ease-out forwards letterIn;display:inline-block;transform:translateY(20px)}@keyframes letterIn{to{opacity:1;transform:translateY(0)}}.loader-subtitle{font-family:var(--font-mono,monospace);color:#b8743d;letter-spacing:2px;margin-top:8px;font-size:10px;overflow:hidden}.subtitle-text{opacity:0;transition:all .4s ease-out;display:inline-block;transform:translateY(10px)}.subtitle-text.visible{opacity:1;transform:translateY(0)}.loader-percent{font-family:var(--font-mono,monospace);color:#666;margin-top:12px;font-size:12px}.loader-text.complete .loader-title{animation:.8s ease-out forwards titleComplete}@keyframes titleComplete{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loader-timecode{font-family:var(--font-mono,monospace);color:#2a1810;z-index:50;gap:8px;font-size:10px;display:flex;position:absolute;top:20px;left:20px}.loader-timecode .timecode{color:#b8743d}.loader-frame-info{font-family:var(--font-mono,monospace);color:#666;z-index:50;font-size:10px;position:absolute;top:20px;right:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.macbook-scene{width:300px;height:250px}.macbook{width:220px}.loader-title{letter-spacing:2px;font-size:20px}.desk-items{padding:0 10px}.sketchbook{width:40px;height:28px}.coffee-cup{width:25px;height:30px}.pencil{width:45px}.camera{width:35px;height:25px}.designer-silhouette{margin-bottom:230px;margin-right:60px;transform:scale(.8)}}