/* 3D Elevate mark above the hero headline (preview) */
.hero{padding-block:56px 112px}
.hero3d{position:relative;width:clamp(180px,22vw,264px);aspect-ratio:1/.9;margin:0 auto 24px;contain:layout paint}
.hero3d canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transform:scale(.96);
  transition:opacity 600ms cubic-bezier(.23,1,.32,1),transform 700ms cubic-bezier(.23,1,.32,1)}
.hero3d.is-ready canvas{opacity:1;transform:none}
.hero3d-fallback{position:absolute;left:50%;top:50%;width:46%;height:auto;transform:translate(-50%,-50%);transition:opacity 300ms ease-out}
.hero3d.is-ready .hero3d-fallback{opacity:0}
@media (max-width:900px){.hero{padding-block:40px 80px}}
@media (max-width:520px){.hero{padding-block:24px 64px}.hero3d{width:168px;margin-bottom:16px}}
@media (prefers-reduced-motion: reduce){.hero3d canvas{transform:none;transition:opacity 300ms ease-out}}
/* v2: smaller headline, balanced with the mark */
.hero h1{font-size:clamp(24px,2.5vw,36px);line-height:1.12;letter-spacing:-.03em;margin:0 0 12px}
.hero3d{width:clamp(160px,16vw,224px);margin-bottom:20px}
@media (max-width:520px){.hero h1{font-size:22px}.hero3d{width:150px;margin-bottom:14px}}