.epc-charcoal-banner{--banner-art-start: 0;--banner-art-width: 776;position:relative;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;container-type:inline-size;width:100%;isolation:isolate;overflow:hidden;border:0;border-radius:0;--banner-wall: #101010;--banner-horizon: #0f0f0f;--banner-floor: #1c1c1d;--banner-floor-light: #252224;--banner-floor-edge: #252425;background:linear-gradient(90deg,transparent 46%,#0b0b0b 75%),linear-gradient(180deg,var(--banner-wall) 0%,var(--banner-wall) 40%,var(--banner-horizon) 78.5%,var(--banner-floor) 85.75%,var(--banner-floor-light) 91.6%,var(--banner-floor-edge) 100%);color:#fff}.epc-charcoal-banner--amd{--banner-wall: #0f0f0e;--banner-horizon: #0b0b0a;--banner-floor: #1e1d1e;--banner-floor-light: #2f2e2f;--banner-floor-edge: #282727}.epc-charcoal-banner--bundles{--banner-wall: #101010;--banner-horizon: #0c0c0c;--banner-floor: #222121;--banner-floor-light: #373333;--banner-floor-edge: #2f2b2c}.epc-charcoal-banner--nvidia{--banner-wall: #100f0e;--banner-horizon: #1b1a1c;--banner-floor: #373435;--banner-floor-light: #4c474a;--banner-floor-edge: #454043}.epc-charcoal-banner--budget{--banner-wall: #0e0d0d;--banner-horizon: #0d0d0c;--banner-floor: #19191a;--banner-floor-light: #272728;--banner-floor-edge: #2b2a2a}.epc-charcoal-banner__ambient{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.epc-charcoal-banner__ambient img{position:absolute;display:block;top:50%;left:0;width:100.062%;height:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;transform:translateY(-50%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 9%,transparent 14%,transparent 84%,#000 89%,#000 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 9%,transparent 14%,transparent 84%,#000 89%,#000 100%)}.epc-charcoal-banner__art{position:relative;z-index:1;align-self:stretch;min-width:0;aspect-ratio:var(--banner-art-width) / 344;overflow:hidden;-webkit-mask-image:linear-gradient(to right,#000 96%,transparent);mask-image:linear-gradient(to right,#000 96%,transparent)}.epc-charcoal-banner__art img{position:absolute;display:block;top:50%;left:calc(var(--banner-art-start) * -100% / var(--banner-art-width));width:calc(1688 * 100% / var(--banner-art-width));height:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;transform:translateY(-50%)}.epc-charcoal-banner__content{position:relative;z-index:2;min-width:0;padding:26px clamp(24px,4.5cqw,76px) 26px clamp(12px,.7cqw,18px)}.epc-charcoal-banner--intel .epc-charcoal-banner__art img{left:8%;height:125%;width:auto;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2171 724'%3E%3Cdefs%3E%3ClinearGradient id='fade'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='.08' stop-color='white'/%3E%3Cstop offset='.30' stop-color='white'/%3E%3Cstop offset='.475' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='2171' height='724' fill='url(%23fade)'/%3E%3Cpath fill='white' d='M428 180 546 135 855 177 855 548 546 588 428 560Z M739 424 882 421 931 591 792 604Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2171 724'%3E%3Cdefs%3E%3ClinearGradient id='fade'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='.08' stop-color='white'/%3E%3Cstop offset='.30' stop-color='white'/%3E%3Cstop offset='.475' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='2171' height='724' fill='url(%23fade)'/%3E%3Cpath fill='white' d='M428 180 546 135 855 177 855 548 546 588 428 560Z M739 424 882 421 931 591 792 604Z'/%3E%3C/svg%3E")}.elite-listing__intel-banner{margin-bottom:24px}.elite-listing__intel-banner[hidden]{display:none!important}@media(max-width:900px){.epc-charcoal-banner--intel .epc-charcoal-banner__art img{left:-14%}}.epc-charcoal-banner__copy{min-width:0}.epc-charcoal-banner__eyebrow{display:block;margin-bottom:14px;color:#b7b7b7;font-size:clamp(12px,1.12cqw,19px);line-height:1.4;font-weight:400;letter-spacing:.2em;text-transform:uppercase}.epc-charcoal-banner .epc-charcoal-banner__copy h1{margin:0 0 14px;color:#fff;font-family:Arial,sans-serif;font-size:clamp(30px,3.55cqw,60px);font-weight:750;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.epc-charcoal-banner .epc-charcoal-banner__copy p{margin:0;color:#bcbcbc;font-size:clamp(17px,1.8cqw,30px);font-weight:400;line-height:1.4}.epc-charcoal-banner__actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px;margin-top:24px}.epc-charcoal-banner .epc-charcoal-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:clamp(12px,1cqw,17px) clamp(18px,1.4cqw,24px);border:1px solid #a3a3a3;border-radius:4px;background:transparent;color:#fff;font-family:Arial,sans-serif;font-size:clamp(14px,1.15cqw,20px);font-weight:700;line-height:1.25;letter-spacing:0;text-align:center;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}.epc-charcoal-banner .epc-charcoal-banner__button--primary{border-color:#fff;background:#fff;color:#080b10}.epc-charcoal-banner__button .icon{width:1.15em;height:1.15em;flex:none}.epc-charcoal-banner .epc-charcoal-banner__button:hover{border-color:#fff;background:#292929;color:#fff}.epc-charcoal-banner .epc-charcoal-banner__button--primary:hover{border-color:#e4e9f0;background:#e4e9f0;color:#080b10}.epc-charcoal-banner .epc-charcoal-banner__button:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:1100px){.epc-charcoal-banner__content{padding-top:24px;padding-bottom:24px}.epc-charcoal-banner__eyebrow{margin-bottom:12px}.epc-charcoal-banner__actions{margin-top:20px;gap:10px}.epc-charcoal-banner .epc-charcoal-banner__button{gap:10px;padding:12px 16px}}@media(max-width:900px){.epc-charcoal-banner{--banner-art-start: 140;--banner-art-width: 636;grid-template-columns:minmax(0,1fr);background:#0b0b0b}.epc-charcoal-banner__ambient{display:none}.epc-charcoal-banner__art{width:min(100%,680px);justify-self:center;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent)}.epc-charcoal-banner__content{padding:20px 28px 32px}.epc-charcoal-banner__eyebrow{font-size:13px}.epc-charcoal-banner .epc-charcoal-banner__copy h1{font-size:clamp(30px,5.5cqw,44px)}.epc-charcoal-banner .epc-charcoal-banner__copy p{font-size:18px}.epc-charcoal-banner .epc-charcoal-banner__button{font-size:15px}}@media(max-width:480px){.epc-charcoal-banner__content{padding:16px 22px 28px}.epc-charcoal-banner .epc-charcoal-banner__copy h1{font-size:30px}.epc-charcoal-banner .epc-charcoal-banner__copy p{font-size:17px}.epc-charcoal-banner__actions{display:grid;grid-template-columns:minmax(0,1fr)}.epc-charcoal-banner .epc-charcoal-banner__button{width:100%}}@media(prefers-reduced-motion:reduce){.epc-charcoal-banner .epc-charcoal-banner__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/elite-charcoal-banner.css.map */