/* VALDIBIA LANDING WORLDS v3.1.4 — production customization. Based on live production v3.1.2. Creepster is ONLY applied to countdown. Halloween plugin, newsroom HTML, worlds database and admin logic untouched. */ /* Valdibia Landing Worlds 3.1.2: launch only, no changes to Halloween layers or newsletter. */ .vdb-launch{margin:22px auto 0;max-width:640px;text-align:center;padding:16px 18px 13px;border-radius:15px;border:1px solid rgba(222,164,57,.29);background:linear-gradient(130deg,rgba(14,10,18,.66),rgba(23,12,10,.55));box-shadow:0 16px 35px rgba(0,0,0,.16)} .vdb-launch-eyebrow{font-family:"Cinzel Decorative",Georgia,serif;font-weight:700;font-size:12px;color:#f9b456;letter-spacing:.035em} .vdb-launch .vdb-launch-date{margin:7px auto 12px;font-family:Metamorphous,Georgia,serif;font-size:13px;line-height:1.5;color:#f3e1c4;max-width:none} .vdb-launch-countdown{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap} .vdb-launch-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:68px;padding:8px 7px;border-radius:9px;background:rgba(3,6,12,.71);border:1px solid rgba(238,174,77,.26)} .vdb-launch-unit strong{font-family:"Cinzel Decorative",Georgia,serif;font-size:23px;color:#fff3d5;font-variant-numeric:tabular-nums;line-height:1.35} .vdb-launch-unit small{font-family:Metamorphous,Georgia,serif;font-size:9px;letter-spacing:.08em;color:#d5af74} .vdb-launch .vdb-launch-message{font-family:"Cinzel Decorative",serif;color:#ffc16b;font-size:14px;margin:8px auto 0;line-height:1.4} .vdb-launch-platforms{margin-top:13px;font-family:Metamorphous,serif;font-size:11px;color:#c6bbb3;line-height:1.8} .vdb-launch-platforms strong{font-weight:400;color:#e8d5b8} .vdb-status.soon{color:#f2bd6d} .vdb-status.soon:before{background:#dca34f;box-shadow:0 0 10px rgba(230,144,48,.55)} html[data-vr-theme="light"] .vdb-launch{background:linear-gradient(135deg,#fffaec,#f5ead5);border-color:rgba(128,75,21,.28)} html[data-vr-theme="light"] .vdb-launch-eyebrow{color:#84410f} html[data-vr-theme="light"] .vdb-launch .vdb-launch-date{color:#3d2c21} html[data-vr-theme="light"] .vdb-launch-unit{background:#fff;border-color:#cfb387} html[data-vr-theme="light"] .vdb-launch-unit strong{color:#412914} html[data-vr-theme="light"] .vdb-launch-unit small{color:#815e3a} html[data-vr-theme="light"] .vdb-launch-platforms,html[data-vr-theme="light"] .vdb-launch-platforms strong{color:#60452e} @media(max-width:620px){.vdb-launch{padding:12px 9px}.vdb-launch-unit{min-width:56px;padding:6px 4px}.vdb-launch-unit strong{font-size:18px}.vdb-launch-platforms{font-size:10px}} @media(prefers-reduced-motion:reduce){.vdb-launch *{transition:none!important;animation:none!important}} .vdb-launch-countdown[hidden]{display:none!important} /* ------------------------------------------------------------------------- Countdown: fully transparent in BOTH appearance modes; no cards or boxes. Orange and ember colors match Valdibia Halloween Effects (#ff861c etc). ------------------------------------------------------------------------- */ .vdb-page #valhalla-launch.vdb-launch, html[data-vr-theme="light"] .vdb-page #valhalla-launch.vdb-launch { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; max-width: 780px; padding: 4px 10px 0; margin: 20px auto 0; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .vdb-page #valhalla-launch .vdb-launch-countdown { gap: clamp(8px, 1.8vw, 23px); } .vdb-page #valhalla-launch .vdb-launch-unit, html[data-vr-theme="light"] .vdb-page #valhalla-launch .vdb-launch-unit { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; min-width: clamp(55px, 10vw, 94px); padding: 0 2px; } /* Keep the rest of the site in Cinzel Decorative / Metamorphous. */ .vdb-page #valhalla-launch .vdb-launch-countdown :is(strong, small) { font-family: 'Creepster', fantasy !important; font-weight: 400 !important; font-style: normal !important; text-align: center; } .vdb-page #valhalla-launch .vdb-launch-unit strong, html[data-vr-theme="light"] .vdb-page #valhalla-launch .vdb-launch-unit strong { font-size: clamp(32px, 4.1vw, 54px); line-height: 1.11; letter-spacing: .035em; color: #ff981a !important; -webkit-text-fill-color: #ff981a; text-shadow: 0 2px 1px #481409, 0 4px 0 #170807, 0 0 12px rgba(255,104,10,.87), 0 0 29px rgba(255,122,21,.48); font-variant-numeric: tabular-nums; } .vdb-page #valhalla-launch .vdb-launch-unit small, html[data-vr-theme="light"] .vdb-page #valhalla-launch .vdb-launch-unit small { font-size: clamp(12px, 1.15vw, 16px); line-height: 1.22; letter-spacing: .08em; color: #ffd29b !important; text-shadow: 0 1px 2px #1c0800, 0 0 8px rgba(255,134,28,.66); } .vdb-page #valhalla-launch .vdb-launch-message:not(:empty) { font-family: 'Creepster', fantasy !important; font-weight: 400 !important; font-size: clamp(19px,2.5vw,30px); letter-spacing: .045em; color: #ffac3c !important; text-shadow: 0 2px 1px #37120b,0 0 14px rgba(255,134,28,.75); } .vdb-page #valhalla-launch .vdb-launch-eyebrow {color:#ffbd62;} /* Date + platform line remain Metamorphous and do NOT gain a background. */ html[data-vr-theme="light"] .vdb-page #valhalla-launch .vdb-launch-date { color: #f8e6d5 !important; text-shadow: 0 2px 5px rgba(0,0,0,.78); } html[data-vr-theme="light"] .vdb-page #valhalla-launch .vdb-launch-platforms, html[data-vr-theme="light"] .vdb-page #valhalla-launch .vdb-launch-platforms strong { color: #f8ddc5 !important; text-shadow: 0 2px 5px rgba(0,0,0,.8); } /* Small requested copy adjustments. */ .vdb-page .vdb-hero .vdb-kicker { font-size: 14px !important; } .vdb-page .vdb-hero .vdb-meta { font-size: clamp(13px,1.18vw,16px); color: #e8e1d7; font-weight: 400; text-shadow: 0 2px 9px rgba(0,0,0,.92); } html[data-vr-theme="light"] .vdb-page .vdb-hero .vdb-meta {color:#f8f2e8;} /* Dark-only page background. Light mode remains as currently configured. */ html:not([data-vr-theme="light"]) { --ink:#424157; background:#424157; } html:not([data-vr-theme="light"]) body, html:not([data-vr-theme="light"]) .vdb-page, html:not([data-vr-theme="light"]) .vdb-section, html:not([data-vr-theme="light"]) .vdb-editorial, html:not([data-vr-theme="light"]) .vdb-cta, html:not([data-vr-theme="light"]) .vdb-footer {background:#424157;} html:not([data-vr-theme="light"]) .vdb-hero:after { background:linear-gradient(90deg,rgba(4,7,12,.84) 0%,rgba(4,7,12,.50) 48%,rgba(4,7,12,.72) 100%), linear-gradient(180deg,rgba(4,7,12,.06),rgba(4,7,12,.18) 55%,#424157 100%); } @media (max-width:620px) { .vdb-page #valhalla-launch.vdb-launch {padding:3px 0 0;} .vdb-page #valhalla-launch .vdb-launch-countdown {gap:4px; flex-wrap:nowrap;} .vdb-page #valhalla-launch .vdb-launch-unit { min-width:0; flex:1 1 0; padding:0; } .vdb-page #valhalla-launch .vdb-launch-unit strong {font-size:clamp(29px,8.5vw,39px);} .vdb-page #valhalla-launch .vdb-launch-unit small {font-size:12px;letter-spacing:.025em;} .vdb-page .vdb-hero .vdb-meta { font-size:13px;gap:12px; } } /* v3.1.4 — lila replaces the gold-selected indicator ONLY in dark mode. */ html:not([data-vr-theme="light"]) .vdb-page .vdb-theme-switch .vdb-theme-thumb { background: linear-gradient(145deg,#dfbaff 0%,#b385eb 52%,#8860c2 100%); box-shadow: 0 1px 7px rgba(0,0,0,.3),0 0 10px rgba(180,117,255,.31); } html:not([data-vr-theme="light"]) .vdb-page .vdb-theme-switch { box-shadow: inset 0 0 0 1px rgba(178,130,228,.4),0 3px 12px rgba(0,0,0,.2); } html:not([data-vr-theme="light"]) .vdb-page .vdb-theme-switch:hover { box-shadow: inset 0 0 0 1px rgba(200,151,245,.7),0 0 11px rgba(130,52,215,.18); } html:not([data-vr-theme="light"]) .vdb-page .vdb-theme-switch:focus-visible { outline-color:#c395ef; } /* Shared eyebrow controls exactly the two section introductions. */ .vdb-page .vdb-eye { font-size:21px !important; }