.op-hero{background:#101820;height:100svh;max-height:1080px;min-height:600px;overflow:hidden;position:relative;width:100%}.op-hero__canvas,.op-hero__dots,.op-hero__grain{height:1080px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(var(--hero-scale,1));transform-origin:center center;width:1920px}.op-hero__canvas{z-index:1}.op-hero__dots{z-index:2}.op-hero__grain{mix-blend-mode:overlay;opacity:.38;z-index:3}.op-hero__hit{cursor:crosshair;inset:0;position:absolute;z-index:4}.op-hero__content{display:flex;flex-direction:column;gap:48px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:5}.op-hero__content .op-btn{pointer-events:auto}.op-hero__text{display:flex;flex-direction:column;gap:8px}.op-hero__description,.op-hero__heading{color:var(--op-content-primary-inverted,#fff)}.op-hero__description{font:var(--op-type-p-md,400 20px/26px "opnova",Arial,sans-serif);margin:0;max-width:630px}.op-hero__buttons{align-items:center;display:flex;flex-wrap:wrap;gap:16px}@media (max-width:767px){.op-hero{max-height:none}.op-hero__heading{max-width:none}.op-hero__description{font:var(--op-type-p-sm,400 16px/20px "opnova",Arial,sans-serif);max-width:none}.op-hero__buttons{align-items:flex-start;flex-direction:column}}.op-hero--logo-halo{aspect-ratio:1824/1024;background:#101820;border-radius:var(--op-radius-lg,24px);height:auto;margin:112px 48px 0;max-height:none;min-height:600px;width:auto}.op-hero--logo-halo:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:overlay;opacity:.38;pointer-events:none;position:absolute;z-index:0}.op-hero--logo-halo .op-hero__canvas,.op-hero--logo-halo .op-hero__dots,.op-hero--logo-halo .op-hero__grain{left:0;top:0;transform:translate(var(--halo-x,0),var(--halo-y,0)) scale(var(--halo-scale,1));transform-origin:top left}.op-hero--logo-halo .op-hero__content{margin:0;max-width:none;padding:32px 32px 32px 13.16%}.op-hero--logo-halo .op-hero__text{max-width:630px}@media (max-width:767px){.op-hero--logo-halo{aspect-ratio:404/790;margin:80px 8px 0;min-height:0}body:has(.op-hero--logo-halo) .op-nav__drawer-top,body:has(.op-hero--logo-halo) .op-nav__mobile,body:has(.op-hero--logo-halo) .op-nav__mobile.is-closing .op-nav__drawer-top{top:8px}.op-hero--logo-halo .op-hero__canvas,.op-hero--logo-halo .op-hero__dots,.op-hero--logo-halo .op-hero__grain{-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.op-hero--logo-halo .op-hero__content{justify-content:flex-end;padding:32px 32px 32px 24px}.op-hero--logo-halo .op-hero__heading{font:var(--op-type-h-xl,400 40px/48px "opnova",Arial,sans-serif);letter-spacing:-.8px}}