
/* V14 final hero placement + fixed menu outside click behavior */
:root{--ddk-black:#000;--ddk-charcoal:#08080a;--ddk-red:#e1132c;--ddk-red-dark:#980817;--ddk-yellow:#f8dd67;}
html,body,main{background:#000!important;color:#fff!important;}
.topbar{background:rgba(0,0,0,.97)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.nav{min-height:76px!important;display:flex!important;align-items:center!important;position:relative!important;}
.brand-left{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
.header-socials{display:flex!important;align-items:center!important;gap:8px!important;}
.header-socials a{width:36px!important;height:36px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;}
.header-socials svg{width:18px!important;height:18px!important;fill:currentColor!important;}
.menu{display:none!important;}
.nav-actions .btn-small{display:none!important;}
.mobile-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;min-width:92px!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#ff304a 0%,var(--ddk-red) 72%,var(--ddk-red-dark) 100%)!important;color:#fff!important;font-weight:1000!important;line-height:1!important;text-align:center!important;box-shadow:0 12px 28px rgba(225,19,44,.26)!important;cursor:pointer!important;}
.nav.open .menu{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;z-index:9999!important;width:min(270px,calc(100vw - 30px))!important;display:grid!important;gap:6px!important;padding:14px!important;background:#08080a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:0 24px 60px rgba(0,0,0,.5)!important;}
.nav.open .menu a{display:flex!important;align-items:center!important;min-height:44px!important;padding:0 12px!important;border-radius:12px!important;}
.nav.open .menu a:hover,.nav.open .menu a.active{background:rgba(225,19,44,.16)!important;color:var(--ddk-yellow)!important;}
.kicker,.section-tag,.eyebrow{display:none!important;}

.hero-home,.ddk-hero,.ddk-hero-v11,.ddk-hero-v12,.ddk-hero-v13{display:none!important;}
.ddk-hero-v14{display:block!important;position:relative!important;background:#000!important;padding:clamp(34px,5vw,68px) 0 clamp(46px,6vw,74px)!important;overflow:hidden!important;}
.ddk-hero-v14-grid{display:grid!important;grid-template-columns:minmax(300px,600px) minmax(0,560px)!important;gap:clamp(28px,5vw,74px)!important;align-items:center!important;justify-content:space-between!important;}
.ddk-scene-v14{position:relative!important;width:100%!important;max-width:600px!important;overflow:visible!important;margin:0!important;padding-top:58px!important;}
.ddk-stage-v14{position:relative!important;width:100%!important;aspect-ratio:1103/823!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.ddk-dumpster-v14,.ddk-front-v14,.ddk-king-v14,.ddk-crown-v14{position:absolute!important;user-select:none!important;-webkit-user-drag:none!important;pointer-events:none!important;max-width:none!important;height:auto!important;}
.ddk-dumpster-v14{left:0!important;bottom:0!important;width:100%!important;z-index:1!important;filter:drop-shadow(0 30px 32px rgba(0,0,0,.65))!important;}

/* Guy is behind the front overlay, so the shirt bottom gets hidden by the dumpster lip/front wall. */
.ddk-king-v14{left:50%!important;bottom:31%!important;width:34%!important;z-index:3!important;opacity:1!important;transform:translateX(-50%) translateY(0)!important;transform-origin:50% 100%!important;animation:ddkKingPopV14 1.05s cubic-bezier(.18,.82,.14,1) .2s both!important;filter:drop-shadow(0 16px 22px rgba(0,0,0,.45))!important;}
.ddk-front-v14{left:0!important;bottom:0!important;width:100%!important;z-index:4!important;}

/* Crown drops after pop-up and ends slightly tilted on top of the ball/head. */
.ddk-crown-v14{left:50%!important;bottom:75.2%!important;width:12.2%!important;z-index:7!important;opacity:1!important;transform:translateX(-47%) translateY(0) rotate(-20deg) scale(1)!important;transform-origin:50% 82%!important;animation:ddkCrownDropV14 .92s cubic-bezier(.15,.9,.18,1) 1.15s both!important;filter:drop-shadow(0 12px 16px rgba(0,0,0,.52))!important;}

@keyframes ddkKingPopV14{0%{transform:translateX(-50%) translateY(80%);opacity:1}68%{transform:translateX(-50%) translateY(-5%);opacity:1}100%{transform:translateX(-50%) translateY(0);opacity:1}}
@keyframes ddkCrownDropV14{0%{transform:translateX(-47%) translateY(-185%) rotate(-34deg) scale(.95);opacity:1}72%{transform:translateX(-47%) translateY(8%) rotate(-14deg) scale(1.03);opacity:1}100%{transform:translateX(-47%) translateY(0) rotate(-20deg) scale(1);opacity:1}}

.ddk-copy-v14{position:relative!important;z-index:3!important;max-width:560px!important;}
.ddk-title-v14{margin:0 0 18px!important;font-family:Impact,Haettenschweiler,"Arial Black",sans-serif!important;text-transform:uppercase!important;line-height:.86!important;letter-spacing:.01em!important;font-size:clamp(4.2rem,8.2vw,7.2rem)!important;color:#fff!important;}
.ddk-title-v14 span{color:var(--ddk-red)!important;}
.ddk-sub-v14{max-width:600px!important;margin:0!important;color:#e8e8ee!important;line-height:1.7!important;font-size:1.12rem!important;}
.ddk-actions-v14{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:28px 0 22px!important;}
.ddk-features-v14{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;}
.ddk-features-v14 strong{display:block!important;margin-bottom:7px!important;color:var(--ddk-yellow)!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:.82rem!important;}
.ddk-features-v14 p{margin:0!important;color:#c9c9d1!important;line-height:1.55!important;font-size:.94rem!important;}
.section.alt{background:#08080a!important;}

@media(max-width:1050px){.ddk-hero-v14-grid{grid-template-columns:1fr!important;gap:24px!important}.ddk-scene-v14{max-width:min(100%,560px)!important;margin:0 auto!important;padding-top:54px!important}.ddk-copy-v14{max-width:720px!important;margin:0 auto!important}}
@media(max-width:700px){.nav{min-height:72px!important}.brand-left{gap:8px!important}.logo-mark{width:48px!important;height:48px!important;border-radius:14px!important}.logo-text .top{font-size:1.18rem!important}.logo-text .bottom{font-size:.98rem!important}.header-socials{gap:4px!important}.header-socials a{width:29px!important;height:29px!important}.header-socials svg{width:14px!important;height:14px!important}.mobile-toggle{min-width:76px!important;min-height:42px!important;padding:0 13px!important}.ddk-hero-v14{padding-top:20px!important}.ddk-scene-v14{width:min(100%,460px)!important;padding-top:44px!important}.ddk-title-v14{font-size:clamp(3.2rem,16vw,5.2rem)!important}.ddk-sub-v14{font-size:1rem!important}.ddk-actions-v14 .btn{width:100%!important}.ddk-features-v14{grid-template-columns:1fr!important;gap:14px!important}}
@media(max-width:430px){.header-socials{display:none!important}.ddk-scene-v14{width:calc(100vw - 18px)!important;margin-left:-6px!important}}
