.tdko-hero{background:var(--tdko-navy);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.tdko-hero__bg{inset:0;position:absolute;z-index:0}.tdko-hero__bg-media{display:block;height:100%;object-fit:cover;object-position:center 40%;width:100%}.tdko-hero__overlay{inset:0;position:absolute}.tdko-hero__logo-wrap{animation:tdkoFadeUp .7s .2s forwards;display:flex;justify-content:center;opacity:0;padding:32px 48px 0;position:relative;z-index:2}.tdko-hero__logo{display:block;width:auto}.tdko-hero__content{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:20px 48px 40px;position:relative;text-align:center;z-index:2}.tdko-hero__title{animation:tdkoFadeUp .9s .55s forwards;font-weight:400;line-height:1;margin:0 0 22px;opacity:0;text-shadow:0 2px 40px rgba(8,15,30,.6)}.tdko-hero__sub{animation:tdkoFadeUp .7s .85s forwards;font-size:8px;letter-spacing:5px;margin:0;opacity:0;text-transform:uppercase}.tdko-hero__nav{animation:tdkoFadeUp .8s 1.05s forwards;opacity:0;position:relative;z-index:2}.tdko-hero__nav-bar{backdrop-filter:blur(16px);background:rgba(8,15,30,.85);border-top:1px solid var(--tdko-border);display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.tdko-hero__nav-item{align-items:center;border-right:1px solid hsla(39,46%,61%,.12);display:flex;font-size:7px;justify-content:center;letter-spacing:2px;line-height:1.3;padding:18px 10px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .3s,color .3s;white-space:nowrap}.tdko-hero__nav-item:last-child{border-right:none}.tdko-hero__nav-item:hover{background:hsla(39,46%,61%,.1)}@media(max-width:768px){.tdko-hero__logo{max-height:52px}.tdko-hero__logo-wrap{padding:20px 20px 0}.tdko-hero__content{padding:12px 20px 28px}.tdko-hero__title{margin-bottom:14px}.tdko-hero__nav-bar{grid-template-columns:repeat(4,1fr)}.tdko-hero__nav-item{font-size:5.5px;letter-spacing:1.5px;padding:12px 4px}}@media(max-width:480px){.tdko-hero__logo-wrap{padding:16px 16px 0}.tdko-hero__content{padding:8px 16px 20px}.tdko-hero__nav-bar{grid-template-columns:repeat(4,1fr);overflow-x:auto}.tdko-hero__nav-item{font-size:5px;padding:10px 4px;text-align:center;white-space:normal}.tdko-hero__sub{font-size:7px;letter-spacing:3px}}