.block-layout{margin:clamp(4rem,2.6666666667rem + 4.4444444444vw,8rem) 0}.block-layout--nospace{margin:0}.block-layout__container{margin:0 auto;max-width:120rem;padding:0 clamp(1rem,.6666666667rem + 1.1111111111vw,2rem);position:relative}.block-layout--horizontal .block-layout__container{display:grid;gap:3rem;grid-template-columns:40% auto}@media (max-width:1024px){.block-layout--horizontal .block-layout__container{grid-template-columns:100%}}.block-layout--horizontal .block-layout__titlebox{height:100%;position:relative}.block-layout__titlebox-wrapper{display:flex;flex-direction:column;gap:1.5rem}.block-layout--horizontal .block-layout__titlebox-wrapper{position:sticky;top:6rem}.block-layout__title{color:#01010b;font-size:clamp(1.875rem,1.5rem + 1.25vw,3rem);font-weight:600;max-width:35ch;text-wrap:balance}.block-layout__title>span{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,#01010b 50%,#dfdfdf 0);background-position-x:calc(100% - var(--fill));background-size:200% 100%;color:transparent;transition:background-position .25s ease}.block-layout--dark .block-layout__title>span{background-image:linear-gradient(90deg,#fff 50%,#2f2f2f 0)}.block-layout__subtitle{font-size:clamp(.875rem,.7916666667rem + .2777777778vw,1.125rem);line-height:1.4;max-width:90ch;text-wrap:balance}.block-layout--dark .block-layout__subtitle{color:#dfdfdf;opacity:.8}