.logo-opening{background:radial-gradient(550px circle at var(--pointer-x,50%) var(--pointer-y,40%),rgba(126,145,62,.12),transparent 65%),radial-gradient(ellipse at 50% 42%,#25331a65,transparent 58%),var(--bg)}
.logo-hero .hero-mark{position:relative;width:clamp(210px,25vw,350px);aspect-ratio:1;display:grid;place-items:center;opacity:1;animation:hero-in 1.25s .12s cubic-bezier(.2,.75,.2,1) both}
.logo-hero .hero-mark::before{content:"";position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 205deg,transparent 0 9%,rgba(179,199,103,.92) 10% 64%,transparent 65% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);filter:drop-shadow(0 0 18px rgba(163,185,84,.18));animation:orbit-breathe 5s ease-in-out infinite}
.logo-hero .hero-mark::after{content:"";position:absolute;inset:20%;border-radius:50%;background:rgba(146,166,72,.1);filter:blur(35px);pointer-events:none}
.logo-hero .hero-mark img{position:relative;z-index:1;width:76%;height:76%;object-fit:cover;border-radius:50%;mix-blend-mode:screen;filter:contrast(1.08) brightness(1.08) drop-shadow(0 0 28px rgba(157,180,79,.18))}
.logo-hero h1{font-size:clamp(1.05rem,2vw,1.5rem);letter-spacing:clamp(.42em,1.35vw,.8em);text-indent:clamp(.42em,1.35vw,.8em)}
@keyframes hero-in{from{opacity:0;transform:translateY(22px) scale(.965)}to{opacity:1;transform:none}}
@keyframes orbit-breathe{0%,100%{transform:rotate(-5deg) scale(.985);opacity:.68}50%{transform:rotate(3deg) scale(1.015);opacity:1}}
.logo-opening.orbit-paused .hero-mark::before{animation-play-state:paused}
@media(max-width:600px){.logo-hero .hero-mark{width:min(68vw,280px)}}
@media(prefers-reduced-motion:reduce){.logo-hero .hero-mark,.logo-hero .hero-mark::before{animation:none;opacity:1;transform:none}}