@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&display=swap";.app{width:100%;min-height:100vh}.tabs{position:fixed;top:0;left:0;width:100%;display:flex;gap:8px;padding:12px 20px;z-index:10}.tab{font-family:Playfair Display,serif;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:#ffdcb499;background:#00000059;border:1px solid rgba(255,220,180,.2);border-radius:999px;padding:8px 18px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.tab:hover{color:#ffecd2;border-color:#ffdcb480}.tab--active{color:#1a1210;background:#ffecd2;border-color:#ffecd2}.home{height:100vh;box-sizing:border-box;overflow:hidden;background:#1a1210;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.2vh,14px);padding:32px 24px 24px}.home-greeting{font-family:Playfair Display,serif;font-weight:900;font-size:clamp(2rem,6vw,4.5rem);color:#ffecd2;text-align:center;text-shadow:0 0 40px rgba(255,170,50,.3),0 0 80px rgba(255,120,20,.15);margin:0}.photo-grid{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,28px);min-height:0}.photo-row{display:flex;gap:clamp(12px,2vw,28px);justify-content:center;align-items:flex-start}.photo-box{position:relative;margin:0;border:4px solid #ffd24a;border-radius:4px;padding:0;width:clamp(150px,22vw,300px);height:clamp(180px,30vh,320px);background-repeat:no-repeat}.photo-box--becky{background-image:url(/photos/becky.jpg);background-size:cover;background-position:75% 42%}.photo-box--me{background-image:url(/photos/me.jpg);background-size:320%;background-position:50% 42%}.photo-box--momo{background-image:url(/photos/momo.png);background-size:cover;background-position:55% 45%}.photo-box figcaption{position:absolute;top:-1px;left:-1px;font-family:Playfair Display,serif;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#1a1210;background:#ffd24a;padding:4px 12px;line-height:1.2}.photo-box--me{border-color:#3b82f6}.photo-box--me figcaption{color:#fff;background:#3b82f6}.photo-box--momo{border-color:#34d399}.photo-box--momo figcaption{color:#1a1210;background:#34d399}.canvas-container{position:relative;width:100%;height:100vh}.canvas-container canvas{display:block}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.overlay h1{font-family:Playfair Display,serif;font-weight:900;font-size:clamp(3rem,10vw,8rem);color:#ffecd2;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 40px rgba(255,170,50,.3),0 0 80px rgba(255,120,20,.15);line-height:1;text-align:center;margin-bottom:.2em;-webkit-user-select:none;user-select:none}.overlay p{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(.9rem,2.5vw,1.5rem);color:#ffdcb499;letter-spacing:.2em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.attribution{position:absolute;bottom:16px;right:20px;pointer-events:auto;z-index:2}.attribution a{font-family:Playfair Display,serif;font-size:.65rem;color:#ffdcb44d;text-decoration:none;transition:color .3s}.attribution a:hover{color:#ffdcb499}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Playfair Display,serif;background:#1a1210}