@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;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}html,body{margin:0;padding:0;min-width:320px;min-height:100vh;height:100%}#root{height:100vh;width:100%}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.detective-board-container{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:100}.detective-polaroid{background:#fff;padding:8px;border-radius:4px;box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:grab;position:relative}.detective-polaroid:active{cursor:grabbing}.detective-polaroid.selected{box-shadow:0 6px 20px #dc26264d;transform:scale(1.05)}.detective-polaroid-frame{position:relative;width:120px;height:140px;background:#fff}.detective-polaroid-image{width:100%;height:100px;object-fit:cover;border-radius:2px}.detective-polaroid-caption{padding:8px 4px 4px;font-family:Geist,sans-serif;font-size:11px;color:#333;text-align:center;font-weight:400}.detective-polaroid-clip{position:absolute;top:-8px;right:-8px;width:24px;height:24px;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.detective-sticker{cursor:grab;transition:all .3s ease}.detective-sticker:active{cursor:grabbing}.detective-sticker.selected{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(220,38,38,.3))}.detective-sticker-image{width:60px;height:60px;object-fit:contain}.detective-handle{width:8px;height:8px;background:#dc2626;border:2px solid white;opacity:0;transition:opacity .3s ease}.detective-polaroid:hover .detective-handle,.detective-sticker:hover .detective-handle,.detective-polaroid.selected .detective-handle,.detective-sticker.selected .detective-handle{opacity:1}.detective-controls{border-radius:8px;background:#ffffffe6}.detective-controls button{background:#fff;border:1px solid #e5e5e5;color:#666;border-radius:4px;transition:all .2s ease}.detective-controls button:hover{background:#f5f5f5;border-color:#dc2626;color:#dc2626}.react-flow__edge-path{stroke:#dc2626!important;stroke-width:2;filter:drop-shadow(0 1px 2px rgba(220,38,38,.3))}.react-flow__edge.selected .react-flow__edge-path{stroke:#b91c1c!important;stroke-width:3}.react-flow__arrowhead{fill:#dc2626}.react-flow__background{background-color:#fefefe}.react-flow__node.selected{outline:2px solid #dc2626;outline-offset:2px}@media (max-width: 768px){.detective-polaroid-frame{width:100px;height:120px}.detective-polaroid-image{height:80px}.detective-sticker-image{width:50px;height:50px}.detective-handle{width:12px;height:12px}}.interactive-header{position:relative;width:100%;height:100vh;overflow:hidden;background:#f8f9fa;cursor:default}.dotted-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#c4c9d0 1px,transparent 1px);background-size:20px 20px;background-position:0 0;z-index:1}.header-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:50;pointer-events:none}.main-title{font-family:BellavoirSerif,serif;font-size:16rem;font-weight:400;color:#1f2937;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:.8}.subtitle{position:relative;width:100%;height:400px;margin:-6rem auto 0;max-width:1400px}.sticky-note{position:absolute;width:180px;height:120px;padding:15px;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:grab;z-index:20;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:.95rem;color:#1f2937;transform:rotate(-2deg);transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}.sticky-note:hover{transform:rotate(0) scale(1.05);box-shadow:0 8px 20px #0003;z-index:25}.sticky-note:nth-child(2n){transform:rotate(2deg)}.sticky-note:nth-child(2n):hover{transform:rotate(0) scale(1.05)}.sticky-note.dragging{transform:rotate(0) scale(1.1);box-shadow:0 12px 28px #00000040;z-index:30;transition:none}.sticker{position:absolute;z-index:50;cursor:grab;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .6s ease;-webkit-user-select:none;user-select:none;will-change:transform}.sticker-image{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));transition:filter .2s ease}.sticker:hover{transform:scale(1.03) rotate(4deg) translate(12px,-3px);z-index:60}.sticker:hover .sticker-image{filter:drop-shadow(0 8px 20px rgba(0,0,0,.3)) saturate(1.1)}.sticker.dragging{transform:scale(1.12) rotate(5deg);z-index:70;transition:none}.sticker.dragging .sticker-image{filter:drop-shadow(0 6px 16px rgba(0,0,0,.3))}.navigation-toolbar{position:fixed;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#fffffff2;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:6px;height:52px;box-shadow:0 4px 20px #00000014;z-index:100;transition:none;overflow:visible;width:auto}.toolbar-section{display:flex;align-items:center;gap:2px;overflow:visible}.toolbar-section:not(:last-child):after{content:"";width:1px;height:24px;background:#00000014;margin:0 8px}.toolbar-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .15s ease;position:relative;width:40px;height:40px;overflow:visible}.toolbar-btn:has(.tool-icon){align-items:center;overflow:visible}.toolbar-btn:hover .tool-icon-svg{color:#374151;transform:translateY(-1px)}.toolbar-btn:hover:has(.tool-icon){background:transparent;transform:none}.toolbar-btn:hover:has(.tool-icon-svg){background:#0000000a;transform:translateY(-2px)}.toolbar-btn.active{background:#3b82f61a}.tool-icon{width:40px;height:40px;object-fit:contain;transition:all .15s ease}.toolbar-btn:hover .tool-icon{transform:translateY(-8px)}.tool-icon-svg{width:22px;height:22px;color:#6b7280;stroke-width:1.5;transition:all .15s ease}.toolbar-btn.active .tool-icon-svg{color:#3b82f6}@media (max-width: 768px){.main-title{font-size:8rem}.subtitle{width:100%;height:250px;margin:-3rem auto 0;max-width:1000px}.sticky-note{width:140px;height:100px;font-size:.85rem}.sticker-image{width:120px;height:120px}.polaroid{z-index:15}.sticker{z-index:60}.navigation-toolbar{padding:6px;gap:6px}.toolbar-btn{width:38px;height:38px}.tool-icon,.tool-icon-svg,.color-btn{width:28px;height:28px}.toolbar-section:first-child:after{height:28px;margin:0 6px}}.polaroid{position:absolute;z-index:45;cursor:grab;transition:box-shadow .6s ease;-webkit-user-select:none;user-select:none;will-change:transform}.polaroid-frame{background:#fff;padding:12px 12px 40px;box-shadow:0 4px 16px #00000026;border-radius:4px;position:relative;width:160px}.polaroid-image{width:100%;height:120px;object-fit:cover;border-radius:2px;display:block}.polaroid-caption{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:Delicious Handrawn,cursive;font-size:.9rem;color:#2d3748;text-align:center;font-weight:400;line-height:1.3}.polaroid-clip{position:absolute;top:-10px;right:-8px;width:35px;height:35px;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.polaroid:hover{transform:rotate(-3deg) scale(1.02) translate(-10px,2px);box-shadow:0 8px 24px #0003;z-index:55}.polaroid.dragging{transform:scale(1.08) rotate(-3deg);box-shadow:0 16px 40px #0000004d;z-index:65;transition:none}.polaroid.dragging .polaroid-frame{box-shadow:0 8px 24px #0003}@font-face{font-family:BellavoirSerif;src:url(/BellavoirSerif.otf) format("opentype");font-weight:400;font-style:normal}@media (max-width: 768px){.polaroid-frame{width:130px;padding:8px 8px 32px}.polaroid-image{height:100px}.polaroid-caption{font-size:.75rem;bottom:6px}.polaroid-clip{width:28px;height:28px;top:-8px;right:-6px}}@media (max-width: 480px){.navigation-toolbar{padding:4px;gap:4px;border-radius:12px}.toolbar-btn{width:32px;height:32px}.tool-icon,.tool-icon-svg,.color-btn{width:24px;height:24px}.toolbar-section:first-child:after{height:24px;margin:0 4px}.main-title{font-size:5rem}}.case-study-section{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.clouds-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.case-study-content{position:relative;z-index:10;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:center}.text-with-videos{position:relative;width:100%;max-width:1200px;text-align:center}.text-flow{display:block;margin-bottom:.5rem;max-width:1200px;line-height:1.3;text-align:center}.text-line{font-family:"Instrument Serif",serif;font-size:4rem;font-weight:400;line-height:1.2;color:#1a1a1a;letter-spacing:-.02em;display:inline}.case-study-video-box{display:inline-block;width:140px;height:90px;position:relative;vertical-align:middle;margin:0 .5rem;cursor:pointer;border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.case-study-video-container{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden}.case-study-video-box:hover{transform:scale(1.8);z-index:20;box-shadow:0 20px 40px #0003}.mini-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.case-study-image{position:relative;overflow:hidden;border-radius:22px;width:85%;box-shadow:0 10px 40px #00000026;transition:transform .6s cubic-bezier(.4,0,.2,1)}.study-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.study-video{width:100%;height:auto;object-fit:cover;border-radius:22px}.case-study-image:hover{transform:scale(1.05)}.case-study-text{display:flex;flex-direction:column;gap:1.5rem}.case-study-heading{font-family:"Instrument Serif",serif;font-size:3rem;font-weight:600;line-height:1.1;color:#1a1a1a;margin:0;letter-spacing:-.02em}.case-study-paragraph{font-family:Geist,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6;color:#4a4a4a;margin:0;letter-spacing:-.01em}@media (max-width: 768px){.case-study-content{grid-template-columns:1fr;gap:2rem;padding:2rem}.case-study-heading{font-size:2.5rem}.case-study-paragraph{font-size:1rem}}@media (max-width: 614px){.case-study-content{padding:1rem}.text-line{font-size:2rem;line-height:1.4}.case-study-video-box{width:80px;height:50px;margin:0 .3rem}.case-study-video-box:hover{transform:scale(1.4)}}@media (max-width: 480px){.case-study-content{padding:1rem}.text-line{font-size:1.6rem;line-height:1.5}.case-study-video-box{width:60px;height:38px;margin:0 .2rem}.case-study-video-box:hover{transform:scale(1.3)}.case-study-heading{font-size:2rem}.case-study-paragraph{font-size:.95rem}}.video-container{position:relative;width:100%;min-height:100vh;background-image:url(/room.jpg);background-size:100% 100%;background-position:left center;background-repeat:no-repeat;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.video-header{text-align:center;margin-bottom:2rem;color:#1a1a1a}.video-header h2{font-family:"Instrument Serif",serif;font-size:3rem;font-weight:600;margin:0;letter-spacing:-.02em}.video-header p{font-family:Geist,sans-serif;font-size:1.1rem;opacity:.7;font-weight:400;margin-top:.5rem;margin-bottom:0}.projector-light{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:28;width:100%;height:100%;opacity:.8;pointer-events:none}.projector-light.flickering{animation:flicker 1.5s infinite}.projector-light.paused{animation-play-state:paused}.projector-light img{width:100%;height:100%;object-fit:cover;mix-blend-mode:color-dodge}@keyframes flicker{0%{opacity:.6}10%{opacity:1}20%{opacity:.7}30%{opacity:.95}40%{opacity:.5}50%{opacity:.9}60%{opacity:.65}70%{opacity:1}80%{opacity:.55}90%{opacity:.85}to{opacity:.75}}@media (prefers-reduced-motion: reduce){.projector-light.flickering{animation:none;opacity:.8}}.plant{position:absolute;width:340px;top:27%;left:10%;z-index:2;height:auto}.plant img{width:100%;height:auto;display:block}.projector-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);z-index:2;width:600px;height:auto}.bookshelf{position:absolute;top:70%;right:8%;transform:translateY(-50%);z-index:1;width:280px;height:auto}.bookshelf img,.projector-screen img{width:100%;height:auto;display:block}.video-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:560px;aspect-ratio:16/9;z-index:35;overflow:hidden}.main-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;filter:blur(.5px);mask:linear-gradient(to right,transparent 0%,white 15%,white 85%,transparent 100%),linear-gradient(to bottom,transparent 0%,white 10%,white 90%,transparent 100%);-webkit-mask:linear-gradient(to right,transparent 0%,white 15%,white 85%,transparent 100%),linear-gradient(to bottom,transparent 0%,white 10%,white 90%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.dog-shadow-on-video{position:absolute;width:500px;height:700px;z-index:36;pointer-events:none}.dog-shadow-on-video{filter:drop-shadow(0 0 4px rgba(255,205,205,.707)) drop-shadow(3px 0 2px rgba(32,247,32,.603)) drop-shadow(-4px 0 2px rgba(172,172,255,.665))}.dog-shadow-on-video img{width:100%;height:100%;object-fit:contain;filter:brightness(10) opacity(1) contrast(.9) blur(.5px)}.dog-shadow-on-video:before{content:"";position:absolute;inset:-5px;background:inherit;filter:brightness(0) opacity(.3) blur(4px);z-index:-1;mask:radial-gradient(ellipse,transparent 60%,black 100%);-webkit-mask:radial-gradient(ellipse,transparent 60%,black 100%)}.dog-seekbar{position:absolute;width:200px;height:200px;transform:translate(-50%,-50%);z-index:15;-webkit-user-select:none;user-select:none;transition:transform .2s ease;pointer-events:auto}.dog-seekbar img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.dog-seekbar.dragging{transform:translate(-50%,-50%) scale(.85);z-index:40}.dog-seekbar img.animated{animation-play-state:running}.dog-seekbar img.paused{animation-play-state:paused}.projector-button{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:30;cursor:pointer;width:120px;height:120px;transition:transform .2s ease}.projector-button:hover{transform:translate(-50%) scale(1.05)}.projector-button img{width:100%;height:100%;object-fit:contain}.controls{display:flex;align-items:center;gap:1rem;margin-top:1rem}.controls button{background:#1a1a1a;color:#fff;border:none;padding:.8rem 1.2rem;border-radius:25px;font-size:1.2rem;cursor:pointer;transition:background .2s ease}.controls button:hover{background:#333}.controls span{font-family:Geist,monospace;font-size:1rem;color:#666;min-width:40px}.about-section{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat}.about-section.breakdown-mode{overflow:visible!important}.xp-group{position:absolute;bottom:0;left:0;width:100%;height:50%;will-change:transform;transform:translateY(-30%);z-index:3}.parallax-bg{position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url(/bg/xp.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;z-index:5}.xp-light{position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url(/bg/xp-light.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;z-index:6;opacity:0;transition:opacity .1s ease}.about-content{position:relative;z-index:10;width:100%;max-width:800px;margin:-10vh auto 0;padding:0 2rem;display:flex;justify-content:center;align-items:center}.app-icons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:600px;margin:0 auto}.app-icon{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center;transition:transform .2s ease,opacity .2s ease}.app-icon:hover{transform:translateY(-5px);opacity:.9}.app-icon img{width:80px;height:80px;border-radius:18px;box-shadow:0 4px 20px #00000026;transition:transform .2s ease,box-shadow .2s ease;object-fit:cover;object-position:center}.app-icon img:hover{transform:scale(1.05);box-shadow:0 6px 25px #0003}.app-icon span{font-family:Geist,sans-serif;font-size:.85rem;font-weight:600;color:#fff;line-height:1.3;letter-spacing:-.01em;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.vibe-coded-text{position:absolute;bottom:40%;right:10%;transform:none;font-family:BellavoirSerif,serif;font-size:18rem;font-weight:400;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);letter-spacing:-.02em;line-height:.8;z-index:2;pointer-events:none}.caption-text{position:absolute;bottom:-3rem;right:0;font-family:Geist,sans-serif;font-size:1.2rem;font-weight:400;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.01em;line-height:1.1}@media (max-width: 1024px){.about-content{max-width:700px;margin-top:-8vh}.app-icons-grid{gap:1.5rem;max-width:500px}.app-icon img{width:70px;height:70px;object-fit:cover;object-position:center}.vibe-coded-text{font-size:9rem}.caption-text{font-size:1rem;bottom:-2.5rem}}@media (max-width: 768px){.about-content{padding:1.5rem;max-width:100%;margin-top:-5vh}.app-icons-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:400px}.app-icon img{width:60px;height:60px;object-fit:cover;object-position:center}.app-icon span{font-size:.75rem}.vibe-coded-text{margin-top:100px;font-size:6rem;position:absolute;bottom:180px}.caption-text{font-size:.9rem;bottom:-2rem}}@media (max-width: 480px){.about-content{padding:1rem;margin-top:-3vh}.app-icons-grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:300px}.app-icon img{width:50px;height:50px;border-radius:12px;object-fit:cover;object-position:center}.app-icon span{font-size:.7rem}.app-icon{gap:.5rem}.vibe-coded-text{font-size:4rem;position:absolute;bottom:180px}.caption-text{font-size:.8rem;bottom:-1.5rem}}.App{width:100%;height:100vh;margin:0;padding:0}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}