.yhp .hp-new-hero{position:relative;z-index:0;margin-top:calc(-1 * var(--hp-nav-h, var(--space-80)))}@media (min-width:1400px){.yhp .hp-new-hero .hh-content{padding-top:calc(var(--space-4) * 56 - var(--space-80) + var(--hp-nav-h, var(--space-80)))}.yhp .hp-new-hero .hh-chip-scene{top:calc(var(--hp-nav-h, var(--space-80)) - var(--space-80));bottom:auto;height:100%}}@media (min-width:1024px) and (max-width:1399px){.yhp .hp-new-hero .hh-content{padding-top:calc(var(--space-4) * 56 - var(--space-80) + var(--hp-nav-h, var(--space-80)))}}.yhp .hp-new-hero .kit-home-hero :is(h1,p){font-family:var(--font-sans)}.yhp #how-the-platform-works{scroll-margin-top:var(--hp-nav-h, var(--space-80))}@media (min-width:768px){.yhp .hp-new-hero .kit-home-hero{display:grid;grid-template-columns:minmax(0,58.25fr) minmax(0,41.75fr);padding-inline:max(var(--layout-margin-min),calc((100% - var(--layout-content-width))/2));align-items:start}.yhp .hp-new-hero .hh-content{width:100%;margin:0;min-width:0}.yhp .hp-new-hero .hh-subline{max-width:100%}.yhp .hp-new-hero .hh-scene-column{position:relative;min-width:0;margin-top:calc(var(--space-4) * 56 - var(--space-80) + var(--hp-nav-h,var(--space-80)));height:calc(var(--space-4) * 80.5)}.yhp .hp-new-hero .hh-chip-scene{inset:0 auto auto 0;width:calc(var(--space-4) * 150);height:calc(var(--space-4) * 80.5);margin:0;display:block;transform-origin:top left}.yhp .hp-new-hero .hh-chip-position{position:absolute;max-width:none}.yhp .hp-new-hero .hh-chip--1{left:0;top:0}.yhp .hp-new-hero .hh-chip--2{left:calc(var(--space-4) * 49.75);top:calc(var(--space-4) * 32.5)}.yhp .hp-new-hero .hh-chip--3{left:calc(var(--space-4) * 8.5);top:calc(var(--space-4) * 65)}.yhp .hp-new-hero .hh-connector--2{left:calc(var(--space-4) * 34.25);top:var(--space-48)}.yhp .hp-new-hero .hh-connector--3{left:calc(var(--space-4) * 82.25);top:calc(var(--space-4) * 47.25)}.yhp .hp-new-hero .hh-chip{height:calc(var(--space-4) * 15.5);white-space:nowrap;max-width:none}.yhp .hp-new-hero .kit-chip__value{white-space:nowrap;text-wrap:nowrap}.yhp .hp-new-hero .hh-connector{display:block}}@media (min-width:1024px) and (max-width:1399px){.yhp .hp-new-hero .kit-home-hero{--hh-fluid-progress:calc((100vw - var(--space-4) * 256) / (var(--space-4) * 94));--hh-fluid-scale:calc(.85 + .15 * var(--hh-fluid-progress));align-content:start;grid-template-columns:minmax(0,calc(var(--space-4) * (96 + 78.75 * var(--hh-fluid-progress)))) minmax(0,1fr);-moz-column-gap:calc(var(--space-64) * (1 - var(--hh-fluid-progress)) + var(--space-32) * 4 * var(--hh-fluid-progress) * (1 - var(--hh-fluid-progress)));column-gap:calc(var(--space-64) * (1 - var(--hh-fluid-progress)) + var(--space-32) * 4 * var(--hh-fluid-progress) * (1 - var(--hh-fluid-progress)))}.yhp .hp-new-hero .hh-content{padding-top:calc(var(--space-4) * 56 - var(--space-80) + var(--hp-nav-h,var(--space-80)) - var(--space-64) * (1 - var(--hh-fluid-progress)))}.yhp .hp-new-hero .hh-title{font-size:calc(var(--font-size-display) * var(--hh-fluid-scale));letter-spacing:calc(var(--space-4) / -4 * var(--hh-fluid-scale))}.yhp .hp-new-hero .hh-word-slot{height:auto;min-height:1.15em}.yhp .hp-new-hero .hh-word{height:auto;white-space:normal}.yhp .hp-new-hero .hh-scene-column{align-self:center;height:calc(var(--space-4) * 80.5 * var(--hh-fluid-scale));margin-top:calc(var(--space-4) * 56 - var(--space-80) + var(--hp-nav-h,var(--space-80)) - var(--space-64) * (1 - var(--hh-fluid-progress)) - (var(--space-64) - var(--space-4) * .75) * 2)}.yhp .hp-new-hero .hh-chip-scene{transform:scale(var(--hh-fluid-scale))}}@media (min-width:768px) and (max-width:1023px){.yhp .hp-new-hero .kit-home-hero{grid-template-columns:minmax(0,1fr);padding-inline:var(--layout-margin)}.yhp .hp-new-hero .hh-content{padding-top:var(--space-120)}.yhp .hp-new-hero .hh-word{height:1.15em;white-space:nowrap}.yhp .hp-new-hero .hh-scene-column{width:calc(var(--space-4) * 150);max-width:100%;height:calc(var(--space-4) * 80.5);margin:var(--space-40) auto 0}.yhp .hp-new-hero .hh-chip-scene{transform:none}}@media (max-width:767px){.yhp .hp-new-hero .hh-content{padding-top:calc(var(--hp-nav-h,var(--space-80)) + var(--space-48) + var(--space-8))}}
