/* HATOKORRE IRVA — ne szerkeszd kozvetlenul.
   Forras: engimation-hero-claude\public\assets\motion-hero.css
   Eloallito: _hero-scope.cjs  (.motion-sample body-osztaly → .motion-hero szekcio)
   Ha az eredeti hero valtozik, futtasd ujra: node _hero-scope.cjs */
.motion-hero{background:#f5f7fb;color:#242c39;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.motion-hero *{box-sizing:border-box}.motion-hero{--progress:0;--rx:0deg;--ry:0deg;--turn:-12deg;--lift:20px;--zoom:.92;--glass:0;--silver:1;--aura:.2;--eva-y:30px;position:relative}.motion-hero.is-motion{height:200svh}.motion-sticky{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 50%,#dfebfb,transparent 58%),linear-gradient(120deg,#fff,#f2f5fa)}.is-motion .motion-sticky{position:sticky;top:0;height:100svh;min-height:650px;display:flex;flex-direction:column}.motion-halo{position:absolute;width:60vw;height:60vw;right:-10vw;top:0;background:radial-gradient(ellipse,#94bbef26,transparent 64%);pointer-events:none}.motion-top,.motion-bottom{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1600px;width:100%;margin:auto;padding:30px 55px}.motion-brand{color:#27374b;font-size:26px;font-weight:650;letter-spacing:-1.2px;text-decoration:none}.motion-brand>span{color:#0874df}.motion-brand small{display:block;font-size:7px;letter-spacing:2.6px;font-weight:500;margin-top:5px;color:#64768d}.motion-toggle{display:flex;align-items:center;gap:13px;min-height:44px;background:#ffffff8c;border:1px solid #d4deeb;color:#53667e;border-radius:30px;padding:10px 17px;font:inherit;font-size:10px;cursor:pointer}.motion-toggle:hover{background:white}.motion-toggle:disabled{cursor:default}.motion-layout{max-width:1600px;width:100%;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;padding:15px 55px 40px;flex:1}.motion-copy{position:relative;z-index:3}.motion-kicker{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:600;letter-spacing:1.8px;color:#5b728f;margin:0 0 28px}.motion-kicker i{width:5px;height:5px;border-radius:50%;background:#0877df;box-shadow:0 0 0 5px #0877df0b}.motion-copy h1{font-size:clamp(46px,5.5vw,84px);line-height:1.035;letter-spacing:-.065em;font-weight:650;margin:0 0 26px}.motion-copy h1>span{color:#2777cc;background:linear-gradient(115deg,#145caa,#679cdb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.motion-description{color:#607087;font-size:16px;line-height:1.8;max-width:400px;margin:0}.motion-actions{margin-top:28px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}.motion-primary{background:#0873df;color:white;border-radius:40px;padding:16px 23px;display:flex;align-items:center;gap:22px;min-height:48px;text-decoration:none;font-size:12px;box-shadow:0 9px 25px #0071e31c;transition:background .2s}.motion-primary:hover{background:#005bbd}.motion-discover{display:flex;align-items:center;gap:18px;min-height:44px;font-size:12px;color:#51647e;text-decoration:none}.motion-origin{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:10px;color:#54677e}.motion-origin>span{color:#c54646;background:#fff;border:1px solid #e0e6ee;border-radius:8px;font-size:25px;width:30px;height:30px;display:grid;place-items:center}.motion-origin small{display:block;font-size:7px;letter-spacing:2px;margin-top:6px;color:#78869a}.motion-art{position:relative;aspect-ratio:1.12;min-width:0;perspective:1400px;isolation:isolate}.motion-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform}.motion-medal{position:absolute;left:12%;top:2%;width:78%;aspect-ratio:1;transform:translateY(var(--lift)) rotateY(var(--turn)) rotateZ(-8deg) scale(var(--zoom));transform-style:preserve-3d;filter:drop-shadow(12px 26px 20px #33598035)}.motion-medal img{position:absolute;width:100%;height:100%;object-fit:contain;display:block}.medal-silver{clip-path:circle(39% at 50% 47.5%);transform:scale(1.19);opacity:var(--silver)}.medal-glass{clip-path:circle(46% at 50% 49%);opacity:var(--glass)}.medal-glint{position:absolute;inset:5%;border-radius:50%;background:linear-gradient(120deg,transparent 25%,#ffffff55 48%,transparent 60%);opacity:.5;pointer-events:none;mix-blend-mode:screen}.motion-aura{position:absolute;inset:-8% -4%;z-index:-1;opacity:var(--aura);transform:rotate(-20deg) scale(1.15);mix-blend-mode:multiply;pointer-events:none;mask-image:radial-gradient(ellipse,black 20%,transparent 69%)}.motion-aura img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.motion-orbit{position:absolute;border:1px solid #92b3de44;left:1%;top:0;width:100%;height:90%;border-radius:50%;transform:rotate(-25deg) scaleY(.75);z-index:-1}.orbit-b{transform:rotate(32deg) scaleY(.8);border-style:dashed;inset:3% -7%;width:110%;height:95%;border-color:#92b3de30}.motion-tag{position:absolute;font-size:7px;letter-spacing:1.5px;color:#5d789a;background:#ffffffc9;border:1px solid #fff;padding:11px 14px;border-radius:30px;box-shadow:0 8px 30px #4a729710;transform:translateZ(55px)}.tag-top{top:9%;right:-1%}.tag-bottom{bottom:19%;left:0}.motion-eva{position:absolute;width:45%;right:0;bottom:-2%;margin:0;padding:5px;background:#f9fcff;border:1px solid #fff;border-radius:12px;box-shadow:0 18px 40px #244d7d2b;transform:translateY(var(--eva-y)) translateZ(85px) rotate(4deg)}.motion-eva img{display:block;width:100%;height:auto;border-radius:7px}.motion-eva figcaption{display:flex;justify-content:space-between;gap:5px;padding:9px 5px 5px;font-size:7px;letter-spacing:.6px;color:#38577c}.motion-eva b{font-weight:600;color:#0873df}.motion-eva small{font-size:6px;color:#6a7e95}.motion-coordinate{position:absolute;left:5%;bottom:4%;font:8px monospace;letter-spacing:1.5px;color:#7e91aa}.motion-bottom{padding-top:22px;padding-bottom:26px;font-size:8px;letter-spacing:1.5px;color:#6d8099}.motion-bottom:before{content:"";position:absolute;left:55px;right:55px;top:0;height:1px;background:#dce4ef}.motion-scroll{display:flex;gap:14px;align-items:center}.motion-track{width:85px;height:2px;background:#d0dced;overflow:hidden}.motion-track i{display:block;width:100%;height:100%;background:#0873df;transform:scaleX(var(--progress));transform-origin:left}.motion-count{font-size:8px;letter-spacing:1px}.motion-hero a:focus-visible,.motion-hero button:focus-visible{outline:3px solid #0873df;outline-offset:5px}#motion-end{position:absolute;bottom:0;height:1px;width:1px}.motion-hero.is-paused .motion-tilt{will-change:auto}
@media(min-width:1500px){.motion-art{max-width:730px;width:100%;justify-self:end}}
@media(max-width:1050px){.motion-top,.motion-bottom{padding-left:30px;padding-right:30px}.motion-layout{padding:15px 30px 40px;gap:15px}.motion-copy h1{font-size:clamp(44px,5.8vw,64px)}.motion-kicker{font-size:7px;letter-spacing:1px}.motion-description{font-size:15px}.motion-bottom:before{left:30px;right:30px}.motion-tag{font-size:6px;padding:9px}.motion-primary{font-size:11px;padding:15px 18px}.motion-eva{width:49%}}
@media(max-width:760px){.motion-hero.is-motion{height:175svh}.is-motion .motion-sticky{min-height:0;height:100svh}.motion-top{padding:18px 22px}.motion-brand{font-size:21px}.motion-toggle{font-size:9px;padding:9px 12px}.motion-layout{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:15px 24px 30px;gap:15px}.motion-kicker{margin-bottom:18px}.motion-copy h1{font-size:clamp(39px,7.4vw,56px);margin-bottom:15px}.motion-copy h1>span br{display:none}.motion-description{font-size:13px;line-height:1.65;max-width:430px}.motion-actions{margin-top:15px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px 16px}.motion-primary{font-size:10px;gap:12px;padding:12px 16px;min-height:44px}.motion-discover{font-size:10px}.motion-origin{display:none}.motion-art{width:72%;max-width:370px;align-self:center;flex-shrink:0}.motion-eva{width:50%}.motion-bottom{padding:15px 24px;font-size:6px;letter-spacing:1px}.motion-bottom>span:last-child{display:none}.motion-bottom:before{left:24px;right:24px}.motion-scroll{gap:9px;font-size:6px}.motion-track{width:45px}.motion-count{font-size:6px}.motion-tag{font-size:5px;padding:7px;letter-spacing:1px}.motion-coordinate{font-size:6px}.motion-eva figcaption{font-size:5px;padding:6px 3px 2px}.motion-eva small{display:none}}
@media(max-height:740px) and (max-width:760px){.motion-art{width:57%;max-width:265px}.motion-layout{gap:4px;padding-top:5px;padding-bottom:22px}.motion-copy h1{font-size:37px}.motion-description{font-size:12px}.motion-kicker{margin-bottom:12px}.motion-actions{margin-top:8px}.motion-top{padding-top:12px;padding-bottom:12px}}
@media(max-height:620px){.motion-hero.is-motion{height:auto}.is-motion .motion-sticky{position:relative;height:auto;min-height:100svh}.motion-art{min-height:240px}.motion-layout{padding-top:25px;padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.motion-hero.is-motion{height:auto}.is-motion .motion-sticky{position:relative;height:auto;min-height:100svh}.motion-tilt,.motion-medal,.motion-eva{transform:none!important;will-change:auto}.motion-aura{opacity:.15}.medal-silver{opacity:1}.medal-glass{opacity:0}}
/* User-supplied sequence: preserve the full frame and its original proportions. */
.motion-sequence{left:5%;top:0;width:92%;filter:drop-shadow(0 22px 28px #31517e20);transform:translateY(var(--lift)) scale(var(--zoom));border-radius:24px;overflow:hidden;background:#e8eef6}.motion-sequence .sequence-poster{position:relative;width:100%;height:auto;display:block}.sequence-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}.motion-sequence~.tag-top{right:-2%;top:4%}.motion-sequence~.tag-bottom{left:-2%;bottom:14%}.motion-hero.is-motion{height:240svh}@media(max-width:760px){.motion-hero.is-motion{height:210svh}.motion-sequence{border-radius:16px}}@media(max-height:620px){.motion-hero.is-motion{height:auto}}@media(prefers-reduced-motion:reduce){.motion-hero.is-motion{height:auto}.sequence-canvas{display:none}}
/* Palette matched to the supplied animated silver emblem. */
.motion-hero{background:#03060c;color:#eff3fa;color-scheme:dark}.motion-sticky{background:radial-gradient(ellipse at 74% 47%,#0b1c3459 0,transparent 56%),linear-gradient(115deg,#080d16,#020409 76%)}.motion-halo{background:radial-gradient(ellipse,#1453a522,transparent 64%)}.motion-brand{color:#edf1f7}.motion-brand>span{color:#52b8ff}.motion-brand small{color:#8496b2}.motion-toggle{background:#ffffff06;border-color:#b1c9eb26;color:#b8c7dc}.motion-toggle:hover{background:#ffffff10}.motion-kicker{color:#92abc9}.motion-kicker i{background:#6ecaff;box-shadow:0 0 13px #2f9cff9c,0 0 0 5px #4aafff0b}.motion-copy h1{color:#eef2f8;text-shadow:0 2px 20px #0003}.motion-copy h1>span{color:#afd5ff;background:linear-gradient(115deg,#f7f9fe 2%,#b6c8e1 34%,#6ab3fa 73%,#dfedff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.motion-description{color:#a0afc3}.motion-primary{color:#061222;background:linear-gradient(120deg,#d6ecff,#70baff);border:1px solid #c1e4ff;box-shadow:0 4px 25px #2687f324,inset 0 1px 0 #fff9;font-weight:600}.motion-primary:hover{background:#d6ebff;box-shadow:0 6px 30px #2687f344}.motion-discover{color:#bacce2}.motion-discover:hover{color:#79c5ff}.motion-origin{color:#aebed1}.motion-origin>span{background:#ffffff07;border-color:#9bb4d226;color:#eb6c67}.motion-origin small{color:#778ba5}.motion-art{isolation:isolate}.motion-aura,.motion-orbit{display:none}.motion-sequence{left:0;top:-2%;width:100%;border-radius:0;background:transparent;filter:none;overflow:visible;mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,#000e 61%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 48%,#000e 61%,transparent 73%);transform:translateY(var(--lift)) scale(var(--zoom))}.motion-tag{color:#b4cae5;background:#0a1423c9;border-color:#83b7f22b;box-shadow:0 10px 28px #0004;backdrop-filter:blur(12px)}.motion-sequence~.tag-top{top:1%;right:0}.motion-sequence~.tag-bottom{bottom:13%;left:-2%;color:#d4c2a4;border-color:#bca27730}.motion-eva{background:#0a1421;border-color:#52749f55;box-shadow:0 18px 40px #0008,0 0 24px #2a80d512}.motion-eva figcaption{color:#c5d3e5}.motion-eva b{color:#66c9ff}.motion-eva small{color:#91a3bb}.motion-coordinate{color:#7286a3}.motion-bottom{color:#8497b2}.motion-bottom:before{background:linear-gradient(90deg,#8ea7ca28,#6394cc44,#8ea7ca18)}.motion-track{background:#25344b}.motion-track i{background:linear-gradient(90deg,#75b8ff,#e2cb9a);box-shadow:0 0 8px #398ef9}.motion-hero a:focus-visible,.motion-hero button:focus-visible{outline-color:#8ccfff}.motion-copy{max-width:650px}@media(max-width:760px){.motion-sticky{background:radial-gradient(ellipse at 50% 72%,#0b1c344d,transparent 54%),#050911}.motion-sequence{border-radius:0}.motion-sequence~.tag-bottom{left:-5%}}
/* Unified near-black background sampled from the animation's corners. */
html:has(.motion-hero),body.motion-hero,.motion-hero main,.motion-hero,.motion-hero .motion-sticky,.motion-hero .motion-top,.motion-hero .motion-layout,.motion-hero .motion-copy,.motion-hero .motion-art,.motion-hero .motion-bottom{background:#030205}.motion-hero .motion-halo{display:none}.motion-hero .motion-tag,.motion-hero .motion-eva,.motion-hero .motion-toggle,.motion-hero .motion-origin>span{background:#030205}.motion-hero .motion-toggle:hover{background:#101017}.motion-hero .motion-sequence{background:transparent}
/* Silver and ice-blue accents echo the animated emblem. */
.motion-hero .motion-copy h1{color:#eef0f3;text-shadow:0 2px 22px #ffffff05}.motion-hero .motion-copy h1>span{color:#dce6ee;background:linear-gradient(112deg,#f5f6f8 5%,#d8dde5 39%,#abc9e0 77%,#e5edf4 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.motion-hero .motion-description{color:#aeb1ba}.motion-hero .motion-kicker{color:#a6b0bf}.motion-hero .motion-kicker i{background:#bedcf0;box-shadow:0 0 12px #9bceee66,0 0 0 5px #afcfec08}.motion-hero .motion-brand{color:#e7e9ee}.motion-hero .motion-brand>span{color:#bdd6e9}.motion-hero .motion-brand small{color:#9a9eaa}.motion-hero .motion-primary{color:#edf1f5;background:linear-gradient(135deg,#1b202a,#0b1018 70%) padding-box,linear-gradient(120deg,#d5dce3aa,#a5cde89c 48%,#6e809157) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 #ffffff0d,0 5px 20px #0005;transition:background .22s,box-shadow .22s,color .22s}.motion-hero .motion-primary>span{color:#c5e0f3}.motion-hero .motion-primary:hover{color:#fff;background:linear-gradient(135deg,#242f3c,#101a27) padding-box,linear-gradient(120deg,#edf3f9,#a9d5f2,#7a99b4) border-box;box-shadow:0 0 24px #80bff326,inset 0 1px 0 #ffffff14}.motion-hero .motion-discover{color:#c0c4cd}.motion-hero .motion-discover>span{color:#afc9de}.motion-hero .motion-discover:hover{color:#e8f1f8}.motion-hero .motion-origin{color:#aeb1b9}.motion-hero .motion-origin small,.motion-hero .motion-coordinate,.motion-hero .motion-bottom{color:#959aa6}.motion-hero .motion-toggle{color:#bdc3cd;border-color:#a8b4c12b}.motion-hero .motion-toggle:hover{background:#131820;border-color:#c5d6e44d}.motion-hero .motion-bottom:before{background:linear-gradient(90deg,#aab3bf20,#c2d3e136,#aab3bf18)}.motion-hero .motion-track{background:#282b33}.motion-hero .motion-track i{background:linear-gradient(90deg,#afcde4 0%,#d4e3ef 77%,#d4b983 100%);box-shadow:0 0 7px #abc9df30}.motion-hero .motion-sequence{width:108%;left:-4%;top:-6%}.motion-hero a:focus-visible,.motion-hero button:focus-visible{outline-color:#c2def2}@media(max-width:760px){.motion-hero .motion-sequence{width:104%;left:-2%;top:-3%}}
/* Slow blue light trails across the dark negative space. */
.motion-hero .electric-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;opacity:.62;mask-image:linear-gradient(90deg,#0008,#000 60%,#000b)}.electric-field svg{width:100%;height:100%;display:block}.electric-route path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:180 2400;stroke-dashoffset:220;animation:electric-travel 19s linear infinite}.electric-route .electric-bloom{stroke:#087cff;stroke-width:13;filter:url(#electric-glow);opacity:.72}.electric-route .electric-core{stroke:#69c6ff;stroke-width:1.4;opacity:.85}.electric-field .route-two path{animation-duration:27s;animation-delay:-11s;stroke-dasharray:120 2400}.electric-field .route-two{opacity:.45}.motion-hero .motion-layout{position:relative;z-index:2;background:transparent}.motion-hero .motion-copy,.motion-hero .motion-art{background:transparent}.motion-hero .motion-copy{isolation:isolate}.motion-hero .motion-copy:before{content:"";position:absolute;inset:-22px;z-index:-1;background:radial-gradient(ellipse,#030205 48%,#030205eb 68%,transparent 80%);pointer-events:none}.motion-hero.is-paused .electric-route path{animation-play-state:paused}@keyframes electric-travel{from{stroke-dashoffset:220}to{stroke-dashoffset:-2360}}@media(max-width:760px){.motion-hero .electric-field{opacity:.4}.electric-route .electric-core{stroke-width:1.1}}@media(prefers-reduced-motion:reduce){.motion-hero .electric-field{display:none}.electric-route path{animation:none}}
/* Soft continuous light streaks and neutral silver/chrome lettering. */
.motion-hero .electric-field{opacity:.4}.electric-route .electric-core{stroke:#a0daff;stroke-width:2;opacity:.45;filter:blur(2px)}.electric-route .electric-bloom{stroke:#398ee9;stroke-width:18;opacity:.45}.electric-route path{stroke-dasharray:380 2400;animation-duration:26s}.electric-field .route-two path{stroke-dasharray:260 2400;animation-duration:34s}.motion-hero .motion-copy h1,.motion-hero .motion-copy h1>span{color:#e4e5e8;background:linear-gradient(175deg,#ffffff 4%,#d9dce1 27%,#a7acb5 46%,#f4f5f7 54%,#c6cbd2 76%,#e9ebef 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.motion-hero .motion-description{color:#b7b9bf}.motion-hero .motion-kicker,.motion-hero .motion-origin,.motion-hero .motion-discover{color:#c5c8ce}.motion-hero .motion-brand{color:#e7e9ed}.motion-hero .motion-brand>span,.motion-hero .motion-primary>span,.motion-hero .motion-discover>span{color:#dce0e6}.motion-hero .motion-brand small,.motion-hero .motion-origin small,.motion-hero .motion-bottom{color:#a9adb5}.motion-hero .motion-primary{color:#e9ebef;background:linear-gradient(135deg,#22252b,#0e1116 70%) padding-box,linear-gradient(120deg,#e0e3e8aa,#aab0ba9c 48%,#73798257) border-box}.motion-hero .motion-primary:hover{color:#fff;background:linear-gradient(135deg,#2c3139,#151a22) padding-box,linear-gradient(120deg,#fafbfc,#c2ccd7,#8795a5) border-box}.motion-hero .motion-scroll{color:#b6bac3}
/* Layered luminous ribbons echo the blue, white and gold light in the logo. */
.motion-hero .electric-field{opacity:.76;mask-image:linear-gradient(90deg,#0009,#000 58%,#000);mix-blend-mode:screen}.light-ribbon path{fill:none;stroke-linecap:round;stroke-dasharray:520 2100;stroke-dashoffset:var(--offset,0);animation:ribbon-drift var(--duration,30s) linear infinite;animation-delay:var(--delay,0s)}.light-ribbon .ribbon-halo{stroke:#1263ff;stroke-width:24;filter:blur(15px);opacity:.62}.light-ribbon .ribbon-color{stroke:url(#ribbon-spectrum);stroke-width:5;filter:blur(2.3px);opacity:.95}.light-ribbon .ribbon-white{stroke:#d5f5ff;stroke-width:1.3;filter:blur(.5px);opacity:.9}.ribbon-0{--duration:32s;--delay:-8s}.ribbon-1{--duration:38s;--delay:-24s;opacity:.7}.ribbon-2{--duration:35s;--delay:-12s}.ribbon-3{--duration:42s;--delay:-29s;opacity:.65}.ribbon-4{--duration:37s;--delay:-17s;opacity:.8}.ribbon-5{--duration:45s;--delay:-5s;opacity:.6}.motion-hero.is-paused .light-ribbon path{animation-play-state:paused}@keyframes ribbon-drift{from{stroke-dashoffset:400}to{stroke-dashoffset:-2220}}@media(max-width:760px){.motion-hero .electric-field{opacity:.58}.light-ribbon .ribbon-halo{stroke-width:18}.light-ribbon .ribbon-color{stroke-width:4}}@media(prefers-reduced-motion:reduce){.light-ribbon path{animation:none}.motion-hero .electric-field{display:none}}
/* Keep the entire navigation area opaque above the decorative light layer. */
.motion-hero .motion-top{background:#030205;isolation:isolate}.motion-hero .motion-top:before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);background:#030205;z-index:-1;pointer-events:none}
/* Quiet alpine ridge, with the sky and lake fading into the black backdrop. */
.motion-hero .mountain-backdrop{position:absolute;inset:10% 0 0;z-index:0;pointer-events:none;background-image:url('/assets/hero-mountains.webp');background-repeat:no-repeat;background-size:cover;background-position:center 32%;filter:grayscale(1) saturate(0) brightness(.68);opacity:.2;mask-image:linear-gradient(to bottom,transparent 0%,transparent 12%,#0006 22%,#000 35%,#000b 49%,transparent 66%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 12%,#0006 22%,#000 35%,#000b 49%,transparent 66%)}@media(max-width:760px){.motion-hero .mountain-backdrop{inset:15% 0 0;background-position:48% 30%;opacity:.15;mask-image:linear-gradient(to bottom,transparent 0%,#0008 24%,#000 40%,transparent 65%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#0008 24%,#000 40%,transparent 65%)}}
/* Slightly stronger mountain detail while retaining the dark atmosphere. */
.motion-hero .mountain-backdrop{opacity:.32;filter:grayscale(1) brightness(.78)}@media(max-width:760px){.motion-hero .mountain-backdrop{opacity:.25}}
/* Final hierarchy: a quiet landscape, one dominant emblem, three light trails. */
.motion-hero .motion-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:70px;padding-top:20px;padding-bottom:56px}.motion-hero .motion-copy h1{background:none;-webkit-text-fill-color:#eceef2;color:#eceef2;font-size:clamp(46px,5.15vw,78px);letter-spacing:-.055em;line-height:1.065}.motion-hero .motion-copy h1>span{background:linear-gradient(165deg,#fafbfd 8%,#bcc3ce 42%,#eef2f7 60%,#bac9d8 94%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.motion-hero .motion-description{max-width:390px;font-size:16px;line-height:1.8;color:#b3b6bf}.motion-hero .motion-actions{margin-top:23px;gap:8px}.motion-hero .motion-origin{margin-top:27px}.motion-hero .motion-sequence{width:104%;left:-2%;top:-2%}.motion-hero .electric-field{opacity:.5}.motion-hero .mountain-backdrop{inset:12% 0 0;background-size:100% auto;background-position:center 20%;opacity:.3;filter:grayscale(1) brightness(.75);mask-image:linear-gradient(transparent 3%,#0009 21%,#000 36%,#0009 51%,transparent 68%);-webkit-mask-image:linear-gradient(transparent 3%,#0009 21%,#000 36%,#0009 51%,transparent 68%)}@media(max-width:1100px){.motion-hero .motion-layout{gap:32px}.motion-hero .motion-description{font-size:15px}.motion-hero .mountain-backdrop{background-size:auto 100%;background-position:center top}}@media(max-width:760px){.motion-hero .motion-layout{gap:25px;padding:16px 24px 30px}.motion-hero .motion-copy h1{font-size:clamp(39px,7.4vw,56px);line-height:1.08}.motion-hero .motion-description{font-size:13px;line-height:1.7;max-width:420px}.motion-hero .motion-actions{margin-top:15px;gap:4px 14px}.motion-hero .motion-art{width:76%;max-width:350px}.motion-hero .mountain-backdrop{background-position:48% top;opacity:.23}.motion-hero .electric-field{opacity:.35}}@media(max-height:740px) and (max-width:760px){.motion-hero .motion-layout{gap:5px;padding-top:5px;padding-bottom:22px}.motion-hero .motion-copy h1{font-size:36px}.motion-hero .motion-art{width:58%;max-width:250px}.motion-hero .motion-description{font-size:12px}.motion-hero .motion-actions{margin-top:8px}}
/* Let the mountain backdrop remain visible behind the copy. */
.motion-hero .motion-copy:before{display:none}
.motion-hero .motion-brand{display:inline-flex;align-items:center;gap:12px}.motion-hero .motion-brand .nav-emblem{width:35px;height:40px;flex-shrink:0;color:#dbe1e9;filter:drop-shadow(0 1px 4px #c3dfff15)}.motion-hero .motion-brand>.nav-brand-copy{color:#e7e9ed;display:block}.motion-hero .nav-brand-dot{color:#cbd7e4}.motion-hero .motion-brand:hover .nav-emblem{color:#fff}@media(max-width:760px){.motion-hero .motion-brand{gap:9px}.motion-hero .motion-brand .nav-emblem{width:29px;height:33px}}