/* GD HK Sixes Banner. Everything is scoped under .gdhk so theme styles cannot leak in or out. */
.gdhk{position:relative;display:block;width:100%;margin:0;padding:0;line-height:0;clear:both}
.gdhk *{box-sizing:border-box}
.gdhk-stage{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;overflow:hidden;isolation:isolate;-webkit-user-select:none;user-select:none}
.gdhk-d{aspect-ratio:3111/2074;background:#8fb9ec}
.gdhk-m{aspect-ratio:390/1050;background:#a9c8ec;display:none}
@media (max-width:767px){.gdhk-d{display:none}.gdhk-m{display:block}}

.gdhk-stage > *, .gdhk-layer > *{position:absolute}
.gdhk .gdhk-layer{position:absolute;inset:0}
.gdhk .gdhk-plate{inset:0;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;will-change:transform,filter}
.gdhk img.gdhk-el,.gdhk img.gdhk-final{display:block;max-width:none;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none}
.gdhk .gdhk-el{will-change:transform,opacity,filter,clip-path}
.gdhk .gdhk-trophy{background-image:var(--gdhk-trophy);background-repeat:no-repeat;background-size:100% 100%}
.gdhk img.gdhk-final{inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.gdhk .gdhk-glint{
  -webkit-mask:var(--gdhk-trophy) 0 0/100% 100% no-repeat;mask:var(--gdhk-trophy) 0 0/100% 100% no-repeat;
  background:linear-gradient(115deg,transparent 42%,rgba(255,250,225,.9) 50%,transparent 58%);
  background-size:320% 100%;background-position:120% 0;mix-blend-mode:screen;opacity:0;pointer-events:none
}
.gdhk .gdhk-flare{
  left:50%;top:62%;width:70%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,236,170,.95) 0%,rgba(255,196,80,.55) 18%,rgba(255,150,40,.15) 42%,transparent 66%);
  mix-blend-mode:screen;opacity:0;pointer-events:none
}
.gdhk-m .gdhk-flare{width:120%;top:60%}
.gdhk canvas.gdhk-embers{inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity 1.4s ease}
.gdhk .gdhk-live canvas.gdhk-embers{opacity:1}
.gdhk-stage:not(.gdhk-go) > :not(.gdhk-plate){visibility:hidden}

/* desktop stacking */
.gdhk-d .gdhk-hero{z-index:1}.gdhk-d .gdhk-final{z-index:2}.gdhk-d .gdhk-glint{z-index:3}
.gdhk-d .gdhk-flare{z-index:4}.gdhk-d .gdhk-embers{z-index:5}.gdhk-d .gdhk-logos{z-index:6}

/* mobile stacking and partner panel */
.gdhk-m .gdhk-top{z-index:2}.gdhk-m .gdhk-hero{z-index:3}
.gdhk-m .gdhk-flare{z-index:4}.gdhk-m .gdhk-embers{z-index:4}
.gdhk .gdhk-panel{left:0;right:0;bottom:0;z-index:5;background:#fbf8f1;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);will-change:transform}
.gdhk .gdhk-rule{left:0;right:0;z-index:6;pointer-events:none;transform-origin:left bottom;
  background:linear-gradient(to bottom right,transparent calc(50% - 1.5px),#e9b949 calc(50% - 1px),#e9b949 calc(50% + 1px),transparent calc(50% + 1.5px))}
.gdhk .gdhk-partners{z-index:7}