/* Responsive light and connection nodes, kept separate from the logo artwork. */
#intro{--ambient-x:50%;--ambient-y:43%;--logo-near:0}.intro-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 270px 210px at var(--ambient-x) var(--ambient-y),#6d73c416,transparent 75%),radial-gradient(ellipse 170px 130px at var(--ambient-x) var(--ambient-y),#a45fc80d,transparent 75%);opacity:.8;transition:opacity .7s}.intro-content{isolation:isolate}.intro-sculpture{scale:calc(1 + var(--logo-near)*.035);transition:scale .6s cubic-bezier(.22,.68,.18,1)}.intro-sculpture .intro-orbit{border-color:rgba(167,146,215,calc(.12 + var(--logo-near)*.24));box-shadow:0 0 16px rgba(125,103,213,calc(var(--logo-near)*.08));transition:border-color .4s,box-shadow .6s}.intro-sculpture:before{opacity:calc(.45 + var(--logo-near)*.5)}.intro-sculpture:after{opacity:calc(.35 + var(--logo-near)*.5);background:radial-gradient(ellipse at var(--brand-light-x,50%) var(--brand-light-y,45%),#9676cb28,transparent 70%)}
.intro-node{position:absolute;z-index:4;display:flex;gap:7px;align-items:center;border:1px solid rgba(166,148,205,calc(.14 + var(--logo-near)*.18));background:#10121abf;box-shadow:0 4px 25px #0002;border-radius:4px;padding:7px 10px;font:7px 'DM Sans',Arial,sans-serif;letter-spacing:1.5px;color:#bcb5cc;pointer-events:none;opacity:calc(.5 + var(--logo-near)*.45);translate:0 calc(var(--logo-near)*-3px);transition:opacity .6s,translate .7s,border-color .5s}.intro-node i{width:3px;height:3px;background:#ac9ad5;border-radius:50%;box-shadow:0 0 7px rgba(149,121,233,calc(.2 + var(--logo-near)*.5))}.intro-node-1{left:-15px;top:36%}.intro-node-2{right:-10px;top:21%}.intro-node-3{right:4px;bottom:10%;color:#a8bbdf}.intro-node-3 i{background:#82a6dc}.intro-sculpture.brand-pulse .intro-node{animation:nodes-depart 1s cubic-bezier(.22,.68,.18,1) both}.intro-sculpture.brand-pulse .intro-node-2{animation-delay:.04s}.intro-sculpture.brand-pulse .intro-node-3{animation-delay:.08s}#intro.intro-leaving .intro-atmosphere{opacity:0;transition:opacity 1.1s}
@keyframes nodes-depart{0%{opacity:.9;scale:1}100%{opacity:0;scale:.92;translate:0 -10px}}
@media(max-width:760px){.intro-atmosphere{background:radial-gradient(ellipse 210px 180px at var(--ambient-x) var(--ambient-y),#6d73c417,transparent 75%)}.intro-node{font-size:6px;padding:6px 8px;gap:5px;letter-spacing:1px}.intro-node-1{left:-6px}.intro-node-2{right:-2px}.intro-node-3{right:6px;bottom:7%}}
@media(max-height:700px){.intro-node{font-size:6px;padding:5px 7px}.intro-node-1{left:5px}.intro-node-2{right:8px}.intro-node-3{right:14px;bottom:2%}}
@media(prefers-reduced-motion:reduce){.intro-sculpture{scale:1;transition:none}.intro-atmosphere{display:none}.intro-node,.intro-sculpture.brand-pulse .intro-node{animation:none!important;translate:none;transition:none}.intro-node{opacity:.6}}
/* Subtle proximity light and continuous entry dissolve. */
.intro-sculpture .intro-logo-spin img{filter:drop-shadow(0 0 calc(3px + var(--logo-near)*6px) rgba(151,105,232,calc(.02 + var(--logo-near)*.10))) drop-shadow(0 0 calc(var(--logo-near)*14px) rgba(78,125,245,calc(var(--logo-near)*.05)));transition:filter .65s ease}
.intro-sculpture.brand-pulse .intro-logo-spin img{filter:drop-shadow(0 0 9px #a077ed24) drop-shadow(0 0 17px #5789f510)!important;animation-duration:1.6s!important}
#intro.intro-leaving{animation:opening-silk 1.6s cubic-bezier(.4,0,.2,1) forwards}
#intro.intro-leaving::backdrop{animation-duration:1.6s}
body.intro-revealing .hero-content{animation:page-arrival 1.6s cubic-bezier(.4,0,.2,1) both}
#intro.intro-leaving .intro-atmosphere{transition-duration:1.5s}
@keyframes opening-silk{0%{opacity:1;transform:translateY(0)}18%{opacity:1;transform:translateY(-1px)}55%{opacity:.65}100%{opacity:0;transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.intro-sculpture .intro-logo-spin img{filter:none;transition:none}.intro-sculpture.brand-pulse .intro-logo-spin img{filter:drop-shadow(0 0 10px #a077ed30)!important;animation:none!important}#intro.intro-leaving,#intro.intro-leaving::backdrop,body.intro-revealing .hero-content{animation:none!important}}
/* A quieter satin finish, preserving the original logo artwork. */
.intro-sculpture .intro-logo-spin{animation-name:signature-turn,intro-satin-glow}
@keyframes intro-satin-glow{0%,100%{filter:saturate(.82) brightness(.94) drop-shadow(0 0 2px #7c84bd0c)}50%{filter:saturate(.82) brightness(.94) drop-shadow(0 0 5px #8c7fb51c)}}
#intro .intro-atmosphere{opacity:.48}.intro-sculpture:after{opacity:calc(.22 + var(--logo-near)*.28)}
@media(prefers-reduced-motion:reduce){.intro-sculpture .intro-logo-spin{filter:saturate(.82) brightness(.94)}}
/* Match the approved screen lighting around the original symbol. */
#intro{background:radial-gradient(ellipse 48% 40% at 50% 40%,#15132a66,transparent 75%),#080b10}
#intro .intro-atmosphere{opacity:.85;background:radial-gradient(ellipse 250px 190px at var(--ambient-x) var(--ambient-y),#7151d02b,transparent 76%),radial-gradient(ellipse 170px 140px at var(--ambient-x) var(--ambient-y),#3578f216,transparent 74%)}
.intro-sculpture .intro-orbit{border-color:rgba(163,134,255,calc(.35 + var(--logo-near)*.25));box-shadow:0 0 8px #9573ff3b,inset 0 0 5px #667eff1a;transition:border-color .8s,box-shadow .9s}
.intro-sculpture .orbit-two{border-color:#6b98f45c;box-shadow:0 0 9px #477cf22d}
.intro-sculpture .intro-orbit:before,.intro-sculpture .intro-orbit:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#e5dbff;box-shadow:0 0 5px 2px #a589ef99,0 0 13px 4px #7952db55}
.intro-sculpture .intro-orbit:before{left:15%;top:14%}.intro-sculpture .intro-orbit:after{right:10%;bottom:18%;background:#d7eaff;box-shadow:0 0 5px 2px #7fa3f499,0 0 13px 4px #4169c855}.intro-sculpture .orbit-two:after{display:none}
.intro-sculpture:after{inset:24% 10% 10%;background:radial-gradient(ellipse,#7656cd26,transparent 70%);opacity:calc(.65 + var(--logo-near)*.25);filter:blur(17px)}
.intro-sculpture:before{content:'';position:absolute;inset:auto -25% -12%;height:26px;border:0;border-radius:50%;transform:rotateX(62deg);background:radial-gradient(ellipse,#9a79f066,#477be842 30%,transparent 72%);filter:blur(9px);opacity:.48;pointer-events:none}
.intro-sculpture .intro-logo-spin{animation-name:signature-turn,intro-connected-glow}
@keyframes intro-connected-glow{0%,100%{filter:saturate(.94) brightness(.98) drop-shadow(0 0 8px #8558db2b)}50%{filter:saturate(.94) brightness(.98) drop-shadow(0 0 13px #8d62e641) drop-shadow(0 0 21px #386ee91a)}}
.intro-node{border-color:rgba(153,128,220,calc(.27 + var(--logo-near)*.2));background:linear-gradient(130deg,#1c1929e8,#101622e8);box-shadow:inset 0 1px #cbb7ff10,0 0 12px #7857c30b;color:#ccc2e0}.intro-node i{background:#d4beff;box-shadow:0 0 6px #b18bffc2,0 0 11px #875be35c}.intro-node-3 i{background:#b6d2ff;box-shadow:0 0 6px #79a8ffc2,0 0 11px #446fe35c}
@media(max-width:760px){#intro .intro-atmosphere{background:radial-gradient(ellipse 190px 155px at var(--ambient-x) var(--ambient-y),#7151d023,transparent 76%)}.intro-sculpture .intro-orbit{box-shadow:0 0 6px #9573ff30}.intro-sculpture:before{opacity:.38}}
@media(prefers-reduced-motion:reduce){.intro-sculpture .intro-logo-spin{filter:saturate(.94) drop-shadow(0 0 8px #8558db24)}.intro-sculpture .intro-orbit{transition:none}}
/* Larger signature and a matching illuminated entry control. */
#intro .intro-sculpture{width:340px;height:265px;margin:18px 0 18px}
#intro .intro-sculpture .intro-logo-spin{width:195px;height:195px}
#intro .intro-enter{position:relative;isolation:isolate;min-width:245px;min-height:55px;border-radius:100px;padding:0 17px 0 25px;border:1px solid #b39af37d;background:linear-gradient(110deg,#7131c8,#374ecc 65%,#2862d5);box-shadow:inset 0 1px #f2dcff29,0 6px 25px #5733b42b;font-size:12px;letter-spacing:.2px;color:#faf7ff;gap:30px;transition:box-shadow .7s,border-color .7s,transform .7s,filter .7s}
#intro .intro-enter>span:last-child{border:0;background:none;color:#f3eaff;font-size:19px;min-width:27px;width:27px;transform:none}
#intro .intro-enter:before{display:none}#intro .intro-enter:hover{border-color:#dbcaffb3;box-shadow:inset 0 1px #f7edff38,0 7px 30px #7152d040;transform:translateY(-1px);filter:brightness(1.07)}#intro .intro-enter:hover>span:last-child{transform:translateX(3px);transition:transform .6s}#intro .intro-enter:active{transform:translateY(0)}#intro .intro-enter:focus-visible{outline:1px solid #bfa8ee;outline-offset:5px;border-radius:100px}
@media(max-width:760px){#intro .intro-sculpture{width:265px;height:215px;margin:12px 0 16px}#intro .intro-sculpture .intro-logo-spin{width:160px;height:160px}#intro .intro-enter{min-width:225px;min-height:52px;font-size:11px}}
@media(max-height:740px){#intro .intro-sculpture{width:260px;height:180px;margin:8px 0 12px}#intro .intro-sculpture .intro-logo-spin{width:143px;height:143px}#intro .intro-content{padding-top:45px;padding-bottom:55px}#intro h2{font-size:clamp(34px,5vw,65px)}#intro #intro-description{margin:16px 0 21px}}
@media(prefers-reduced-motion:reduce){#intro .intro-enter,#intro .intro-enter>span:last-child{transition:none}#intro .intro-enter:hover,#intro .intro-enter:hover>span:last-child{transform:none}}
/* Keep the symbol prominent and the entry action understated. */
#intro .intro-sculpture .intro-logo-spin{width:220px;height:220px}
#intro .intro-enter{min-width:190px;min-height:44px;padding:0 14px 0 20px;font-size:11px;gap:22px;background:linear-gradient(120deg,#262232,#19222f);border-color:#9f8cbd66;box-shadow:inset 0 1px #e5d8f512,0 5px 18px #0003;color:#e8e2ef}
#intro .intro-enter>span:last-child{font-size:16px;min-width:22px;width:22px;color:#bcb1d5}
#intro .intro-enter:hover{background:linear-gradient(120deg,#30273e,#202c3b);border-color:#bca4d18c;box-shadow:inset 0 1px #e5d8f51a,0 5px 20px #6d4ba716;filter:none}
@media(max-width:760px){#intro .intro-sculpture .intro-logo-spin{width:180px;height:180px}#intro .intro-enter{min-width:180px;min-height:44px;font-size:10px}}
@media(max-height:740px){#intro .intro-sculpture .intro-logo-spin{width:158px;height:158px}}