/* Dimensional brand presentation, without changing the emblem artwork. */
.heroMark{width:100%;max-width:420px;aspect-ratio:1;min-height:0;justify-self:center;justify-items:center;isolation:isolate}
.heroMark:before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(221,185,86,.12),rgba(39,61,91,.15) 45%,transparent 72%);box-shadow:inset 0 0 55px #b8953220,0 35px 65px #0005;z-index:-1}
.heroMark:after{content:"";position:absolute;width:72%;height:26%;bottom:8%;border-radius:50%;background:radial-gradient(ellipse,#0008,transparent 70%);z-index:-1}
.heroMark .logoMark{width:170px;height:170px;max-width:52%;border-radius:50%;filter:drop-shadow(0 12px 15px #0008);animation:emblem-float 7s ease-in-out infinite}
.heroMark .orbit,.heroMark .orbit2{display:block;pointer-events:none;position:absolute;inset:6%;width:auto;height:auto;border:1px solid #cba74f69;border-radius:50%;box-shadow:inset 0 0 18px #d3ae4110,0 0 18px #d3ae4110;animation:spin 28s linear infinite}
.heroMark .orbit:before,.heroMark .orbit2:before{content:"";position:absolute;width:7px;height:7px;top:14%;right:14%;border-radius:50%;background:#f4d889;box-shadow:0 0 14px #ebbd52,0 0 28px #ebbd5266}
.heroMark .orbit2{inset:16%;border-color:#bac9e84a;animation:spin 38s linear infinite reverse;transform:none}
.heroMark .orbit2:before{width:4px;height:4px;background:#d6e3f4;box-shadow:0 0 12px #d6e3f4}
.markStage{aspect-ratio:1;min-height:0;width:100%;max-width:410px;justify-self:center;border-radius:50%;border:1px solid #c5a55344;background:radial-gradient(circle at 42% 34%,#233046,#0b1423 60%,#070c15);box-shadow:inset 0 0 45px #a98a2820,0 24px 50px #0c16222b;isolation:isolate}
.markStage:before,.markStage:after{display:block;content:"";position:absolute;inset:8%;width:auto;height:auto;border:1px solid #c5a55377;border-radius:50%;transform:none;animation:spin 34s linear infinite;border-top-color:#f3d583;border-bottom-color:transparent}
.markStage:after{inset:19%;border-color:#b9c9df33;border-left-color:#b9c9dfb0;animation-direction:reverse;animation-duration:46s}
.brandmark{position:relative;z-index:1;width:160px;height:160px;max-width:52%;border-radius:50%;filter:drop-shadow(0 12px 14px #0008);animation:emblem-float 8s ease-in-out infinite}
.contactBox{box-shadow:0 18px 45px #07111e20;border-top:2px solid #bb9848}
.card{transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #11182714;position:relative;z-index:1}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c4a34b22}}
.motionToggle{color:#d9c58d;border:1px solid #b6974566;background:#0c1421;padding:7px 13px;border-radius:3px;font-size:12px;min-height:40px;cursor:pointer;letter-spacing:0;text-transform:none}
.motion-paused .heroMark *, .motion-paused .markStage *,.motion-paused .markStage:before,.motion-paused .markStage:after{animation-play-state:paused!important}
@keyframes emblem-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:761px) and (max-width:1100px){.heroMark .logoMark{width:140px;height:140px}.heroMark{min-width:0}.markStage{min-height:0}}
@media(max-width:760px){.heroMark{width:min(100%,310px);aspect-ratio:1;min-height:0;margin:8px auto 0;justify-items:center}.heroMark .logoMark{width:145px;height:145px}.markStage{width:min(100%,310px);min-height:0}.brandmark{width:145px;height:145px}.heroGrid{gap:28px}.heroFoot{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.heroMark *,.markStage *,.markStage:before,.markStage:after{animation:none!important}.motionToggle{display:none}.card,.btn{transition:none!important}}