*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#000;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
.lx-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:8px 16px;text-align:center;font-size:11px;color:rgba(255,255,255,0.8);letter-spacing:0.05em}
.liquid-glass{background:rgba(255,255,255,0.04);backdrop-filter:blur(20px);box-shadow:inset 0 1px 1px rgba(255,255,255,0.1);position:relative;overflow:hidden}
.liquid-glass::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,0.4),rgba(255,255,255,0.1) 30%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.1) 70%,rgba(255,255,255,0.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lx-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.lx-overlay{position:fixed;inset:0;background:linear-gradient(135deg,rgba(0,0,0,0.22),rgba(0,0,0,0.15));z-index:1}
.lx-nav{position:fixed;top:60px;left:32px;right:32px;z-index:50;border-radius:9999px;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 24px;max-width:1100px;margin:0 auto}
.lx-logo{font-family:'Instrument Serif',serif;font-style:italic;font-size:22px;letter-spacing:-0.02em}
.lx-nav ul{list-style:none;display:none;gap:24px}
@media(min-width:768px){.lx-nav ul{display:flex}}
.lx-nav a{color:rgba(255,255,255,0.85);text-decoration:none;font-size:13px;cursor:pointer;letter-spacing:0.02em}
.lx-nav a:hover{color:#fff}
.lx-cta{background:#fff;color:#000;text-decoration:none;font-size:13px;padding:10px 22px;border-radius:9999px;font-weight:500}
.lx-hero{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:48px 32px 96px}
@media(min-width:768px){.lx-hero{padding:64px 64px 96px}}
.lx-eyebrow{font-size:11px;letter-spacing:0.3em;color:rgba(255,255,255,0.7);text-transform:uppercase;font-weight:500;animation:lx-rise 0.9s 0.1s ease-out both}
.lx-hero h1{font-family:'Instrument Serif',serif;font-size:clamp(72px,14vw,200px);font-weight:400;line-height:0.95;letter-spacing:-0.04em;color:#fff;margin-top:32px;animation:lx-rise 0.9s 0.3s ease-out both}
.lx-hero h1 em{font-style:italic;color:#fbbf24}
.lx-hero p{font-size:18px;color:rgba(255,255,255,0.85);max-width:480px;line-height:1.5;margin-top:32px;font-weight:300;animation:lx-rise 0.9s 0.5s ease-out both}
@keyframes lx-rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}