.page-hero{--page-hero-min: clamp(36rem, 88svh, 54rem);padding-inline:var(--frame-inset);padding-block-start:var(--frame-inset);text-align:start}.page-hero__canvas{position:relative;isolation:isolate;min-block-size:var(--page-hero-min);border-radius:var(--frame-radius);overflow:clip;background-color:var(--bg-dark);color:var(--ink-on-dark);container-type:inline-size}.page-hero__media{position:absolute;inset:0;z-index:-1;pointer-events:none}.page-hero__media .page-hero__parallax{position:absolute;inset:0;inline-size:100%;block-size:100%}.page-hero__media .page-hero__img{object-position:var(--page-hero-position, 50% 50%)}@container (inline-size >= 64rem){.page-hero__media .page-hero__img{inline-size:var(--page-hero-width, 100%);max-inline-size:none}}.page-hero__scrim{position:absolute;inset:0;background:linear-gradient(calc(95deg * var(--dir, 1)),color-mix(in oklch,var(--bg-dark) 46%,transparent) 0% 100%),linear-gradient(180deg,color-mix(in oklch,var(--bg-dark) 0%,transparent),color-mix(in oklch,var(--bg-dark) 30%,transparent) 30%,color-mix(in oklch,var(--bg-dark) 78%,transparent))}@container (inline-size >= 64rem){.page-hero__scrim{background:linear-gradient(calc(95deg * var(--dir, 1)),color-mix(in oklch,var(--bg-dark) 86%,transparent),color-mix(in oklch,var(--bg-dark) 64%,transparent) 45%,color-mix(in oklch,var(--bg-dark) 22%,transparent)),linear-gradient(180deg,color-mix(in oklch,var(--bg-dark) 26%,transparent),color-mix(in oklch,var(--bg-dark) 0%,transparent) 35%,color-mix(in oklch,var(--bg-dark) 48%,transparent))}}.page-hero__inner{position:relative;inline-size:min(var(--container-max),calc(100% - 2 * var(--frame-pad-inline)));margin-inline:auto;min-block-size:var(--page-hero-min);display:grid;grid-template-rows:auto 1fr;row-gap:2.5rem;padding-block-start:clamp(6.75rem,9vw,8.25rem);padding-block-end:clamp(1.25rem,3vw,2.75rem)}.page-hero__body{align-self:end;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.75rem,3vw,2.5rem)}@container (inline-size >= 64rem){.page-hero__body--aside{grid-template-columns:minmax(0,1fr) minmax(20rem,25.5rem);align-items:end;column-gap:clamp(2.5rem,5vw,5rem)}}.page-hero__crumb{align-self:start;justify-self:start}.page-hero__crumb-list{list-style:none;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.42rem;padding-block:.3rem;padding-inline:.85rem;border-radius:var(--radius-pill);border:1px solid color-mix(in oklch,var(--ink-on-dark) 16%,transparent);background-color:color-mix(in oklch,var(--bg-dark) 62%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);font-size:var(--text-caption);font-weight:600;letter-spacing:-.015em}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.page-hero__crumb-list{background-color:color-mix(in oklch,var(--bg-dark) 90%,transparent)}}@media(prefers-reduced-transparency:reduce){.page-hero__crumb-list{background-color:color-mix(in oklch,var(--bg-dark) 92%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}}.page-hero__crumb-item{display:inline-flex;align-items:center;gap:.42rem}.page-hero__crumb-sep{color:var(--ink-on-dark-subtle)}.page-hero__crumb-link{display:inline-flex;align-items:center;min-block-size:1.75rem;color:var(--ink-on-dark-muted);border-radius:.35rem}@media(pointer:coarse){.page-hero__crumb-link{min-block-size:2.75rem}}.page-hero__crumb-current{color:var(--ink-on-dark)}.page-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1rem,1.6vw,1.375rem);max-inline-size:50rem}.page-hero__tag.section-tag{color:var(--ink-on-dark)}.page-hero__tag.section-tag:before{background-color:var(--accent-on-dark)}.page-hero__title{font-size:var(--text-hero);font-weight:500;line-height:1.03;letter-spacing:-.04em;color:var(--ink-on-dark);max-inline-size:17ch}.page-hero__lede{font-size:var(--text-card);font-weight:400;line-height:1.48;color:color-mix(in oklch,var(--ink-on-dark) 92%,transparent);max-inline-size:40ch}.page-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.875rem,2vw,1.5rem);margin-block-start:.375rem}.page-hero .roll-btn.page-hero__primary{gap:.7rem;padding-block:.625rem;padding-inline:1.25rem 1.125rem}.page-hero .page-hero__primary .roll-btn__dot{inline-size:.5rem;block-size:.5rem}.page-hero__link{display:inline-flex;align-items:center;gap:.42rem;min-block-size:2.75rem;padding-block:.5rem;padding-inline:.625rem .5rem;border-radius:var(--radius-pill);color:var(--ink-on-dark);font-size:var(--text-ui);font-weight:500;letter-spacing:-.01em;line-height:1.2;white-space:nowrap}.page-hero__roll{position:relative;display:inline-grid;overflow:clip;padding-block:.08em}.page-hero__roll-text{grid-area:1 / 1;display:inline-block}.page-hero__roll-text--clone{opacity:0;translate:0 115%}.page-hero__link-arrow{display:inline-flex;align-items:center;justify-content:center;scale:var(--dir, 1) 1}.page-hero__proof{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-start:.375rem}.page-hero__marks{display:inline-flex;align-items:center}.page-hero__mark{display:grid;place-items:center;flex:none;inline-size:1.875rem;block-size:1.875rem;padding:.3rem;border-radius:var(--radius-pill);box-shadow:0 0 0 2px color-mix(in oklch,var(--bg-dark) 60%,transparent);background-color:var(--bg-white);color:var(--ink-black)}.page-hero__mark svg{inline-size:100%;block-size:100%}.page-hero__mark+.page-hero__mark{margin-inline-start:-.4375rem}.page-hero__proof-link{display:inline-flex;align-items:center;min-block-size:1.5rem;font-size:var(--text-caption);font-weight:500;line-height:1.2;color:color-mix(in oklch,var(--ink-on-dark) 94%,transparent);text-decoration:underline;text-decoration-color:color-mix(in oklch,currentColor 40%,transparent);text-underline-offset:.22em;border-radius:.25rem}.page-hero__card{display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.25rem,2.2vw,1.75rem);border-radius:var(--radius-card);background-color:var(--bg-white);color:var(--ink-secondary);box-shadow:0 18px 40px -16px color-mix(in oklch,var(--bg-dark) 45%,transparent)}:is(.page-hero__crumb-link,.page-hero__link,.page-hero__proof-link):focus-visible{outline:2px solid var(--ink-on-dark);outline-offset:2px;box-shadow:none}.page-hero__crumb-link:active,.page-hero__link:active{opacity:.76}.page-hero__proof-link:active{color:color-mix(in oklch,var(--ink-on-dark) 80%,transparent)}@media(hover:hover)and (pointer:fine){.page-hero__crumb-link:hover{color:var(--ink-on-dark)}.page-hero__proof-link:hover{text-decoration-color:currentColor}@media(prefers-reduced-motion:no-preference){.page-hero__link:hover .page-hero__roll-text--primary{opacity:0;translate:0 -115%}.page-hero__link:hover .page-hero__roll-text--clone{opacity:1;translate:0 0}.page-hero__link:hover .page-hero__link-arrow{translate:calc(3px * var(--dir, 1)) 0}}}@media(prefers-reduced-motion:no-preference){.page-hero__crumb-link,.page-hero__link,.page-hero__proof-link{transition-property:color,opacity,scale,text-decoration-color;transition-duration:.18s;transition-timing-function:var(--ease-out)}.page-hero__roll-text,.page-hero__link-arrow{transition:translate .32s var(--ease-spring),opacity .22s var(--ease-out)}.page-hero__link:active{scale:.96}}
