.hero{min-height:100dvh;padding:calc(var(--header-height) + var(--space-3xl)) var(--container-padding) var(--space-3xl);align-items:center;display:flex;position:relative;overflow:hidden}.hero__image-wrap{z-index:0;position:absolute;inset:0}.hero__overlay{z-index:1;background:linear-gradient(90deg,#0a0a0ff0 0%,#0a0a0fd1 45%,#0a0a0f73 75%,#0a0a0f33 100%),linear-gradient(#0a0a0fa6 0%,#0000 25% 65%,#0a0a0fe6 100%);position:absolute;inset:0}.hero__grain{z-index:2;opacity:.025;pointer-events:none;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)'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}.hero__content{z-index:3;text-align:left;width:100%;max-width:680px;padding-left:calc(var(--container-padding) + var(--space-xl));animation:fadeInUp .8s var(--transition-smooth) both;margin-left:0;position:relative}.hero__badge{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-xl);color:var(--color-accent);border-radius:var(--radius-full);animation:fadeInUp .8s var(--transition-smooth) .1s both;background:#c9a44e14;border:1px solid #c9a44e33;font-size:.8125rem;font-weight:500;display:inline-flex}.hero__title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:var(--space-lg);overflow-wrap:break-word;word-break:normal;text-shadow:0 2px 14px #000000bf;animation:fadeInUp .8s var(--transition-smooth) .2s both;font-size:clamp(2rem,5.5vw,4.75rem);font-weight:800;line-height:1.08}.hero__accent{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #0009);-webkit-background-clip:text;background-clip:text;display:block}.hero__subtitle{color:#f0f0f5;max-width:540px;margin-bottom:var(--space-2xl);text-shadow:0 1px 6px #000000f2,0 0 24px #0a0a0fd9;animation:fadeInUp .8s var(--transition-smooth) .3s both;font-size:clamp(1rem,1.6vw,1.1875rem);font-weight:450;line-height:1.7}.hero__actions{align-items:flex-start;gap:var(--space-md);animation:fadeInUp .8s var(--transition-smooth) .4s both;flex-direction:column;display:flex}.btn--hero-primary{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:#0a0a0f;background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%);border:2px solid var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;padding:1.1rem 2.25rem;font-size:.9375rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #c9a44e59}.btn--hero-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 30px #c9a44e8c}.hero__scroll{bottom:var(--space-xl);z-index:3;align-items:center;gap:var(--space-sm);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.15em;flex-direction:column;font-size:.6875rem;animation:1s 1.2s both fadeIn;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--color-accent), transparent);width:1px;height:40px;animation:2s ease-in-out infinite float}@media (max-width:767px){.hero{padding-top:calc(var(--header-height) + var(--space-xl));padding-bottom:var(--space-2xl);padding-inline:var(--space-md);min-height:100dvh}.hero__content{text-align:left;max-width:100%;padding-left:0}.hero__overlay{background:linear-gradient(#0a0a0fb8 0%,#0a0a0fe0 45%,#0a0a0ff5 100%)}.hero__badge{margin-bottom:var(--space-md);white-space:normal;padding:.35rem .75rem;font-size:.75rem;line-height:1.4}.hero__title{letter-spacing:-.025em;margin-bottom:var(--space-md);overflow-wrap:break-word;word-break:normal;font-size:clamp(1.75rem,7.5vw,2.35rem);line-height:1.12}.hero__subtitle{margin-bottom:var(--space-xl);max-width:100%;font-size:.9375rem;line-height:1.6}.hero__actions{width:100%}.btn--hero-primary{white-space:normal;text-align:center;width:100%;padding:1.1rem 1.25rem;font-size:.875rem}.hero__scroll{display:none}}@media (min-width:768px){.hero__actions{flex-direction:row;align-items:center}}@media (min-width:1280px){.hero__content{padding-left:calc(var(--container-padding) + var(--space-3xl))}}
