.orb{perspective:900px}
.hero-copy>.eyebrow>span{animation:signal-blink 2.8s ease-in-out infinite;box-shadow:0 0 10px #ff792b80}
@keyframes signal-blink{0%,100%{opacity:.15;box-shadow:0 0 0 #ff792b00}40%,60%{opacity:1;box-shadow:0 0 12px #ff792b90}}
.brand{display:flex;align-items:center;gap:12px;line-height:1}
.brand-symbol{display:block;flex:none;width:44px;height:44px;background:var(--orange);mask-image:url('assets/meyrsh-symbol.png');mask-mode:alpha;mask-size:63.36px 63.36px;mask-position:center;mask-repeat:no-repeat}
.brand-word{display:block;width:167px;height:29px;overflow:hidden;position:relative}
.brand .brand-word img{position:absolute;width:175px;max-width:none;height:auto;left:-4px;top:-11.3px}
@media(max-width:700px){.brand{gap:9px}.brand-symbol{width:36px;height:36px;mask-size:51.84px 51.84px}.brand-word{width:143px;height:25px}.brand .brand-word img{width:150px;left:-3.5px;top:-9.7px}}
@media(prefers-reduced-motion:reduce){.hero-copy>.eyebrow>span{animation:none}}
.ring{will-change:transform}
.r1{animation:orbit-one 32s linear infinite}
.r2{animation:orbit-two 40s linear infinite}
.r3{animation:orbit-three 28s linear infinite,ring-glow 8s ease-in-out infinite}
.orb i{top:50%;right:auto;left:50%;margin:-6px;animation:beacon-orbit 24s linear infinite;will-change:transform}
@keyframes orbit-one{from{transform:rotateZ(0deg) rotateY(55deg)}to{transform:rotateZ(360deg) rotateY(55deg)}}
@keyframes orbit-two{from{transform:rotateZ(0deg) rotateX(65deg)}to{transform:rotateZ(-360deg) rotateX(65deg)}}
@keyframes orbit-three{from{transform:rotateZ(0deg) rotateY(40deg) rotateX(35deg)}to{transform:rotateZ(360deg) rotateY(40deg) rotateX(35deg)}}
.orb i{--orbit-radius:200px}
@keyframes beacon-orbit{from{transform:rotate(-50deg) translateX(var(--orbit-radius))}to{transform:rotate(310deg) translateX(var(--orbit-radius))}}
@keyframes ring-glow{0%,100%{opacity:.7}50%{opacity:1}}
@media(max-width:700px){.orb i{--orbit-radius:140px}}
@media(prefers-reduced-motion:reduce){.ring,.orb i{animation:none;will-change:auto}.orb i{transform:rotate(-50deg) translateX(var(--orbit-radius))}}

header{position:sticky;top:0;z-index:20;background:#090909e8;backdrop-filter:blur(16px);transition:box-shadow .4s,border-color .4s}
header.scrolled{box-shadow:0 12px 40px #0005;border-color:#ff792b25}
body::before{content:"";position:fixed;top:0;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(var(--scroll-progress,0));transform-origin:left;z-index:30;pointer-events:none}
.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.lead,.hero-copy>.actions{animation:hero-arrive 1s cubic-bezier(.16,1,.3,1) both}
.hero-copy>h1{animation-delay:.1s}.hero-copy>.lead{animation-delay:.2s}.hero-copy>.actions{animation-delay:.3s}
@keyframes hero-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;translate:0 26px;transition:opacity .85s cubic-bezier(.16,1,.3,1),translate .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.reveal.revealed{opacity:1;translate:0 0}
.product,.cards article{position:relative;isolation:isolate;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,opacity .85s ease,translate .85s ease}
.product::before,.cards article::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(350px circle at var(--glow-x,50%) var(--glow-y,50%),#ff792b13,transparent 70%);opacity:0;transition:opacity .4s}
.product:hover::before,.cards article:hover::before{opacity:1}.product:hover,.cards article:hover{border-color:#ff792b66;box-shadow:0 16px 40px #0004}
.button{position:relative;overflow:hidden;transition:background .3s,transform .3s,box-shadow .3s}
.button::after{content:"";position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 40%,#ffffff38 50%,transparent 60%);transform:translateX(-90%);pointer-events:none;transition:transform .7s}
.button:hover::after{transform:translateX(90%)}.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff792b22}
.button span,.cards a{transition:transform .3s}.button:hover span,.cards a:hover{transform:translate(3px,-3px)}
nav>a:not(.nav-contact){position:relative}nav>a:not(.nav-contact)::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s}nav>a:hover::after,nav>a:focus-visible::after{transform:scaleX(1)}
.motion-paused .ring,.motion-paused i,.page-hidden .ring,.page-hidden .orb i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-copy>*{animation:none!important}.reveal{opacity:1;translate:none}.product,.cards article,.button{transform:none!important}*{transition:none!important}}