:root{--ink:#05090a;--panel:#0a1112;--panel2:#10191a;--line:#263234;--muted:#91a0a0;--white:#f4f7f5;--teal:#28f0dc;--teal-dark:#0ba99c;--display:"Barlow Condensed",Impact,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--body);font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--teal);color:#00110f;padding:.8rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1.4rem clamp(1.2rem,4vw,4.5rem);border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;gap:.7rem}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--teal);color:var(--ink);font:900 1.65rem/1 var(--display);clip-path:polygon(0 0,100% 0,100% 72%,75% 100%,0 100%)}.brand-copy{display:flex;flex-direction:column;line-height:.82}.brand-copy strong{font:900 1.7rem/1 var(--display);letter-spacing:.04em}.brand-copy small{font:700 .72rem/1 var(--body);letter-spacing:.28em;color:var(--muted);margin-top:.3rem}.site-header nav{display:flex;align-items:center;gap:clamp(1.2rem,2.5vw,2.7rem);font:700 .86rem/1 var(--body);text-transform:uppercase;letter-spacing:.1em}.site-header nav a{color:#c8d1d0;transition:.2s}.site-header nav a:hover{color:var(--teal)}.site-header .nav-cta{padding:.75rem 1.2rem;border:1px solid var(--teal);color:var(--teal)}.menu-toggle{display:none;background:none;color:var(--white);border:1px solid var(--line);padding:.7rem 1rem;font-weight:700}.hero{position:relative;min-height:790px;height:100svh;max-height:1050px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(4,8,9,.98) 0%,rgba(4,8,9,.84) 35%,rgba(4,8,9,.28) 70%,rgba(4,8,9,.65) 100%),linear-gradient(0deg,var(--ink),transparent 32%),url("images/mdk-hero.webp") center/cover no-repeat}.hero-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 44%,rgba(40,240,220,.15),transparent 28%);mix-blend-mode:screen}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to right,black,transparent 75%)}.hero-content{width:min(740px,88vw);margin-left:clamp(1.2rem,8vw,9rem);padding-top:6rem}.eyebrow{font:700 .78rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--teal);display:flex;align-items:center;gap:.7rem}.eyebrow span{display:inline-block;width:36px;height:2px;background:var(--teal)}h1,h2{margin:.5rem 0 1.4rem;font-family:var(--display);font-weight:900;line-height:.82;letter-spacing:-.025em;text-transform:uppercase}h1{font-size:clamp(5rem,10.5vw,10rem)}h1 em,h2 em{font-style:italic;color:transparent;-webkit-text-stroke:1.5px var(--teal);text-shadow:0 0 30px rgba(40,240,220,.13)}.hero-lede{max-width:650px;color:#c3cdcc;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75}.hero-actions{display:flex;gap:1rem;margin-top:2.2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:2rem;min-height:54px;padding:0 1.5rem;border:1px solid transparent;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.82rem;cursor:pointer;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--teal);color:#00110f}.button-primary:hover{background:#71ffef}.button-ghost{border-color:rgba(255,255,255,.35);background:rgba(0,0,0,.18);backdrop-filter:blur(8px)}.button-ghost:hover{border-color:var(--teal);color:var(--teal)}.command-card{position:absolute;right:clamp(1.2rem,5vw,5rem);bottom:5rem;width:260px;padding:1.4rem;border-left:3px solid var(--teal);background:rgba(4,9,10,.75);backdrop-filter:blur(10px)}.command-card span{display:block}.command-label{color:var(--muted);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.command-card strong{display:block;font:900 2.5rem/1 var(--display);margin:.5rem 0}.signal{font-size:.72rem;color:#bfccca}.signal i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);margin-right:.35rem}.hero-index{position:absolute;right:2rem;top:45%;transform:rotate(90deg);font:700 .75rem/1 var(--body);letter-spacing:.2em;color:#718080}.hero-index span{color:var(--teal)}.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--teal);color:#00110f;padding:.85rem 0;white-space:nowrap}.ticker div{width:max-content;font:900 1rem/1 var(--display);letter-spacing:.16em;animation:ticker 26s linear infinite}.ticker i{font-style:normal;margin:0 1.4rem}@keyframes ticker{to{transform:translateX(-40%)}}.section{padding:clamp(5rem,10vw,9rem) clamp(1.2rem,8vw,9rem)}.unit-section{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,.9fr);gap:clamp(3rem,8vw,9rem);background:linear-gradient(135deg,#071011 0%,var(--ink) 58%)}h2{font-size:clamp(3.8rem,7vw,7.5rem)}.unit-copy{padding-top:2.4rem}.unit-copy p{color:var(--muted);line-height:1.75;max-width:680px}.unit-copy .lead{color:var(--white);font-size:1.2rem}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2.5rem}.stat-row div{background:var(--panel);padding:1.25rem}.stat-row strong,.stat-row span{display:block}.stat-row strong{font:800 1.2rem/1 var(--display);color:var(--teal)}.stat-row span{font-size:.72rem;color:var(--muted);margin-top:.45rem}.operations{position:relative;min-height:790px;display:flex;align-items:center;justify-content:flex-end;padding:5rem clamp(1.2rem,8vw,9rem);overflow:hidden}.operations-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,10,.2),rgba(5,9,10,.42) 43%,rgba(5,9,10,.97) 76%),linear-gradient(0deg,var(--ink),transparent 30%,var(--ink)),url("images/mdk-operations.webp") center/cover}.operations-panel{position:relative;width:min(650px,100%);padding:2.2rem 0 2.2rem 3rem}.role-list{border-top:1px solid var(--line)}.role-list article{display:grid;grid-template-columns:48px 1fr;gap:1.2rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}.role-list article>span{color:var(--teal);font:700 .74rem/1 var(--body)}.role-list h3{font:800 1.5rem/1 var(--display);text-transform:uppercase;margin:0}.role-list p{color:var(--muted);line-height:1.6;margin:.4rem 0 0}.roster-section{background:#080d0e}.roster-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:1rem;margin-top:2.5rem}.roster-card{min-height:380px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),#080c0d);padding:1.25rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.roster-card>div:first-child,.roster-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;letter-spacing:.15em}.roster-card i{font-style:normal;color:var(--teal)}.roster-card h3{margin:auto 0 .2rem;font:900 2rem/1 var(--display)}.roster-card p{margin:0;color:var(--muted);font-size:.78rem}.roster-card.featured{background:linear-gradient(145deg,rgba(40,240,220,.12),#0a1112 55%);border-color:var(--teal)}.monogram{position:absolute!important;display:block!important;right:-.25rem;top:3rem;font:900 14rem/1 var(--display)!important;color:rgba(40,240,220,.08)!important;letter-spacing:0!important}.loadout{display:flex!important;gap:.35rem!important;margin-top:1rem}.loadout span{padding:.35rem .45rem;border:1px solid #2e3d3e;color:#9dafad;font-size:.6rem;letter-spacing:.1em}.roster-card.open{opacity:.62;background:repeating-linear-gradient(-45deg,#0b1112,#0b1112 16px,#0d1415 16px,#0d1415 32px)}.intel{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,7rem);align-items:center;padding:clamp(5rem,10vw,9rem) clamp(1.2rem,8vw,9rem);background:linear-gradient(120deg,#0b1516,var(--ink))}.intel-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}.channel-links{margin-top:2rem;border-top:1px solid var(--line)}.channel-links a{display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line);font:800 1.25rem/1 var(--display);transition:.2s}.channel-links a:hover{padding-left:.5rem;color:var(--teal)}.channel-links span{font:700 .65rem/1 var(--body);letter-spacing:.15em;color:var(--teal)}.video-shell{aspect-ratio:16/10;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #334142;background:radial-gradient(circle at center,rgba(40,240,220,.16),transparent 35%),linear-gradient(135deg,#111b1c,#050808);overflow:hidden}.video-shell:before,.video-shell:after{content:"";position:absolute;width:70px;height:70px;border-color:var(--teal)}.video-shell:before{top:14px;left:14px;border-top:2px solid;border-left:2px solid}.video-shell:after{right:14px;bottom:14px;border-right:2px solid;border-bottom:2px solid}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(40,240,220,.035) 4px)}.play-mark{display:grid;place-items:center;width:76px;height:76px;border:1px solid var(--teal);border-radius:50%;color:var(--teal);padding-left:.3rem;margin-bottom:1.5rem;box-shadow:0 0 40px rgba(40,240,220,.12)}.video-shell p{font-size:.62rem;letter-spacing:.2em;color:var(--teal)}.video-shell strong{font:800 1.8rem/1 var(--display)}.video-shell small{margin-top:.8rem;color:var(--muted)}.join{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,9vw,9rem);padding:clamp(5rem,10vw,9rem) clamp(1.2rem,8vw,9rem);background:linear-gradient(rgba(5,9,10,.94),rgba(5,9,10,.94)),url("images/mdk-hero.webp") center/cover}.join-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}.join-copy ul{list-style:none;padding:0;margin-top:2rem}.join-copy li{padding:.65rem 0;border-bottom:1px solid var(--line);color:#cbd4d3}.join-copy li:before{content:"//";color:var(--teal);margin-right:.7rem;font-weight:800}.join-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:rgba(13,21,22,.9);border:1px solid var(--line);padding:clamp(1.3rem,3vw,2.5rem);box-shadow:0 28px 70px rgba(0,0,0,.28)}.join-form label{display:flex;flex-direction:column;gap:.55rem;color:#b7c3c1;text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.11em}.join-form label:nth-child(4){grid-column:1/-1}.join-form input,.join-form select,.join-form textarea{width:100%;border:1px solid #314142;background:#070c0d;color:var(--white);padding:.9rem;outline:none;text-transform:none;letter-spacing:normal;font-size:.9rem}.join-form input:focus,.join-form select:focus,.join-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 2px rgba(40,240,220,.1)}.join-form .button{justify-self:start}.form-note{font-size:.75rem;color:var(--muted);line-height:1.5;margin:0;align-self:center}footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem clamp(1.2rem,4vw,4.5rem);border-top:1px solid var(--line);background:#030606;color:var(--muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}footer>p{max-width:420px;text-align:center}footer strong{color:var(--teal)}.toast{position:fixed;right:1.3rem;bottom:1.3rem;z-index:50;background:var(--teal);color:#00110f;font-weight:800;padding:1rem 1.25rem;transform:translateY(140%);transition:.3s}.toast.show{transform:translateY(0)}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1000px){.roster-grid{grid-template-columns:1fr 1fr}.command-card{display:none}.hero-index{display:none}.unit-section,.intel,.join{grid-template-columns:1fr}.operations{justify-content:center}.operations-media{opacity:.5}.operations-panel{padding-left:0}.intel-copy{max-width:700px}}
@media (max-width:760px){.site-header{position:absolute}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(5,9,10,.97);padding:1.4rem;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:.65rem}.hero{min-height:760px}.hero-content{margin:0 auto;padding-top:5rem}.hero-lede{font-size:1rem}.section,.intel,.join{padding-block:5rem}.stat-row{grid-template-columns:1fr}.roster-grid{grid-template-columns:1fr}.roster-card{min-height:260px}.join-form{grid-template-columns:1fr}.join-form label:nth-child(4){grid-column:auto}footer{flex-direction:column;text-align:center}.operations{min-height:850px}.hero-actions .button{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* Founding roster: two balanced rows with readable roles. */
.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.roster-card{min-height:280px}.roster-card h3,.roster-card p{position:relative}.roster-card h3{text-transform:uppercase}.roster-card p{font-size:1rem;line-height:1.5;min-height:3em;margin-top:.6rem}.roster-top{font-size:.75rem!important}.monogram{font-size:10rem!important;top:2.5rem!important}
@media(max-width:1000px){.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.roster-grid{grid-template-columns:1fr}}

/* MDK artwork-led header and operator cards. */
.site-header{position:relative;background:#05090a;padding-block:.55rem;min-height:100px}.clan-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 8px #28f0dc22)}.brand-copy{display:none}
.graphic-hero{height:clamp(400px,43vw,680px);min-height:0;max-height:none;justify-content:center;border-bottom:1px solid #28f0dc66}
.graphic-hero .hero-media{background:linear-gradient(0deg,#05090a 0%,transparent 25%,#05090a22 100%),url("images/mdk-hero.webp") center 48%/cover no-repeat}
.hero-emblem{position:relative;text-align:center;filter:drop-shadow(0 12px 25px #000);padding:1rem}.hero-emblem img{width:clamp(240px,29vw,440px);height:auto;display:block;margin:auto}.hero-emblem p{font:800 clamp(.8rem,1.4vw,1.2rem)/1.4 var(--display);letter-spacing:.24em;color:white;text-shadow:0 2px 8px black}.hero-emblem span{color:var(--teal);margin:0 .7rem}.banner-caption{position:absolute;bottom:1.2rem;right:3%;font-size:.75rem;letter-spacing:.2em;color:#d6e4e2}
.hero-introduction{padding:3rem clamp(1.2rem,8vw,9rem);display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;background:linear-gradient(110deg,#0d1d1d,#060b0c)}.hero-introduction h1{font-size:clamp(3rem,5.5vw,6rem);line-height:1; margin-bottom:1rem}.hero-introduction .hero-lede{font-size:1rem;margin-bottom:0}.hero-introduction .hero-actions{flex-direction:column;margin:0}
.roster-card{min-height:390px;padding:1.25rem;background:#0a1112;isolation:isolate;border-color:#324647;transition:border-color .2s,transform .2s}.roster-card:hover{border-color:var(--teal);transform:translateY(-4px)}.operator-art{position:absolute;inset:0;z-index:-2;background-image:url("images/mdk-operators.webp");background-size:200% 200%;background-repeat:no-repeat}.operator-pilot{background-position:0 0}.operator-logistics{background-position:100% 0}.operator-assault{background-position:0 100%}.operator-driver{background-position:100% 100%}.roster-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#05090a 4%,#05090aed 24%,#05090a22 65%,#05090a99 100%)}.roster-top{color:#d9e8e6!important;position:relative}.roster-card h3{font-size:2.3rem}.roster-card p{color:#c9d7d4}.roster-card.featured{background:#0a1112;box-shadow:inset 0 -3px var(--teal)}.roster-card:nth-child(5) .operator-art,.roster-card:nth-child(8) .operator-art{transform:scaleX(-1)}.roster-card:nth-child(6) .operator-art{filter:brightness(.85) saturate(.7)}
@media(max-width:1000px){.hero-introduction{grid-template-columns:1fr}.hero-introduction .hero-actions{flex-direction:row}.roster-card{min-height:420px}}
@media(max-width:760px){.site-header{position:relative}.graphic-hero{min-height:0;height:430px}.hero-emblem img{width:280px}.hero-introduction .hero-actions{flex-direction:column}.roster-card{min-height:380px}.banner-caption{font-size:.7rem}.hero-emblem p{letter-spacing:.15em}.clan-logo{width:70px;height:70px}}

/* Intro player and three lead-led units. */
.intro-banner{background:#020606;border-bottom:1px solid #28f0dc55;display:grid;place-items:center}.intro-banner video{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;aspect-ratio:16/9}.lead-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2.5rem;align-items:start}.lead-roster .lead-card{min-height:460px}.lead-card .roster-top{font-size:.75rem!important;letter-spacing:.07em}.lead-card h3{font-size:3rem}.member-badges{list-style:none;padding:1rem 0 0;margin:0;display:grid;gap:.65rem}.member-badge{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:linear-gradient(110deg,#102324,#0b1314);border:1px solid #294244;border-left:3px solid var(--teal);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.badge-stripe{display:block;width:8px;height:28px;flex-shrink:0;border-block:3px solid #28f0dc;transform:skewY(-25deg)}.member-badge h4{font:800 1.45rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.06em;margin:0}.member-badge p{font-size:.9rem;line-height:1.5;color:#b1c5c2;margin:.3rem 0 0}
@media(max-width:1000px){.lead-roster{gap:1rem}.lead-roster .lead-card{min-height:360px}.lead-card h3{font-size:2.3rem}.member-badge{padding:.8rem;gap:.65rem}}
@media(max-width:760px){.lead-roster{grid-template-columns:1fr;gap:2rem}.lead-roster .lead-card{min-height:420px}.intro-banner video{max-height:none}}

/* Cinematic front door and typographic clan identity. */
.intro-active{overflow:hidden}.intro-gate[hidden]{display:none}.intro-gate{position:fixed;inset:0;z-index:100;background:#020505;display:grid;place-items:center;transition:opacity .7s,filter .7s;overflow:hidden}.enter-clan{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100svh;border:0;background:#020505;color:white;cursor:pointer;padding:0;outline-offset:-8px}.enter-clan video{width:min(98vw,calc((100svh - 80px)*.96));height:auto;max-height:calc(100svh - 80px);object-fit:contain;pointer-events:none;transition:transform .8s,filter .6s}.enter-prompt{font:700 .85rem/1.4 var(--body);letter-spacing:.25em;color:#adf5ec;padding:1.2rem;border-top:1px solid #28f0dc66;transition:color .2s}.enter-clan:hover .enter-prompt{color:white}.intro-gate.departing{opacity:0;pointer-events:none;filter:brightness(2)}.departing video{transform:scale(1.65);filter:blur(12px)}.site-reveal{animation:site-enter .85s ease-out}@keyframes site-enter{from{filter:brightness(2) blur(7px);transform:scale(1.025)}to{filter:none;transform:none}}.clan-wordmark{display:block;transform:skewX(-7deg);padding:.2rem .6rem .2rem 0}.clan-wordmark strong{font:900 clamp(1.35rem,2.1vw,2.1rem)/.85 var(--display);letter-spacing:.02em;background:linear-gradient(#fff 5%,#95abaa 49%,#f4fffd 51%,#97aca9);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #203b3c)}.clan-wordmark small{display:block;font:800 .7rem/1 var(--body);letter-spacing:.3em;margin-top:.55rem;color:var(--teal)}.clan-wordmark small span{color:#6e8986;letter-spacing:.12em;font-size:.6rem}.battlefield-banner{height:clamp(320px,40vw,620px);background:linear-gradient(90deg,#030909aa,transparent 80%),linear-gradient(0deg,#05090a,transparent 35%),url('images/mdk-hero.webp') center/cover;display:flex;align-items:flex-end;padding:3rem clamp(1.2rem,8vw,9rem);border-bottom:1px solid #204b48}.battlefield-banner p{color:var(--teal);font-size:.8rem;letter-spacing:.2em;font-weight:700}.battlefield-banner strong{font:900 clamp(3.5rem,8vw,8rem)/.85 var(--display)}.battlefield-banner em{color:transparent;-webkit-text-stroke:1px #aeefdf;font-style:italic}
@media(prefers-reduced-motion:reduce){.intro-gate,.enter-clan video{transition:none}.site-reveal{animation:none}.departing video{transform:none;filter:none}}

/* Full action-film reveal: battlefield plate, impact emblem, flare and debris. */
.enter-clan{position:relative;isolation:isolate;overflow:hidden}
.enter-clan .blockbuster-field{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;z-index:-3;animation:field-crush 10s linear forwards}
.enter-clan:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 47%,transparent 0 20%,#010303aa 66%,#010303ee 100%);animation:field-vignette 10s ease forwards;pointer-events:none}
.enter-clan:after{content:"";position:absolute;z-index:1;left:-30%;right:-30%;top:49%;height:3px;background:#bffff7;box-shadow:0 0 16px 5px #27f0dc,0 0 70px 30px #27f0dc55;opacity:0;animation:impact-flare 10s ease-out forwards;pointer-events:none}
.blockbuster-logo{position:relative;z-index:2;width:min(78vw,78vh);height:auto;opacity:0;transform-origin:center;animation:logo-blockbuster 10s cubic-bezier(.2,.8,.2,1) forwards;pointer-events:none;will-change:transform,filter,opacity}
.enter-prompt{position:absolute;z-index:4;bottom:clamp(1rem,4vh,3.2rem);opacity:0;animation:prompt-arrive 10s ease forwards;background:#020707bb;backdrop-filter:blur(7px)}
@keyframes field-crush{0%{transform:scale(1.02)}40%{transform:scale(1.12)}42%{transform:scale(1.18) translate(7px,-5px)}48%{transform:scale(1.14) translate(-3px,2px)}100%{transform:scale(1.2)}}
@keyframes field-vignette{0%,31%{background-color:#0000}43%{background-color:#0005}55%,100%{background-color:#0009}}
@keyframes impact-flare{0%,41%{opacity:0;transform:scaleX(.05)}42%{opacity:1;transform:scaleX(1)}46%{opacity:.18;transform:scaleX(.62)}51%,100%{opacity:0}}
@keyframes logo-blockbuster{0%,39%{opacity:0;transform:scale(4.2);filter:brightness(5) blur(22px)}41%{opacity:1;transform:scale(2.1);filter:brightness(3.8) blur(6px)}43%{transform:scale(.91) rotate(-.6deg);filter:brightness(1.35) drop-shadow(0 0 8px #28f0dc)}45%{transform:scale(1.07) rotate(.35deg)}48%{transform:scale(.985);filter:brightness(1.05) drop-shadow(0 0 18px #28f0dc99)}52%{transform:scale(1);filter:brightness(1.15) drop-shadow(0 0 38px #28f0dcdd)}58%{filter:brightness(1.02) drop-shadow(0 0 12px #28f0dc88)}66%{filter:brightness(1.28) drop-shadow(0 0 42px #28f0dc)}75%,100%{opacity:1;transform:scale(1);filter:brightness(1.06) drop-shadow(0 12px 24px #000)}}
@keyframes prompt-arrive{0%,65%{opacity:0;transform:translateY(12px)}73%,100%{opacity:1;transform:none}}
@media(max-width:760px){.blockbuster-logo{width:min(91vw,74vh)}.enter-clan .blockbuster-field{object-position:center}.enter-prompt{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.enter-clan .blockbuster-field,.blockbuster-logo,.enter-prompt,.enter-clan:after{animation:none}.blockbuster-logo,.enter-prompt{opacity:1}}

/* Channel and application actions. */
.clan-wordmark{white-space:nowrap}
.clan-wordmark strong{font-size:clamp(1.05rem,2vw,2rem);line-height:1}
.clan-wordmark small{font-size:.62rem;margin-top:.45rem}
.application-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.application-actions .button{width:100%;justify-self:stretch}
.discord-apply{border-color:#5d77e8;background:#4456a8;color:#fff}
.discord-apply:hover{background:#5865f2;border-color:#8090ff}
.join-form .form-note{grid-column:1/-1}
@media(max-width:760px){.clan-wordmark strong{font-size:clamp(.9rem,4vw,1.25rem)}.clan-wordmark small{font-size:.54rem}.application-actions{grid-template-columns:1fr}}

/* Command hierarchy and Discord-matched application. */
.lead-roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.founder-card .operator-art{background-image:url("images/mdk-founder.webp");background-size:cover;background-position:center}
.founder-card:after{background:linear-gradient(0deg,#05090a 4%,#05090aed 24%,#05090a22 65%,#05090a99 100%)}
.founder-card p{color:#d6e2e0}
.vacant-lead{border-style:dashed}
.vacant-lead h3{color:#e9f3f1}
.vacant-lead p{color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.join-form .full-field{grid-column:1/-1}
@media(max-width:1180px){.lead-roster{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.lead-roster{grid-template-columns:1fr}.join-form .full-field{grid-column:auto}}