.cn-brand-hero.cn-brand-hero{--brand-accent:#024ad8;position:relative;display:grid;grid-template-columns:1fr;isolation:isolate;border:1px solid #e2e5e8;border-radius:25px;background:#faf9f6;color:#25302b;overflow:hidden;margin:18px 0 28px}
.cn-brand-hero .cn-brand-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px;min-width:0}
.cn-brand-hero .cn-brand-hero-logo{display:flex;align-items:center;height:68px;margin-bottom:27px}
.cn-brand-hero .cn-brand-hero-logo img{display:block;width:auto;height:68px;max-width:170px;object-fit:contain;filter:none;mix-blend-mode:normal}
.cn-brand-hero .cn-brand-hero-eyebrow{display:block;margin:0 0 15px;font-size:10px;font-weight:800;line-height:1.5;letter-spacing:1.65px;color:var(--brand-accent)}
.cn-brand-hero .cn-brand-hero-title{margin:0;max-width:11ch;font-size:clamp(40px,5vw,67px);font-weight:800;line-height:1.04;letter-spacing:-2.8px;white-space:pre-line;overflow-wrap:anywhere;color:inherit}
.cn-brand-hero .cn-brand-hero-description{margin:22px 0 0;max-width:38ch;font-size:14px;line-height:1.8;color:#73796e}
.cn-brand-hero .cn-brand-hero-art{position:relative;min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 36px 48px;min-width:0;gap:22px}
.cn-brand-hero .cn-brand-hero-shape{position:absolute;z-index:-1;pointer-events:none;inset:28px -80px -100px 15%;border-radius:50%;background:linear-gradient(135deg,#d6e7ff,#83afe9)}
.cn-brand-hero .cn-brand-hero-shape::before{content:"";position:absolute;inset:-28px;border:1px solid #9bbce6;border-radius:inherit;opacity:.5}
.cn-brand-hero .cn-brand-hero-image{display:grid;place-items:center;position:relative;width:100%;max-width:510px;aspect-ratio:1.28;min-width:0;min-height:0;background:#fff;border:1px solid #e6e9eb;border-radius:19px;padding:0;box-shadow:0 22px 55px #1a376714;transform:rotate(-3deg);overflow:hidden}
.cn-brand-hero .cn-brand-hero-image>img{position:absolute;inset:0;box-sizing:border-box;padding:22px;display:block;width:100%;height:100%;min-height:0;object-fit:contain;max-width:100%;max-height:100%;filter:none;mix-blend-mode:normal}
.cn-brand-hero .cn-brand-hero-image--cover,.cn-brand-hero .cn-brand-hero-image--cover>img{padding:0}
.cn-brand-hero .cn-brand-hero-image--cover>img{position:absolute;inset:0;padding:0;object-fit:cover}
.cn-brand-hero .cn-brand-hero-image--logo>img{width:75%;height:120px;margin:auto;padding:0;object-fit:contain}
.cn-brand-hero .cn-brand-hero-caption{position:relative;z-index:1;font-size:10px;line-height:1.5;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:#254f8a;text-align:center}
.cn-brand-hero.cn-brand-hero--lenovo{--brand-accent:#ff9290;background:#252525;border-color:#252525;color:#fff}
.cn-brand-hero--lenovo .cn-brand-hero-logo{height:52px;margin-bottom:35px}
.cn-brand-hero--lenovo .cn-brand-hero-logo img{height:52px;max-width:156px}
.cn-brand-hero--lenovo .cn-brand-hero-description{color:#c7c8c6}
.cn-brand-hero--lenovo .cn-brand-hero-shape{inset:50px -110px -60px 22%;border-radius:6px;background:#e2231a;transform:rotate(-12deg)}
.cn-brand-hero--lenovo .cn-brand-hero-shape::before{inset:-20px;border-color:#ff7e72;opacity:.3}
.cn-brand-hero--lenovo .cn-brand-hero-image{transform:rotate(3deg) translateY(-5px);box-shadow:0 25px 60px #0003;border-color:#fff}
.cn-brand-hero--lenovo .cn-brand-hero-caption{color:#fff}
@media(min-width:1024px){.cn-brand-hero.cn-brand-hero{grid-template-columns:1fr 1fr;min-height:440px}.cn-brand-hero .cn-brand-hero-copy{padding:48px}.cn-brand-hero .cn-brand-hero-art{padding:42px 40px 40px 22px;min-height:440px}.cn-brand-hero--hp .cn-brand-hero-shape{inset:-40px -160px -110px 6%}.cn-brand-hero--lenovo .cn-brand-hero-shape{inset:15px -150px -100px 18%}}
@media(min-width:700px) and (max-width:1023px){.cn-brand-hero .cn-brand-hero-art{min-height:340px;padding-top:0}.cn-brand-hero .cn-brand-hero-image{max-width:510px;aspect-ratio:1.55}.cn-brand-hero .cn-brand-hero-copy{padding-bottom:28px}.cn-brand-hero .cn-brand-hero-title{max-width:18ch}}
@media(max-width:699px){.cn-brand-hero.cn-brand-hero{border-radius:18px;margin-top:14px}.cn-brand-hero .cn-brand-hero-copy{padding:28px 28px 22px}.cn-brand-hero .cn-brand-hero-logo{height:54px;margin-bottom:24px}.cn-brand-hero .cn-brand-hero-logo img{height:54px}.cn-brand-hero--lenovo .cn-brand-hero-logo,.cn-brand-hero--lenovo .cn-brand-hero-logo img{height:44px}.cn-brand-hero .cn-brand-hero-eyebrow{font-size:9px;letter-spacing:1.25px;margin-bottom:13px}.cn-brand-hero .cn-brand-hero-title{font-size:44px;line-height:1.06;letter-spacing:-1.8px}.cn-brand-hero .cn-brand-hero-description{margin-top:18px;font-size:13px;line-height:1.75}.cn-brand-hero .cn-brand-hero-art{min-height:290px;padding:20px 29px 32px;gap:18px}.cn-brand-hero .cn-brand-hero-image{border-radius:14px;aspect-ratio:1.25}.cn-brand-hero .cn-brand-hero-image>img{padding:15px}.cn-brand-hero .cn-brand-hero-image--logo>img{padding:0}.cn-brand-hero .cn-brand-hero-image--cover,.cn-brand-hero .cn-brand-hero-image--cover>img{padding:0}.cn-brand-hero .cn-brand-hero-caption{font-size:9px;letter-spacing:1px}}
@media(max-width:380px){.cn-brand-hero .cn-brand-hero-copy{padding:25px 23px 20px}.cn-brand-hero .cn-brand-hero-title{font-size:38px;letter-spacing:-1.4px}.cn-brand-hero .cn-brand-hero-art{padding:14px 23px 28px;min-height:240px}.cn-brand-hero .cn-brand-hero-image>img{padding:12px}.cn-brand-hero .cn-brand-hero-image--logo>img{padding:0}.cn-brand-hero .cn-brand-hero-image--cover,.cn-brand-hero .cn-brand-hero-image--cover>img{padding:0}}