.hero{padding:76px 0 80px}
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"heading animation" "copy animation";column-gap:48px;row-gap:28px;align-items:start}
.hero-heading{grid-area:heading;min-width:0}
.hero .eyebrow{margin-bottom:25px}
.hero h1{font-size:clamp(80px,8.5vw,124px);line-height:.94;white-space:normal}
.hero h1 span{display:block}
.hero-bottom{grid-area:copy;margin-top:0;min-width:0}
.hero-description{font-size:20px;max-width:510px}
.hero-bottom .cta{margin-top:24px}
.hero-animation{grid-area:animation;position:relative;align-self:center;margin:0;min-width:0;overflow:hidden;background:var(--paper);aspect-ratio:4/3}
.hero-animation video{display:block;width:100%;height:100%;object-fit:contain;transition:opacity 280ms ease;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.hero-animation.is-resetting video{opacity:0}
.hero-motion-control{position:absolute;right:12px;bottom:12px;min-height:44px;padding:10px 14px;border:1px solid #87436244;border-radius:4px;background:#f5f5eef0;color:var(--berry);font:400 12px/1.4 var(--body);cursor:pointer}
.hero-motion-control[hidden]{display:none}
.hero-motion-control:hover{background:var(--paper)}
.hero-motion-control:focus-visible{outline:2px solid var(--berry);outline-offset:3px}
@media(min-width:1600px){.hero h1{font-size:124px}}
@media(max-width:1000px){.hero{padding:62px 0 64px}.hero-layout{column-gap:30px;row-gap:24px}.hero h1{font-size:clamp(72px,9vw,90px)}.hero-description{font-size:18px}.hero .eyebrow{font-size:11px;margin-bottom:22px}}
@media(max-width:760px){.hero{padding:40px 0 48px}.hero-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "animation" "copy";gap:25px}.hero h1{font-size:clamp(72px,17vw,124px);line-height:.94}.hero .eyebrow{font-size:12px;margin-bottom:22px}.hero-animation{width:100%;max-width:520px;justify-self:center}.hero-description{font-size:18px;max-width:520px}.hero-bottom .cta{margin-top:22px}.hero-motion-control{right:8px;bottom:8px}}
@media(max-width:360px){.hero{padding:34px 0 42px}.hero h1{font-size:68px}.hero-description{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-animation video{transition:none}}