@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:#0c0b0e;color:#f8f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px}.ambient{position:absolute;top:-320px;left:0;width:100%;height:700px;background:radial-gradient(ellipse,rgba(114,59,174,.15),transparent 65%);pointer-events:none}main{position:relative;width:min(100% - 40px,650px);margin:auto;padding:48px 0 28px}header{text-align:center}.avatar{position:relative;width:100px;height:100px;margin:0 auto 24px;padding:4px;border:1px solid #8a5bbd80;border-radius:50%;box-shadow:0 0 45px #8147c21a}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 23%}.avatar span{position:absolute;right:-5px;bottom:1px;border:3px solid #100d16;background:#c4a2fa;border-radius:50%;color:#241039;width:30px;height:30px;display:grid;place-items:center;font:800 11px monospace}.eyebrow{font-size:9px;letter-spacing:3px;color:#a793bf;margin:0 0 9px;font-weight:600}h1{font-size:36px;font-weight:800;letter-spacing:-1.6px;margin:0}h1 span{color:#b88aef}h1 small{font:18px monospace;margin-left:12px;color:#9c72c8}.role{font-size:10px;letter-spacing:5px;color:#8b858f;margin:10px 0 0}.intro{color:#aaa2b2;font-size:12px;line-height:1.8;margin:21px 0 34px}nav{display:grid;gap:22px}.card{isolation:isolate;position:relative;display:block;overflow:hidden;border-radius:20px;color:inherit;text-decoration:none;border:1px solid #ffffff14;background:#19111f;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);border-color:#b88aef70;box-shadow:0 15px 40px #0005}.card:focus-visible{outline:3px solid #e4c8ff;outline-offset:5px}.card:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--x,-300px) var(--y,-300px),#ffffff12,transparent 70%);z-index:4}.photo{position:absolute;right:0;top:0;width:54%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-3;transition:transform .6s;filter:brightness(1.16)}.card:hover .photo{transform:scale(1.035)}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#16101c 17%,#21112b 41%,#23122b55 66%,#150d1b0d),linear-gradient(0deg,#190d2560,transparent)}.grid{position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#a472e938 1px,transparent 1px),linear-gradient(90deg,#a472e938 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.content{padding:28px 34px;display:flex;min-height:266px;flex-direction:column;justify-content:space-between}.pill{display:flex;align-items:center;gap:7px;align-self:flex-start;background:#ece1f4;color:#302038;border:1px solid #ffffff66;border-radius:30px;padding:7px 11px;font-size:8px;letter-spacing:.6px;font-weight:800}.pill>span{font-size:16px;line-height:14px}.pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.kicker{font-size:9px;letter-spacing:2px;color:#d3bce5;margin:22px 0 6px}h2{font-size:39px;line-height:1.08;letter-spacing:-1.4px;margin:0;font-weight:800}h2 span{color:#c49af5}.caption{font-size:10px;color:#c0aeca;margin:10px 0 0}.arrow{position:absolute;right:19px;bottom:18px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff0d;font-size:21px;backdrop-filter:blur(8px)}.youtube{background:#522395}.youtube .shade{background:linear-gradient(90deg,#52218e 9%,#6230a8 38%,#7134aa44 73%,#62288c33),linear-gradient(0deg,#6b2cbe50,transparent)}.youtube .photo{width:48%;filter:brightness(1.23)}.youtube .pill{background:#f1e4ff}.youtube h2{font-size:49px}.youtube h2 span{font-size:27px;margin-left:10px;color:#dbc4fc}.youtube .kicker,.youtube .caption{color:#e1cbf6}.orbit{position:absolute;width:310px;height:310px;border:1px solid #d8a7ff24;border-radius:50%;left:45%;top:-24px;z-index:-1;box-shadow:0 0 0 25px #e7c4ff06,0 0 0 50px #e7c4ff04}.play{position:absolute;top:44%;right:17%;width:56px;height:56px;display:grid;place-items:center;background:#ffffff16;border:1px solid #ffffff55;border-radius:50%;backdrop-filter:blur(6px);font-size:22px;padding-left:3px}footer{text-align:center;margin-top:34px;color:#6e6478}footer p{font-size:10px;margin:7px 0 13px}.footer-mark{color:#9a76ba;font:16px monospace}footer small{font-size:8px;letter-spacing:2px;color:#615869}@media(max-width:600px){.content{min-height:240px;padding:25px 28px}h2{font-size:34px}.youtube h2{font-size:43px}}@media(max-width:420px){main{width:calc(100% - 32px);padding-top:35px}.content{min-height:215px;padding:22px}.card{border-radius:16px}h1{font-size:32px}h2{font-size:29px}.youtube h2{font-size:38px}.pill{font-size:7px;padding:6px 9px}.kicker{font-size:8px;letter-spacing:1.5px}.caption{font-size:9px}.photo{width:58%}.play{right:12%;width:44px;height:44px}.intro{margin:18px 0 26px}nav{gap:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.card:hover{transform:none}}

/* Custom campaign artwork and vector controls */
.card{border-radius:22px;border-color:#cab1ed22;background:#100c18}
.photo,.youtube .photo{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.shade{background:linear-gradient(90deg,#0d0914e6 0%,#10091eaf 32%,#120c2022 62%,transparent 100%)}
.youtube .shade{background:linear-gradient(90deg,#100a1de6 0%,#160c24a6 35%,#160c2410 65%,transparent 100%)}
.content{min-height:284px;padding:28px 32px}
.pill,.youtube .pill{background:#eee5ff12;border:1px solid #e9d6ff38;color:#e8d8fa;backdrop-filter:blur(12px);font-size:8px;letter-spacing:1px;padding:8px 11px}
.pill svg{width:14px;height:14px}
.kicker{font-size:9px;letter-spacing:2px;color:#bea5d8}
h2{font-size:40px;letter-spacing:-1.6px;line-height:1.1}
.youtube h2{font-size:49px}.youtube h2 span{font-size:inherit;margin:0;color:#c49af5}
.caption{color:#c7b9d5;font-size:11px;margin-top:12px}
.arrow{right:22px;bottom:22px;width:42px;height:42px;border-radius:13px;background:#e6d8ff14;border:1px solid #e6d8ff4d;backdrop-filter:blur(15px);transition:background .25s,transform .25s}
.arrow svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.card:hover .arrow{background:#bfa0ed33;transform:translate(2px,-2px)}
@media(max-width:600px){.content{min-height:250px;padding:24px}h2{font-size:34px}.youtube h2{font-size:43px}.photo,.youtube .photo{object-position:58% center}.shade,.youtube .shade{background:linear-gradient(90deg,#100a1bf2 0%,#160c24b0 42%,#160c2420 76%)}.caption{max-width:70%;font-size:10px}}
@media(max-width:420px){.content{min-height:230px;padding:22px}.card{border-radius:18px}h2{font-size:30px}.youtube h2{font-size:38px}.pill,.youtube .pill{font-size:7px;letter-spacing:.7px}.arrow{width:36px;height:36px;right:16px;bottom:16px}.arrow svg{width:18px;height:18px}.kicker{font-size:8px;letter-spacing:1.3px}.caption{font-size:9px}.photo,.youtube .photo{object-position:58% center}}