.section--hero-banner .hero-banner__grid{align-items:center;display:grid;gap:24px 74px;grid-template-columns:1.04fr .96fr}.section--hero-banner .hero-banner__title{margin:12px 0 0}.section--hero-banner .hero-banner__title .section-title__accent{display:inline-block}.section--hero-banner .hero-banner__supporting{margin-top:24px;max-width:48ch}.section--hero-banner .hero-banner__supporting p{margin:0 0 8px}.section--hero-banner .hero-banner__supporting p:last-child{margin-bottom:0}.section--hero-banner .hero-banner__buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.section--hero-banner .hero-banner__media{aspect-ratio:1/1.05;position:relative}.section--hero-banner .hero-banner__plate{border-radius:36px;height:102%;left:6%;position:absolute;top:-3.4%;transform:rotate(2.4deg);width:86%}.section--hero-banner .hero-banner__media>img{border-radius:32px;box-shadow:0 30px 70px rgba(var(--bz-primary-rgb),.18);height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:rotate(-1.6deg);width:86%}.section--hero-banner .hero-banner__deco{background:var(--bz-fourth);border-radius:999px;display:none;height:16%;mix-blend-mode:multiply;pointer-events:none;position:absolute;right:-4%;top:-2%;transform:rotate(8deg);width:44%;z-index:3}.section--hero-banner .hero-banner__pill{align-items:center;background:var(--bz-white);border-radius:999px;box-shadow:0 16px 36px rgba(var(--bz-primary-rgb),.16);color:var(--bz-dark);display:inline-flex;font-size:.8125rem;font-weight:800;gap:8px;padding:12px 18px;position:absolute;z-index:4}.section--hero-banner .hero-banner__pill--1{color:var(--bz-orange);left:-3%;top:58%;transform:rotate(-2deg)}.section--hero-banner .hero-banner__pill--2{bottom:11%;right:-2%;transform:rotate(2deg)}.section--hero-banner .hero-banner__pill--3{bottom:74%;left:60%;transform:rotate(1.5deg)}@media (max-width:991px){.section--hero-banner .hero-banner__grid{gap:48px;grid-template-columns:1fr}.section--hero-banner .hero-banner__supporting{max-width:100%}.section--hero-banner .hero-banner__media{margin:0 auto;max-width:540px;width:100%}}@media (max-width:575px){.section--hero-banner .hero-banner__buttons{margin-top:24px}.section--hero-banner .hero-banner__pill{font-size:.75rem;padding:9px 14px}.section--hero-banner .hero-banner__pill--1{left:0}.section--hero-banner .hero-banner__pill--2{right:0}.section--hero-banner .hero-banner__pill--3{left:0}}.section--hero-banner{position:relative}.hero-banner--has-shapes{overflow:hidden}.hero-banner--has-shapes .hero-banner__grid{position:relative;z-index:2}.section--hero-banner .hero-banner__shapes{height:682px;pointer-events:none;position:absolute;width:620px;z-index:1}.section--hero-banner .hero-banner__shapes svg{height:100%;overflow:visible;width:100%}.hero-banner--shapes-tl .hero-banner__shapes{left:-170px;top:-140px}.hero-banner--shapes-tr .hero-banner__shapes{right:-170px;top:-140px}.hero-banner--shapes-bl .hero-banner__shapes{bottom:-140px;left:-170px}.hero-banner--shapes-br .hero-banner__shapes{bottom:-140px;right:-170px}.section--hero-banner .hero-banner__media--perspective{aspect-ratio:auto;padding:1.75rem .5rem}.section--hero-banner .hero-banner__figure{aspect-ratio:10/11;border-radius:30px;box-shadow:0 34px 70px rgba(var(--bz-primary-rgb),.2);margin:0 auto;overflow:hidden;position:relative;transition:transform .5s ease;width:min(490px,100%)}.section--hero-banner .hero-banner__figure img{display:block;height:100%;object-fit:cover;width:100%}.section--hero-banner .hero-banner__figure--flat{transform:none}.section--hero-banner .hero-banner__figure--tilt-left{transform:rotate(-3deg)}.section--hero-banner .hero-banner__figure--tilt-right{transform:rotate(3deg)}.section--hero-banner .hero-banner__figure--persp-left{transform:perspective(1400px) rotateY(14deg) rotate(-1deg)}.section--hero-banner .hero-banner__figure--persp-right{transform:perspective(1400px) rotateY(-14deg) rotate(1deg)}.section--hero-banner .hero-banner__dot{background:var(--bz-fourth);border-radius:999px;display:inline-block;flex:none;height:8px;width:8px}@media (max-width:991px){.section--hero-banner .hero-banner__shapes{height:484px;width:440px}.hero-banner--shapes-bl .hero-banner__shapes,.hero-banner--shapes-tl .hero-banner__shapes{left:-140px}.hero-banner--shapes-br .hero-banner__shapes,.hero-banner--shapes-tr .hero-banner__shapes{right:-270px;top:-170px}}