#home { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 6vw 10vh; position: relative; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse 90% 75% at 65% 35%, #1F1408 0%, #0D0C0B 65%); }
.hero-line-deco { position: absolute; left: 52%; right: -10%; height: 1px; pointer-events: none; }
.hero-letter { position: absolute; right: 2vw; top: 50%; transform: translateY(-50%); font-size: 28vw; font-weight: 300; font-style: italic; color: transparent; -webkit-text-stroke: 1px rgba(200,169,126,0.055); user-select: none; line-height: 1; pointer-events: none; }
.hero-content { position: relative; z-index: 1; max-width: 860px; }
.hero-tag { font-family: 'DM Sans', sans-serif; font-size: 10px; letter-spacing: 0.4em; text-transform: uppercase; color: #C8A97E; margin-bottom: 28px; opacity: 0; animation: heroReveal 0.8s ease 0.1s forwards; }
.hero-h1 { font-size: clamp(44px, 8.5vw, 108px); font-weight: 300; line-height: 1.05; letter-spacing: -0.025em; }
.hero-h1 .l1 { display: block; opacity: 0; animation: heroReveal 1s ease 0.25s forwards; }
.hero-h1 .l2 { display: block; font-style: italic; color: #C8A97E; opacity: 0; animation: heroReveal 1s ease 0.5s forwards; }
.hero-h1 .l3 { display: block; opacity: 0; animation: heroReveal 1s ease 0.75s forwards; }
.hero-accent { height: 1px; background: linear-gradient(to right, #C8A97E, transparent); width: 120px; margin: 24px 0; transform-origin: left; transform: scaleX(0); animation: lineGrow 1s ease 1.05s forwards; }
.hero-sub { font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.75; color: #8A7A6A; max-width: 460px; margin-bottom: 36px; opacity: 0; animation: heroReveal 0.85s ease 1.1s forwards; }
.hero-btns { display: flex; gap: 12px; flex-wrap: wrap; opacity: 0; animation: heroReveal 0.85s ease 1.3s forwards; }
.hero-scroll { position: absolute; bottom: 36px; right: 5vw; display: flex; flex-direction: column; align-items: center; gap: 10px; opacity: 0; animation: heroReveal 1s ease 1.8s forwards; }
.hero-scroll-label { font-family: 'DM Sans', sans-serif; font-size: 9px; letter-spacing: 0.25em; color: #4A3A2A; text-transform: uppercase; writing-mode: vertical-rl; }
.hero-scroll-line { width: 1px; height: 56px; background: linear-gradient(to bottom, #5A4A38, transparent); }