*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Oranienbaum,serif;background:#0a0a0a;color:#fff}.hero{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-image-container{position:absolute;top:0;left:50px;right:50px;bottom:50px;border-radius:0 0 24px 24px;overflow:hidden;box-shadow:0 20px 60px #00000026,0 10px 30px #00000026,0 0 0 1px #ffffff0d;transform:translateY(0);transition:transform .3s ease}.hero-image-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000004d,#0000001a,#0006);z-index:1;pointer-events:none}@media (hover: hover){.hero-image-container:hover{transform:translateY(-2px);box-shadow:0 24px 70px #00000026,0 12px 35px #00000026,0 0 0 1px #ffffff14}}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;mix-blend-mode:overlay;opacity:.4}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.content{position:relative;z-index:3;text-align:center;padding:2rem;max-width:1200px;width:100%;pointer-events:none}header.top-header{position:absolute;top:2rem;left:50%;transform:translate(-50%);margin:0;z-index:10;pointer-events:none}header.top-header .brand-name{font-size:clamp(1.5rem,3vw,2rem);font-weight:400;letter-spacing:-.02em;margin:0;text-transform:lowercase;text-shadow:0 2px 10px rgba(0,0,0,.5),0 0 40px rgba(255,255,255,.1)}header.top-header .tagline{font-size:clamp(.875rem,2vw,1.125rem);letter-spacing:.1em;opacity:.9;text-transform:lowercase;font-weight:300}.hero-title h2{font-size:clamp(1.5rem,4vw,3rem);font-weight:400;letter-spacing:-.01em;line-height:1.3;max-width:800px;margin:0 auto;text-shadow:0 2px 10px rgba(0,0,0,.5)}@media (max-width: 768px){.hero-image-container{top:0;left:0;right:0;bottom:0;border-radius:0}header{margin-bottom:3rem}}@media (max-width: 480px){.hero-image-container{top:0;left:0;right:0;bottom:0;border-radius:0}.content{padding:1rem}header{margin-bottom:2rem}}