/* A new, open composition for BrandSpark's first impression. */
.hero-v2{position:relative;isolation:isolate;overflow:hidden;background:#07090e;padding:0 var(--pad)}
.hero-v2::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 64%,#0b2c784f,transparent 53%),radial-gradient(ellipse at 58% 95%,#05225650,transparent 60%)}
.hero-v2 .hero-top{padding:25px 0 0;font-size:11px;letter-spacing:1.2px;position:relative;z-index:5}
.hero-v2 .hero-top .small-star{font-size:16px}
.hero-composition{position:relative;min-height:640px;display:flex;align-items:center;padding:55px 0 60px}
.hero-v2 .hero-copy{width:70%;z-index:4;position:relative;pointer-events:none}
.hero-v2 .hero-copy a{pointer-events:auto}
.hero-v2 .hero-copy>.eyebrow{color:#9cb5df;font-size:9px;letter-spacing:1.7px;margin-bottom:32px;display:flex;align-items:center;gap:11px}
.hero-v2 .hero-copy>.eyebrow::before{content:'';width:25px;height:1px;background:#4d89ee}
.hero-v2 h1{font-size:clamp(69px,7.7vw,120px);font-weight:400;line-height:.99;letter-spacing:-.062em;width:max-content;max-width:100%;text-shadow:0 3px 28px #030a19aa}
.hero-v2 h1 em{color:#d0e2ff;letter-spacing:-.057em}
.hero-v2 .hero-line{padding-bottom:.12em;margin-bottom:-.12em;width:max-content;max-width:100%}
.hero-v2 .hero-line>span{white-space:nowrap}
.hero-v2 .hero-description{font-size:14px;line-height:1.7;color:#9daec9;max-width:350px;margin:28px 0 27px}
.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.hero-v2 .button.primary{background:#f0f3f8;color:#0a224e;padding:17px 21px;font-size:12px;gap:36px;box-shadow:0 3px 20px #001f5c35}
.hero-v2 .button.primary:hover{background:#cfe2ff;transform:translateY(-3px)}
.hero-secondary{font-size:11px;color:#b4c9ea;display:inline-flex;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid #395177}
.hero-secondary span{font-size:16px;transition:transform .3s}
.hero-secondary:hover span{transform:translateX(5px)}
.hero-v2 .spark-stage{position:absolute;top:0;bottom:0;right:-6%;left:43%;height:auto;border:0;background:none;overflow:visible;perspective:1000px;z-index:2}
.hero-v2 .stage-grid{position:absolute;inset:0;opacity:1;mask-image:none;background:radial-gradient(ellipse at 53% 63%,#0f41aa60,transparent 58%);border-radius:50%;filter:blur(25px)}
.hero-v2 .spark-wrapper{inset:0;display:grid;place-items:center;transform:translate(var(--sx,0px),var(--sy,0px));transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hero-v2 .hero-spark{width:100%;height:auto;max-width:650px;overflow:visible;filter:drop-shadow(10px 28px 28px #0005);animation:none;transform:none}
.hero-v2 .spark-scroll-layer{transform-style:preserve-3d}
.spark-sculpture{transform-origin:50% 50%;transform:perspective(800px) rotateY(-19deg) rotateX(12deg) rotateZ(-14deg);animation:sculpture-drift 12s ease-in-out infinite}
.hero-v2 .spark-stage.ignited .hero-spark{animation:none}
.hero-v2 .spark-stage.ignited .spark-sculpture{animation:sculpture-spin 1.35s cubic-bezier(.22,.7,.2,1) both}
.hero-v2 .spark-button{bottom:33px;left:48%;right:auto;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.7px;border:1px solid #3b5c95;background:#0916308c;padding:10px 14px;backdrop-filter:blur(8px);color:#a5c3f5;white-space:nowrap;z-index:6}
.hero-v2 .spark-button span{margin:0;font-size:17px}
.hero-v2 .spark-button:hover{background:#143a7e;border-color:#6d9ef3}
.hero-v2 .spark-feedback{bottom:85px;left:35%;right:0;font-size:8px;letter-spacing:1.2px;color:#81b1ff}
.hero-stage-note{position:absolute;right:1%;top:50px;color:#657ea9;font-size:8px;letter-spacing:1px;writing-mode:vertical-rl;line-height:1.6}
.hero-v2 .hero-bottom{position:relative;z-index:4;border-top:1px solid #22314d;padding:22px 0 28px;font-size:8px;color:#7287aa}
.hero-v2 .hero-bottom>a{display:flex;align-items:center;gap:25px;color:#aec9f4}
.hero-v2 .hero-bottom>a span{margin:0}
.hero-v2 .hero-bottom>span:nth-child(2){color:#9cacc7;letter-spacing:1.2px}
@keyframes sculpture-drift{0%,100%{transform:perspective(800px) rotateY(-19deg) rotateX(12deg) rotateZ(-14deg) translateY(0)}50%{transform:perspective(800px) rotateY(-9deg) rotateX(3deg) rotateZ(-7deg) translateY(-14px)}}
@keyframes sculpture-spin{0%{transform:perspective(800px) rotateY(-19deg) rotateX(12deg) rotateZ(-14deg)}100%{transform:perspective(800px) rotateY(341deg) rotateX(12deg) rotateZ(76deg)}}
@media(min-width:1700px){.hero-composition{min-height:760px}.hero-v2 h1{font-size:140px}.hero-v2 .hero-description{font-size:16px;max-width:400px}.hero-v2 .hero-spark{max-width:770px}}
@media(max-width:1100px){.hero-composition{min-height:590px}.hero-v2 h1{font-size:clamp(65px,8.1vw,94px)}.hero-v2 .hero-description{font-size:13px;max-width:315px}.hero-v2 .spark-stage{left:42%;right:-9%}.hero-v2 .spark-button{bottom:40px;left:43%}.hero-stage-note{right:8%;top:45px}.hero-v2 .hero-copy>.eyebrow{font-size:8px}}
@media(max-width:850px){.hero-composition{min-height:550px;padding-top:45px}.hero-v2 h1{font-size:clamp(61px,8.3vw,74px)}.hero-v2 .hero-copy{width:85%}.hero-v2 .spark-stage{left:39%;right:-14%;top:-15px}.hero-v2 .hero-copy>.eyebrow{font-size:7px;letter-spacing:1.1px}.hero-v2 .hero-description{font-size:12px;max-width:285px;margin-top:28px}.hero-v2 .hero-top>span:last-child{display:none}.hero-actions{gap:18px}.hero-v2 .button.primary{padding:15px 18px;gap:22px;font-size:11px}.hero-secondary{font-size:10px;gap:12px}.hero-v2 .spark-button{bottom:42px;left:42%;font-size:7px}.hero-v2 .hero-bottom>span:nth-child(2){font-size:7px;max-width:210px}.hero-stage-note{top:45px;font-size:7px}}
@media(max-width:650px){.hero-v2 .hero-top{padding-top:22px;font-size:10px;letter-spacing:.8px;justify-content:center}.hero-composition{display:flex;flex-direction:column;min-height:0;padding:0 0 35px;align-items:stretch}.hero-v2 .spark-stage{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:285px;width:100%;order:0;margin-top:0;margin-bottom:10px}.hero-v2 .spark-wrapper{inset:-18px 8% -20px}.hero-v2 .hero-spark{max-width:370px}.hero-v2 .stage-grid{inset:0 -20px}.hero-v2 .hero-copy{width:100%;order:1;text-align:center;pointer-events:auto}.hero-v2 .hero-copy>.eyebrow{justify-content:center;font-size:7px;letter-spacing:1.1px;margin:0 0 22px}.hero-v2 h1{font-size:clamp(47px,10.3vw,65px);width:100%;letter-spacing:-.06em;line-height:1.01}.hero-v2 .hero-line{width:100%}.hero-v2 .hero-line>span{white-space:nowrap}.hero-v2 .hero-description{font-size:12px;max-width:300px;margin:22px auto}.hero-actions{justify-content:center;gap:16px}.hero-v2 .button.primary{font-size:11px;padding:15px 18px;gap:25px}.hero-secondary{font-size:10px;gap:13px}.hero-v2 .spark-button{bottom:3px;left:50%;transform:translateX(-50%);font-size:6px;padding:6px 10px;gap:7px;border-color:#244777;background:#06142a99}.hero-v2 .spark-button span{font-size:13px}.hero-stage-note{display:none}.hero-v2 .spark-feedback{bottom:32px;left:0;right:0;font-size:7px}.hero-v2 .hero-bottom{font-size:7px;padding:20px 0 24px;gap:20px}.hero-v2 .hero-bottom>span:nth-child(2){font-size:6px;max-width:155px;text-align:right;letter-spacing:.6px}.hero-v2 .hero-bottom>a{gap:12px;white-space:nowrap}.hero-v2 .hero-year{display:none}}
@media(max-width:360px){.hero-v2 h1{font-size:42px}.hero-v2 .spark-stage{height:245px}.hero-actions{gap:12px}.hero-v2 .button.primary{font-size:10px;padding:14px;gap:16px}.hero-secondary{font-size:9px;gap:8px}}
@media(prefers-reduced-motion:reduce){.hero-v2 *{animation:none!important;transition:none!important}.hero-v2 .spark-sculpture{transform:perspective(800px) rotateY(-19deg) rotateX(12deg) rotateZ(-14deg)}}

.hero-v2 .hero-top{justify-content:flex-end}
@media(max-width:850px){.hero-v2 .hero-top{padding-top:15px}}

.hero-v2 .hero-top>span:last-child{display:flex}
@media(max-width:650px){.hero-v2 .hero-top{justify-content:flex-end}}