*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--color-text:#000;--color-text-muted:rgba(0,0,0,0.6);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
html,body{height:100%;overflow:hidden}
body{font-family:var(--font-primary);background-color:#fff;color:var(--color-text);line-height:1.6}
#container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}
#container img{will-change:transform;backface-visibility:hidden}
.vignette{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0.8) 25%,transparent 50%),linear-gradient(to top,#fff 0%,rgba(255,255,255,0.8) 5%,transparent 10%),linear-gradient(to right,#fff 0%,rgba(255,255,255,0.8) 5%,transparent 10%),linear-gradient(to left,#fff 0%,rgba(255,255,255,0.8) 5%,transparent 10%)}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:2rem;padding-top:8vh}
.logo{width:clamp(280px,56vw,700px);height:auto;margin-bottom:1.25rem}
.slogan{font-family:'Inter',sans-serif;font-size:clamp(1.275rem,4.25vw,2.875rem);font-weight:400;letter-spacing:.08em;color:#7A7A7A;transform:translateX(-.5em)}
footer{padding:1.5rem 2rem;text-align:center;pointer-events:auto}
.contact{font-size:clamp(.75rem,1.5vw,.875rem);color:var(--color-text-muted);margin-bottom:.5rem}
.about{font-size:clamp(.625rem,1.2vw,.75rem);color:var(--color-text-muted);opacity:.6;margin-bottom:.5rem} 
.copyright{font-size:clamp(.625rem,1.2vw,.75rem);color:var(--color-text-muted);opacity:.6}