@layer components{.transition-lab_main{z-index:1;column-gap:var(--site-gutter);width:100%;min-height:100svh;max-width:calc(var(--max-width-main) + var(--site-margin) * 2);padding:calc(var(--nav-height) + var(--space-6)) var(--site-margin) var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;margin-inline:auto;display:grid;position:relative}.transition-lab_intro{z-index:1;grid-column:1/span 4;align-self:center;position:relative}.transition-lab_title{max-width:7ch;font-family:var(--secondary-family);font-size:clamp(5.5rem,7.5vw,7.5rem);font-weight:var(--secondary-light);letter-spacing:-.035em;text-wrap:balance;outline:none;margin:0;line-height:.9}.transition-lab_description{max-width:13.5625rem;font-family:var(--primary-family);font-size:1rem;font-weight:var(--primary-medium);letter-spacing:-.02em;color:var(--lab-muted);margin:2.5rem 0 0;line-height:1.25rem}.transition-lab_picker{z-index:2;grid-column:9/span 4;place-self:center start;width:100%;position:relative}.transition-lab_group+.transition-lab_group{margin-top:.9rem}.transition-lab_group h2{color:var(--lab-muted);font-family:var(--primary-family);font-size:.62rem;font-weight:var(--primary-medium);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .32rem;line-height:1}.transition-lab_group ol{margin:0;padding:0;list-style:none}.transition-lab_picker a{box-sizing:border-box;width:100%;min-height:1.38rem;color:inherit;grid-template-columns:1.55rem minmax(7rem,1fr) auto;align-items:center;gap:.45rem;font-size:.78rem;line-height:1;text-decoration:none;transition:color .18s,background-color .18s;display:grid;position:relative}.transition-lab_picker a:hover,.transition-lab_picker a[aria-current=page]{color:var(--lab-accent)}.transition-lab_picker a[aria-current=page]{background:color-mix(in srgb, var(--lab-accent) 7%, transparent)}.transition-lab_picker-number{color:var(--lab-muted);font-variant-numeric:tabular-nums;font-size:.62rem}.transition-lab_picker a>span:nth-child(2){transition:transform .24s cubic-bezier(.22,1,.36,1)}.transition-lab_picker a:hover>span:nth-child(2),.transition-lab_picker a[aria-current=page]>span:nth-child(2){transform:translate(.42rem)}.transition-lab_picker-arrow{font-size:.8rem;transition:transform .24s cubic-bezier(.22,1,.36,1)}.transition-lab_picker a:hover .transition-lab_picker-arrow,.transition-lab_picker a[aria-current=page] .transition-lab_picker-arrow{transform:translate(.18rem,-.18rem)}@media (width<=64rem){.transition-lab_main{grid-template-columns:1fr;align-items:start;gap:3rem;padding-top:7.5rem;overflow-y:auto}.transition-lab_intro{grid-column:1;min-height:auto}.transition-lab_title{max-width:9ch;font-size:clamp(4rem,12vw,6rem);line-height:.92}.transition-lab_picker{grid-column:1;justify-self:stretch;width:100%}}@media (width<=38rem){.transition-lab_main{gap:2.5rem}.transition-lab_picker a{grid-template-columns:1.55rem 1fr auto}}.transition-lab_body{background:var(--dark-900);min-width:20rem;min-height:100svh;font-family:var(--primary-family);margin:0;overflow-x:hidden}.transition-lab_body.is-transitioning{cursor:progress;overflow:hidden}.transition-lab_body.is-transitioning .nav_wrap{visibility:hidden}.transition-lab_body .nav_wrap{color:var(--light-100)}.transition-lab_body--paper .nav_wrap,.transition-lab_body--signal .nav_wrap{--text:var(--dark-900);--text-muted:color-mix(in srgb, var(--dark-900) 68%, transparent);color:var(--dark-900)}.transition-lab_body .nav_wrap{transition:color .42s cubic-bezier(.22,1,.36,1)}.transition-lab_body--paper .nav_wrap[data-open],.transition-lab_body--signal .nav_wrap[data-open]{background-color:var(--light-100)}.transition-lab_page{--lab-bg:var(--dark-900);--lab-ink:var(--light-100);--lab-muted:var(--text-muted);--lab-line:color-mix(in srgb, var(--light-100) 14%, transparent);--lab-accent:var(--brand-500);background:var(--lab-bg);min-height:100svh;color:var(--lab-ink);isolation:isolate;position:relative;overflow:hidden}.transition-lab_page>.gridlines.inline{z-index:0}.transition-lab_page--paper .gridlines_line,.transition-lab_page--signal .gridlines_line{background-color:#0b0b0b14}.transition-lab_page--paper,.transition-lab_page--signal{--lab-bg:var(--light-100);--lab-ink:var(--dark-900);--lab-muted:color-mix(in srgb, var(--dark-900) 66%, transparent);--lab-line:color-mix(in srgb, var(--dark-900) 14%, transparent)}.transition-lab_page--stone,.transition-lab_page--burn{--lab-bg:var(--dark-900);--lab-ink:var(--light-100);--lab-muted:var(--text-muted);--lab-line:color-mix(in srgb, var(--light-100) 14%, transparent)}}.transition-lab_objects{z-index:40;pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:clip;transform:translateY(110%)}.transition-lab_objects.is-active{visibility:visible;transform:translate(0,0)}.transition-lab_stage{z-index:1;visibility:hidden;opacity:0;pointer-events:none;background:linear-gradient(145deg, #0b0b0b14, #0b0b0b80), var(--brand-500);position:fixed;inset:0;overflow:hidden}.transition-lab_stage:before,.transition-lab_stage i{content:"";position:absolute;inset:0}.transition-lab_stage:before{background:linear-gradient(115deg,#f7f7f71a,#0000 34% 68%,#0b0b0b2e)}.transition-lab_stage i{background:linear-gradient(90deg,#000000b8,#0000 22% 78%,#000000b8)}.transition-lab_flower,.transition-lab_columns,.transition-lab_grid-object{width:116vw;height:116vh;position:absolute;inset:-8vh -8vw}.transition-lab_flower-card,.transition-lab_flower-slot{position:absolute}.transition-lab_flower-card{--lab-flower-card-width:clamp(18rem, 34vw, 30rem);top:24%;left:calc(50% - var(--lab-flower-card-width) / 2);width:var(--lab-flower-card-width);opacity:0;height:52%}.transition-lab_flower-slot{inset:0}.transition-lab_flower-slot .flower-bloom_canvas,.transition-lab_columns{max-width:none}.transition-lab_dissolve{z-index:5;opacity:0;visibility:hidden;pointer-events:none;will-change:clip-path, opacity;width:100vw;max-width:none;height:100vh;position:absolute;inset:0}.transition-lab_grid-object{column-gap:var(--site-gutter);width:100vw;height:100vh;padding-inline:max(var(--site-margin), (100vw - var(--max-width-main)) / 2);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;inset:0}.transition-lab_grid-object i{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand-500) calc(var(--grid-hot,0) * 14%), transparent), transparent);transform-origin:50% 0;will-change:transform, opacity;position:relative}.transition-lab_grid-object i:after,.transition-lab_grid-object[data-direction=centre] i:before{content:"";z-index:2;top:var(--grid-edge,100%);width:calc(100% + var(--site-gutter) + 1px);height:2px;opacity:var(--grid-energy,0);background:var(--brand-500);position:absolute;left:-1px;transform:translateY(-1px);box-shadow:0 0 .7rem #f11010b3,0 0 2rem #f1101052}.transition-lab_grid-object[data-direction=centre] i:before{top:var(--grid-other-edge,50%)}@media (width<64rem){.transition-lab_grid-object{grid-template-columns:repeat(6,minmax(0,1fr))}.transition-lab_grid-object i:nth-child(n+7){display:none}}@media (width<48rem){.transition-lab_grid-object{grid-template-columns:repeat(4,minmax(0,1fr))}.transition-lab_grid-object i:nth-child(n+5){display:none}}@media (prefers-reduced-motion:reduce){.transition-lab_flower,.transition-lab_columns{display:none}}