.hero{position:relative;min-height:var(--h-hero);display:grid;place-items:center;overflow:hidden;background:var(--bg-0);isolation:isolate}.page-hero{position:relative;overflow:hidden;isolation:isolate}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.45;pointer-events:none;mix-blend-mode:overlay;z-index:0}.hero:after,.page-hero:after{content:"";position:absolute;inset:-10%;z-index:-2;pointer-events:none;background:radial-gradient(38rem 32rem at 22% 28%,rgba(255,107,107,.32),transparent 62%),radial-gradient(46rem 40rem at 78% 72%,rgba(217,70,95,.38),transparent 64%),radial-gradient(28rem 24rem at 52% 92%,rgba(255,138,138,.22),transparent 65%);filter:blur(40px);animation:hero-orbs 30s ease-in-out infinite alternate;will-change:transform,opacity}.hero--contact:after{inset:-20%;background:radial-gradient(34rem 30rem at 28% 32%,rgba(255,107,107,.22),transparent 60%),radial-gradient(40rem 36rem at 76% 70%,rgba(217,70,95,.28),transparent 62%);filter:blur(60px)}@keyframes hero-orbs{0%{transform:translate3d(-3%,-2%,0) scale(1);opacity:.85}50%{transform:translate3d(3%,2%,0) scale(1.12);opacity:1}to{transform:translate3d(-1%,3%,0) scale(1.05);opacity:.9}}.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:1;pointer-events:none}.hero__inner{position:relative;z-index:1;display:grid;gap:clamp(20px,2vw,32px);padding-block:clamp(80px,12vh,120px);width:100%}.hero__mark{display:inline-block;font:500 var(--t-mono-micro) / 1 var(--font-mono);letter-spacing:var(--ls-mono);color:var(--accent);opacity:.7;margin-bottom:clamp(20px,4vh,40px);text-transform:uppercase}.hero__title{position:relative;margin:0;font:800 var(--t-display) / var(--lh-display) var(--font-display);letter-spacing:var(--ls-display);color:var(--text-0);max-width:14ch;text-wrap:balance}.hero__title:after{content:"";position:absolute;left:-8%;bottom:-16%;width:70%;height:60%;background:radial-gradient(ellipse at center,var(--accent-glow),transparent 65%);filter:blur(48px);z-index:-1;opacity:0;animation:hero-glow 1.5s cubic-bezier(.2,.8,.2,1) .6s forwards;pointer-events:none}@keyframes hero-glow{to{opacity:1}}.hero__title .word--accent{color:var(--accent-warm)}.hero__title .word{display:inline-block;margin-right:.18em;opacity:0;transform:translateY(40px);filter:blur(8px);animation:hero-word .7s cubic-bezier(.2,.8,.2,1) forwards}.hero__title .word:nth-child(1){animation-delay:.12s}.hero__title .word:nth-child(2){animation-delay:.22s}.hero__title .word:nth-child(3){animation-delay:.32s}.hero__title .word:nth-child(4){animation-delay:.42s}.hero__title .word:nth-child(5){animation-delay:.52s}@keyframes hero-word{to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero__sub{max-width:64ch;color:var(--text-1);font-size:clamp(1.05rem,.3vw + 1rem,1.2rem);line-height:var(--lh-body);margin:0}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(16px,2vh,24px)}.hero__chips{margin-top:clamp(24px,4vh,40px)}.hero__scroll{position:absolute;bottom:clamp(24px,4vh,56px);left:50%;transform:translate(-50%);display:grid;place-items:center;gap:8px;text-decoration:none;color:var(--text-2);font:500 var(--t-mono-micro) / 1 var(--font-mono);z-index:1}.hero__scroll-line{width:1px;height:28px;background:linear-gradient(180deg,transparent,var(--accent));animation:hero-scroll-line 2.2s ease-in-out infinite;transform-origin:top}@keyframes hero-scroll-line{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.hero__title .word{animation:none;opacity:1;transform:none;filter:none}.hero__title:after{display:none}.hero:before,.page-hero:before{display:none}.hero:after,.page-hero:after{animation:none;transform:none}.hero__scroll-line{animation:none;transform:scaleY(.8)}.hero__canvas{display:none}}@media (max-width: 768px){.hero__title{max-width:100%}.hero__inner{padding-block:80px}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .btn{justify-content:center}.hero__chips li{font-size:.78rem;padding:6px 10px}.hero__scroll{display:none}}