.hero { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; position: relative; overflow: hidden; }
.hero-noise { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events: none; z-index: 1; }
.hero-left { display: flex; flex-direction: column; justify-content: flex-end; padding: 0 48px 80px 48px; position: relative; z-index: 2; }
.hero-name { font-family: var(--font-cond); font-size: 16px; letter-spacing: 5px; text-transform: uppercase; color: rgba(242,237,230,0.88); margin-bottom: 14px; opacity: 0; animation: fadeUp 0.8s ease 0.2s forwards; }
.hero-eyebrow { font-size: 11px; letter-spacing: 5px; text-transform: uppercase; color: var(--acid); margin-bottom: 24px; opacity: 0; animation: fadeUp 0.8s ease 0.3s forwards; }
.hero-headline { font-family: var(--font-display); font-size: clamp(80px, 10vw, 140px); line-height: 0.9; letter-spacing: -2px; opacity: 0; animation: fadeUp 0.8s ease 0.5s forwards; }
.hero-headline .line-2 { color: var(--acid); display: block; }
.hero-headline .line-3 { color: transparent; -webkit-text-stroke: 1px var(--white); display: block; opacity: 0.4; }
.hero-sub { margin-top: 32px; font-size: 16px; line-height: 1.7; max-width: 460px; color: rgba(242,237,230,0.7); font-style: italic; opacity: 0; animation: fadeUp 0.8s ease 0.8s forwards; }
.hero-ctas { display: flex; gap: 16px; margin-top: 48px; opacity: 0; animation: fadeUp 0.8s ease 1s forwards; }
.hero-right { position: relative; overflow: hidden; }
.hero-photo {
  width: 100%;
  height: 118%;
  object-fit: cover;
  object-position: center 32%;
  transform: translateY(-8%);
}
.hero-counter { position: absolute; bottom: 40px; right: 48px; text-align: right; z-index: 3; opacity: 0; animation: fadeUp 0.8s ease 1.2s forwards; }
.counter-num { font-family: var(--font-display); font-size: clamp(88px, 9vw, 128px); color: var(--acid); line-height: 0.9; }
.counter-plus { font-size: clamp(46px, 5vw, 72px); color: var(--acid); }
.counter-label { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: rgba(242,237,230,0.5); }
