:root{--cs-red:#ff293d;--cs-orange:#ff7617;--cs-bg:#05070a;--cs-panel:#0d1015;--cs-line:rgba(255,255,255,.15);--cs-muted:#aeb2bb}.case-page{background:var(--cs-bg);color:#f6f6f6;overflow-x:hidden}.case-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%);z-index:0}.case-page main,.case-page footer,.case-page .nav{position:relative;z-index:1}.case-page .nav{background:rgba(4,6,9,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.cs-hero{position:relative;min-height:690px;padding:100px 4.2vw 30px;overflow:hidden;border-bottom:1px solid rgba(255,41,61,.28);background:radial-gradient(ellipse at 68% 38%,rgba(255,41,61,.14),transparent 38%),linear-gradient(90deg,#05070a 0%,rgba(5,7,10,.92) 26%,rgba(5,7,10,.22) 64%,#05070a 100%)}.cs-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#05070a 0%,rgba(5,7,10,.92) 22%,rgba(5,7,10,.2) 57%,rgba(5,7,10,.45) 100%),linear-gradient(0deg,#05070a 0%,transparent 32%),url('https://static.wixstatic.com/media/fb116b_be5aa269e71a49b8bcaf5e6b04bde9a5~mv2.png');background-size:cover;background-position:center 45%;opacity:.92;filter:saturate(1.15)}.cs-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 44px,rgba(255,41,61,.06) 45px 46px,transparent 47px 90px);pointer-events:none}.cs-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(380px,1.2fr);min-height:490px;align-items:center;gap:30px;max-width:1540px;margin:auto}.cs-hero-copy{max-width:570px}.cs-eyebrow,.cs-meta,.cs-tags,.cs-section-index,.cs-panel-kicker,.cs-system-note,.cs-showcase-count,.cs-screen figcaption,.cs-mini-kicker{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.cs-eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;color:#e5e5e5;margin-bottom:20px}.cs-eyebrow span:first-child{color:var(--cs-red)}.cs-eyebrow i{width:54px;height:1px;background:var(--cs-red)}.cs-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(88px,12vw,172px);line-height:.72;letter-spacing:-.045em;margin:0 0 25px;text-transform:uppercase;text-shadow:0 8px 45px rgba(0,0,0,.45)}.cs-hero h1 em,.cs-section-heading h2 em,.cs-panel h2 em,.cs-cta-panel h2 em,.cs-next strong em{font-style:normal;color:var(--cs-red)}.cs-subtitle{font-size:14px;font-weight:800;letter-spacing:.14em;margin-bottom:18px}.cs-tags{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:#fff;font-weight:500}.cs-tags b{color:var(--cs-red)}.cs-hero-copy>p{max-width:420px;color:#c6c8ce;font-size:13px;line-height:1.75;margin:18px 0 25px}.cs-meta{display:flex;gap:13px;align-items:center;font-size:9px;color:#d4d5d8}.cs-meta i{width:1px;height:14px;background:var(--cs-red)}.cs-hero-art{position:relative;min-height:400px;align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 0 32px 20px}.cs-hero-art:before{content:"";position:absolute;inset:4% -4% 0 0;background:linear-gradient(125deg,transparent 0 48%,rgba(255,41,61,.1) 48.2%,transparent 49%),radial-gradient(ellipse at 54% 57%,rgba(255,41,61,.2),transparent 44%);border-bottom:1px solid rgba(255,41,61,.35)}.cs-hero-art:after{content:"DRAG CLUB";position:absolute;top:22%;left:3%;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(38px,5vw,75px);font-weight:900;font-style:italic;letter-spacing:-.04em;color:rgba(255,255,255,.1);transform:rotate(-7deg);white-space:nowrap}.cs-art-label{position:absolute;top:12%;left:4%;font:10px 'DM Mono',monospace;color:#fff;letter-spacing:.12em}.cs-art-caption{position:absolute;right:2%;top:10%;font:10px 'DM Mono',monospace;line-height:2.1;letter-spacing:.24em;color:#e3e3e3;text-align:right}.cs-art-caption strong{color:var(--cs-red);font-weight:500}.cs-art-orbit{position:absolute;left:14%;bottom:17%;width:min(27vw,320px);height:min(27vw,320px);border:1px solid rgba(255,41,61,.4);border-radius:50%;box-shadow:0 0 0 26px rgba(255,41,61,.025),0 0 0 64px rgba(255,41,61,.02)}.cs-art-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cs-red);top:14%;right:12%;box-shadow:0 0 18px var(--cs-red)}.cs-art-cta{position:relative;z-index:2;display:flex;align-items:center;gap:12px;font:10px/1.5 'DM Mono',monospace;letter-spacing:.06em}.cs-art-cta span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--cs-red);border-radius:50%;font-size:20px;color:var(--cs-red);box-shadow:0 0 25px rgba(255,41,61,.15)}.cs-scrollline{position:relative;z-index:2;display:flex;align-items:center;gap:15px;max-width:1540px;margin:12px auto 0;font:9px 'DM Mono',monospace;letter-spacing:.14em;color:#999}.cs-scrollline i{height:1px;flex:1;background:linear-gradient(90deg,var(--cs-red),transparent)}.cs-section{max-width:1540px;margin:0 auto;padding:64px 4.2vw 0}.cs-section-index{font-size:10px;color:var(--cs-red);margin-bottom:18px}.cs-info-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px}.cs-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(22,25,31,.94),rgba(7,9,13,.97));border:1px solid var(--cs-line);border-radius:10px;padding:26px 25px;min-width:0}.cs-panel:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--cs-red),transparent 60%);opacity:.7}.cs-panel-feature{background:radial-gradient(ellipse at 100% 0%,rgba(255,41,61,.14),transparent 45%),linear-gradient(135deg,#15171d,#080a0e)}.cs-panel-number{position:absolute;right:20px;top:17px;font:11px 'DM Mono',monospace;color:var(--cs-red);border:1px solid rgba(255,41,61,.55);padding:4px 6px}.cs-panel-kicker{font-size:10px;color:var(--cs-red);margin-bottom:17px}.cs-panel h2,.cs-cta-panel h2{font:800 clamp(32px,3.2vw,48px)/.92 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;margin:0 0 18px}.cs-panel p{font-size:12px;line-height:1.8;color:#c2c5cc}.cs-panel-mark{margin-top:28px;padding-top:13px;border-top:1px solid var(--cs-line);font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.1em}.cs-panel-mark span{color:var(--cs-red);margin-left:7px}.cs-details{margin:0}.cs-details div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px}.cs-details div:last-child{border:0}.cs-details dt{font:9px 'DM Mono',monospace;color:#8d929c}.cs-details dd{margin:0;color:#f0f0f2}.cs-challenge h3{font:800 32px/.9 'Barlow Condensed',sans-serif;margin:0 0 18px}.cs-challenge ul,.cs-results ul{list-style:none;padding:0;margin:0}.cs-challenge li{font-size:11px;line-height:1.6;color:#c8cbd1;padding:0 0 13px 18px;position:relative}.cs-challenge li:before,.cs-results li:before{content:'↗';position:absolute;left:0;color:var(--cs-red)}.cs-challenge-stamp{position:absolute;right:20px;bottom:20px;color:rgba(255,41,61,.18);font:900 25px/.8 'Barlow Condensed',sans-serif;text-align:right;transform:rotate(-8deg)}.cs-challenge-stamp span{font-size:12px;letter-spacing:.2em}.cs-process{padding-top:75px}.cs-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.cs-section-heading h2{font:800 clamp(42px,6vw,76px)/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.035em;margin:0}.cs-section-heading>p{max-width:280px;color:#aeb2bb;font-size:12px;line-height:1.7;margin:0}.cs-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--cs-line);background:#0a0c10;border-radius:10px;overflow:hidden}.cs-process-grid article{position:relative;min-height:200px;padding:24px;border-right:1px solid var(--cs-line);background:linear-gradient(145deg,rgba(255,255,255,.035),transparent)}.cs-process-grid article:last-child{border:0}.cs-step{position:absolute;right:17px;top:15px;font:10px 'DM Mono',monospace;color:#777}.cs-process-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,41,61,.7);border-radius:50%;font-size:26px;color:var(--cs-red);margin-bottom:18px;box-shadow:inset 0 0 20px rgba(255,41,61,.07)}.cs-process-grid h3{font:800 17px 'Barlow Condensed',sans-serif;margin:0 0 9px}.cs-process-grid p{font-size:11px;line-height:1.7;color:#aeb2bb;max-width:220px;margin:0}.cs-process-line{position:absolute;left:24px;right:24px;bottom:0;height:2px;background:linear-gradient(90deg,var(--cs-red),transparent)}.cs-system{padding-top:75px}.cs-system-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.cs-type-panel{min-height:280px}.cs-type-specimen{font:900 74px/.9 'Barlow Condensed',sans-serif;letter-spacing:-.08em;margin:20px 0 8px}.cs-type-name{font:800 15px 'Barlow Condensed',sans-serif}.cs-type-name small{display:block;font:9px 'DM Mono',monospace;color:#9297a1;margin-top:4px}.cs-type-panel p{max-width:280px;margin:14px 0 22px}.cs-color-label{font:9px 'DM Mono',monospace;letter-spacing:.1em;margin-bottom:10px}.cs-swatches{display:flex;gap:7px}.cs-swatches i{height:24px;flex:1;border-radius:3px;background:#0a0b0f;border:1px solid rgba(255,255,255,.2)}.cs-swatches i:nth-child(2){background:#f5f5f5}.cs-swatches i:nth-child(3){background:#ff293d}.cs-swatches i:nth-child(4){background:#ff7617}.cs-swatches i:nth-child(5){background:#2a3039}.cs-swatch-codes{display:flex;justify-content:space-between;gap:4px;margin-top:7px;font:8px 'DM Mono',monospace;color:#8b9099}.cs-assets-panel{display:flex;flex-direction:column;justify-content:space-between}.cs-asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.cs-asset-tile{display:flex;align-items:center;gap:10px;min-height:63px;padding:10px;background:linear-gradient(130deg,#20242b,#101318);border:1px solid rgba(255,255,255,.08);border-radius:5px}.cs-asset-tile span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cs-red);border-radius:50%;font-size:19px;color:var(--cs-red)}.cs-asset-tile b{font:700 10px 'DM Mono',monospace}.cs-assets-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--cs-line);padding-top:13px;font:8px 'DM Mono',monospace;color:#9297a1;letter-spacing:.08em}.cs-showcase{padding-top:80px}.cs-showcase-count{font-size:9px;color:#a7abb4}.cs-showcase-count b{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid var(--cs-red);border-radius:50%;margin-left:9px;color:#fff}.cs-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cs-screen{margin:0;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;overflow:hidden;background:#0b0d11;transition:transform .25s,border-color .25s}.cs-screen:hover{transform:translateY(-5px);border-color:rgba(255,41,61,.65)}.cs-screen-visual{position:relative;min-height:230px;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,#414750,#11141a 58%,#080a0e);padding:17px}.cs-screen-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(150deg,transparent 0 27px,rgba(255,255,255,.025) 28px 29px,transparent 30px 56px);pointer-events:none}.cs-ui-top,.cs-screen-bottom,.cs-hud-top,.cs-hud-bottom{position:relative;display:flex;justify-content:space-between;gap:8px;font:8px 'DM Mono',monospace;color:#e7e8eb;letter-spacing:.05em}.cs-ui-top{border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:10px}.cs-faux-car{position:absolute;left:10%;top:32%;width:54%;height:54px;border-radius:50% 25% 18% 20%;transform:skewX(-18deg) rotate(-7deg);box-shadow:inset 0 -12px 12px rgba(0,0,0,.65),0 25px 28px rgba(0,0,0,.5)}.cs-faux-car:before{content:"";position:absolute;left:24%;top:-22px;width:38%;height:32px;background:inherit;filter:brightness(1.3);clip-path:polygon(10% 100%,30% 0,78% 0,100% 100%)}.cs-faux-car:after{content:"";position:absolute;left:10%;right:8%;bottom:-12px;height:18px;border-radius:50%;border:6px solid #07080a;background:#777}.car-blue{background:linear-gradient(0deg,#073d80,#168bff 50%,#7dc7ff)}.cs-ui-panel{position:absolute;right:14px;top:25%;width:30%;padding:10px;background:rgba(5,7,10,.82);border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:7px}.cs-ui-panel small,.cs-ui-panel span{font:7px 'DM Mono',monospace;color:#aeb4c1}.cs-ui-panel strong{font:900 17px/.8 'Barlow Condensed',sans-serif}.cs-ui-panel button{background:var(--cs-red);border:0;padding:7px 4px;color:white;font:800 9px 'DM Mono',monospace}.cs-screen-bottom{position:absolute;bottom:12px;left:15px;right:15px;border-top:1px solid rgba(255,255,255,.2);padding-top:9px}.cs-screen-garage{background:radial-gradient(ellipse at 34% 65%,#154c82,#10141b 50%,#080a0e)}.cs-screen-race{background:radial-gradient(ellipse at 50% 75%,rgba(255,41,61,.5),transparent 45%),linear-gradient(145deg,#282a31,#08090d)}.cs-mini-kicker{font-size:8px;color:#c3c7ce}.cs-screen-race>strong,.cs-screen-rewards>strong,.cs-screen-upgrade>strong,.cs-screen-profile>strong{display:block;position:relative;font:900 39px/.78 'Barlow Condensed',sans-serif;margin-top:30px;letter-spacing:-.03em}.cs-screen-race>strong em,.cs-screen-rewards>strong em,.cs-screen-upgrade>strong em,.cs-screen-profile>strong em{font-style:normal;color:var(--cs-red)}.cs-race-lights{position:absolute;right:22px;top:34%;font-size:19px;line-height:1.4;color:#ffbf26;text-shadow:0 0 10px #ff5a21}.cs-race-button{position:absolute;bottom:18px;left:17px;right:17px;text-align:center;padding:10px;background:var(--cs-red);font:800 9px 'DM Mono',monospace;letter-spacing:.08em;box-shadow:0 5px 20px rgba(255,41,61,.2)}.cs-screen-rewards{background:radial-gradient(ellipse at 65% 65%,rgba(255,118,23,.35),transparent 48%),linear-gradient(145deg,#292219,#0a0c10)}.cs-reward-coins{display:flex;gap:12px;margin-top:18px}.cs-reward-coins i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#ffd76a,#b66a13);color:#5d3300;font-style:normal;font-size:21px;box-shadow:0 6px 15px #000}.cs-screen-upgrade{background:radial-gradient(ellipse at 50% 50%,#24394c,#0a0d12 70%)}.cs-upgrade-stats{display:grid;gap:6px;margin-top:18px;font:8px 'DM Mono',monospace}.cs-upgrade-stats span{display:flex;justify-content:space-between;color:#d1d4da}.cs-upgrade-stats i{height:4px;background:#272d36}.cs-upgrade-stats i b{display:block;width:80%;height:100%;background:var(--cs-red)}.cs-upgrade-stats i:nth-of-type(2) b{width:67%;background:var(--cs-orange)}.cs-screen-profile{background:radial-gradient(ellipse at 60% 35%,#49303a,#0a0b10 67%)}.cs-profile-badge{position:absolute;right:25px;top:35px;display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--cs-red);border-radius:50%;font:900 25px 'Barlow Condensed',sans-serif;color:var(--cs-red);box-shadow:0 0 25px rgba(255,41,61,.2)}.cs-profile-stats{position:absolute;bottom:18px;left:17px;right:17px;display:flex;justify-content:space-between;border-top:1px solid var(--cs-line);padding-top:9px;font:8px 'DM Mono',monospace}.cs-profile-stats b{color:var(--cs-red)}.cs-screen-wide{grid-column:span 2}.cs-screen-hud{min-height:230px;background:radial-gradient(ellipse at 50% 100%,#414750,#101217 60%,#080a0e)}.cs-hud-top{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2)}.cs-hud-top b{color:var(--cs-red)}.cs-hud-speed{position:absolute;left:42%;top:27%;width:130px;height:130px;border-radius:50%;border:6px solid #2b3038;border-top-color:var(--cs-red);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 25px rgba(255,41,61,.12)}.cs-hud-speed strong{font:900 50px/.8 'Barlow Condensed',sans-serif}.cs-hud-speed span{font:8px 'DM Mono',monospace;color:#adb2bc;margin-top:8px}.cs-hud-nitro{position:absolute;right:12%;bottom:28%;display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--cs-red);border-radius:50%;color:var(--cs-red);font:800 12px 'DM Mono',monospace;box-shadow:0 0 20px rgba(255,41,61,.18)}.cs-hud-bottom{position:absolute;bottom:13px;left:17px;right:17px;border-top:1px solid rgba(255,255,255,.2);padding-top:8px}.cs-screen figcaption{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;font-size:9px;letter-spacing:.04em}.cs-screen figcaption b{color:#f6f6f6}.cs-screen figcaption span{color:#9da2ac;text-align:right;font-size:8px}.cs-outro{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding-top:75px;padding-bottom:60px}.cs-results h2{font:900 43px/.85 'Barlow Condensed',sans-serif;margin:0 0 20px}.cs-results li{position:relative;padding:0 0 12px 17px;font-size:11px;line-height:1.5;color:#c6c9d0}.cs-stars{color:var(--cs-red);letter-spacing:.22em;margin:18px 0 10px}.cs-feedback blockquote{font-size:13px;line-height:1.8;margin:0;color:#e5e6e9}.cs-quote-by{font:9px 'DM Mono',monospace;color:#a0a5af;margin-top:18px}.cs-feedback-mark{position:absolute;right:17px;bottom:-28px;font:900 150px 'Barlow Condensed',sans-serif;color:rgba(255,41,61,.08)}.cs-cta-panel{position:relative;padding:25px;border:1px solid rgba(255,41,61,.5);border-radius:10px;background:radial-gradient(ellipse at 100% 0%,rgba(255,41,61,.2),transparent 60%),#0c0e13;overflow:hidden}.cs-cta-panel h2{font-size:clamp(34px,3.2vw,49px);margin-top:20px}.cs-cta-panel p{font-size:10px;color:#b4b8c0;line-height:1.6}.cs-cta-button{display:flex;justify-content:space-between;align-items:center;background:var(--cs-red);color:white;text-decoration:none;font:800 11px 'DM Mono',monospace;letter-spacing:.08em;padding:15px 17px;margin-top:25px}.cs-cta-button span{font-size:20px}.cs-next{border-top:1px solid var(--cs-line);border-bottom:1px solid var(--cs-line);margin:0 4.2vw 60px}.cs-next>a{display:grid;grid-template-columns:1fr 2fr 60px;gap:20px;align-items:center;padding:25px 0;color:#fff;text-decoration:none}.cs-next span{font:9px 'DM Mono',monospace;color:#a7abb3;letter-spacing:.1em}.cs-next strong{font:800 clamp(27px,4vw,52px)/.9 'Barlow Condensed',sans-serif}.cs-next>b{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--cs-red);border-radius:50%;color:var(--cs-red);font-size:23px;transition:.2s}.cs-next a:hover>b{background:var(--cs-red);color:white}.case-page .footer{border-top:0}@media(max-width:1000px){.cs-hero-inner{grid-template-columns:.8fr 1fr}.cs-hero{min-height:610px}.cs-hero-art{min-height:360px}.cs-info-grid{grid-template-columns:1fr 1fr}.cs-challenge{grid-column:span 2}.cs-process-grid article{padding:20px}.cs-screen-visual{min-height:205px}.cs-outro{grid-template-columns:1fr 1fr}.cs-cta-panel{grid-column:span 2}.cs-system-grid{grid-template-columns:1fr 1.25fr}}@media(max-width:680px){.cs-hero{padding:95px 20px 24px;min-height:auto}.cs-hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:0}.cs-hero-copy{position:relative;z-index:2}.cs-hero h1{font-size:clamp(82px,25vw,132px)}.cs-hero-art{min-height:230px;margin-top:-10px}.cs-art-orbit{width:190px;height:190px;left:20%;bottom:15%}.cs-art-caption{top:10%;right:5%}.cs-art-cta{margin-left:auto}.cs-meta{flex-wrap:wrap;font-size:8px}.cs-section{padding:50px 20px 0}.cs-info-grid,.cs-system-grid,.cs-outro{grid-template-columns:1fr}.cs-challenge,.cs-cta-panel{grid-column:auto}.cs-panel{padding:23px 20px}.cs-section-heading{display:block}.cs-section-heading>p{margin-top:15px}.cs-section-heading h2{font-size:56px}.cs-process-grid{grid-template-columns:1fr 1fr}.cs-process-grid article{min-height:190px;padding:17px}.cs-process-grid article:nth-child(2){border-right:0}.cs-process-grid article:nth-child(-n+2){border-bottom:1px solid var(--cs-line)}.cs-system-note{display:block;margin-top:14px;font-size:8px}.cs-asset-grid{grid-template-columns:1fr 1fr}.cs-assets-bottom{font-size:7px;flex-wrap:wrap}.cs-screen-grid{grid-template-columns:1fr 1fr;gap:8px}.cs-screen-wide{grid-column:span 2}.cs-screen-visual{min-height:185px;padding:12px}.cs-screen-large{grid-column:span 2}.cs-screen-large .cs-screen-visual{min-height:230px}.cs-screen figcaption{display:block;line-height:1.6;padding:10px}.cs-screen figcaption span{display:block;text-align:left}.cs-screen-race>strong,.cs-screen-rewards>strong,.cs-screen-upgrade>strong,.cs-screen-profile>strong{font-size:31px}.cs-ui-panel{right:9px;width:34%;padding:7px}.cs-ui-panel strong{font-size:13px}.cs-faux-car{left:6%;width:58%}.cs-hud-speed{left:35%;width:110px;height:110px}.cs-hud-speed strong{font-size:42px}.cs-next{margin:0 20px 40px}.cs-next>a{grid-template-columns:1fr 42px;gap:15px}.cs-next>a>span{grid-column:span 2}.cs-next strong{font-size:34px}.cs-next>b{grid-column:2;grid-row:2}.cs-cta-panel h2{font-size:44px}}@media(prefers-reduced-motion:reduce){.cs-screen,.cs-next b{transition:none}}

/* V121: functional, properly aligned hero design-system CTA */
.case-page .cs-art-cta{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;width:146px;min-height:50px;padding:8px 13px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:linear-gradient(145deg,#ff4253 0%,#ff1835 56%,#bd071d 100%);box-shadow:0 8px 26px rgba(255,25,52,.28),inset 0 1px 1px rgba(255,255,255,.45);color:#fff;font:700 9px/1.45 'DM Mono',monospace;letter-spacing:.025em;text-align:center;text-transform:uppercase;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;white-space:normal}
.case-page .cs-art-cta:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 32px rgba(255,25,52,.38),inset 0 1px 1px rgba(255,255,255,.5)}
.case-page .cs-art-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}
.case-page .cs-art-cta>span:first-child{flex:0 0 26px;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:15px;line-height:1;color:#fff;box-shadow:none}
.case-page .cs-art-cta-label{display:block;flex:1;text-align:center}
@media(max-width:700px){.case-page .cs-art-cta{width:140px;min-height:46px;font-size:8px}}

/* Drag Club hero CTA: native link, centered copy, accessible interaction */
.cs-art-cta{display:flex;align-items:center;justify-content:flex-start;gap:12px;position:relative;z-index:5;margin-left:auto;max-width:240px;padding:10px 16px 10px 10px;border:1px solid rgba(255,41,61,.75);border-radius:999px;background:linear-gradient(135deg,#ff4052,#c90025);color:#fff;text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 8px 26px rgba(255,41,61,.18);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.cs-art-cta:hover,.cs-art-cta:focus-visible{transform:translateY(-2px);box-shadow:0 10px 32px rgba(255,41,61,.35);filter:brightness(1.08);outline:none}
.cs-art-cta span:first-child{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-size:18px;line-height:1;color:#fff}
.cs-art-cta .cs-art-cta-label{display:block;font:700 10px/1.4 'DM Mono',monospace;letter-spacing:.06em;text-align:center;white-space:nowrap}
html{scroll-behavior:smooth}
#design-system{scroll-margin-top:24px}
@media(max-width:640px){.cs-art-cta{max-width:220px;padding:8px 12px 8px 8px}.cs-art-cta .cs-art-cta-label{font-size:9px}}


/* Requested CTA label font update — preserve original CS1 layout */
@font-face{font-family:Milker;src:url('/assets/Milker.otf') format('opentype');font-display:swap}
.cs-cta-button{font-family:Milker,Arial,sans-serif!important}


/* CS1 approved 8-screen gallery and original custom bottom banner */
.cs-showcase .cs-screen-grid.cs-screen-grid-approved{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.cs-showcase .cs-approved-screen{min-width:0!important;overflow:hidden!important}
.cs-showcase .cs-approved-image{width:100%;aspect-ratio:4/5;overflow:hidden;background:#101012;border-radius:inherit}
.cs-showcase .cs-approved-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.cs-showcase .cs-approved-screen figcaption{display:flex;flex-direction:column;gap:6px;padding-top:13px}
.cs-showcase .cs-approved-screen figcaption b{font-size:11px;letter-spacing:.09em}
.cs-showcase .cs-approved-screen figcaption span{font-size:12px;color:#aaa}
.cs-cta-banner-panel{padding:0!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important}
.cs-cta-banner-link{position:relative!important;display:block!important;overflow:hidden!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.cs-cta-banner-image{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.cs-cta-button-text{position:absolute!important;left:5.4%!important;top:67%!important;width:39%!important;height:30%!important;display:flex!important;align-items:center!important;padding-left:7%!important;box-sizing:border-box!important;background:#ff0730!important;border-radius:999px!important;color:#fff!important;font-family:Milker,Arial,sans-serif!important;font-size:clamp(10px,1.2vw,21px)!important;line-height:1!important;white-space:nowrap!important;z-index:4!important;pointer-events:none!important}
@media(max-width:800px){.cs-showcase .cs-screen-grid.cs-screen-grid-approved{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.cs-cta-button-text{font-size:clamp(9px,2.1vw,17px)!important}}


/* CS1 reference restoration: full-width stacked screens, mascot CTA and footer strip */
.cs-showcase .cs-screen-grid.cs-screen-grid-stacked{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}
.cs-showcase .cs-screen-grid.cs-screen-grid-stacked .cs-approved-screen{width:100%!important;max-width:100%!important;margin:0!important}
.cs-showcase .cs-screen-grid.cs-screen-grid-stacked .cs-approved-image{width:100%!important;aspect-ratio:auto!important;height:auto!important;overflow:hidden!important;background:#101012!important;border-radius:12px!important;border:1px solid #292a30!important;padding:30px 0!important;box-sizing:border-box!important}
.cs-showcase .cs-screen-grid.cs-screen-grid-stacked .cs-approved-image img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block!important}
.cs-showcase .cs-screen-grid.cs-screen-grid-stacked .cs-approved-screen figcaption{padding:12px 0 0!important;display:flex!important;flex-direction:column!important;gap:6px!important}
.cs-cta-banner-panel{margin-top:32px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.cs-cta-banner-link{position:relative!important;display:block!important;overflow:hidden!important;border-radius:0!important;background:transparent!important}
.cs-cta-banner-image{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.cs-cta-button-text{display:none!important}
.cs-more-worlds-strip{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:0!important;padding:30px max(5.4vw,24px) 32px!important;border-top:1px solid #242424!important;border-bottom:1px solid #242424!important;background:#050505!important;font-family:Arial,sans-serif!important;font-size:clamp(26px,4vw,52px)!important;font-weight:900!important;line-height:.98!important;letter-spacing:-.035em!important;color:#f5f5f5!important}
.cs-more-worlds-strip strong{color:#ff293d!important;font-weight:900!important}
@media(max-width:640px){.cs-showcase .cs-screen-grid.cs-screen-grid-stacked .cs-approved-image{padding:14px 0!important}.cs-more-worlds-strip{font-size:clamp(24px,7vw,36px)!important;padding:24px 18px!important}.cs-cta-button-text{font-size:clamp(9px,2vw,15px)!important}}


/* Exact bottom banner overlay position from user-provided reference */
.cs-cta-banner-link{position:relative!important}
.cs-cta-button-text{display:flex!important;position:absolute!important;left:8%!important;top:64%!important;width:25%!important;height:auto!important;min-height:0!important;padding:0!important;justify-content:flex-start!important;align-items:center!important;background:transparent!important;border-radius:0!important;color:#fff!important;font-family:Milker,Arial,sans-serif!important;font-size:clamp(16px,1.65vw,32px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.02em!important;white-space:nowrap!important;z-index:5!important;pointer-events:none!important}
@media(max-width:640px){.cs-cta-button-text{left:8%!important;top:64%!important;font-size:clamp(10px,2.8vw,18px)!important}}


/* Make the mascot CTA a large, dominant full-width banner like the supplied reference */
.cs-outro .cs-cta-banner-panel{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:44px 0 0!important;padding:0!important;align-self:stretch!important;justify-self:stretch!important}
.cs-outro .cs-cta-banner-link{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;line-height:0!important}
.cs-outro .cs-cta-banner-image{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;object-fit:contain!important}
.cs-outro .cs-cta-button-text{left:8%!important;top:64%!important;font-size:clamp(18px,2.15vw,38px)!important}
.cs-more-worlds-strip{width:100%!important;box-sizing:border-box!important;min-height:150px!important;font-size:clamp(32px,4.2vw,64px)!important;padding:36px max(5.4vw,24px) 40px!important}
@media(max-width:640px){.cs-outro .cs-cta-banner-panel{margin-top:28px!important}.cs-outro .cs-cta-button-text{font-size:clamp(12px,3.2vw,22px)!important}.cs-more-worlds-strip{min-height:100px!important;font-size:clamp(25px,7vw,42px)!important;padding:24px 18px!important}}


/* Reference correction: banner stays open-edged, never rounded or card-framed */
.cs-outro .cs-cta-banner-panel,.cs-outro .cs-cta-banner-link,.cs-outro .cs-cta-banner-image{border-radius:0!important;clip-path:none!important;box-shadow:none!important;outline:0!important}
.cs-outro .cs-cta-banner-panel{border:0!important;background:transparent!important;overflow:visible!important}
.cs-outro .cs-cta-banner-link{overflow:visible!important}
.cs-outro .cs-cta-banner-image{width:100%!important;max-width:none!important;height:auto!important;object-fit:contain!important}


/* Targeted cleanup: remove glow/shadow/filter artifacts around the mascot banner only */
.cs-outro .cs-cta-banner-panel::before,.cs-outro .cs-cta-banner-panel::after,.cs-outro .cs-cta-banner-link::before,.cs-outro .cs-cta-banner-link::after{content:none!important;display:none!important;box-shadow:none!important;filter:none!important}
.cs-outro .cs-cta-banner-panel,.cs-outro .cs-cta-banner-link,.cs-outro .cs-cta-banner-image{filter:none!important;box-shadow:none!important;text-shadow:none!important;outline:none!important;border:0!important;background:transparent!important;mix-blend-mode:normal!important}
.cs-outro .cs-cta-banner-image{vertical-align:top!important}


/* CTA label replacement: overlay only the baked-in right button, never the headline on the left */
.cs-outro .cs-cta-banner-link{position:relative!important}
.cs-outro .cs-cta-button-text{display:flex!important;position:absolute!important;left:72.4%!important;top:51.8%!important;width:23.1%!important;height:12.2%!important;box-sizing:border-box!important;align-items:center!important;justify-content:space-between!important;padding:0 4.4% 0 5.2%!important;margin:0!important;background:#ff0730!important;border:0!important;border-radius:999px!important;color:#fff!important;font-family:Milker,Arial,sans-serif!important;font-size:clamp(10px,1.12vw,21px)!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;z-index:8!important;pointer-events:none!important;text-shadow:none!important;box-shadow:none!important}
.cs-outro .cs-cta-button-text i{font-family:Arial,sans-serif!important;font-style:normal!important;font-size:1.6em!important;line-height:1!important}
@media(max-width:640px){.cs-outro .cs-cta-button-text{font-size:clamp(8px,2vw,14px)!important;padding-left:4%!important;padding-right:3%!important}}


/* Fix duplicate CTA pill: keep original baked-in red button and arrow, only replace its text area */
.cs-outro .cs-cta-button-text{left:74.8%!important;top:55.3%!important;width:12.8%!important;height:7.2%!important;padding:0!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;font-family:Milker,Arial,sans-serif!important;font-size:clamp(9px,.98vw,18px)!important;letter-spacing:0!important;white-space:nowrap!important}
.cs-outro .cs-cta-button-text i{display:none!important}
@media(max-width:640px){.cs-outro .cs-cta-button-text{left:75%!important;top:55.3%!important;width:13%!important;height:7.2%!important;font-size:clamp(7px,1.9vw,12px)!important}}


/* CTA final correction: one label only; hide baked-in LET’S TALK by painting a small solid pill-colored mask, not another button */
.cs-outro .cs-cta-banner-link{position:relative!important}
.cs-outro .cs-cta-button-text{position:absolute!important;left:74.1%!important;top:54.2%!important;width:14.2%!important;height:8.4%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;padding:0!important;background:#ff0730!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;font-family:Milker,Arial,sans-serif!important;font-size:clamp(9px,.95vw,17px)!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;z-index:9!important;pointer-events:none!important;text-shadow:none!important}
@media(max-width:640px){.cs-outro .cs-cta-button-text{left:74.1%!important;top:54.2%!important;width:14.2%!important;height:8.4%!important;font-size:clamp(7px,1.9vw,12px)!important}}


/* Final CTA uses a single composited banner artwork; no HTML/CSS button or text overlays */
.cs-outro .cs-cta-button-text{display:none!important}
.cs-outro .cs-cta-banner-panel,.cs-outro .cs-cta-banner-link{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;overflow:visible!important}
.cs-outro .cs-cta-banner-image{display:block!important;width:100%!important;max-width:none!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;object-fit:contain!important;vertical-align:top!important}


/* CS1 approved composited banner artwork: no separate text overlay */
.cs-outro .cs-cta-button-text{display:none!important}
.cs-outro .cs-cta-banner-panel,.cs-outro .cs-cta-banner-link,.cs-outro .cs-cta-banner-image{border-radius:0!important;clip-path:none!important;box-shadow:none!important;outline:0!important;filter:none!important}
.cs-outro .cs-cta-banner-panel{border:0!important;background:transparent!important;overflow:visible!important}
.cs-outro .cs-cta-banner-link{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;line-height:0!important}
.cs-outro .cs-cta-banner-image{display:block!important;width:100%!important;max-width:none!important;height:auto!important;object-fit:contain!important;vertical-align:top!important}


/* Definitive CS1 CTA cleanup: composited artwork only, suppress every legacy overlay rule */
.cs-cta-button-text{display:none!important;visibility:hidden!important;opacity:0!important;content:none!important}
.cs-outro .cs-cta-button-text{display:none!important;visibility:hidden!important;opacity:0!important}
.cs-outro .cs-cta-banner-link{position:static!important;overflow:visible!important}
.cs-outro .cs-cta-banner-panel,.cs-outro .cs-cta-banner-link,.cs-outro .cs-cta-banner-image{box-shadow:none!important;filter:none!important;border:0!important;border-radius:0!important}


/* Functional CS1 CTA: independent link styled to match the glossy About Me button */
.cs-outro .cs-cta-banner-link{position:relative!important;display:block!important;width:100%!important;line-height:0!important;overflow:visible!important}
.cs-outro .cs-cta-interactive-button{position:absolute!important;left:73.4%!important;top:51%!important;width:23.7%!important;height:12.7%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0 1.5% 0 2.8%!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:999px!important;background:linear-gradient(180deg,#ff8796 0%,#ff344f 27%,#f0002c 72%,#a90020 100%)!important;color:#fff!important;text-decoration:none!important;font-family:Milker,Arial,sans-serif!important;font-size:clamp(10px,1.18vw,24px)!important;font-weight:900!important;letter-spacing:-.025em!important;line-height:1!important;white-space:nowrap!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.62),inset 0 -5px 8px rgba(70,0,10,.28),0 3px 12px rgba(255,0,45,.24)!important;z-index:10!important;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important}
.cs-outro .cs-cta-interactive-button span{display:block!important;flex:1 1 auto!important;text-align:center!important}
.cs-outro .cs-cta-interactive-button i{width:clamp(24px,3.2vw,48px)!important;height:clamp(24px,3.2vw,48px)!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:linear-gradient(145deg,#fff 0%,#f8f8f8 100%)!important;color:#ff1738!important;font-family:Arial,sans-serif!important;font-size:1.2em!important;font-style:normal!important;line-height:1!important;box-shadow:0 1px 4px rgba(0,0,0,.22),inset 0 1px 1px #fff!important;transition:transform .22s ease!important}
.cs-outro .cs-cta-interactive-button:hover,.cs-outro .cs-cta-interactive-button:focus-visible{filter:brightness(1.08)!important;transform:translateY(-2px) scale(1.015)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.72),inset 0 -5px 8px rgba(70,0,10,.24),0 7px 20px rgba(255,0,45,.38)!important;outline:2px solid rgba(255,255,255,.8)!important;outline-offset:3px!important}
.cs-outro .cs-cta-interactive-button:hover i,.cs-outro .cs-cta-interactive-button:focus-visible i{transform:translate(2px,-2px)!important}
@media(max-width:640px){.cs-outro .cs-cta-interactive-button{left:73.4%!important;top:51%!important;width:23.7%!important;height:12.7%!important;padding:0 1.2% 0 1.6%!important;font-size:clamp(6px,1.8vw,12px)!important;gap:3px!important}.cs-outro .cs-cta-interactive-button i{width:clamp(14px,3.6vw,24px)!important;height:clamp(14px,3.6vw,24px)!important;font-size:1em!important}}


/* CS1 alignment fix: functional CTA fully covers the baked-in artwork button footprint */
.cs-outro .cs-cta-interactive-button{left:66.9%!important;top:49.2%!important;width:30.1%!important;height:19.2%!important;padding:0 1.4% 0 2.8%!important;font-size:clamp(12px,1.65vw,30px)!important}
.cs-outro .cs-cta-interactive-button i{width:clamp(30px,3.6vw,58px)!important;height:clamp(30px,3.6vw,58px)!important}
@media(max-width:640px){.cs-outro .cs-cta-interactive-button{left:66.9%!important;top:49.2%!important;width:30.1%!important;height:19.2%!important;padding:0 1.2% 0 2%!important;font-size:clamp(7px,2.1vw,14px)!important}.cs-outro .cs-cta-interactive-button i{width:clamp(16px,4vw,28px)!important;height:clamp(16px,4vw,28px)!important}}


/* FINAL CS1 FIX: cleaned banner artwork plus one independent, clickable CTA aligned to the original pill footprint */
.cs-outro .cs-cta-interactive-button{left:68.3%!important;top:47.1%!important;width:25.6%!important;height:14.4%!important;padding:0 1.15% 0 2.2%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:999px!important;background:linear-gradient(180deg,#ff9aaa 0%,#ff405c 24%,#f5002e 72%,#a90020 100%)!important;color:#fff!important;font-family:Milker,Arial,sans-serif!important;font-size:clamp(12px,1.45vw,27px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.025em!important;white-space:nowrap!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.62),inset 0 -5px 8px rgba(70,0,10,.28),0 3px 12px rgba(255,0,45,.24)!important;z-index:20!important}
.cs-outro .cs-cta-interactive-button span{flex:1 1 auto!important;text-align:center!important}
.cs-outro .cs-cta-interactive-button i{width:clamp(30px,3.2vw,54px)!important;height:clamp(30px,3.2vw,54px)!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;color:#ff1738!important;font-family:Arial,sans-serif!important;font-size:1.2em!important;font-style:normal!important;line-height:1!important;box-shadow:0 1px 4px rgba(0,0,0,.22),inset 0 1px 1px #fff!important}
.cs-outro .cs-cta-interactive-button:hover,.cs-outro .cs-cta-interactive-button:focus-visible{filter:brightness(1.08)!important;transform:translateY(-2px) scale(1.01)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.72),inset 0 -5px 8px rgba(70,0,10,.24),0 7px 20px rgba(255,0,45,.38)!important;outline:2px solid rgba(255,255,255,.8)!important;outline-offset:3px!important}
.cs-outro .cs-cta-interactive-button:hover i,.cs-outro .cs-cta-interactive-button:focus-visible i{transform:translate(2px,-2px)!important}
@media(max-width:640px){.cs-outro .cs-cta-interactive-button{left:68.3%!important;top:47.1%!important;width:25.6%!important;height:14.4%!important;padding:0 .8% 0 1.3%!important;font-size:clamp(7px,1.9vw,13px)!important;gap:3px!important}.cs-outro .cs-cta-interactive-button i{width:clamp(15px,3.8vw,27px)!important;height:clamp(15px,3.8vw,27px)!important;font-size:1em!important}}


/* CS1 final: one visible CTA in artwork, separate accessible clickable hit-area; do not draw a second button */
.cs-outro .cs-cta-banner-link{position:relative!important;display:block!important;line-height:0!important;overflow:visible!important}
.cs-outro .cs-cta-interactive-button{position:absolute!important;left:69.2%!important;top:42.5%!important;width:26.4%!important;height:17.5%!important;display:block!important;box-sizing:border-box!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important;color:transparent!important;font-size:0!important;line-height:0!important;text-decoration:none!important;z-index:30!important;cursor:pointer!important;transition:outline .18s ease,filter .18s ease!important}
.cs-outro .cs-cta-interactive-button span,.cs-outro .cs-cta-interactive-button i{display:none!important}
.cs-outro .cs-cta-interactive-button:hover,.cs-outro .cs-cta-interactive-button:focus-visible{outline:2px solid rgba(255,255,255,.9)!important;outline-offset:3px!important;filter:brightness(1.08)!important}
@media(max-width:640px){.cs-outro .cs-cta-interactive-button{left:69.2%!important;top:42.5%!important;width:26.4%!important;height:17.5%!important}}


/* Reuse About Me CTA styling: separate functional button on a cleaned banner background */
.cs-outro .cs-cta-banner-link{position:relative!important;display:block!important;width:100%!important;line-height:0!important;overflow:visible!important}
.cs-outro .cs-cta-interactive-button{position:absolute!important;left:69.6%!important;top:42.2%!important;width:25.8%!important;height:19%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 1.2% 0 2.4%!important;margin:0!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:999px!important;background:linear-gradient(180deg,#ff8796 0%,#ff344f 27%,#f0002c 72%,#a90020 100%)!important;color:#fff!important;text-decoration:none!important;font-family:Manrope,Arial,sans-serif!important;font-size:clamp(12px,1.4vw,26px)!important;font-weight:900!important;letter-spacing:-.025em!important;line-height:1!important;white-space:nowrap!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.62),inset 0 -5px 8px rgba(70,0,10,.28),0 3px 12px rgba(255,0,45,.24)!important;z-index:20!important;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important}
.cs-outro .cs-cta-interactive-button span{display:block!important;flex:1 1 auto!important;text-align:center!important}
.cs-outro .cs-cta-interactive-button i{width:clamp(30px,3.5vw,54px)!important;height:clamp(30px,3.5vw,54px)!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;color:#ff1738!important;font-family:Arial,sans-serif!important;font-size:1.15em!important;font-style:normal!important;line-height:1!important;box-shadow:0 1px 4px rgba(0,0,0,.22),inset 0 1px 1px #fff!important;transition:transform .22s ease!important}
.cs-outro .cs-cta-interactive-button:hover,.cs-outro .cs-cta-interactive-button:focus-visible{filter:brightness(1.08)!important;transform:translateY(-2px) scale(1.01)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.72),inset 0 -5px 8px rgba(70,0,10,.24),0 7px 20px rgba(255,0,45,.38)!important;outline:2px solid rgba(255,255,255,.8)!important;outline-offset:3px!important}
.cs-outro .cs-cta-interactive-button:hover i,.cs-outro .cs-cta-interactive-button:focus-visible i{transform:translate(2px,-2px)!important}
@media(max-width:640px){.cs-outro .cs-cta-interactive-button{left:69.6%!important;top:42.2%!important;width:25.8%!important;height:19%!important;padding:0 .8% 0 1.3%!important;font-size:clamp(7px,1.9vw,13px)!important;gap:3px!important}.cs-outro .cs-cta-interactive-button i{width:clamp(16px,3.8vw,28px)!important;height:clamp(16px,3.8vw,28px)!important;font-size:1em!important}}


/* CS1 definitive cleanup: clean banner image, separate service label, single About Me-style CTA */
.cs-outro .cs-cta-banner-link{position:relative!important;display:block!important;width:100%!important;line-height:0!important;overflow:visible!important}
.cs-outro .cs-cta-service-label{position:absolute!important;left:69.5%!important;top:38.4%!important;width:26%!important;display:block!important;text-align:center!important;color:#fff!important;font:500 clamp(10px,.95vw,18px)/1.25 Manrope,Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;z-index:5!important;text-shadow:0 1px 5px rgba(0,0,0,.9)!important}
.cs-outro .cs-cta-interactive-button{position:absolute!important;left:70%!important;top:43.3%!important;width:25.5%!important;height:15.5%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 1.2% 0 2.4%!important;margin:0!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:999px!important;background:linear-gradient(180deg,#ff8796 0%,#ff344f 27%,#f0002c 72%,#a90020 100%)!important;color:#fff!important;text-decoration:none!important;font-family:Manrope,Arial,sans-serif!important;font-size:clamp(12px,1.4vw,26px)!important;font-weight:900!important;letter-spacing:-.025em!important;line-height:1!important;white-space:nowrap!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.62),inset 0 -5px 8px rgba(70,0,10,.28),0 3px 12px rgba(255,0,45,.24)!important;z-index:20!important;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important}
.cs-outro .cs-cta-interactive-button span{display:block!important;flex:1 1 auto!important;text-align:center!important}
.cs-outro .cs-cta-interactive-button i{width:clamp(30px,3.5vw,54px)!important;height:clamp(30px,3.5vw,54px)!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;color:#ff1738!important;font-family:Arial,sans-serif!important;font-size:1.15em!important;font-style:normal!important;line-height:1!important;box-shadow:0 1px 4px rgba(0,0,0,.22),inset 0 1px 1px #fff!important;transition:transform .22s ease!important}
.cs-outro .cs-cta-interactive-button:hover,.cs-outro .cs-cta-interactive-button:focus-visible{filter:brightness(1.08)!important;transform:translateY(-2px) scale(1.01)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.72),inset 0 -5px 8px rgba(70,0,10,.24),0 7px 20px rgba(255,0,45,.38)!important;outline:2px solid rgba(255,255,255,.8)!important;outline-offset:3px!important}
.cs-outro .cs-cta-interactive-button:hover i,.cs-outro .cs-cta-interactive-button:focus-visible i{transform:translate(2px,-2px)!important}
@media(max-width:640px){.cs-outro .cs-cta-service-label{left:68%!important;top:39%!important;width:30%!important;font-size:clamp(7px,1.8vw,12px)!important}.cs-outro .cs-cta-interactive-button{left:68%!important;top:44%!important;width:29%!important;height:15%!important;padding:0 .8% 0 1.3%!important;font-size:clamp(7px,1.9vw,13px)!important;gap:3px!important}.cs-outro .cs-cta-interactive-button i{width:clamp(16px,3.8vw,28px)!important;height:clamp(16px,3.8vw,28px)!important;font-size:1em!important}}


/* CS1 service line: requested Moon-style typography; retain the site's established fallback until the original Moon font file is available */
.cs-outro .cs-cta-service-label{font-family:'Moon','Barlow Condensed',sans-serif!important;font-weight:500!important;letter-spacing:.045em!important}


/* Match the About Me .btn.btn-red rollover: let the shared site's native button hover rules run unchanged */
.cs-outro .cs-cta-interactive-button{transition:initial!important}
.cs-outro .cs-cta-interactive-button:hover,.cs-outro .cs-cta-interactive-button:focus-visible{transform:none!important;filter:none!important;outline:none!important;outline-offset:0!important;box-shadow:initial!important}
.cs-outro .cs-cta-interactive-button:hover i,.cs-outro .cs-cta-interactive-button:focus-visible i{transform:none!important}


/* CS1 approved stylized 3D racing hero artwork */
.cs-hero-bg{background-image:linear-gradient(90deg,rgba(5,8,12,.84) 0%,rgba(5,8,12,.44) 30%,rgba(5,8,12,.04) 62%),url('https://static.wixstatic.com/media/fb116b_568e4c025c7e4fb494f786041dbc6a41~mv2.png') !important;background-size:cover !important;background-position:center center !important;}


/* CS1 hero repair: clean artwork only; keep all headline and labels as live HTML */
.cs-hero{background:linear-gradient(90deg,rgba(5,7,10,.36),rgba(5,7,10,.04) 65%) !important;}
.cs-hero-bg{background-image:linear-gradient(90deg,rgba(5,7,10,.86) 0%,rgba(5,7,10,.46) 30%,rgba(5,7,10,.03) 68%),linear-gradient(0deg,rgba(5,7,10,.28),transparent 45%),url('https://static.wixstatic.com/media/fb116b_d2b0a38e72cf42169dc68e3ecd1d037f~mv2.png') !important;background-size:cover !important;background-position:center center !important;opacity:1 !important;filter:none !important;}


/* CS1 hero: clean racing artwork, disable decorative circle and diagonal overlays */
.cs-hero{background:#05070a !important;}
.cs-hero-bg{background-image:linear-gradient(90deg,rgba(5,7,10,.78) 0%,rgba(5,7,10,.38) 30%,rgba(5,7,10,0) 67%),url('https://static.wixstatic.com/media/fb116b_fe614aaa14c64a7687436b13f1efd583~mv2.png') !important;background-size:cover !important;background-position:center center !important;opacity:1 !important;filter:none !important;}
.cs-hero:after{display:none !important;background:none !important;}
.cs-hero-art:before,.cs-hero-art:after,.cs-art-orbit,.cs-art-orbit:after{display:none !important;content:none !important;box-shadow:none !important;}


/* CS1: exact approved hero artwork; single image layer and no duplicated graphic overlays */
.cs-hero-bg{background-image:linear-gradient(90deg,rgba(5,7,10,.25) 0%,rgba(5,7,10,.08) 34%,rgba(5,7,10,0) 68%),url('https://static.wixstatic.com/media/fb116b_ffaadadc57aa4f98ac79736390a6a390~mv2.png') !important;background-size:cover !important;background-position:center center !important;opacity:1 !important;filter:none !important;}
.cs-hero:after{display:none !important;}
.cs-hero-art:before,.cs-hero-art:after,.cs-art-orbit,.cs-art-orbit:after{display:none !important;content:none !important;}


/* FINAL CS1 FIX: artwork-only background; all hero copy remains live HTML */
.cs-hero-bg{background-image:linear-gradient(90deg,rgba(5,7,10,.55) 0%,rgba(5,7,10,.20) 34%,rgba(5,7,10,0) 68%),url('https://static.wixstatic.com/media/fb116b_9564b4805d8d44bf93ab63defe05c49a~mv2.png') !important;background-size:cover !important;background-position:center center !important;opacity:1 !important;filter:none !important;}
.cs-hero:after{display:none !important;}
.cs-hero-art:before,.cs-hero-art:after,.cs-art-orbit,.cs-art-orbit:after{display:none !important;content:none !important;}

/* CS2 — Clash of Robots: electric green visual identity; CS1 remains unchanged */
body.case-page.cs2-robots { --cs-red:#35ff83; --cs-orange:#ffbf38; }
body.case-page.cs2-robots .cs-hero-bg { background-position:center 65% !important; background-size:cover !important; }
body.case-page.cs2-robots .cs-hero h1 em,
body.case-page.cs2-robots .cs-section-heading h2 em,
body.case-page.cs2-robots .cs-panel h2 em,
body.case-page.cs2-robots .cs-cta-panel h2 em,
body.case-page.cs2-robots .cs-next strong em { color:#39ff83; }

/* SAFETY OVERRIDE: CS1 and all non-CS2 case studies keep the original red/orange palette. */
body.case-page:not(.cs2-robots) {
  --cs-red:#ff293d !important;
  --cs-orange:#ff7617 !important;
}
body.case-page.cs2-robots {
  --cs-red:#35ff83 !important;
  --cs-orange:#ffbf38 !important;
}
body.case-page:not(.cs2-robots) .cs-hero h1 em,
body.case-page:not(.cs2-robots) .cs-section-heading h2 em,
body.case-page:not(.cs2-robots) .cs-panel h2 em,
body.case-page:not(.cs2-robots) .cs-cta-panel h2 em,
body.case-page:not(.cs2-robots) .cs-next strong em {
  color:#ff293d !important;
}
body.case-page.cs2-robots .cs-hero h1 em,
body.case-page.cs2-robots .cs-section-heading h2 em,
body.case-page.cs2-robots .cs-panel h2 em,
body.case-page.cs2-robots .cs-cta-panel h2 em,
body.case-page.cs2-robots .cs-next strong em {
  color:#39ff83 !important;
}




/* CS2 text-free zoomed-out hero override 2026-10-21 */
body.case-page.cs2-robots .cs-hero-bg{background-image:linear-gradient(90deg,rgba(5,7,10,.62) 0%,rgba(5,7,10,.18) 34%,rgba(5,7,10,0) 68%),linear-gradient(0deg,rgba(5,7,10,.18),transparent 42%),url('https://static.wixstatic.com/media/fb116b_66a1373493364c41972b965ed49023bf~mv2.png') !important;background-size:cover !important;background-position:center 52% !important;opacity:1 !important;filter:none !important;}
body.case-page.cs2-robots .cs-hero{background:#05070a !important;}


/* CS2 dark-left hero artwork override 2026-10-21 */
body.case-page.cs2-robots .cs-hero-bg{background-image:linear-gradient(90deg,rgba(2,5,8,.18) 0%,rgba(2,5,8,.08) 38%,rgba(2,5,8,0) 68%),url('https://static.wixstatic.com/media/fb116b_a868a019b6f541ecb44b480ec1570ba3~mv2.png') !important;background-size:cover !important;background-position:center center !important;opacity:1 !important;filter:none !important;}
body.case-page.cs2-robots .cs-hero{background:#030609 !important;}
body.case-page.cs2-robots .cs-hero-copy{max-width:610px;text-shadow:0 2px 14px rgba(0,0,0,.38);}


/* Final CTA overlap fix: place live button below banner service line */
.cs-outro .cs-cta-banner-link{position:relative!important}
.cs-outro .cs-cta-interactive-button{left:69.5%!important;top:53%!important;width:25.5%!important;height:15.5%!important;z-index:20!important}
@media(max-width:640px){.cs-outro .cs-cta-interactive-button{left:67%!important;top:53%!important;width:29%!important;height:15%!important}}

/* Vegas Royale: remove the inherited Drag Club ghost title from the hero artwork. */
.cs-vegas-royale .cs-hero-art:after{display:none!important}

/* CS3-only copy layout to match the supplied Vegas Royale reference. */
.cs-vegas-royale .cs-cta-panel{padding:0!important;display:flex;flex-direction:column;justify-content:center;gap:10px;background:transparent!important;border:0!important;box-shadow:none!important}.cs-vegas-royale .cs-cta-panel .cs-panel-kicker{color:#ff7a00!important;font-size:10px!important;letter-spacing:.12em}.cs-vegas-royale .cs-cta-panel h2{display:block!important;font-size:clamp(25px,3vw,42px)!important;line-height:.95!important;margin:0!important;color:#fff!important}.cs-vegas-royale .cs-cta-panel h2 em{color:#ff7a00!important;font-style:normal}.cs-vegas-royale .cs-cta-panel .cs-cta-services{color:#ff7a00!important;font-size:11px!important;margin:0!important}.cs-vegas-royale .cs-cta-panel .cs-cta-talk{font-weight:900;font-size:13px;margin-top:12px}.cs-vegas-royale .cs-cta-panel .cs-cta-email{display:block;background:#ff7a00;color:#09070d;padding:15px 12px;text-align:center;font-weight:900;border-radius:4px;margin-top:2px}.cs-vegas-royale .cs-panel-mark{font-size:10px!important}

/* CS3 hero artwork: use the actual Vegas Royale title artwork as a full-bleed image. */
body.cs-vegas-royale .cs-hero-art.cs-vegas-hero-art{position:relative!important;overflow:hidden!important;background:#17002d url(https://static.wixstatic.com/media/fb116b_6284c1ec7c0c4623ad8a652380f94ecd~mv2.jpg) center center/cover no-repeat!important;border:1px solid rgba(255,184,54,.42)!important;min-height:320px!important;}
body.cs-vegas-royale .cs-vegas-hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;z-index:1!important;border-radius:inherit!important;}
body.cs-vegas-royale .cs-vegas-hero-vignette{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(19,0,36,.18),transparent 40%,rgba(19,0,36,.05)),linear-gradient(0deg,rgba(14,0,25,.16),transparent 30%)!important;}
body.cs-vegas-royale .cs-hero-art .cs-art-label,body.cs-vegas-royale .cs-hero-art .cs-art-caption,body.cs-vegas-royale .cs-hero-art .cs-art-orbit{display:none!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero-art.cs-vegas-hero-art{min-height:230px!important;}}

/* Vegas Royale final hero artwork supplied by user */
body.cs-vegas-royale .cs-hero-art.cs-vegas-hero-art{position:relative!important;display:block!important;overflow:hidden!important;width:100%!important;min-height:0!important;aspect-ratio:16/9!important;background:#210044!important;border:1px solid rgba(255,190,75,.28)!important;border-radius:22px!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important;}
body.cs-vegas-royale .cs-vegas-hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;border-radius:inherit!important;}
body.cs-vegas-royale .cs-hero-art .cs-art-label,body.cs-vegas-royale .cs-hero-art .cs-art-caption,body.cs-vegas-royale .cs-hero-art .cs-art-orbit{display:none!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero-art.cs-vegas-hero-art{aspect-ratio:4/3!important;border-radius:14px!important;}}

/* CS3: remove inherited Drag Club hero background and use Vegas casino atmosphere */
body.cs-vegas-royale .cs-hero{background:#1b0031!important;border-bottom-color:rgba(193,76,255,.35)!important;}
body.cs-vegas-royale .cs-hero-bg{background-image:linear-gradient(90deg,rgba(18,0,32,.30) 0%,rgba(18,0,32,.08) 55%,rgba(18,0,32,.02) 100%),url(https://static.wixstatic.com/media/fb116b_a378794e897c49f59b5c81bf411d5930~mv2.jpg)!important;background-size:cover!important;background-position:center!important;opacity:1!important;filter:none!important;}
body.cs-vegas-royale .cs-hero:after{background:linear-gradient(90deg,rgba(12,0,24,.16),transparent 75%)!important;}
body.cs-vegas-royale .cs-hero-art.cs-vegas-hero-art{position:relative!important;display:block!important;overflow:hidden!important;aspect-ratio:16/9!important;min-height:0!important;align-self:center!important;padding:0!important;background:#1b0031!important;border:1px solid rgba(205,120,255,.55)!important;border-radius:18px!important;box-shadow:0 18px 48px rgba(0,0,0,.3)!important;}
body.cs-vegas-royale .cs-vegas-hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;border-radius:inherit!important;}
body.cs-vegas-royale .cs-hero-art:before,body.cs-vegas-royale .cs-hero-art:after{display:none!important;content:none!important;}
@media(max-width:680px){body.cs-vegas-royale .cs-hero-art.cs-vegas-hero-art{width:100%!important;aspect-ratio:4/3!important;}}

/* CS3 seamless blended hero: no image frame or separate card */
body.cs-vegas-royale .cs-hero{grid-template-columns:1fr!important;position:relative!important;isolation:isolate!important;background:#1a0030!important;overflow:hidden!important;}
body.cs-vegas-royale .cs-hero-bg{position:absolute!important;inset:0!important;z-index:-2!important;background:radial-gradient(ellipse at 50% 35%,rgba(132,0,255,.35),transparent 58%),linear-gradient(135deg,#120021,#2d0052 48%,#10001f)!important;opacity:1!important;}
body.cs-vegas-royale .cs-hero:after{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:radial-gradient(ellipse at center,transparent 28%,rgba(10,0,18,.38) 100%)!important;pointer-events:none!important;}
body.cs-vegas-royale .cs-hero-copy{display:none!important;}
body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{position:relative!important;display:block!important;width:100%!important;max-width:none!important;min-height:0!important;aspect-ratio:16/9!important;align-self:stretch!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
body.cs-vegas-royale .cs-vegas-hero-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:screen!important;}
body.cs-vegas-royale .cs-hero-art:before,body.cs-vegas-royale .cs-hero-art:after{display:none!important;content:none!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{aspect-ratio:4/3!important;}}

/* CS3 corrective layout: the art sits inside .cs-hero-inner, so expand that grid itself */
body.cs-vegas-royale .cs-hero{min-height:0!important;padding:0 0 24px!important;background:#1a0030!important;border-bottom:1px solid rgba(193,76,255,.3)!important;}
body.cs-vegas-royale .cs-hero-bg{position:absolute!important;inset:0!important;z-index:0!important;background:radial-gradient(ellipse at 50% 40%,rgba(118,0,205,.25),transparent 60%),linear-gradient(135deg,#190026,#26003e 52%,#10001d)!important;opacity:1!important;}
body.cs-vegas-royale .cs-hero-inner{position:relative!important;z-index:1!important;display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;}
body.cs-vegas-royale .cs-hero-copy{display:none!important;}
body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{display:block!important;position:relative!important;width:100%!important;max-width:none!important;height:clamp(360px,58vw,760px)!important;min-height:0!important;aspect-ratio:auto!important;align-self:stretch!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
body.cs-vegas-royale .cs-vegas-hero-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:normal!important;}
body.cs-vegas-royale .cs-hero-art:before,body.cs-vegas-royale .cs-hero-art:after{display:none!important;content:none!important;}
body.cs-vegas-royale .cs-scrollline{max-width:none!important;margin:0 4.2vw!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{height:auto!important;aspect-ratio:4/3!important;}body.cs-vegas-royale .cs-vegas-hero-image{object-fit:contain!important;}}

/* CS3 correction: restore the readable case-study hero title and copy */
body.cs-vegas-royale .cs-hero{min-height:640px!important;padding:100px 4.2vw 28px!important;background:#1a0030!important;overflow:hidden!important;}
body.cs-vegas-royale .cs-hero-inner{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)!important;gap:clamp(18px,3vw,48px)!important;align-items:center!important;width:100%!important;max-width:1540px!important;min-height:470px!important;margin:0 auto!important;padding:0!important;}
body.cs-vegas-royale .cs-hero-copy{display:block!important;position:relative!important;z-index:2!important;max-width:570px!important;}
body.cs-vegas-royale .cs-hero h1{display:block!important;font-size:clamp(68px,8vw,132px)!important;line-height:.78!important;letter-spacing:-.045em!important;color:#f8f7fa!important;}
body.cs-vegas-royale .cs-hero h1 em{color:#ff293d!important;font-style:normal!important;}
body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:clamp(300px,35vw,540px)!important;min-height:0!important;aspect-ratio:auto!important;align-self:center!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
body.cs-vegas-royale .cs-vegas-hero-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:normal!important;}
body.cs-vegas-royale .cs-hero-art:before,body.cs-vegas-royale .cs-hero-art:after{display:none!important;content:none!important;}
body.cs-vegas-royale .cs-hero-bg{position:absolute!important;inset:0!important;z-index:0!important;background:radial-gradient(ellipse at 70% 42%,rgba(130,0,210,.32),transparent 58%),linear-gradient(110deg,#100019,#27003e 58%,#10001d)!important;opacity:1!important;}
body.cs-vegas-royale .cs-hero:after{z-index:0!important;background:linear-gradient(90deg,rgba(10,0,18,.12),transparent 70%)!important;}
body.cs-vegas-royale .cs-scrollline{max-width:1540px!important;margin:12px auto 0!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero{padding:90px 6vw 24px!important;}body.cs-vegas-royale .cs-hero-inner{grid-template-columns:1fr!important;gap:8px!important;min-height:0!important;}body.cs-vegas-royale .cs-hero-copy{max-width:100%!important;}body.cs-vegas-royale .cs-hero h1{font-size:clamp(62px,15vw,100px)!important;}body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{height:auto!important;aspect-ratio:4/3!important;}}

/* CS3: use the supplied original title artwork as the hero image */
body.cs-vegas-royale .cs-hero{display:block!important;position:relative!important;min-height:0!important;padding:74px 0 24px!important;overflow:hidden!important;background:#180027!important;}
body.cs-vegas-royale .cs-hero-bg{position:absolute!important;inset:0!important;z-index:0!important;background:radial-gradient(ellipse at 50% 40%,rgba(108,0,180,.25),transparent 65%),linear-gradient(120deg,#100019,#26003e 52%,#12001f)!important;opacity:1!important;}
body.cs-vegas-royale .cs-hero-inner{position:relative!important;z-index:1!important;display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;}
body.cs-vegas-royale .cs-hero-copy{display:none!important;}
body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1648/926!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
body.cs-vegas-royale .cs-vegas-hero-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:normal!important;}
body.cs-vegas-royale .cs-hero-art:before,body.cs-vegas-royale .cs-hero-art:after{display:none!important;content:none!important;}
body.cs-vegas-royale .cs-scrollline{position:relative!important;z-index:1!important;max-width:none!important;margin:10px 4.2vw 0!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero{padding-top:70px!important;}body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{aspect-ratio:4/3!important;}body.cs-vegas-royale .cs-vegas-hero-image{object-fit:contain!important;}}

/* CS3 balanced hero: show original text title beside the supplied title artwork; fit image without crop */
body.cs-vegas-royale .cs-hero{display:block!important;position:relative!important;min-height:0!important;padding:82px 4.2vw 24px!important;overflow:hidden!important;background:#180027!important;}
body.cs-vegas-royale .cs-hero-bg{position:absolute!important;inset:0!important;z-index:0!important;background:radial-gradient(ellipse at 68% 45%,rgba(108,0,180,.22),transparent 65%),linear-gradient(120deg,#100019,#26003e 52%,#12001f)!important;opacity:1!important;}
body.cs-vegas-royale .cs-hero-inner{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr)!important;align-items:center!important;gap:clamp(18px,3vw,48px)!important;width:100%!important;max-width:1500px!important;min-height:0!important;margin:0 auto!important;padding:0!important;}
body.cs-vegas-royale .cs-hero-copy{display:block!important;position:relative!important;z-index:2!important;max-width:570px!important;}
body.cs-vegas-royale .cs-hero h1{display:block!important;font-size:clamp(48px,5.4vw,88px)!important;line-height:.84!important;letter-spacing:-.045em!important;color:#f8f7fa!important;margin:0 0 18px!important;}
body.cs-vegas-royale .cs-hero h1 em{color:#ff293d!important;font-style:normal!important;}
body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1648/926!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
body.cs-vegas-royale .cs-vegas-hero-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:normal!important;}
body.cs-vegas-royale .cs-hero-art:before,body.cs-vegas-royale .cs-hero-art:after{display:none!important;content:none!important;}
body.cs-vegas-royale .cs-scrollline{position:relative!important;z-index:1!important;max-width:1500px!important;margin:10px auto 0!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero{padding:76px 6vw 24px!important;}body.cs-vegas-royale .cs-hero-inner{grid-template-columns:1fr!important;gap:14px!important;}body.cs-vegas-royale .cs-hero-copy{max-width:100%!important;}body.cs-vegas-royale .cs-hero h1{font-size:clamp(48px,12vw,76px)!important;}body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{aspect-ratio:1648/926!important;}}

/* CS3 hero composition: keep case-study title readable left, use new right-weighted casino art */
body.cs-vegas-royale .cs-hero{padding:76px clamp(24px,4.2vw,72px) 24px!important;background:#180027!important;overflow:hidden!important;}
body.cs-vegas-royale .cs-hero-inner{grid-template-columns:minmax(270px,.88fr) minmax(0,1.12fr)!important;gap:clamp(14px,2vw,32px)!important;max-width:1540px!important;}
body.cs-vegas-royale .cs-hero-copy{display:block!important;max-width:560px!important;}
body.cs-vegas-royale .cs-hero h1{font-size:clamp(46px,5.1vw,82px)!important;line-height:.86!important;}
body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{aspect-ratio:1648/926!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
body.cs-vegas-royale .cs-vegas-hero-image{object-fit:contain!important;object-position:center right!important;width:100%!important;height:100%!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero-inner{grid-template-columns:1fr!important;}body.cs-vegas-royale .cs-hero-copy{max-width:100%!important;}body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{aspect-ratio:16/9!important;}}


/* CS3 ONLY: full-bleed casino atmosphere with the title artwork fading into the background */
body.cs-vegas-royale .cs-hero{position:relative!important;min-height:clamp(600px,39vw,760px)!important;padding:clamp(80px,7vw,120px) clamp(24px,4.8vw,92px) 26px!important;background:#19002b!important;overflow:hidden!important;}
body.cs-vegas-royale .cs-hero-bg{position:absolute!important;inset:0!important;z-index:0!important;background-image:linear-gradient(90deg,rgba(20,0,35,.94) 0%,rgba(27,0,48,.76) 36%,rgba(25,0,43,.30) 72%,rgba(25,0,43,.16) 100%),linear-gradient(0deg,#19002b 0%,rgba(25,0,43,.04) 42%,rgba(25,0,43,.14) 100%),url('https://static.wixstatic.com/media/fb116b_2534ea1b070647ba84d4f38bee8603f8~mv2.jpg')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;opacity:1!important;}
body.cs-vegas-royale .cs-hero-inner{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr)!important;align-items:center!important;gap:clamp(10px,1.8vw,28px)!important;width:100%!important;max-width:1680px!important;min-height:clamp(470px,30vw,590px)!important;margin:0 auto!important;padding:0!important;}
body.cs-vegas-royale .cs-hero-copy{position:relative!important;z-index:3!important;display:block!important;max-width:610px!important;}
body.cs-vegas-royale .cs-hero h1{font-size:clamp(54px,6.2vw,108px)!important;line-height:.84!important;letter-spacing:-.05em!important;margin:0 0 20px!important;color:#f8f7fa!important;}
body.cs-vegas-royale .cs-hero h1 em{color:#ff293d!important;font-style:normal!important;}
body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{position:relative!important;z-index:2!important;display:block!important;width:calc(100% + 5vw)!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1648/926!important;overflow:visible!important;margin:0 -3vw 0 0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;isolation:isolate!important;}
body.cs-vegas-royale .cs-vegas-hero-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center right!important;border:0!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:screen!important;opacity:.98!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 19%,#000 82%,rgba(0,0,0,.55) 94%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 12%,#000 88%,transparent 100%)!important;mask-composite:intersect!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 19%,#000 82%,rgba(0,0,0,.55) 94%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 12%,#000 88%,transparent 100%)!important;-webkit-mask-composite:source-in!important;}
body.cs-vegas-royale .cs-hero-art:before,body.cs-vegas-royale .cs-hero-art:after{display:none!important;content:none!important;}
body.cs-vegas-royale .cs-scrollline{position:relative!important;z-index:2!important;max-width:1680px!important;margin:8px auto 0!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero{min-height:0!important;padding:82px 6vw 22px!important;}body.cs-vegas-royale .cs-hero-inner{grid-template-columns:1fr!important;gap:8px!important;min-height:0!important;}body.cs-vegas-royale .cs-hero-copy{max-width:100%!important;}body.cs-vegas-royale .cs-hero h1{font-size:clamp(48px,12vw,76px)!important;}body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{width:110%!important;margin:0 -5% 0 -5%!important;aspect-ratio:1648/926!important;}}


/* CS3 refinement: remove the angular backdrop behind the blended casino title art */
body.cs-vegas-royale .cs-hero{background:#160022!important;}
body.cs-vegas-royale .cs-hero-bg{background-image:radial-gradient(ellipse at 78% 43%,rgba(111,0,190,.38) 0%,rgba(71,0,125,.18) 30%,transparent 61%),radial-gradient(ellipse at 92% 18%,rgba(214,0,255,.20) 0%,transparent 38%),linear-gradient(90deg,#160022 0%,#1b002d 43%,#210039 72%,#180027 100%)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;opacity:1!important;}
body.cs-vegas-royale .cs-hero-inner{grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr)!important;gap:clamp(8px,1.1vw,18px)!important;}
body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{width:calc(100% + 7vw)!important;margin:0 -5vw 0 -2vw!important;aspect-ratio:1648/926!important;}
body.cs-vegas-royale .cs-vegas-hero-image{object-fit:contain!important;object-position:center right!important;mix-blend-mode:screen!important;opacity:1!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 10%,#000 24%,#000 90%,rgba(0,0,0,.25) 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 10%,#000 24%,#000 90%,rgba(0,0,0,.25) 100%)!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero-bg{background-image:radial-gradient(ellipse at 50% 40%,rgba(111,0,190,.38) 0%,transparent 60%),linear-gradient(180deg,#160022 0%,#210039 100%)!important;}body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{width:110%!important;margin:0 -5% 0 -5%!important;}}


/* CS3 transfer fix 20261022a: preserve the case-study title and blend the original title art */
body.cs-vegas-royale .cs-hero{display:block!important;min-height:0!important;padding:92px 4.2vw 24px!important;background:#160022!important;}
body.cs-vegas-royale .cs-hero-bg{position:absolute!important;inset:0!important;background-image:radial-gradient(ellipse at 78% 42%,rgba(111,0,190,.34),transparent 58%),linear-gradient(90deg,#160022 0%,#1b002d 45%,#210039 76%,#180027 100%)!important;opacity:1!important;}
body.cs-vegas-royale .cs-hero-inner{display:grid!important;grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr)!important;align-items:center!important;gap:clamp(12px,2vw,30px)!important;max-width:1680px!important;min-height:0!important;margin:0 auto!important;}
body.cs-vegas-royale .cs-hero-copy{display:block!important;position:relative!important;z-index:3!important;max-width:590px!important;visibility:visible!important;opacity:1!important;}
body.cs-vegas-royale .cs-hero h1{font-size:clamp(62px,7.4vw,116px)!important;line-height:.78!important;letter-spacing:-.045em!important;margin:0 0 22px!important;}
body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{display:block!important;position:relative!important;width:calc(100% + 4vw)!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1648/926!important;align-self:center!important;overflow:hidden!important;margin:0 -3vw 0 -1vw!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
body.cs-vegas-royale .cs-vegas-hero-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center right!important;mix-blend-mode:screen!important;opacity:1!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 8%,#000 23%,#000 90%,rgba(0,0,0,.22) 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 8%,#000 23%,#000 90%,rgba(0,0,0,.22) 100%)!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
body.cs-vegas-royale .cs-hero-art:before,body.cs-vegas-royale .cs-hero-art:after{display:none!important;content:none!important;}
@media(max-width:760px){body.cs-vegas-royale .cs-hero{padding:86px 20px 22px!important;}body.cs-vegas-royale .cs-hero-inner{grid-template-columns:1fr!important;gap:8px!important;}body.cs-vegas-royale .cs-hero-copy{max-width:100%!important;}body.cs-vegas-royale .cs-hero h1{font-size:clamp(52px,13vw,78px)!important;}body.cs-vegas-royale .cs-hero-art.cs-vegas-blended{width:110%!important;margin:0 -5%!important;aspect-ratio:1648/926!important;}}


/* CS3 PURPLE CASINO THEME FIX 20261022 */
body.cs-vegas-royale{--cs-red:#b84cff;--cs-orange:#f4c86a;}
body.cs-vegas-royale .cs-hero{border-bottom-color:rgba(184,76,255,.42)!important;}
body.cs-vegas-royale .cs-hero-bg{background-image:radial-gradient(ellipse at 78% 42%,rgba(132,0,210,.36),transparent 58%),radial-gradient(ellipse at 90% 15%,rgba(214,0,255,.16),transparent 38%),linear-gradient(90deg,#160022 0%,#1b002d 45%,#210039 76%,#180027 100%)!important;}
body.cs-vegas-royale .cs-hero h1 em,
body.cs-vegas-royale .cs-section-heading h2 em,
body.cs-vegas-royale .cs-panel h2 em,
body.cs-vegas-royale .cs-cta-panel h2 em,
body.cs-vegas-royale .cs-next strong em{color:#bd5cff!important;}
body.cs-vegas-royale .cs-panel-feature{background:radial-gradient(ellipse at 100% 0%,rgba(184,76,255,.16),transparent 45%),linear-gradient(135deg,#15131d,#080a0e)!important;}
body.cs-vegas-royale .cs-panel:after,
body.cs-vegas-royale .cs-process-line{background:linear-gradient(90deg,#b84cff,rgba(184,76,255,0))!important;}
body.cs-vegas-royale .cs-panel-number{color:#c66bff!important;border-color:rgba(184,76,255,.62)!important;}
body.cs-vegas-royale .cs-process-icon{border-color:rgba(184,76,255,.72)!important;box-shadow:inset 0 0 20px rgba(184,76,255,.09)!important;}
body.cs-vegas-royale .cs-cta-panel{border-color:rgba(184,76,255,.58)!important;background:radial-gradient(ellipse at 100% 0%,rgba(184,76,255,.18),transparent 60%),#0c0e13!important;}
body.cs-vegas-royale .cs-cta-button{background:#8f2bd0!important;box-shadow:0 5px 24px rgba(143,43,208,.22)!important;}
body.cs-vegas-royale .cs-screen:hover{border-color:rgba(184,76,255,.72)!important;}
body.cs-vegas-royale .cs-swatches i:nth-child(3){background:#b84cff!important;}
body.cs-vegas-royale .cs-swatches i:nth-child(4){background:#f4c86a!important;}
body.cs-vegas-royale .cs-challenge-stamp{color:rgba(184,76,255,.22)!important;}
body.cs-vegas-royale .cs-feedback-mark{color:rgba(184,76,255,.10)!important;}
body.cs-vegas-royale .cs-hero h1 em{font-style:normal!important;}


/* CS3 HEADINGS VIOLET FIX 20261022 */
body.cs-vegas-royale{--cs-red:#b84cff!important;--cs-orange:#f4c86a!important;}
body.cs-vegas-royale .cs-eyebrow span:first-child,
body.cs-vegas-royale .cs-eyebrow i,
body.cs-vegas-royale .cs-hero h1 em,
body.cs-vegas-royale .cs-tags b,
body.cs-vegas-royale .cs-meta i,
body.cs-vegas-royale .cs-section-index,
body.cs-vegas-royale .cs-section-heading h2 em,
body.cs-vegas-royale .cs-panel h2 em,
body.cs-vegas-royale .cs-cta-panel h2 em,
body.cs-vegas-royale .cs-next strong em,
body.cs-vegas-royale .cs-panel-kicker,
body.cs-vegas-royale .cs-panel-mark span,
body.cs-vegas-royale .cs-challenge li:before,
body.cs-vegas-royale .cs-results li:before,
body.cs-vegas-royale .cs-panel-number,
body.cs-vegas-royale .cs-process-icon,
body.cs-vegas-royale .cs-process-grid .cs-process-icon,
body.cs-vegas-royale .cs-asset-tile span,
body.cs-vegas-royale .cs-showcase-count b,
body.cs-vegas-royale .cs-stars,
body.cs-vegas-royale .cs-next>b{color:#c66bff!important;}
body.cs-vegas-royale .cs-eyebrow i,
body.cs-vegas-royale .cs-panel-number,
body.cs-vegas-royale .cs-process-icon,
body.cs-vegas-royale .cs-asset-tile span,
body.cs-vegas-royale .cs-showcase-count b,
body.cs-vegas-royale .cs-next>b{border-color:#b84cff!important;}
body.cs-vegas-royale .cs-hero h1 em,
body.cs-vegas-royale .cs-section-heading h2 em,
body.cs-vegas-royale .cs-panel h2 em,
body.cs-vegas-royale .cs-cta-panel h2 em,
body.cs-vegas-royale .cs-next strong em{color:#c66bff!important;}
body.cs-vegas-royale .cs-process-icon{box-shadow:inset 0 0 20px rgba(184,76,255,.09)!important;}
body.cs-vegas-royale .cs-hero-bg{background-image:radial-gradient(ellipse at 78% 42%,rgba(132,0,210,.36),transparent 58%),radial-gradient(ellipse at 90% 15%,rgba(214,0,255,.16),transparent 38%),linear-gradient(90deg,#160022 0%,#1b002d 45%,#210039 76%,#180027 100%)!important;}


/* CS3 ALL HEADING EMP FIX 20261022 */
body.cs-vegas-royale{--cs-red:#bd5cff!important;--cs-orange:#f4c86a!important;}
body.cs-vegas-royale .cs-hero h1 em,
body.cs-vegas-royale .cs-section-heading h2 em,
body.cs-vegas-royale .cs-panel h2 em,
body.cs-vegas-royale .cs-cta-panel h2 em,
body.cs-vegas-royale .cs-next strong em,
body.cs-vegas-royale .cs-panel-mark span,
body.cs-vegas-royale .cs-tags b,
body.cs-vegas-royale .cs-eyebrow span:first-child,
body.cs-vegas-royale .cs-section-index,
body.cs-vegas-royale .cs-panel-kicker,
body.cs-vegas-royale .cs-challenge li:before,
body.cs-vegas-royale .cs-results li:before,
body.cs-vegas-royale .cs-stars,
body.cs-vegas-royale .cs-art-caption strong,
body.cs-vegas-royale .cs-showcase-count b,
body.cs-vegas-royale .cs-profile-stats b,
body.cs-vegas-royale .cs-hud-top b,
body.cs-vegas-royale .cs-asset-tile span,
body.cs-vegas-royale .cs-process-icon,
body.cs-vegas-royale .cs-next>b{color:#bd5cff!important;}
body.cs-vegas-royale .cs-hero h1 em,
body.cs-vegas-royale .cs-section-heading h2 em,
body.cs-vegas-royale .cs-panel h2 em,
body.cs-vegas-royale .cs-cta-panel h2 em,
body.cs-vegas-royale .cs-next strong em{color:#bd5cff!important; -webkit-text-fill-color:#bd5cff!important;}
body.cs-vegas-royale .cs-hero h1 em *,
body.cs-vegas-royale .cs-section-heading h2 em *,
body.cs-vegas-royale .cs-panel h2 em *,
body.cs-vegas-royale .cs-cta-panel h2 em *,
body.cs-vegas-royale .cs-next strong em *{color:#bd5cff!important;-webkit-text-fill-color:#bd5cff!important;}
body.cs-vegas-royale .cs-eyebrow i,
body.cs-vegas-royale .cs-panel-number,
body.cs-vegas-royale .cs-process-icon,
body.cs-vegas-royale .cs-asset-tile span,
body.cs-vegas-royale .cs-showcase-count b,
body.cs-vegas-royale .cs-next>b{border-color:#bd5cff!important;}
body.cs-vegas-royale .cs-panel:after,
body.cs-vegas-royale .cs-process-line,
body.cs-vegas-royale .cs-scrollline i{background:linear-gradient(90deg,#bd5cff,transparent 90%)!important;}
body.cs-vegas-royale .cs-panel-feature{background:radial-gradient(ellipse at 100% 0%,rgba(189,92,255,.16),transparent 45%),linear-gradient(135deg,#15131d,#080a0e)!important;}
body.cs-vegas-royale .cs-cta-panel{border-color:rgba(189,92,255,.58)!important;background:radial-gradient(ellipse at 100% 0%,rgba(189,92,255,.18),transparent 60%),#0c0e13!important;}
body.cs-vegas-royale .cs-cta-button{background:#8f2bd0!important;}
body.cs-vegas-royale .cs-screen:hover{border-color:rgba(189,92,255,.72)!important;}
body.cs-vegas-royale .cs-swatches i:nth-child(3){background:#bd5cff!important;}
body.cs-vegas-royale .cs-swatches i:nth-child(4){background:#f4c86a!important;}
body.cs-vegas-royale .cs-challenge-stamp{color:rgba(189,92,255,.22)!important;}
body.cs-vegas-royale .cs-feedback-mark{color:rgba(189,92,255,.10)!important;}


/* THREE CASE STUDIES — MILKER HERO TITLES 20261022 */
@font-face{font-family:'Milker';src:url('/assets/Milker.otf') format('opentype');font-style:normal;font-weight:400 900;font-display:swap;}
body.case-page .cs-hero h1,
body.case-page .cs-hero-copy h1{font-family:'Milker',Impact,sans-serif!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:.9!important;}


/* THREE CASE STUDIES — MILKER SECTION SUBHEADS 20261022 */
@font-face{font-family:'Milker';src:url('/assets/Milker.otf') format('opentype');font-style:normal;font-weight:400 900;font-display:swap;}
body.case-page .cs-section-heading h2,
body.case-page .cs-panel h2,
body.case-page .cs-challenge h3,
body.case-page .cs-process-grid h3,
body.case-page .cs-results h2,
body.case-page .cs-cta-panel h2,
body.case-page .cs-next strong,
body.case-page .cs-type-name,
body.case-page .cs-screen-race>strong,
body.case-page .cs-screen-rewards>strong,
body.case-page .cs-screen-upgrade>strong,
body.case-page .cs-screen-profile>strong{font-family:'Milker',Impact,sans-serif!important;font-weight:400!important;letter-spacing:-.02em!important;}


/* CS2 SUBHEAD WHITE GREEN ACCENT 20261022 */
body.cs-clash-robots .cs-section-heading h2,
body.cs-clash-robots .cs-panel h2,
body.cs-clash-robots .cs-challenge h3,
body.cs-clash-robots .cs-results h2,
body.cs-clash-robots .cs-cta-panel h2,
body.cs-clash-robots .cs-next strong{color:#f7f7f7!important;}
body.cs-clash-robots .cs-section-heading h2 em,
body.cs-clash-robots .cs-panel h2 em,
body.cs-clash-robots .cs-cta-panel h2 em,
body.cs-clash-robots .cs-next strong em{color:#67f542!important;-webkit-text-fill-color:#67f542!important;font-style:normal!important;}
body.cs-clash-robots .cs-section-heading h2,
body.cs-clash-robots .cs-panel h2,
body.cs-clash-robots .cs-challenge h3,
body.cs-clash-robots .cs-results h2,
body.cs-clash-robots .cs-cta-panel h2{font-family:'Milker',Impact,sans-serif!important;}


/* CS2 DESIGN PROCESS AND VISUAL SYSTEM GREEN FINAL WORD 20261022 */
body.cs-clash-robots .cs-section-heading h2 em{color:#67f542!important;-webkit-text-fill-color:#67f542!important;font-style:normal!important;}


/* Case Study 4 — Mega Machines orange industrial accent */
body.cs-mega-machines .cs-hero h1 em,
body.cs-mega-machines .cs-section-heading h2 em,
body.cs-mega-machines .cs-panel h2 em,
body.cs-mega-machines .cs-panel-kicker,
body.cs-mega-machines .cs-eyebrow span:last-child,
body.cs-mega-machines .cs-subtitle,
body.cs-mega-machines .cs-process-grid h3,
body.cs-mega-machines .cs-color-label,
body.cs-mega-machines .cs-results li::marker { color: #ff7908 !important; }
body.cs-mega-machines .cs-panel,
body.cs-mega-machines .cs-process-grid article,
body.cs-mega-machines .cs-screen-grid { border-color: rgba(255,121,8,.82) !important; }
body.cs-mega-machines .cs-swatches i:nth-child(1){background:#111820;border-color:#111820}
body.cs-mega-machines .cs-swatches i:nth-child(2){background:#424b54;border-color:#424b54}
body.cs-mega-machines .cs-swatches i:nth-child(3){background:#f3f6fc;border-color:#f3f6fc}
body.cs-mega-machines .cs-swatches i:nth-child(4){background:#079e69;border-color:#079e69}
body.cs-mega-machines .cs-swatches i:nth-child(5){background:#f5cd08;border-color:#f5cd08}



/* Mega Machines hero repair — keep title and artwork in separate columns */
body.cs-mega-machines .cs-hero{
  min-height:0!important;
  height:auto!important;
  padding:clamp(92px,7vw,120px) clamp(24px,3.8vw,72px) 26px!important;
  overflow:hidden!important;
  background:#090b0e!important;
}
body.cs-mega-machines .cs-hero-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  opacity:1!important;
  background:
    radial-gradient(ellipse at 76% 44%,rgba(255,121,8,.10),transparent 48%),
    linear-gradient(90deg,#080a0d 0%,#111419 58%,#171a1d 100%)!important;
}
body.cs-mega-machines .cs-hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(5,7,10,.15),transparent 70%)!important;
}
body.cs-mega-machines .cs-hero-inner{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  align-items:center!important;
  gap:clamp(22px,2.5vw,44px)!important;
  width:100%!important;
  max-width:1680px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
}
body.cs-mega-machines .cs-hero-copy{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  max-width:690px!important;
  min-width:0!important;
}
body.cs-mega-machines .cs-hero h1{
  display:block!important;
  max-width:100%!important;
  font-size:clamp(50px,5.15vw,96px)!important;
  line-height:.86!important;
  letter-spacing:-.045em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  margin:0 0 20px!important;
}
body.cs-mega-machines .cs-hero h1 em{
  color:#ff293d!important;
  font-style:normal!important;
}
body.cs-mega-machines .cs-hero-art{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  align-self:center!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background-color:#101317!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.cs-mega-machines .cs-art-label,
body.cs-mega-machines .cs-art-caption,
body.cs-mega-machines .cs-art-orbit{display:none!important;}
body.cs-mega-machines .cs-scrollline{position:relative!important;z-index:1!important;}
@media(max-width:1050px){
  body.cs-mega-machines .cs-hero-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:22px!important;}
  body.cs-mega-machines .cs-hero h1{font-size:clamp(46px,5.4vw,70px)!important;}
}
@media(max-width:760px){
  body.cs-mega-machines .cs-hero{padding:84px 6vw 22px!important;}
  body.cs-mega-machines .cs-hero-inner{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;}
  body.cs-mega-machines .cs-hero-copy{max-width:100%!important;}
  body.cs-mega-machines .cs-hero h1{font-size:clamp(48px,12.5vw,78px)!important;line-height:.88!important;}
  body.cs-mega-machines .cs-hero-art{aspect-ratio:16/9!important;width:100%!important;}
}




/* CS4 / Mega Machines: remove inherited Drag Club racing artwork from the hero background */
body.cs-mega-machines .cs-hero,
body.cs-mega-machines .cs-hero-bg{
  background-image:none!important;
  background-color:#080a0d!important;
}
body.cs-mega-machines .cs-hero-bg{
  opacity:1!important;
  filter:none!important;
}
body.cs-mega-machines .cs-hero:after{
  background:linear-gradient(90deg,rgba(5,7,10,.08),transparent 75%)!important;
}



/* CS4: make the construction hero artwork fully cover its image box */
html.route-mega-machines .cs-hero-art,
body.cs-mega-machines .cs-hero-art{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  overflow:hidden!important;
}
html.route-mega-machines .cs-hero-art > img,
body.cs-mega-machines .cs-hero-art > img,
html.route-mega-machines .cs-hero-art .cs-hero-image,
body.cs-mega-machines .cs-hero-art .cs-hero-image{
  display:block!important;width:100%!important;height:100%!important;
  min-height:100%!important;object-fit:cover!important;object-position:center center!important;
}



/* CS4 Mega Machines: mirror CS1 Drag Club full-bleed hero image treatment */
html.route-mega-machines .cs-hero,
body.cs-mega-machines .cs-hero{
 position:relative!important;min-height:clamp(650px,44vw,820px)!important;
 height:auto!important;padding:clamp(92px,7vw,120px) 4.2vw 28px!important;
 overflow:hidden!important;background:#080a0d!important;
}
html.route-mega-machines .cs-hero-bg,
body.cs-mega-machines .cs-hero-bg{
 position:absolute!important;inset:0!important;z-index:0!important;opacity:1!important;filter:none!important;
 background-image:linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.94) 23%,rgba(5,7,10,.72) 39%,rgba(5,7,10,.18) 67%,rgba(5,7,10,.12) 100%),linear-gradient(0deg,rgba(5,7,10,.45),transparent 38%),url('https://static.wixstatic.com/media/fb116b_a5f0bb2aa9c04c01a7422222d7604a42~mv2.png')!important;
 background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
html.route-mega-machines .cs-hero-inner,
body.cs-mega-machines .cs-hero-inner{
 position:relative!important;z-index:2!important;display:block!important;
 width:100%!important;max-width:1680px!important;min-height:clamp(470px,31vw,590px)!important;
 margin:0 auto!important;padding:0!important;
}
html.route-mega-machines .cs-hero-copy,
body.cs-mega-machines .cs-hero-copy{
 display:block!important;position:relative!important;z-index:3!important;
 width:min(48%,690px)!important;max-width:690px!important;min-width:0!important;
}
html.route-mega-machines .cs-hero h1,
body.cs-mega-machines .cs-hero h1{
 font-size:clamp(58px,7.6vw,132px)!important;line-height:.8!important;
 letter-spacing:-.05em!important;margin:0 0 22px!important;max-width:100%!important;
}
html.route-mega-machines .cs-hero-art,
body.cs-mega-machines .cs-hero-art{
 position:absolute!important;inset:0!important;z-index:1!important;display:block!important;
 width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;
 aspect-ratio:auto!important;margin:0!important;padding:0!important;overflow:hidden!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:transparent!important;pointer-events:none!important;
}
html.route-mega-machines .cs-hero-art:before,
html.route-mega-machines .cs-hero-art:after,
body.cs-mega-machines .cs-hero-art:before,
body.cs-mega-machines .cs-hero-art:after{display:none!important;content:none!important}
html.route-mega-machines .cs-art-label,
html.route-mega-machines .cs-art-caption,
html.route-mega-machines .cs-art-orbit,
body.cs-mega-machines .cs-art-label,
body.cs-mega-machines .cs-art-caption,
body.cs-mega-machines .cs-art-orbit{display:none!important}
html.route-mega-machines .cs-scrollline,
body.cs-mega-machines .cs-scrollline{position:relative!important;z-index:4!important}
@media(max-width:760px){
 html.route-mega-machines .cs-hero,body.cs-mega-machines .cs-hero{min-height:0!important;padding:88px 6vw 24px!important}
 html.route-mega-machines .cs-hero-bg,body.cs-mega-machines .cs-hero-bg{background-position:62% center!important;background-image:linear-gradient(90deg,rgba(5,7,10,.96),rgba(5,7,10,.75) 58%,rgba(5,7,10,.25)),linear-gradient(0deg,rgba(5,7,10,.4),transparent 40%),url('https://static.wixstatic.com/media/fb116b_a5f0bb2aa9c04c01a7422222d7604a42~mv2.png')!important}
 html.route-mega-machines .cs-hero-inner,body.cs-mega-machines .cs-hero-inner{min-height:0!important}
 html.route-mega-machines .cs-hero-copy,body.cs-mega-machines .cs-hero-copy{width:100%!important;max-width:100%!important}
 html.route-mega-machines .cs-hero h1,body.cs-mega-machines .cs-hero h1{font-size:clamp(52px,13vw,82px)!important}
}




/* CS4 Mega Machines — unified industrial theme across the full case-study page */
body.cs-mega-machines{
 --cs-red:#ff7908;--cs-orange:#ff7908;--cs-line:rgba(255,145,35,.22);
 background:#080b0f!important;color:#f4f5f6!important;
}
body.cs-mega-machines .cs-hero{border-bottom-color:rgba(255,121,8,.4)!important}
body.cs-mega-machines .cs-hero-bg{
 background-image:linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.91) 24%,rgba(5,7,10,.63) 42%,rgba(5,7,10,.12) 72%,rgba(5,7,10,.08) 100%),linear-gradient(0deg,rgba(5,7,10,.42),transparent 40%),url('https://static.wixstatic.com/media/fb116b_a5f0bb2aa9c04c01a7422222d7604a42~mv2.png')!important;
 background-size:cover!important;background-position:center center!important;
}
body.cs-mega-machines .cs-eyebrow span:first-child,
body.cs-mega-machines .cs-eyebrow span:last-child,
body.cs-mega-machines .cs-section-index,
body.cs-mega-machines .cs-panel-kicker,
body.cs-mega-machines .cs-panel-number,
body.cs-mega-machines .cs-system-note,
body.cs-mega-machines .cs-step,
body.cs-mega-machines .cs-color-label,
body.cs-mega-machines .cs-details dt,
body.cs-mega-machines .cs-results li:before{color:#ff7908!important}
body.cs-mega-machines .cs-eyebrow i,
body.cs-mega-machines .cs-meta i{background:#ff7908!important}
body.cs-mega-machines .cs-hero h1 em,
body.cs-mega-machines .cs-section-heading h2 em,
body.cs-mega-machines .cs-panel h2 em,
body.cs-mega-machines .cs-cta-panel h2 em,
body.cs-mega-machines .cs-next strong em{color:#ff7908!important;-webkit-text-fill-color:#ff7908!important}
body.cs-mega-machines .cs-panel,
body.cs-mega-machines .cs-process-grid,
body.cs-mega-machines .cs-screen,
body.cs-mega-machines .cs-type-panel,
body.cs-mega-machines .cs-assets-panel{
 border-color:rgba(255,145,35,.22)!important;
 background-color:#0d1116!important;
}
body.cs-mega-machines .cs-panel-feature{
 background:radial-gradient(ellipse at 100% 0%,rgba(255,121,8,.13),transparent 46%),linear-gradient(135deg,#171a1d,#080b0f)!important;
}
body.cs-mega-machines .cs-panel:after,
body.cs-mega-machines .cs-process-line{background:linear-gradient(90deg,#ff7908,transparent 72%)!important}
body.cs-mega-machines .cs-process-icon,
body.cs-mega-machines .cs-asset-tile span{
 border-color:rgba(255,121,8,.8)!important;color:#ff7908!important;
 box-shadow:inset 0 0 20px rgba(255,121,8,.06)!important;
}
body.cs-mega-machines .cs-asset-tile{
 background:linear-gradient(130deg,#20252b,#101419)!important;
 border-color:rgba(255,145,35,.16)!important;
}
body.cs-mega-machines .cs-showcase-count b{
 border-color:#ff7908!important;color:#fff!important;
}
body.cs-mega-machines .cs-screen:hover{border-color:rgba(255,121,8,.75)!important}
body.cs-mega-machines .cs-screen-visual:before{background:repeating-linear-gradient(150deg,transparent 0 27px,rgba(255,145,35,.025) 28px 29px,transparent 30px 56px)!important}
body.cs-mega-machines .cs-swatches i:nth-child(1){background:#111820!important;border-color:#111820!important}
body.cs-mega-machines .cs-swatches i:nth-child(2){background:#424b54!important;border-color:#424b54!important}
body.cs-mega-machines .cs-swatches i:nth-child(3){background:#f3f6fc!important;border-color:#f3f6fc!important}
body.cs-mega-machines .cs-swatches i:nth-child(4){background:#ff7908!important;border-color:#ff7908!important}
body.cs-mega-machines .cs-swatches i:nth-child(5){background:#f5cd08!important;border-color:#f5cd08!important}
body.cs-mega-machines .cs-challenge-stamp{color:rgba(255,121,8,.2)!important}
body.cs-mega-machines .cs-feedback-mark{color:rgba(255,121,8,.09)!important}
body.cs-mega-machines .cs-cta-panel{
 border-color:rgba(255,121,8,.5)!important;
 background:radial-gradient(ellipse at 100% 0%,rgba(255,121,8,.16),transparent 60%),#0c0e13!important;
}
body.cs-mega-machines .cs-cta-button{background:#ff7908!important;color:#111!important}
body.cs-mega-machines .cs-next{border-color:rgba(255,145,35,.22)!important}
body.cs-mega-machines .cs-next>b{border-color:#ff7908!important;color:#ff7908!important}
body.cs-mega-machines .cs-scrollline i{background:linear-gradient(90deg,#ff7908,transparent 90%)!important}
body.cs-mega-machines .cs-next a:hover>b{background:#ff7908!important;color:#111!important}
body.cs-mega-machines .cs-panel-mark span{color:#ff7908!important}
body.cs-mega-machines .cs-race-button,
body.cs-mega-machines .cs-ui-panel button{background:#ff7908!important;color:#111!important}
body.cs-mega-machines .cs-hud-speed{border-top-color:#ff7908!important}
body.cs-mega-machines .cs-hud-nitro{border-color:#ff7908!important;color:#ff7908!important}
body.cs-mega-machines .cs-upgrade-stats i b{background:#ff7908!important}
body.cs-mega-machines .cs-upgrade-stats i:nth-of-type(2) b{background:#f5cd08!important}
body.cs-mega-machines .cs-profile-badge{border-color:#ff7908!important;color:#ff7908!important}
body.cs-mega-machines .cs-faux-car:after{border-color:#07080a!important}
body.cs-mega-machines .cs-hero-art{display:none!important}
@media(max-width:760px){
 body.cs-mega-machines .cs-hero-bg{background-position:62% center!important}
}




/* CS4 showcase: captions at the top edge of each image card */
body.cs-mega-machines .cs-screen.cs-approved-screen{
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 overflow:hidden!important;
}
body.cs-mega-machines .cs-screen.cs-approved-screen .cs-approved-image{
 order:2!important;
 width:100%!important;
}
body.cs-mega-machines .cs-screen.cs-approved-screen figcaption{
 order:1!important;
 position:relative!important;
 inset:auto!important;
 left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:16px!important;
 width:100%!important;
 box-sizing:border-box!important;
 padding:14px 18px!important;
 margin:0!important;
 background:#0b0e12!important;
 border:1px solid rgba(255,121,8,.28)!important;
 border-bottom:0!important;
 border-radius:10px 10px 0 0!important;
 text-align:left!important;
}
body.cs-mega-machines .cs-screen.cs-approved-screen figcaption b{
 position:static!important;display:block!important;
 flex:0 0 auto!important;margin:0!important;
 color:#f5f5f5!important;font-size:12px!important;line-height:1.35!important;
 text-align:left!important;
}
body.cs-mega-machines .cs-screen.cs-approved-screen figcaption span{
 position:static!important;display:block!important;
 margin:0!important;color:#aeb4bd!important;
 font-size:11px!important;line-height:1.4!important;
 text-align:right!important;
}
body.cs-mega-machines .cs-screen.cs-approved-screen .cs-approved-image img{
 display:block!important;width:100%!important;height:auto!important;
 object-fit:cover!important;object-position:center!important;
 border:1px solid rgba(255,121,8,.28)!important;
 border-top:0!important;border-radius:0 0 10px 10px!important;
}
@media(max-width:640px){
 body.cs-mega-machines .cs-screen.cs-approved-screen figcaption{
  flex-direction:column!important;align-items:flex-start!important;gap:5px!important;padding:12px 14px!important;
 }
 body.cs-mega-machines .cs-screen.cs-approved-screen figcaption span{text-align:left!important}
}




/* All case studies: consistent top-aligned showcase captions */
.cs-screen.cs-approved-screen{
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 overflow:hidden!important;
}
.cs-screen.cs-approved-screen .cs-approved-image{
 order:2!important;
 width:100%!important;
}
.cs-screen.cs-approved-screen figcaption{
 order:1!important;
 position:relative!important;
 inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
 gap:16px!important;width:100%!important;box-sizing:border-box!important;
 padding:14px 18px!important;margin:0!important;
 background:#0b0e12!important;border:1px solid rgba(255,255,255,.14)!important;
 border-bottom:0!important;border-radius:10px 10px 0 0!important;text-align:left!important;
}
.cs-screen.cs-approved-screen figcaption b{
 position:static!important;display:block!important;flex:0 0 auto!important;margin:0!important;
 color:#f5f5f5!important;font-size:12px!important;line-height:1.35!important;text-align:left!important;
}
.cs-screen.cs-approved-screen figcaption span{
 position:static!important;display:block!important;margin:0!important;color:#aeb4bd!important;
 font-size:11px!important;line-height:1.4!important;text-align:right!important;
}
.cs-screen.cs-approved-screen .cs-approved-image img{
 display:block!important;width:100%!important;height:auto!important;object-fit:cover!important;object-position:center!important;
 border:1px solid rgba(255,255,255,.14)!important;border-top:0!important;border-radius:0 0 10px 10px!important;
}
@media(max-width:640px){
 .cs-screen.cs-approved-screen figcaption{flex-direction:column!important;align-items:flex-start!important;gap:5px!important;padding:12px 14px!important}
 .cs-screen.cs-approved-screen figcaption span{text-align:left!important}
}

