.pr-hero{grid-template-columns:minmax(0,1fr);display:grid;position:relative;container-type:inline-size}.pr-art{aspect-ratio:840/890;width:100%;height:auto;display:block}.pr-plate{isolation:isolate}.pr-plate path{mix-blend-mode:multiply}.pr-plate text,.pr-drawing text{font-family:var(--font-data),monospace}.pr-words{align-items:flex-start;gap:var(--space-5);padding:var(--space-8)var(--page-gutter)0;flex-direction:column;display:flex}.pr-title{font-family:var(--font-poster),"Helvetica Neue",Arial,sans-serif;font-size:var(--display-size);line-height:var(--display-lead);letter-spacing:-.02em;text-wrap:balance;word-spacing:var(--word-display);max-width:var(--measure-head);margin:0;font-weight:900}.pr-lead{max-width:var(--measure-read)}.pr-lead>*{margin:0}.pr-action .gc-tryit,.pr-action>a{min-height:calc(var(--u-base)*15);padding:0 var(--space-6);background:var(--ink);color:var(--field);font-family:var(--font-poster),"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:var(--text-base);line-height:var(--lead-base);white-space:nowrap;border-radius:0;align-items:center;text-decoration:none;display:inline-flex}.pr-action--red .gc-tryit,.pr-action--red>a{color:var(--ink);background:#ff2600}.pr-action .gc-tryit:hover,.pr-action>a:hover{background:var(--gc-accent);color:var(--field)}.pr-action .gc-tryit:focus-visible,.pr-action>a:focus-visible{outline:3px solid var(--gc-accent);outline-offset:3px}@media (min-width:1024px){.pr-art{aspect-ratio:1440/890}.pr-stage,.pr-words{grid-area:1/1}.pr-title{font-size:var(--text-4xl);line-height:var(--lead-4xl);width:min(var(--measure-head),100cqw - 2*var(--page-gutter));max-width:none;text-shadow:0 0 .06em var(--field),0 0 .06em var(--field),0 0 .12em var(--field),0 0 .12em var(--field)}.pr-words{width:42%;padding-top:7.8cqw;padding-bottom:var(--space-12);position:static}.pr-action{left:var(--ax);top:var(--ay);z-index:1;max-width:calc(100% - var(--ax));position:absolute}.pr-action>a,.pr-action .gc-tryit{text-wrap:balance}.pr-hero--drawing .pr-words{align-self:center;padding-top:0}.pr-hero--drawing .pr-title{width:min(var(--measure-head),59cqw - var(--page-gutter))}}@media (min-width:1280px){.pr-title{font-size:var(--display-size);line-height:var(--display-lead)}}.pr-in{animation:prIn .9s cubic-bezier(.2,.7,.2,1)var(--d,0s)both}.pr-in--from{animation-name:prFrom}.js .pr-stage:not(.is-building) .pr-in{animation-play-state:paused}@keyframes prIn{0%{opacity:0}}@keyframes prFrom{0%{opacity:0;transform:translate(var(--fx,0),var(--fy,0))}}@media (prefers-reduced-motion:reduce){.pr-in{animation:none}}.pr-try{gap:var(--space-8);display:grid}.pr-stage{position:relative}@media (min-width:1024px){.pr-stage{position:static}}.pr-pause{left:var(--page-gutter);bottom:var(--space-3);z-index:2;padding:var(--space-1)var(--space-2);background:var(--field);color:var(--ink);font-family:var(--font-data),monospace;font-size:var(--text-caption);line-height:var(--lead-caption);letter-spacing:var(--tracking-apparatus);text-transform:uppercase;cursor:pointer;border:0;position:absolute}.pr-pause:focus-visible{outline:2px solid var(--gc-accent);outline-offset:var(--space-1)}@media (prefers-reduced-motion:reduce){.pr-pause{display:none}}