/*
Theme Name: Colucci AI Revolution Front Page
Theme URI: https://example.com
Author: ChatGPT
Description: Front-page WordPress theme recreating a dark luxury AI Revolution landing page with animated marquee typography.
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@700&family=Inter:wght@400;600;800&display=swap');
:root{--black:#000;--white:#fff;--muted:#a9a9a9;--cyan:#5fdcff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;text-align:center;padding:19px 20px 8px;background:linear-gradient(180deg,rgba(0,0,0,.50),rgba(0,0,0,0));animation:fadeDown .9s ease both}.nav{display:flex;justify-content:center;gap:23px;flex-wrap:wrap;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.nav a{color:#fff;text-decoration:none;opacity:.86;transition:.25s}.nav a:hover{opacity:1;color:var(--cyan)}.logo{font-size:13px;letter-spacing:3px;margin-top:9px;text-transform:uppercase}.hero{height:590px;min-height:75vh;background:url('assets/hero.png') center top/cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative;filter:grayscale(.1)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.05),rgba(0,0,0,.25))}.hero-title{position:relative;z-index:2;font-family:'Stardos Stencil',Impact,serif;text-transform:uppercase;font-size:38px;letter-spacing:2px;animation:floatIn 1.2s cubic-bezier(.2,.8,.2,1) both;text-shadow:0 8px 28px #000}.black-band{height:210px;background:#000;display:flex;align-items:center;overflow:hidden;white-space:nowrap;border:0}.band-track{display:flex;gap:60px;min-width:200%;animation:slideLeft 17s linear infinite}.black-band.reverse .band-track{animation:slideRight 19s linear infinite}.band-text{font-family:'Stardos Stencil',Impact,serif;font-size:64px;line-height:1.25;letter-spacing:5px;text-transform:uppercase;padding:0 18px}.split-band{height:220px;background:#000;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.split-band .band-track{min-width:170%;animation:slideLeft 21s linear infinite}.split-band .band-track:nth-child(2){animation:slideRight 18s linear infinite}.image-strip{height:420px;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}.image-strip.tall{height:560px}.image-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.02),rgba(0,0,0,.25));pointer-events:none}.img1{background-image:url('assets/section-fashion.png')}.img2{background-image:url('assets/section-bluebag.png')}.img3{background-image:url('assets/section-lucci-global.png')}.img4{background-image:url('assets/section-architecture.png')}.newsletter{padding:72px 20px 54px;text-align:center;background:#000;border-top:1px solid rgba(255,255,255,.05)}.newsletter h2{margin:0 0 18px;font-size:34px;animation:fadeUp both;animation-timeline:view();animation-range:entry 10% cover 35%}.newsletter p{color:#bfbfbf;font-size:12px;margin:0 0 16px}.signup{display:flex;margin:auto;max-width:470px;height:23px}.signup input{flex:1;background:#fff;border:0;padding:0 10px;font-size:10px}.signup button{width:150px;background:#111;color:#fff;border:1px solid #5fdcff;font-size:10px;cursor:pointer}.site-footer{padding:55px 20px 34px;background:#000;color:#cfcfcf;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{max-width:880px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:80px;text-align:center}.footer-grid a,.footer-grid p{display:block;color:#cfcfcf;font-size:11px;line-height:1.85;margin:0;text-decoration:underline}.footer-logo{font-size:18px;letter-spacing:3px;margin:22px 0 18px;text-decoration:none!important}.login{display:inline-block;border:1px solid #fff;color:#fff!important;padding:8px 28px;margin:16px 0;text-decoration:none!important}.socials{font-size:23px;letter-spacing:7px;margin-top:16px;color:#ddd}.copyright{text-align:center;color:#777;font-size:9px;margin-top:42px}.reveal{opacity:0;transform:translateY(32px);animation:fadeUp linear forwards;animation-timeline:view();animation-range:entry 0 cover 35%}@keyframes slideLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes slideRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes fadeDown{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{from{opacity:0;letter-spacing:14px;transform:translateY(24px) scale(.96)}to{opacity:1;letter-spacing:2px;transform:translateY(0) scale(1)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.nav{gap:10px;font-size:7px}.hero{height:500px}.hero-title{font-size:25px}.black-band{height:150px}.band-text{font-size:38px;letter-spacing:2px}.split-band{height:160px}.image-strip{height:300px}.footer-grid{grid-template-columns:1fr;gap:25px}.signup{max-width:92%}}