:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--layout-vh: 100dvh;--layout-vw: 100vw;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#3a2e24;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;background:#8c7b6c}#root{width:100%;width:var(--layout-vw, 100vw);height:100svh;height:100lvh;height:100dvh;height:var(--layout-vh, 100dvh);background:radial-gradient(circle at 50% 50%,#fcf7eb,#d8c0a8 40%,#8c7b6c)}#canvas-container{width:100%;height:100%;touch-action:pan-y}.navbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;pointer-events:none}.navbar-logo{font-weight:700;font-size:1.5rem;letter-spacing:.15em;color:#3a2e24;pointer-events:auto}.navbar-links{display:flex;gap:2rem;pointer-events:auto}.navbar-links a{text-decoration:none;font-size:1.2rem;font-weight:500;letter-spacing:.08em;color:#3a2e24;transition:opacity .1s}.navbar-links a:hover{opacity:.6}.hero-statement{position:fixed;top:6rem;left:50%;transform:translate(-50%);z-index:10;max-width:820px;text-align:center;pointer-events:none}.hero-statement p{margin:0;font-size:1.15rem;font-weight:400;line-height:1.7;letter-spacing:.02em;color:#3a2e24}.contact-overlay,.about-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding-top:calc(var(--safe-top) + 1rem);padding-right:calc(var(--safe-right) + 1rem);padding-bottom:calc(var(--safe-bottom) + 1rem);padding-left:calc(var(--safe-left) + 1rem);background:#3a2e2480;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s ease;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-card,.about-card{position:relative;background:#fcf7eb;border:1px solid rgba(58,46,36,.12);animation:slideUp .3s ease;box-sizing:border-box}.contact-card{width:min(92vw,400px);max-height:min(85dvh,calc(var(--layout-vh, 100dvh) - 4rem));overflow-y:auto;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.25rem,4vw,3rem)}.about-card{width:min(92vw,900px);max-height:min(85dvh,calc(var(--layout-vh, 100dvh) - 4rem));overflow-y:auto;padding:clamp(1.75rem,3.5vw,3rem) clamp(1.4rem,4.2vw,3.5rem)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.contact-close,.about-close{position:absolute;top:1rem;right:1.2rem;background:none;border:none;font-size:1.1rem;color:#3a2e24;cursor:pointer;opacity:.5;transition:opacity .15s}.contact-close:hover,.about-close:hover{opacity:1}.contact-links{display:flex;flex-direction:column;gap:clamp(.9rem,2vw,1.2rem)}.contact-row{display:flex;flex-direction:column;gap:.2rem}.contact-label,.about-label{font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#8c7b6c}.contact-email-row{display:flex;align-items:center;gap:.5rem}.contact-value{font-size:clamp(.94rem,1.5vw,1rem);font-weight:500;color:#3a2e24;text-decoration:none;transition:opacity .15s}.contact-value:hover{opacity:.6}.contact-copy{display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(58,46,36,.2);border-radius:4px;padding:.3rem;cursor:pointer;color:#3a2e24;opacity:.5;transition:opacity .15s}.contact-copy:hover{opacity:1}.about-content{display:flex;align-items:flex-start;gap:clamp(1.6rem,4vw,3rem)}.about-photo{width:clamp(180px,18vw,240px);height:clamp(220px,22vw,300px);object-fit:cover;flex-shrink:0}.about-text{display:flex;flex-direction:column;gap:.8rem;padding-top:.5rem}.about-paragraph{font-size:clamp(.94rem,1.1vw,1rem);font-weight:400;line-height:1.6;color:#3a2e24;margin:0}.scroll-indicator{position:fixed;bottom:calc(var(--safe-bottom) + clamp(1.1rem,3vw,2rem));left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;animation:fadeInUp 1s ease 1.5s both;transition:opacity .5s ease}.scroll-indicator.hidden{animation:fadeOut .5s ease forwards}.scroll-indicator-text{font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#3a2e24;opacity:.6}.scroll-indicator-line{width:1px;height:2rem;background:#3a2e24;opacity:.4;animation:scrollPulse 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.3)}}@media(max-width:640px){.about-content{flex-direction:column;align-items:center;text-align:center;gap:1.6rem}.about-text{align-items:center}}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}