/* DHC: a material reveal with independent foreground and room depth. */
.brand-proof.brand-reveal{max-width:640px;width:100%;margin:0;transform:none}
.brand-reveal__stage{--reveal-x:61%;--reveal-y:45%;--reveal-size:34%;--reveal-rx:0deg;--reveal-ry:0deg;--reveal-px:0px;--reveal-py:0px;position:relative;aspect-ratio:1.07;overflow:hidden;isolation:isolate;background:#0b0e1b;color:#e7eafa;border:1px solid #232a44;box-shadow:0 25px 55px #171d3930;perspective:1000px;touch-action:pan-y}
.brand-reveal__scene{position:absolute;inset:-3%;transform:rotateX(var(--reveal-rx)) rotateY(var(--reveal-ry));transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.brand-reveal__world{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 65% 40%,#2b3455,#111628 65%);transform-style:preserve-3d}
.brand-reveal__world:before{content:"";position:absolute;inset:8% 9%;border:1px solid #b6c8ff23;box-shadow:inset 0 0 50px #c6cfff07;transform:translate3d(calc(var(--reveal-px) * -.3),calc(var(--reveal-py) * -.3),-35px)}
.brand-reveal__grid{position:absolute;inset:48% -70% -45%;background-image:linear-gradient(#a9b4df29 1px,transparent 1px),linear-gradient(90deg,#a9b4df29 1px,transparent 1px);background-size:42px 42px;transform:perspective(400px) rotateX(65deg) translateY(var(--reveal-py));mask-image:linear-gradient(transparent,#000 40%);opacity:.6}
.brand-reveal .brand-reveal__mark{position:absolute;width:86%;height:auto;left:7%;top:24%;margin:0;border-radius:0;box-shadow:none;filter:grayscale(1) brightness(.65);opacity:.52;transform:translate3d(var(--reveal-px),var(--reveal-py),55px);transition:transform .55s cubic-bezier(.2,.7,.2,1);user-select:none;-webkit-user-drag:none}
.brand-reveal__world--glass{background:radial-gradient(ellipse at 60% 37%,#bd9aff88,transparent 62%),linear-gradient(135deg,#202d89,#090d35 80%);clip-path:circle(150% at var(--reveal-x) var(--reveal-y));transition:clip-path .75s cubic-bezier(.2,.7,.2,1)}
.brand-reveal.is-reveal-ready .brand-reveal__world--glass{clip-path:circle(var(--reveal-size) at var(--reveal-x) var(--reveal-y))}
.brand-reveal__world--glass:before{inset:13% 14%;border:1px solid #d2caff69;transform:translate3d(calc(var(--reveal-px) * -.6),calc(var(--reveal-py) * -.6),-25px);box-shadow:0 0 60px #7880ff22,inset 0 0 30px #aab7ff18}
.brand-reveal__world--glass .brand-reveal__grid{opacity:.9;background-size:35px 35px}
.brand-reveal .brand-reveal__world--glass .brand-reveal__mark{filter:drop-shadow(0 24px 20px #0008);opacity:1;transform:translate3d(calc(var(--reveal-px) * 1.55),calc(var(--reveal-py) * 1.55),85px) scale(1.035)}
.brand-reveal__orb{position:absolute;top:12%;right:14%;width:18%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 29% 28%,#eeedff,#b2b2ff 8%,#594cc2 35%,#18195b 60%,#8585ff 82%,#d7d9ff);box-shadow:inset -5px -4px 15px #080d3277,0 20px 35px #04051666;transform:translate3d(calc(var(--reveal-px) * -1.6),calc(var(--reveal-py) * -1.6),30px);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.brand-reveal__ring{position:absolute;left:-11%;top:4%;width:53%;aspect-ratio:1;border:1px solid #d3ccff88;border-radius:50%;box-shadow:0 0 0 12px #afa9ff0a,0 0 0 13px #c5c2ff25,0 0 0 30px #b6b4ff06;transform:rotateX(54deg) rotateY(-24deg) translate3d(calc(var(--reveal-px) * -1),0,65px)}
.brand-reveal__glint{position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#ccd0ff15 45%,transparent 63%);mix-blend-mode:screen;pointer-events:none}
.brand-reveal__meta{position:absolute;inset:7% 7% auto;display:flex;justify-content:space-between;gap:15px;font:8px/1.5 var(--f-mono);letter-spacing:.12em;z-index:2;pointer-events:none;color:#c4c9e4}
.brand-reveal__meta span:last-child{color:#a7b4e5}
.brand-reveal__signature{position:absolute;left:8%;bottom:9%;z-index:2;pointer-events:none}
.brand-reveal__signature strong{display:block;font:500 clamp(22px,2.6vw,38px)/.95 var(--f-sans);letter-spacing:-.055em}
.brand-reveal__signature span{display:block;margin-top:16px;font:7px/1.5 var(--f-mono);text-transform:uppercase;letter-spacing:.19em;color:#bfc7e9}
.brand-reveal__lens{display:none;position:absolute;z-index:3;width:calc(var(--reveal-size) * 2);aspect-ratio:1;left:var(--reveal-x);top:var(--reveal-y);border-radius:50%;border:1px solid #cbcfff55;box-shadow:0 0 35px #9b98ff19,inset 0 0 30px #a9acff12;transform:translate(-50%,-50%);pointer-events:none;opacity:.7;transition:opacity .3s}
.brand-reveal.is-reveal-ready .brand-reveal__lens{display:block}
.brand-reveal.is-reveal-full .brand-reveal__lens{opacity:0}
.brand-reveal__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;flex-wrap:wrap}
.brand-reveal__hint{font:9px/1.6 var(--f-mono);color:#5a5f72;max-width:23ch}
.brand-reveal__toggle{display:none;align-items:center;gap:18px;border:1px solid #787a9445;border-radius:30px;padding:12px 17px;color:#242b54;background:transparent;font:600 10px/1.3 var(--f-sans);cursor:pointer;transition:background .2s,color .2s}
.is-reveal-ready .brand-reveal__toggle{display:inline-flex}
.brand-reveal__toggle:after{content:"↗";font-size:16px;font-weight:400}
.brand-reveal__toggle[aria-pressed=true]:after{content:"↙"}
.brand-reveal__toggle:hover{background:#242b54;color:#fff}
.brand-reveal__toggle:focus-visible{outline:2px solid #4c50c7;outline-offset:4px}
.brand-reveal.brand-proof .brand-proof-caption{font-size:7px;line-height:1.7;margin-top:22px}
.brand-reveal.is-reveal-still .brand-reveal__scene,.brand-reveal.is-reveal-still .brand-reveal__mark,.brand-reveal.is-reveal-still .brand-reveal__orb,.brand-reveal.is-reveal-still .brand-reveal__world--glass{transition:none;transform:none}
@media(max-width:600px){.brand-reveal__stage{aspect-ratio:1}.brand-reveal__meta{font-size:6px}.brand-reveal__signature strong{font-size:30px}.brand-reveal__signature span{font-size:6px}.brand-reveal__controls{gap:12px}.brand-reveal__hint{font-size:8px;max-width:18ch}.brand-reveal__toggle{padding:11px 13px;font-size:9px;gap:10px}.brand-reveal.brand-proof .brand-proof-caption{font-size:6px}}
@media(prefers-reduced-motion:reduce){.brand-reveal__scene,.brand-reveal .brand-reveal__mark,.brand-reveal__orb{transform:none!important;transition:none!important}.brand-reveal__world--glass,.brand-reveal__lens{transition:none!important}}
@media(forced-colors:active){.brand-reveal__toggle{border:1px solid ButtonText}.brand-reveal__world--glass{clip-path:none!important}.brand-reveal__lens{display:none!important}}