/* INVICTA events — Día de los Muertos ADU Open House (layers on events.css) */
.dd-page,.hevent--dd,.ev-list--dd{--pump:#ff9a1f;--pump-hi:#ffc247;--dd-pink:#e5368f;--dd-teal:#19b3a6;--night:#150823}
.dd-page .ev-btn{background:var(--pump);border-color:var(--pump);color:#1a0d02}
.dd-hero{position:relative;overflow:hidden;color:#fbf1e1;min-height:min(94vh,900px);display:flex;align-items:center;padding:calc(64px + 18.4vw + 28px) 0 var(--space-16);background:#150823}
.dd-hero__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.dd-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,8,35,.94) 0%,rgba(21,8,35,.78) 40%,rgba(42,12,53,.25) 75%),linear-gradient(0deg,rgba(21,8,35,.85),transparent 35%),radial-gradient(60% 50% at 0% 100%,rgba(229,54,143,.28),transparent 70%);pointer-events:none;z-index:1}
.dd-picado{position:absolute;top:64px;left:-1%;width:102%;height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));transform-origin:top center;animation:ddSway 6s ease-in-out infinite}
@keyframes ddSway{50%{transform:rotate(.35deg) translateY(2px)}}
.dd-mg{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.dd-mg--a{width:150px;left:-46px;bottom:60px}
.dd-mg--b{width:92px;left:70px;bottom:20px}
.dd-hero__inner{position:relative;z-index:2}
.dd-script{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:1;color:var(--pump);margin:0 0 .1em;text-shadow:0 0 28px rgba(255,154,31,.45)}
.dd-title{max-width:none;font-size:clamp(3rem,8vw,7rem);text-transform:uppercase;color:#fff}
.dd-hero .ev-facts>div{border-color:rgba(255,194,71,.3);background:rgba(21,8,35,.5)}
.dd-hero .ev-facts svg{color:var(--pump)}
.dd-hero .ev-count>div{background:rgba(21,8,35,.6)}
.dd-i--teal{background:color-mix(in oklab,var(--dd-teal) 18%,transparent)!important;color:var(--dd-teal)!important}
.dd-i--pink{background:color-mix(in oklab,var(--dd-pink) 18%,transparent)!important;color:var(--dd-pink)!important}
.dd-cards{grid-template-columns:repeat(3,1fr)}
/* A to Z */
.dd-az{background:radial-gradient(70% 70% at 100% 0%,color-mix(in oklab,var(--dd-pink) 10%,transparent),transparent 60%),var(--surface)}
.dd-steps{list-style:none;padding:0;margin:var(--space-10) 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);counter-reset:none}
.dd-steps li{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-5);border-radius:16px;background:var(--bg);border:1px solid var(--border)}
.dd-steps b{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#1a0d02;background:var(--pump)}
.dd-steps li:nth-child(4n+2) b{background:var(--dd-teal)}
.dd-steps li:nth-child(4n+3) b{background:var(--dd-pink);color:#fff}
.dd-steps li:nth-child(4n+4) b{background:var(--pump-hi)}
.dd-steps li.dd-steps__z{border-color:color-mix(in oklab,var(--pump) 55%,transparent)}
.dd-steps li.dd-steps__z b{background:linear-gradient(135deg,var(--dd-pink),var(--pump));color:#fff}
.dd-steps h3{font-family:var(--font-display);font-size:1.1rem;margin:2px 0 4px}
.dd-steps p{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}
/* reel */
.dd-reel__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);margin-top:var(--space-8);align-items:stretch}
.dd-vid{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--border)}
.dd-vid video{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:9/16}
.dd-vid--wide video{aspect-ratio:auto;height:100%}
.dd-vid figcaption{position:absolute;left:12px;bottom:12px;right:12px;pointer-events:none;font-size:var(--text-xs);font-weight:700;color:#fff;background:rgba(21,8,35,.7);padding:6px 10px;border-radius:99px;width:max-content;max-width:calc(100% - 24px)}
.dd-page .ev-flyer img{box-shadow:0 30px 80px -20px rgba(229,54,143,.35),0 0 0 1px rgba(255,255,255,.06)}
.dd-page .sticky-cta--ev{background:var(--pump);color:#1a0d02}
@media (max-width:1000px){.dd-steps{grid-template-columns:1fr 1fr}.dd-reel__grid{grid-template-columns:1fr 1fr}.dd-vid--wide{grid-column:1/-1}.dd-vid--wide video{aspect-ratio:16/9}.dd-cards{grid-template-columns:1fr}}
@media (max-width:640px){
  .dd-hero{padding-top:calc(60px + 25vw + 22px);min-height:auto;align-items:flex-start}
  .dd-picado{top:60px;width:104%;left:-2%}
  .dd-hero::after{background:linear-gradient(180deg,rgba(21,8,35,.7),rgba(21,8,35,.82) 45%,rgba(21,8,35,.95))}
  .dd-mg--a{width:110px;left:auto;right:-34px;bottom:-26px;top:auto}.dd-mg--b{display:none}
  .dd-steps{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.dd-picado{animation:none}}
/* home + events hub promo */
.hevent--dd{background:radial-gradient(70% 120% at 15% 50%,rgba(255,154,31,.18),transparent 60%),radial-gradient(60% 100% at 100% 100%,rgba(229,54,143,.18),transparent 60%),linear-gradient(180deg,#150823,#2a0c35);border-block:1px solid rgba(255,194,71,.18);position:relative;overflow:hidden}
.hevent--dd .hevent__kicker{color:#ffc247}
.hevent--dd .hevent__dot{background:#ff9a1f;box-shadow:0 0 12px #ff9a1f}
.hevent--dd .hevent__glow{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-weight:400;color:#ff9a1f;text-shadow:0 0 24px rgba(255,154,31,.5);display:block;font-size:.8em;margin-bottom:.1em}
.hevent--dd .hevent__btn{background:#ff9a1f;border-color:#ff9a1f;color:#1a0d02}
.hevent--dd .hevent__flyer img{box-shadow:0 30px 80px -24px rgba(229,54,143,.45),0 0 0 1px rgba(255,255,255,.06)}
.hevent__picado{position:absolute;top:0;left:-1%;width:102%;height:auto;opacity:.9;pointer-events:none}
.hevent--dd .hevent__inner{padding-top:calc(15vw - 20px)}
.hevent__picado{width:84%!important;left:8%!important}
@media (max-width:640px){.hevent__picado{width:104%!important;left:-2%!important}.hevent--dd .hevent__inner{padding-top:calc(17vw)}}
