.pannl-brand-root{--pannl-brand-bg:#050505;--pannl-brand-text:#fff;--pannl-brand-accent:#d7ff30;--pannl-brand-subtitle:#b8b8b8;--pannl-brand-watermark:#343434;--pannl-brand-radius:24px;--pannl-brand-height:560px;position:relative;isolation:isolate;display:grid;place-items:center;width:100%;min-height:var(--pannl-brand-height);overflow:hidden;border-radius:var(--pannl-brand-radius);background:var(--pannl-brand-bg);color:var(--pannl-brand-text);font-family:inherit;}
.pannl-brand-root,.pannl-brand-root *{box-sizing:border-box}
.pannl-brand-grid{position:absolute;z-index:-4;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.pannl-brand-watermark{position:absolute;z-index:-2;top:50%;left:50%;width:max-content;max-width:none;color:var(--pannl-brand-watermark);font-size:clamp(170px,31vw,480px);font-weight:850;letter-spacing:-.105em;line-height:.78;white-space:nowrap;opacity:.34;transform:translate3d(calc(-50% + var(--pannl-brand-watermark-scroll-x,0px) - var(--pannl-brand-mouse-x,0px)*.5),calc(-50% + var(--pannl-brand-scroll-y,0px) - var(--pannl-brand-mouse-y,0px)*.5),0);user-select:none;pointer-events:none}
.pannl-brand-dragon{position:absolute;z-index:-1;top:50%;left:-5%;width:min(48%,780px);height:82%;overflow:hidden;opacity:var(--pannl-brand-dragon-opacity,.48);transform:translate3d(calc(var(--pannl-brand-dragon-x,-60px) + var(--pannl-brand-dragon-scroll-x,0px) + var(--pannl-brand-mouse-x,0px)),calc(-50% + var(--pannl-brand-scroll-y,0px) + var(--pannl-brand-mouse-y,0px)),0) scale(calc(1 + var(--pannl-brand-scroll-progress,0)*.25));transform-origin:left center;pointer-events:none}
.pannl-brand-dragon img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;filter:grayscale(1) brightness(.3);}
.pannl-brand-lines{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible;transform:translate3d(calc(var(--pannl-brand-scroll-x,0px)*-.45 - var(--pannl-brand-mouse-x,0px)*.15),calc(var(--pannl-brand-scroll-y,0px)*-.45 - var(--pannl-brand-mouse-y,0px)*.15),0);pointer-events:none}
.pannl-brand-lines path{fill:none;stroke:var(--pannl-brand-accent);stroke-width:1.2;opacity:.68}.pannl-brand-lines circle{fill:var(--pannl-brand-accent);opacity:.88}
.pannl-brand-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(100%,1100px);padding:48px 36px;text-align:center;transform:translate3d(0,var(--pannl-brand-heading-y,0px),0)}
.pannl-brand-eyebrow{margin:0 0 24px;color:#a8a8a8;font-size:11px;font-weight:700;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}
.pannl-brand-title{display:grid;justify-items:center;row-gap:0;max-width:100%;margin:0;color:var(--pannl-brand-text);font-size:clamp(36px,6.2vw,88px);font-weight:850;letter-spacing:-.055em;line-height:.92;text-wrap:balance}
.pannl-brand-title span{display:block}.pannl-brand-title span:nth-child(2){color:var(--pannl-brand-accent)}
.pannl-brand-subtitle{max-width:780px;margin:18px 0 0;color:var(--pannl-brand-subtitle);font-size:clamp(14px,1.5vw,19px);font-weight:400;line-height:1.5}
@media(max-width:900px){.pannl-brand-root{--pannl-brand-height:500px}.pannl-brand-dragon{left:-14%;width:56%;height:76%}.pannl-brand-watermark{font-size:clamp(160px,35vw,330px)}.pannl-brand-content{padding:38px 28px}.pannl-brand-title{font-size:clamp(36px,7.4vw,68px)}}
@media(max-width:600px){.pannl-brand-root{min-height:420px}.pannl-brand-grid{background-size:48px 48px}.pannl-brand-dragon{left:-23%;width:70%;height:68%;opacity:.3}.pannl-brand-watermark{top:43%;font-size:clamp(140px,40vw,230px);opacity:.24}.pannl-brand-content{padding:34px 20px}.pannl-brand-eyebrow{margin-bottom:21px;font-size:9px;letter-spacing:.16em}.pannl-brand-title{font-size:clamp(31px,9vw,52px);line-height:.98}.pannl-brand-subtitle{max-width:34em;margin-top:15px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.pannl-brand-root *{scroll-behavior:auto!important;transition:none!important}}