/* Scoped to the interactive mark inside the homepage's website mockup. */
.hero .object-sculpture{opacity:1}
.hero .object-main h2{pointer-events:none}
.brand-launch{position:relative;display:block;width:100%;height:auto;aspect-ratio:1;border:0;padding:0;background:transparent;color:var(--blue-deep);cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;border-radius:26px}
.brand-mark-face{display:block;position:relative;width:100%;aspect-ratio:1;opacity:.85;transition:opacity .3s,filter .4s}
.brand-mark-face img{display:block;width:100%;height:100%;object-fit:contain}
.brand-launch:before{content:"";position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(ellipse,#fff 0%,#b1e7fc88 30%,#009fe800 69%);opacity:0;transform:scale(.8);transition:opacity .5s,transform .7s;pointer-events:none}
.brand-launch:hover:before,.brand-launch:focus-visible:before,.brand-launch.is-lit:before{opacity:1;transform:scale(1.08)}
.brand-launch:hover .brand-mark-face,.brand-launch:focus-visible .brand-mark-face{opacity:1;filter:drop-shadow(0 0 12px #009fe850)}
.brand-launch:focus-visible{outline:2px solid var(--blue-deep);outline-offset:7px}
.brand-launch-hint{position:absolute;bottom:5px;right:3px;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.5px;transform:rotate(12deg);padding:6px 10px;border-radius:999px;color:var(--blue-deep);background:#ffffffeb;box-shadow:0 3px 12px #007dac14;transition:color .25s}
.brand-launch-hint .icon{width:13px;height:13px;stroke-width:1.8}
.brand-launch.is-inviting .brand-launch-hint{animation:brand-invite-hop 2.2s ease-in-out both}
.brand-launch.is-inviting .brand-mark-face{animation:brand-invite-glow 2.2s ease-in-out both}
.brand-launch.is-lit .brand-launch-hint{color:var(--blue-deep)}
.brand-launch.is-lit .brand-mark-face{opacity:1;animation:brand-soft-glow 2.6s ease-in-out infinite}
.brand-glint{position:absolute;width:17px;height:17px;opacity:0;pointer-events:none;filter:drop-shadow(0 0 5px #009fe899);background:linear-gradient(135deg,#fff,#87d2f1);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 61%,50% 100%,38% 61%,0 50%,38% 38%)}
.brand-glint-one{top:12%;right:7%}.brand-glint-two{left:6%;top:48%;width:12px;height:12px}.brand-glint-three{bottom:16%;right:22%;width:10px;height:10px}
.brand-launch.is-lit .brand-glint{animation:brand-star 2.5s ease-in-out infinite}.brand-launch.is-lit .brand-glint-two{animation-delay:.65s}.brand-launch.is-lit .brand-glint-three{animation-delay:1.3s}
.hero-scene.brand-is-arriving .website-object{transition:none!important}
.brand-intro-layer,.brand-word-layer{position:fixed;inset:0;z-index:31;pointer-events:none;overflow:clip;contain:layout paint;isolation:isolate}
.brand-intro-mark{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;will-change:transform,opacity;opacity:0;pointer-events:none;user-select:none}
.brand-intro-white{filter:brightness(0) invert(1)}
.brand-word-layer{z-index:32}.brand-word-layer canvas{display:block;width:100%;height:100%}
.brand-animation-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes brand-soft-glow{0%,100%{filter:drop-shadow(0 0 5px #009fe835) brightness(1)}50%{filter:drop-shadow(0 0 16px #009fe887) brightness(1.13)}}
@keyframes brand-star{0%,100%{opacity:0;transform:scale(.3) rotate(0)}40%,60%{opacity:.95;transform:scale(1) rotate(45deg)}}
@keyframes brand-invite-hop{0%,45%,75%,100%{transform:rotate(12deg) translateY(0);box-shadow:0 3px 12px #007dac14}22%{transform:rotate(12deg) translateY(-8px);box-shadow:0 7px 20px #009fe845}60%{transform:rotate(12deg) translateY(-4px);box-shadow:0 5px 15px #009fe82b}}
@keyframes brand-invite-glow{0%,100%{filter:drop-shadow(0 0 0 #009fe800)}30%,55%{filter:drop-shadow(0 0 16px #009fe870) brightness(1.08)}}
@media(max-width:1020px){.brand-mark-face{opacity:.68}.brand-launch-hint{font-size:10px;bottom:3px;right:0;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.brand-intro-layer{display:none!important}.brand-launch *{animation:none!important;transition:none!important}.brand-launch.is-lit .brand-mark-face{filter:drop-shadow(0 0 12px #009fe870)}.brand-launch.is-lit .brand-glint{opacity:.8}}
