.shader-experiment-module__bFkTUa__page{--paper:#141312;--ink:#f3eadf;--muted:#b5aa9d;--line:#3a342e;--brand-accent:#ff6a3d;--shader-paper:var(--paper);--shader-ink:var(--ink);--shader-muted:var(--muted);--shader-line:var(--line);--wordmark:var(--brand-signature-name-color,var(--ink));--wordmark-tm:var(--brand-signature-mark-color,var(--brand-accent));--brand-signature-name-color:var(--shader-ink);--brand-signature-mark-color:var(--brand-accent);background:var(--shader-paper);min-height:100svh;color:var(--shader-ink);padding:clamp(2rem, 5vw, 5rem) var(--rams-page-padding);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.5rem,3vw,2.25rem);display:flex;position:relative;overflow:hidden}.shader-experiment-module__bFkTUa__intro{text-align:center;width:min(100%,44rem)}.shader-experiment-module__bFkTUa__title{color:var(--shader-ink);font-family:var(--type-section-family), var(--font-display), sans-serif;letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(1.7rem,3vw,2.85rem);font-weight:700;line-height:1.05}.shader-experiment-module__bFkTUa__intro p{max-width:42rem;color:var(--shader-muted);font-family:var(--type-body-compact-family), var(--font-body), sans-serif;margin:.85rem auto 0;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.55}.shader-experiment-module__bFkTUa__stage{flex-direction:column;align-items:center;width:min(100%,64rem);display:flex}.shader-experiment-module__bFkTUa__shaderFrame{width:100%}.shader-experiment-module__bFkTUa__shaderCanvas{width:100%;height:clamp(8rem,28vw,16rem);font-family:var(--type-logo-family), var(--font-display), sans-serif;display:block}.shader-experiment-module__bFkTUa__instruction{max-width:36rem;color:var(--shader-muted);font-family:var(--type-body-compact-family), var(--font-body), sans-serif;font-size:var(--type-card-copy-size);font-weight:500;line-height:var(--type-card-copy-leading);text-align:center;margin:clamp(1.25rem,2vw,1.5rem) 0 0}.shader-experiment-module__bFkTUa__controlPanel{border:1px solid color-mix(in srgb, var(--shader-line) 72%, transparent);background:color-mix(in srgb, var(--shader-paper) 88%, var(--shader-ink) 4%);gap:1.25rem;width:min(100%,32rem);margin-top:clamp(1.75rem,3vw,2rem);padding:clamp(1rem,2vw,1.25rem);display:grid}.shader-experiment-module__bFkTUa__controlGroup{gap:.625rem;display:grid}.shader-experiment-module__bFkTUa__controlLabel{color:var(--brand-accent);font-family:var(--type-nav-family), var(--font-display), sans-serif;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700;line-height:1}.shader-experiment-module__bFkTUa__effectGrid{flex-wrap:wrap;gap:.5rem;display:flex}.shader-experiment-module__bFkTUa__effectButton{border:1px solid color-mix(in srgb, var(--shader-line) 72%, transparent);min-height:2.25rem;color:var(--shader-ink);cursor:pointer;font-family:var(--type-nav-family), var(--font-display), sans-serif;background:0 0;border-radius:0;padding:.375rem .75rem;font-size:.875rem;font-weight:700;line-height:1;transition:background .16s,color .16s,border-color .16s}.shader-experiment-module__bFkTUa__effectButton:hover{border-color:var(--brand-accent)}.shader-experiment-module__bFkTUa__effectButton[aria-pressed=true]{border-color:var(--shader-ink);background:var(--shader-ink);color:var(--shader-paper)}.shader-experiment-module__bFkTUa__rangeRow{grid-template-columns:minmax(0,1fr) 4rem;align-items:center;gap:1rem;display:grid}.shader-experiment-module__bFkTUa__range{cursor:pointer;width:100%;height:2.25rem;accent-color:var(--brand-accent);margin:0}.shader-experiment-module__bFkTUa__rangeValue{color:var(--shader-muted);font-family:var(--type-card-meta-family), var(--font-body), sans-serif;text-align:right;font-size:.75rem;font-weight:700;line-height:1}.shader-experiment-module__bFkTUa__footer{right:var(--rams-page-padding);bottom:var(--rams-page-padding);left:var(--rams-page-padding);color:var(--shader-muted);font-family:var(--type-footer-family), var(--font-body), sans-serif;font-size:var(--type-footer-size);font-weight:var(--type-footer-weight);line-height:var(--type-footer-leading);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;display:flex;position:absolute}.shader-experiment-module__bFkTUa__footerCredit{justify-content:center;align-items:baseline;gap:.25em;display:inline-flex}.shader-experiment-module__bFkTUa__footerWordmark{font-family:var(--type-logo-family,var(--font-body)), sans-serif;white-space:nowrap}.shader-experiment-module__bFkTUa__footerWordmarkName{color:var(--shader-ink);font-weight:var(--brand-signature-name-weight,700)}.shader-experiment-module__bFkTUa__footerWordmarkMark{color:var(--brand-accent);font-weight:var(--brand-signature-name-weight,700);margin-left:var(--brand-wordmark-mark-gap,.01em)}.shader-experiment-module__bFkTUa__backLink{color:var(--shader-muted);font-family:var(--type-nav-family), var(--font-display), sans-serif;font-size:.75rem;font-weight:700;line-height:1;text-decoration:none;transition:color .16s,opacity .16s}.shader-experiment-module__bFkTUa__backLink:hover{color:var(--shader-ink)}.shader-experiment-module__bFkTUa__backLink:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}@media (max-width:640px){.shader-experiment-module__bFkTUa__page{justify-content:flex-start;padding-top:clamp(5rem,18vh,7rem);padding-bottom:5rem}.shader-experiment-module__bFkTUa__controlPanel{width:100%}.shader-experiment-module__bFkTUa__effectGrid{border-top:1px solid color-mix(in srgb, var(--shader-line) 72%, transparent);border-left:1px solid color-mix(in srgb, var(--shader-line) 72%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.shader-experiment-module__bFkTUa__effectButton{border-top:0;border-left:0}}@media (prefers-reduced-motion:reduce){.shader-experiment-module__bFkTUa__effectButton,.shader-experiment-module__bFkTUa__backLink{transition:none}}