.hero-lab-intro{max-width:78rem;margin:0 auto;padding:3.5rem 1.5rem 1rem}.hero-lab-intro p:last-child{color:var(--color-jvan-ink-soft);max-width:42rem;margin-top:.75rem}.hero-variant-caption{align-items:baseline;gap:1.25rem;max-width:78rem;margin:0 auto;padding:3rem 1.5rem 1.25rem;display:flex}.hero-variant-index{font-family:var(--font-day-mono);color:var(--color-jvan-flare);flex:none;font-size:2rem;font-weight:500;line-height:1}.hero-variant-caption h2{font-family:var(--font-day-display);letter-spacing:-.01em;font-size:1.375rem;font-weight:700}.hero-variant-caption p{max-width:46rem;color:var(--color-jvan-ink-soft);margin-top:.35rem;font-size:.9375rem}.hero-variant-stage{isolation:isolate;background-color:var(--color-jvan-paper);position:relative;overflow:hidden}.hero-variant-stage .jvan-panel{background-color:#0000}.hero-variant-stage>section{z-index:1;position:relative}.hero-variant-1 .hero-variant-stage:before,.hero-variant-1 .hero-variant-stage:after{content:"";filter:blur(60px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.hero-variant-1 .hero-variant-stage:before{aspect-ratio:1;background:radial-gradient(circle, var(--color-jvan-flare) 0%, transparent 68%);width:46%;animation:24s ease-in-out infinite alternate hero-aurora-a;top:-18%;left:-6%}.hero-variant-1 .hero-variant-stage:after{aspect-ratio:1;background:radial-gradient(circle, var(--color-jvan-wave) 0%, transparent 68%);width:40%;animation:31s ease-in-out infinite alternate hero-aurora-b;bottom:-22%;right:-4%}@keyframes hero-aurora-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(18%,22%)scale(1.18)}}@keyframes hero-aurora-b{0%{transform:translate(0,0)scale(1.1)}to{transform:translate(-22%,-16%)scale(.92)}}.hero-variant-2 .hero-variant-stage:before{content:"";pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-variant-2 .hero-variant-stage:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 45%,#0f101629 100%);position:absolute;inset:0}html[data-layout=daybook] .hero-variant-3 .hero-variant-stage .jvan-panel>div>div:first-child>*,html[data-layout=daybook] .hero-variant-3 .hero-variant-stage .hero-portrait{opacity:0}html[data-layout=daybook] .hero-variant-3 .hero-variant-stage.is-in .jvan-panel>div>div:first-child>*{animation:.65s cubic-bezier(.22,.9,.3,1) both hero-rise}html[data-layout=daybook] .hero-variant-3 .hero-variant-stage.is-in .hero-list li{animation:.5s cubic-bezier(.22,.9,.3,1) both hero-rise}html[data-layout=daybook] .hero-variant-3 .hero-variant-stage.is-in .hero-portrait{animation:.9s cubic-bezier(.22,.9,.3,1) both hero-portrait-in}.hero-variant-3 .hero-variant-stage.is-in .jvan-panel>div>div:first-child>:first-child{animation-delay:50ms}.hero-variant-3 .hero-variant-stage.is-in .jvan-panel>div>div:first-child>:nth-child(2){animation-delay:.16s}.hero-variant-3 .hero-variant-stage.is-in .jvan-panel>div>div:first-child>:nth-child(3){animation-delay:.24s}.hero-variant-3 .hero-variant-stage.is-in .jvan-panel>div>div:first-child>:nth-child(4){animation-delay:.62s}.hero-variant-3 .hero-variant-stage.is-in .hero-list li:first-child{animation-delay:.3s}.hero-variant-3 .hero-variant-stage.is-in .hero-list li:nth-child(2){animation-delay:.38s}.hero-variant-3 .hero-variant-stage.is-in .hero-list li:nth-child(3){animation-delay:.46s}.hero-variant-3 .hero-variant-stage.is-in .hero-list li:nth-child(4){animation-delay:.54s}@keyframes hero-rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}@keyframes hero-portrait-in{0%{opacity:0;transform:translateY(1.5rem)scale(.94)}to{opacity:1;transform:none}}.hero-variant-4 .hero-variant-stage{--px:0;--py:0}html[data-layout=daybook] .hero-variant-4 .hero-portrait{transform:translate3d(calc(var(--px) * 28px), calc(var(--py) * 22px), 0);transition:transform .35s cubic-bezier(.22,.9,.3,1)}html[data-layout=daybook] .hero-variant-4 .jvan-panel>div>div:first-child{transform:translate3d(calc(var(--px) * -12px), calc(var(--py) * -9px), 0);transition:transform .45s cubic-bezier(.22,.9,.3,1)}.hero-variant-4 .hero-variant-stage[data-pointer] .hero-portrait,.hero-variant-4 .hero-variant-stage[data-pointer] .jvan-panel>div>div:first-child{transition-duration:.12s}.hero-variant-5 .hero-variant-stage{--mx:50%;--my:50%}.hero-variant-5 .hero-variant-stage:before{content:"";pointer-events:none;background:radial-gradient(16rem circle at var(--mx) var(--my), #ffffffd9 0%, #fff0 70%), radial-gradient(26rem circle at var(--mx) var(--my), #c32b4424 0%, #c32b4400 72%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.hero-variant-5 .hero-variant-stage[data-pointer]:before{opacity:1}.hero-motifs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-motif{color:var(--color-jvan-flare);opacity:.16;font-size:2.5rem;display:block;position:absolute}.hero-motif:first-child{animation:13s ease-in-out infinite alternate hero-float-a;top:16%;right:8%}.hero-motif:nth-child(2){color:var(--color-jvan-wave);font-size:3.25rem;animation:17s ease-in-out infinite alternate hero-float-b;bottom:14%;right:26%}.hero-motif:nth-child(3){color:var(--color-jvan-wave);font-size:2rem;animation:21s ease-in-out infinite alternate hero-float-c;top:12%;right:40%}.hero-motif:nth-child(4){font-size:2.25rem;animation:15s ease-in-out infinite alternate-reverse hero-float-a;bottom:26%;right:14%}@media (width<=64rem){.hero-motif:first-child{top:6%;right:4%}.hero-motif:nth-child(2){bottom:6%;right:6%}.hero-motif:nth-child(3){top:4%;left:4%;right:auto}.hero-motif:nth-child(4){bottom:8%;left:6%;right:auto}}@keyframes hero-float-a{0%{transform:translate(0,0)rotate(-6deg)}to{transform:translate(-1.5rem,-2.5rem)rotate(8deg)}}@keyframes hero-float-b{0%{transform:translate(0,0)rotate(4deg)}to{transform:translate(2rem,-1.75rem)rotate(-9deg)}}@keyframes hero-float-c{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-2.25rem,2rem)rotate(14deg)}}@media (prefers-reduced-motion:reduce){.hero-variant-1 .hero-variant-stage:before,.hero-variant-1 .hero-variant-stage:after,.hero-motif{animation:none}html[data-layout=daybook] .hero-variant-3 .hero-variant-stage .jvan-panel>div>div:first-child>*,html[data-layout=daybook] .hero-variant-3 .hero-variant-stage .hero-portrait{opacity:1;animation:none}html[data-layout=daybook] .hero-variant-4 .hero-portrait,html[data-layout=daybook] .hero-variant-4 .jvan-panel>div>div:first-child{transition:none;transform:none}}