/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-space-y-reverse:0;--tw-leading:initial;--tw-tracking:initial}}}@font-face{font-family:LabDJRVariable;src:url(/fonts/lab/LabDJR-VF.woff2),url(/fonts/lab/LabDJR-VF.woff);font-weight:400}@font-face{font-family:LabDJRColorVariable;src:url(/fonts/lab/LabDJRColorVariable.woff2),url(/fonts/lab/LabDJRColorVariable.woff);font-weight:400;font-display:block}:root{--color-1:#000;--color-2:#222;--color-3:#444;--demo-font:"LabDJRColorVariable";--body-font:"OutputSansVariable"}body{background-color:#000}#site-header{background-color:var(--color-black,#000);color:var(--color-white,#fff)}#header-cta{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white,#fff);background-color:var(--color-black,#000);color:var(--color-white,#fff)}@media (hover:hover){#header-cta:hover{background-color:var(--color-white,#fff);color:var(--color-black,#000)}}.but-actually-lab .scroll-wrapper{margin:calc(var(--spacing,.25rem)*0);width:100%;padding:calc(var(--spacing,.25rem)*6);overflow:hidden}.but-actually-lab .big-text{width:150vw;font-size:var(--text-7xl,4.5rem);line-height:var(--tw-leading,var(--text-7xl--line-height,1))}@media (min-width:40rem){.but-actually-lab .big-text{font-size:var(--text-8xl,6rem);line-height:var(--tw-leading,var(--text-8xl--line-height,1))}}@media (min-width:48rem){.but-actually-lab .big-text{font-size:var(--text-9xl,8rem);line-height:var(--tw-leading,var(--text-9xl--line-height,1))}}@media (min-width:64rem){.but-actually-lab .big-text{font-size:var(--text-11xl,12rem)}}@media (min-width:96rem){.but-actually-lab .big-text{font-size:var(--text-12xl,16rem)}}.but-actually-lab .big-text{font-family:var(--demo-font);margin:0;line-height:1}.but-actually-lab .outro{z-index:50;padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*12);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));background-color:#000;position:relative}@media (min-width:48rem){.but-actually-lab .outro{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}}.but-actually-lab .outro p{margin:calc(var(--spacing,.25rem)*0)}.but-actually-lab .outro a{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);text-decoration-line:underline}@media (hover:hover){.but-actually-lab .outro a:hover{text-decoration-line:none}}.but-actually-lab #ui{right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);position:fixed}@media (min-width:40rem){.but-actually-lab #ui{right:calc(var(--spacing,.25rem)*4);bottom:calc(var(--spacing,.25rem)*4);left:calc(var(--spacing,.25rem)*4);max-width:var(--container-xs,20rem);left:auto}:where(.but-actually-lab #ui>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*2)*calc(1 - var(--tw-space-y-reverse)))}}.but-actually-lab #ui{z-index:2}.but-actually-lab #ui ul{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.but-actually-lab .floatbox{margin:calc(var(--spacing,.25rem)*0);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);width:100%;max-height:90vh;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*4);font-family:var(--font-output,OutputSansVariable,sans-serif);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));background-color:oklab(0% none none/.8);border-width:1px;border-color:#ffffff4d;display:grid;overflow:hidden}.but-actually-lab .floatbox li{margin:calc(var(--spacing,.25rem)*0);width:100%;padding:calc(var(--spacing,.25rem)*0);list-style-type:none}.but-actually-lab .floatbox input[type=range]{margin:calc(var(--spacing,.25rem)*0);width:100%;padding:calc(var(--spacing,.25rem)*0);background:0 0}.but-actually-lab .floatbox input[type=range]::-moz-range-track{width:100%}.but-actually-lab .floatbox .sp-replacer,.but-actually-lab .floatbox button{border-style:var(--tw-border-style);border-width:1px;border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.but-actually-lab .floatbox .sp-replacer,.but-actually-lab .floatbox button{border-color:color-mix(in oklab,var(--color-white,#fff)20%,transparent)}}.but-actually-lab .floatbox .sp-replacer,.but-actually-lab .floatbox button{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.but-actually-lab .floatbox .sp-replacer,.but-actually-lab .floatbox button{background-color:color-mix(in oklab,var(--color-white,#fff)10%,transparent)}}.but-actually-lab .floatbox .sp-replacer,.but-actually-lab .floatbox button{font-family:var(--font-output,OutputSansVariable,sans-serif);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:1;--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);color:var(--color-white,#fff);line-height:1}@media (hover:hover){:is(.but-actually-lab .floatbox .sp-replacer,.but-actually-lab .floatbox button):hover{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){:is(.but-actually-lab .floatbox .sp-replacer,.but-actually-lab .floatbox button):hover{border-color:color-mix(in oklab,var(--color-white,#fff)40%,transparent)}}}:is(.but-actually-lab .floatbox .sp-replacer,.but-actually-lab .floatbox button):active{border-color:var(--color-white,#fff);background-color:#fff6}@supports (color:color-mix(in lab,red,red)){:is(.but-actually-lab .floatbox .sp-replacer,.but-actually-lab .floatbox button):active{background-color:color-mix(in oklab,var(--color-white,#fff)40%,transparent)}}.but-actually-lab .floatbox.ww{align-items:center;column-gap:calc(var(--spacing,.25rem)*3);row-gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*2);--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);grid-template-columns:max-content 1fr}.but-actually-lab .floatbox.color-choices{justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem)*3);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}.but-actually-lab .floatbox.color-choices label[for=background-color]{grid-column:2/span 3}.but-actually-lab .floatbox.color-choices .background-color+.spectrum-input{grid-column:span 1/span 1;grid-row-start:1}.but-actually-lab .floatbox.color-choices .color{margin:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*0)}.but-actually-lab .floatbox.color-choices .sp-replacer{background-color:var(--color-black,#000);display:flex}.but-actually-lab .floatbox.color-choices .sp-preview{flex-grow:1}.but-actually-lab .floatbox.color-choices .button{grid-column:span 4/span 4;grid-row-start:4}.but-actually-lab .floatbox.color-choices .randomize-colors{margin:calc(var(--spacing,.25rem)*0);width:100%;padding:calc(var(--spacing,.25rem)*2);font-family:var(--font-output,OutputSansVariable,sans-serif);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:1;--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);border-radius:.25rem;line-height:1;display:block}.but-actually-lab [contenteditable]:focus{outline:0 solid #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}