:root{--font-primary:"Rubik", system-ui, sans-serif;--white:#fff;--black:#080808;--page-max:80rem;--page-x:clamp(1.125rem, 5vw, 6rem)}*,:before,:after{box-sizing:border-box}html{background:var(--white);min-inline-size:20rem;color:var(--black);font-family:var(--font-primary);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,h1,p,address{margin:0}body{background:var(--white);min-block-size:100vh}canvas{max-inline-size:100%;display:block}a{color:inherit}.hero{--hero-name-size:clamp(3rem, 1.55rem + 7.5vw, 8.75rem);--hero-role-size:clamp(1.42rem, .72rem + 3.5vw, 4.25rem);--hero-copy-size:clamp(.96rem, .88rem + .32vw, 1.22rem);--hero-gap:clamp(1rem, 2.2svh, 1.75rem);--hero-copy-width:35rem;--hero-canvas-size:clamp(7rem, 32vw, 10rem);--hero-canvas-left:0;--hero-canvas-top:calc(var(--hero-canvas-size) * -.68);--hero-canvas-opacity:.86;isolation:isolate;background:var(--white);min-block-size:100svh;color:var(--black);display:flex;position:relative;overflow:clip}.hero__fluid{z-index:0;pointer-events:none;mix-blend-mode:difference;block-size:100%;inline-size:100%;max-inline-size:none;position:absolute;inset:0}.hero__screen{z-index:1;inline-size:min(calc(100% - (var(--page-x) * 2)), var(--page-max));justify-content:center;gap:var(--hero-gap);flex-direction:column;min-inline-size:0;margin:auto;padding-block:clamp(1rem,3.2svh,2.75rem);display:flex;position:relative}.hero__headline{isolation:isolate;inline-size:min(100%,78rem);min-inline-size:0;margin-inline:auto;position:relative;overflow:visible}.hero__visual{z-index:1;inline-size:var(--hero-canvas-size);aspect-ratio:1;opacity:var(--hero-canvas-opacity);pointer-events:none;position:absolute;inset-block-start:var(--hero-canvas-top);inset-inline-start:var(--hero-canvas-left)}.hero__canvas{block-size:100%;inline-size:100%;max-inline-size:none}.hero__title{z-index:2;letter-spacing:0;flex-direction:column;min-inline-size:0;font-size:0;line-height:0;display:flex;position:relative}.hero__title-name,.hero__title-role{min-inline-size:0;max-inline-size:100%;color:var(--black);letter-spacing:0}.hero__title-name{font-size:var(--hero-name-size);white-space:nowrap;flex-wrap:nowrap;align-self:flex-start;gap:.18em;font-weight:800;line-height:.86;display:flex}.hero__title-role{max-inline-size:min(100%,68rem);font-size:var(--hero-role-size);text-align:end;flex-wrap:wrap;justify-content:flex-end;align-self:flex-end;gap:.01em .22em;margin-block-start:-.06em;font-weight:600;line-height:.9;display:flex}.hero-title-word,.hero-title-letter{line-height:inherit;display:inline-block}.hero-title-word{white-space:nowrap}.hero-title-letter{transform-origin:50% 58%;will-change:transform}.hero__note,.hero__contacts{z-index:2;max-inline-size:min(100%, var(--hero-copy-width));font-size:var(--hero-copy-size);text-wrap:pretty;line-height:1.22;position:relative}.hero__note{align-self:flex-start}.hero__contacts{text-align:start;flex-direction:column;align-self:flex-start;gap:.35rem;font-style:normal;display:flex}.hero__contacts a{overflow-wrap:anywhere;inline-size:fit-content;max-inline-size:100%;text-decoration:none}.hero__contacts a:hover,.hero__contacts a:focus-visible{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:.08em}@media (width>=48rem){.hero{--hero-canvas-size:clamp(8.2rem, 12.5vw, 14rem);--hero-canvas-left:clamp(-5.5rem, -7vw, -3rem);--hero-canvas-top:calc(-1 * var(--hero-canvas-size) + clamp(2.1rem, 3.2vw, 3.8rem));--hero-canvas-opacity:1}.hero__contacts{text-align:end;align-self:flex-end}.hero__contacts a{align-self:flex-end}}@media (width<=30rem){.hero__title-name,.hero__title-role{line-height:.92}}@media (width<=23rem){.hero{--hero-canvas-size:clamp(6.8rem, 34vw, 8.4rem);--hero-canvas-opacity:.76}}@media (prefers-reduced-motion:reduce){.hero__fluid{display:none}.hero-title-letter{will-change:auto;transform:none!important}.hero__visual{opacity:.58}}