:root{--black:#0b0b0b;--dark-grey:#1a1a1a;--white:#eaeaea;--accent:#fff;--glass:rgba(255,255,255,.08);--font-main:'Inter',sans-serif}*{box_sizing:border-box;margin:0;padding:0}body{background:var(--black);color:var(--white);font-family:var(--font-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:.3s}img{max-width:100%;height:auto;display:block}.site-header{position:fixed;top:0;width:100%;padding:20px 40px;z-index:100;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.site-logo{font-weight:700;font-size:1.5rem;letter-spacing:-1px;text-transform:uppercase}.site-logo span{color:#f33}.hero-split{display:flex;height:100vh;width:100%;overflow:hidden}.hero-block{flex:1;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;position:relative;transition:all .6s cubic-bezier(.25,.46,.45,.94);color:#fff}.hero-block:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.3);transition:.3s}.hero-block:hover{flex:1.2}.hero-block:hover:before{background:rgba(0,0,0,.1)}.hero-block span{position:relative;z-index:2;letter-spacing:.2em;font-size:2rem;font-weight:700;text-transform:uppercase;border:2px solid rgba(255,255,255,.3);padding:15px 30px;backdrop-filter:blur(5px)}.masonry-wrapper{padding:40px;max-width:1600px;margin:0 auto}.masonry-grid{column-count:3;column-gap:24px}.masonry-item{margin-bottom:24px;break-inside:avoid}.masonry-item img{width:100%;border-radius:0;transition:transform .4s ease,filter .4s ease;filter:grayscale(20%)}.masonry-item:hover img{transform:scale(1.02);filter:grayscale(0%)}.flo-cta{position:fixed;bottom:30px;right:30px;padding:16px 28px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:40px;text-transform:uppercase;font-weight:600;letter-spacing:1px;font-size:.9rem;z-index:999;box-shadow:0 10px 30px rgba(0,0,0,.3)}.flo-cta:hover{background:#fff;color:#000;transform:translateY(-3px)}.intro{padding:100px 20px;text-align:center;max-width:800px;margin:0 auto}.intro h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-1px}@media (max-width:768px){.hero-split{flex-direction:column}.masonry-grid{column-count:1}.site-header{padding:15px 20px}}