.tof-gen{display:block;position:relative;background:var(--tof-black);color:var(--tof-white);padding:0 var(--tof-gutter) clamp(8rem,12vw,18rem)}.tof-gen__intro{position:relative;padding-top:clamp(10rem,16vw,22rem);padding-bottom:clamp(5.6rem,8vw,12rem)}.tof-gen__thread{position:absolute;top:0;left:0;width:1px;height:clamp(6rem,11vw,16rem);background:linear-gradient(180deg,#fff0,#ffffff80);transform-origin:top}.tof-gen__heading{max-width:3.8em;margin-top:2rem;font-size:clamp(7.2rem,26vw,16rem)}.tof-gen__text{max-width:44ch;margin:3.2rem 0 0;font-size:1.5rem;line-height:1.65;color:#ffffffad}@media screen and (min-width:990px){.tof-gen__intro{display:grid;grid-template-columns:7fr 5fr;gap:0 6vw;align-items:end}.tof-gen__heading{font-size:clamp(9.6rem,13vw,24rem)}.tof-gen__text{margin:0}}.tof-gen__list{border-bottom:1px solid var(--tof-rule)}.tof-family{position:relative;padding:clamp(3.2rem,4.4vw,6.4rem) 0 clamp(3.2rem,4vw,5.6rem);transition:opacity .5s var(--tof-ease)}.tof-family__rule{position:absolute;top:0;left:0;right:0;height:1px;background:var(--tof-rule);transform-origin:left}.tof-family__meta{display:flex;flex-wrap:wrap;gap:.4rem 2.4rem}.tof-family__count{margin-left:auto}@media screen and (max-width:989px){.tof-family__identifier{display:none}}.tof-family__name{margin-top:2rem;overflow:hidden;padding-bottom:.04em;font-size:clamp(5.6rem,16vw,11rem)}.tof-family__name-inner{display:block;transition:transform .7s var(--tof-ease)}.tof-family__link{color:inherit;text-decoration:none}.tof-family__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.tof-family__link:focus-visible{outline:none}.tof-family__link:focus-visible:after{outline:1px solid var(--tof-white);outline-offset:-1px}.tof-family__foot{display:grid;gap:1.6rem;margin-top:2.4rem}.tof-family__lineage,.tof-family__text{margin:0}.tof-family__text{max-width:48ch;font-size:1.5rem;line-height:1.6;color:#ffffffad}.tof-family__cta{width:100%}.tof-family__cta .tof-cta__rule{flex:1}@media screen and (min-width:990px){.tof-family__meta{display:grid;grid-template-columns:12rem 1fr auto}.tof-family__name{margin-top:1.6rem;font-size:clamp(9.6rem,11.5vw,20rem)}.tof-family__foot{grid-template-columns:12rem minmax(0,1fr) auto;align-items:center;gap:2.4rem;margin-top:2rem}.tof-family__lineage,.tof-family__text{grid-column:2}.tof-family__cta{grid-column:3;grid-row:1;width:auto}.tof-family__cta .tof-cta__rule{flex:none}}@media(hover:hover)and (pointer:fine){.tof-gen__list:has(.tof-family--linked:hover) .tof-family:not(:hover){opacity:.32}.tof-family--linked:hover .tof-family__name-inner,.tof-gen--animate .tof-family--linked.is-in:hover .tof-family__name-inner{transform:translate(1.6rem);transition:transform .7s var(--tof-ease)}.tof-family--linked:hover .tof-cta__rule{width:7.2rem}.tof-family--linked:hover .tof-cta__arrow--right{transform:translate(.3rem)}}@media(prefers-reduced-motion:no-preference){.tof-gen--animate .tof-gen__thread{transform:scaleY(0);transition:transform 1.6s var(--tof-ease-slow)}.tof-gen--animate .tof-gen__intro.is-in .tof-gen__thread{transform:scaleY(1)}.tof-gen--animate [data-reveal]{opacity:0;transform:translate3d(0,2.4rem,0);transition:opacity 1.2s var(--tof-ease),transform 1.4s var(--tof-ease-slow);transition-delay:calc(var(--tof-delay, 0) * 1ms)}.tof-gen--animate .is-in [data-reveal]{opacity:1;transform:none}.tof-gen--animate .tof-family__rule{transform:scaleX(0);transition:transform 1.6s var(--tof-ease-slow)}.tof-gen--animate .tof-family.is-in .tof-family__rule{transform:scaleX(1)}.tof-gen--animate .tof-family:not(.is-in) .tof-family__name-inner{transform:translateY(105%)}.tof-gen--animate .tof-family.is-in .tof-family__name-inner{transition:transform 1.3s var(--tof-ease-slow) .1s}}@media(prefers-reduced-motion:reduce){.tof-family,.tof-family__name-inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tof-genetics.css.map */