.block--hero-viewport.hero-viewport{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:84px;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}.block--hero-viewport .hero-gl{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}.block--hero-viewport .statement{position:relative;z-index:1;width:100%;max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--content-padding-inline);display:grid;grid-template-columns:minmax(0, 1.3fr) minmax(0, 1fr);gap:48px;align-items:end;padding-block:40px clamp(48px,7vh,88px);box-sizing:border-box}@media only screen and (max-width: 1024px){.block--hero-viewport .statement{grid-template-columns:1fr;align-items:start;gap:24px}}.block--hero-viewport .statement>[class*=headline--]{max-width:24ch;letter-spacing:.01em}.block--hero-viewport .statement__intro{color:var(--c-text-secondary);font-size:var(--fs-text-m);line-height:var(--lh-text-m);max-width:46ch;justify-self:end}@media only screen and (max-width: 669px){.block--hero-viewport .statement__intro{font-size:var(--fs-text-s);line-height:var(--lh-text-s)}}@media only screen and (max-width: 1024px){.block--hero-viewport .statement__intro{justify-self:start}}.block--hero-viewport .statement__intro p{margin:0}.block--hero-viewport .statement__intro p+p{margin-top:.75em}.block--hero-viewport .statement__intro a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.block--hero-viewport .statement__intro strong{color:var(--c-text);font-weight:700}.hero-gradient-dev{position:fixed;z-index:9999;right:16px;bottom:16px;width:min(320px,100vw - 32px);max-height:calc(100svh - 32px);overflow:auto;padding:14px 14px 12px;border:1px solid var(--c-grey-200);border-radius:var(--radius-card);background:color-mix(in srgb, var(--c-white) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(0,0,0,.12);font-size:var(--fs-text-xs);line-height:var(--lh-text-xs);color:var(--c-black)}.hero-gradient-dev__title{margin-bottom:12px;font-size:var(--fs-text-xs);line-height:var(--lh-text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c-grey-600)}.hero-gradient-dev__group{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--c-grey-100)}.hero-gradient-dev__group:last-of-type{border-bottom:0}.hero-gradient-dev__group-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hero-gradient-dev__swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--c-grey-200);flex-shrink:0}.hero-gradient-dev__hex{margin-left:auto;width:7.2em;padding:3px 6px;border:1px solid var(--c-grey-200);border-radius:4px;background:var(--c-white);font-family:ui-monospace,monospace;font-size:var(--fs-text-xs);line-height:var(--lh-text-xs);color:var(--c-grey-900);text-align:right}.hero-gradient-dev__hex:focus{outline:2px solid color-mix(in srgb, var(--c-black) 35%, transparent);outline-offset:1px}.hero-gradient-dev__hex.is-invalid{border-color:#a33}.hero-gradient-dev__row{display:grid;grid-template-columns:12px 1fr 44px;align-items:center;gap:8px;margin-bottom:4px}.hero-gradient-dev__row span:first-child{font-weight:600;color:var(--c-grey-500)}.hero-gradient-dev__row input[type=range]{width:100%;accent-color:var(--c-black)}.hero-gradient-dev__row--grade{grid-template-columns:36px 1fr 52px}.hero-gradient-dev__grade-label{font-weight:600;color:var(--c-grey-500)}.hero-gradient-dev__value{width:100%;padding:3px 4px;border:1px solid var(--c-grey-200);border-radius:4px;background:var(--c-white);font:inherit;font-variant-numeric:tabular-nums;text-align:right;color:var(--c-grey-900);appearance:textfield}.hero-gradient-dev__value::-webkit-outer-spin-button,.hero-gradient-dev__value::-webkit-inner-spin-button{appearance:none;margin:0}.hero-gradient-dev__value:focus{outline:2px solid color-mix(in srgb, var(--c-black) 35%, transparent);outline-offset:1px}.hero-gradient-dev__actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.hero-gradient-dev__save{appearance:none;border:0;border-radius:var(--radius-pill);padding:10px 14px;font:inherit;font-weight:600;color:var(--c-white);background:var(--c-black);cursor:pointer}.hero-gradient-dev__save:disabled{opacity:.55;cursor:wait}.hero-gradient-dev__status{margin:0;min-height:1.2em;font-size:var(--fs-text-xs);line-height:var(--lh-text-xs);color:var(--c-grey-600)}.hero-gradient-dev__status[data-state=ok]{color:#2f6b3a}.hero-gradient-dev__status[data-state=error]{color:#a33}