/* A quiet, vector-only studio mark replaces the generic metallic rings. */
.hero-logo-scene{left:auto;right:max(calc((100vw - 1200px)/2),40px);top:145px;width:440px;height:480px;perspective:1100px;isolation:isolate;contain:layout style;pointer-events:none}
.hero-logo-glow{position:absolute;inset:25px -10px 10px;background:radial-gradient(ellipse at center,#7cdbcb26 0%,#b8e9df0c 47%,transparent 70%);border-radius:50%;z-index:-1}
.hero-logo-float{position:absolute;width:355px;left:43px;top:8px;transform-origin:50% 55%;animation:studio-logo-float 8s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}
.hero-logo-svg{display:block;width:100%;height:auto;overflow:visible;shape-rendering:geometricPrecision}
.hero-logo-part{transform-box:fill-box;transform-origin:center;will-change:transform}
.hero-frame-left{animation:studio-frame-left 8s cubic-bezier(.45,0,.2,1) infinite}
.hero-frame-right{animation:studio-frame-right 8s cubic-bezier(.45,0,.2,1) infinite}
.hero-letter[data-part="letter1"]{animation:studio-letter-one 8s cubic-bezier(.45,0,.2,1) infinite}
.hero-letter[data-part="letter2"]{animation:studio-letter-two 8s cubic-bezier(.45,0,.2,1) infinite}
.hero-logo-shadow{position:absolute;left:119px;bottom:60px;width:212px;height:20px;background:radial-gradient(ellipse,#216b5830,transparent 68%);filter:blur(8px);animation:studio-logo-shadow 8s ease-in-out infinite;transform-origin:center}
.hero-logo-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#598f82}
.hero-logo-caption>span{font-size:14px;letter-spacing:.35em;font-weight:500;display:block;margin-bottom:13px;padding-left:.35em}
.hero-logo-caption small{font-size:10px;letter-spacing:.22em;color:#7ba79a}
@keyframes studio-logo-float{0%,100%{transform:translate3d(0,4px,0) rotate(-2deg)}45%{transform:translate3d(0,-11px,0) rotate(1.4deg)}75%{transform:translate3d(0,-2px,0) rotate(-.6deg)}}
@keyframes studio-frame-left{0%,28%,76%,100%{transform:translate(0,0)}46%,53%{transform:translate(-11px,-3px)}}
@keyframes studio-frame-right{0%,28%,76%,100%{transform:translate(0,0)}46%,53%{transform:translate(11px,3px)}}
@keyframes studio-letter-one{0%,31%,76%,100%{transform:translate(0,0)}47%,53%{transform:translate(-2px,-4px)}}
@keyframes studio-letter-two{0%,31%,76%,100%{transform:translate(0,0)}47%,53%{transform:translate(2px,4px)}}
@keyframes studio-logo-shadow{0%,100%{transform:scaleX(1);opacity:.6}45%{transform:scaleX(.85);opacity:.32}75%{transform:scaleX(.95);opacity:.5}}
.hero-logo-scene:not(.is-active) .hero-logo-float,.hero-logo-scene:not(.is-active) .hero-logo-part,.hero-logo-scene:not(.is-active) .hero-logo-shadow{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-logo-float,.hero-logo-part,.hero-logo-shadow{animation:none!important;transform:none!important;will-change:auto}.hero-logo-shadow{opacity:.45}}