/* First-paint opening: visible text, inline vector, compositor-only entrances. */
.hero{background:#0b0d0c}
.hero h1{top:20%;font-size:clamp(64px,9.4vw,180px);line-height:.91;letter-spacing:-.075em}
.hero-line{perspective:900px;perspective-origin:45% 50%;transform-style:preserve-3d}
.hero-line.second{margin-left:10vw}
.hero-word{display:inline-block;position:relative;transform-origin:50% 60%;transform-style:preserve-3d;backface-visibility:hidden;animation:hero-word-strike 1s cubic-bezier(.16,1,.3,1) backwards}
.hero-word-ai{--entry-x:-.15em;--entry-y:.14em;--entry-depth:-180px;--entry-yaw:-28deg;--entry-tilt:-5deg;--entry-turn:38deg;animation-duration:.78s}
.hero-word-powered{--entry-x:.2em;--entry-y:.22em;--entry-depth:-260px;--entry-yaw:24deg;--entry-tilt:4deg;--entry-turn:-32deg;animation-delay:.055s}
.hero-word-human{--entry-x:-.2em;--entry-y:.24em;--entry-depth:-220px;--entry-yaw:-30deg;--entry-tilt:-6deg;--entry-turn:42deg;animation-delay:.11s;animation-duration:1.06s}
.hero-word-inspired{--entry-x:.22em;--entry-y:.26em;--entry-depth:-320px;--entry-yaw:26deg;--entry-tilt:5deg;--entry-turn:-36deg;animation-delay:.17s;animation-duration:1.08s}
.hero-word-human:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff0d988 49%,transparent 72%);mix-blend-mode:overlay;pointer-events:none;opacity:0;animation:hero-human-glint .65s .3s ease-out}
.hero-word-human:before{content:'';position:absolute;left:3%;right:0;bottom:.015em;height:1px;background:linear-gradient(90deg,#d4ae7c,transparent);transform-origin:left;animation:hero-human-rule .7s .28s cubic-bezier(.16,1,.3,1) backwards}
.hero-line em{color:#d4ae7c}
.hero-flare{position:absolute;width:70%;height:85%;right:-12%;top:16%;background:radial-gradient(ellipse,#b68c4e20,transparent 65%);pointer-events:none;animation:hero-aura 1.2s ease-out both}
.hero-streak{position:absolute;left:-15%;top:54%;width:130%;height:1px;background:linear-gradient(90deg,transparent,#d9b683b3,transparent);transform:rotate(-17deg);pointer-events:none;animation:hero-streak-in .85s cubic-bezier(.16,1,.3,1) both}
.hero-art .logo-sculpture{animation:hero-mark-in 1s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(0 18px 20px #0005)}
.hero-art canvas{transition:opacity .35s}
.hero-copy h2{font-size:clamp(22px,2.1vw,34px);line-height:1.5;letter-spacing:.015em;font-weight:400}
.hero-copy h2 span{color:#d4ae7c}
.hero-copy p{margin-top:14px;font-size:11px}
.hero-meta .dot{box-shadow:0 0 12px #d4ae7c70}
@keyframes hero-word-strike{0%{transform:translate3d(var(--entry-x),var(--entry-y),var(--entry-depth)) rotateX(var(--entry-turn)) rotateY(var(--entry-yaw)) rotateZ(var(--entry-tilt));text-shadow:1px 1px 0 #71614e,2px 2px 0 #5c5040,3px 3px 0 #493f34,4px 4px 0 #362f28,8px 14px 16px #0006}68%{transform:translate3d(0,-.015em,18px) rotateX(-3deg) rotateY(-2deg) rotateZ(0);text-shadow:0 1px 0 #71614e,0 3px 6px #0004}100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0);text-shadow:none}}
@keyframes hero-human-glint{0%{transform:translateX(-65%);opacity:0}30%{opacity:.7}100%{transform:translateX(65%);opacity:0}}
@keyframes hero-human-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hero-mark-in{from{transform:translate3d(45px,15px,0) rotate(-12deg) scale(.82)}to{transform:none}}
@keyframes hero-streak-in{from{transform:translateX(-65%) rotate(-17deg) scaleX(.3);opacity:0}35%{opacity:1}to{transform:translateX(0) rotate(-17deg);opacity:.5}}
@keyframes hero-aura{from{transform:scale(.85);opacity:.3}to{transform:scale(1);opacity:1}}
@media(max-width:767px){.hero h1{top:23%;font-size:clamp(44px,11.2vw,85px);line-height:.98}.hero-line.second{margin:7px 0 0 5vw}.hero-copy h2{font-size:24px}.hero-copy p{font-size:9px}.hero-flare{width:120%;right:-35%;top:25%;height:60%}.hero-streak{top:46%}}
.motion-off .hero-line,.motion-off .hero-art .logo-sculpture,.motion-off .hero-flare,.motion-off .hero-streak{animation:none}
@media(prefers-reduced-motion:reduce){.hero-line,.hero-art .logo-sculpture,.hero-flare,.hero-streak{animation:none}}
.motion-off .hero-word,.motion-off .hero-word:before,.motion-off .hero-word:after{animation:none}
@media(prefers-reduced-motion:reduce){.hero-word,.hero-word:before,.hero-word:after{animation:none}}