.ShaderPage-module__bmxCTG__page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--control-radius:1.125rem;--panel-radius:2rem;--image-radius:1.5rem;background:var(--background);color:var(--foreground);overflow-wrap:break-word}.ShaderPage-module__bmxCTG__staticColour{pointer-events:none;position:absolute;inset:0}.ShaderPage-module__bmxCTG__staticLettering{color:var(--foreground);font:600 clamp(2.5rem, 10vw, 10rem) / 1.2 var(--font-space-grotesk), sans-serif;pointer-events:none;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.ShaderPage-module__bmxCTG__page[data-shape=pill]{--control-radius:999px;--panel-radius:2.5rem;--image-radius:2rem}.ShaderPage-module__bmxCTG__page[data-ground=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ShaderPage-module__bmxCTG__page [data-slot=button]{border-radius:var(--control-radius)}.ShaderPage-module__bmxCTG__page>div>header:not([data-scrolled=true]),.ShaderPage-module__bmxCTG__page footer{border-color:#0000}.ShaderPage-module__bmxCTG__page[data-font=fraunces] :is(h1,h2),.ShaderPage-module__bmxCTG__page[data-font=fraunces] .ShaderPage-module__bmxCTG__specimenTitle{font-variation-settings:"SOFT" 75;font-optical-sizing:auto}.ShaderPage-module__bmxCTG__page[data-font=sora] h1{letter-spacing:-.055em;font-weight:400}.ShaderPage-module__bmxCTG__page[data-font=manrope] h1{letter-spacing:-.045em;font-weight:400}.ShaderPage-module__bmxCTG__page [data-hero-nav=true]{--foreground:var(--hero-foreground);--muted-foreground:var(--hero-foreground);--primary:var(--hero-primary);--accent:color-mix(in srgb, var(--hero-background) 84%, white);--accent-foreground:var(--hero-foreground);color:var(--hero-foreground)}.ShaderPage-module__bmxCTG__hero{isolation:isolate;background:var(--hero-background);min-height:max(760px,100svh);color:var(--hero-foreground);--foreground:var(--hero-foreground);--muted-foreground:color-mix(in srgb, var(--hero-foreground) 77%, var(--hero-background));--background:var(--hero-background);--primary:var(--hero-primary);--primary-foreground:var(--hero-background);--accent:color-mix(in srgb, var(--hero-background) 84%, white);--accent-foreground:var(--hero-foreground);--ring:var(--hero-primary);margin-top:-3.5rem;position:relative}.ShaderPage-module__bmxCTG__surface{z-index:-3;isolation:isolate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#000000f5 64%,#000c 73%,#00000080 82%,#0000002e 91%,#0000 100%);mask-image:linear-gradient(#000 55%,#000000f5 64%,#000c 73%,#00000080 82%,#0000002e 91%,#0000 100%)}.ShaderPage-module__bmxCTG__shade{z-index:1;pointer-events:none;opacity:.6;background:linear-gradient(180deg, color-mix(in srgb, var(--hero-background) 62%, transparent), color-mix(in srgb, var(--hero-background) 24%, transparent) 38%, transparent 75%);position:absolute;inset:0}.ShaderPage-module__bmxCTG__heroInner{pointer-events:none;max-width:1600px;margin:auto;padding:9rem 5.5rem 12rem;position:relative}.ShaderPage-module__bmxCTG__heroCopy{max-width:930px}.ShaderPage-module__bmxCTG__hero h1{font-family:var(--shader-heading);letter-spacing:-.065em;white-space:pre-line;text-wrap:balance;margin:1.6rem 0;font-size:clamp(3.25rem,6.2vw,6.9rem);font-weight:500;line-height:1.04}.ShaderPage-module__bmxCTG__heroDescription{max-width:600px;color:var(--muted-foreground);text-wrap:pretty;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7}.ShaderPage-module__bmxCTG__eyebrow,.ShaderPage-module__bmxCTG__sectionLabel,.ShaderPage-module__bmxCTG__lookLabel{font-family:var(--app-font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:400;line-height:1.6}.ShaderPage-module__bmxCTG__eyebrow{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.ShaderPage-module__bmxCTG__indexMark{background:var(--hero-primary);border-radius:50%;width:6px;height:6px}.ShaderPage-module__bmxCTG__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.ShaderPage-module__bmxCTG__actions>*,.ShaderPage-module__bmxCTG__looks{pointer-events:auto}.ShaderPage-module__bmxCTG__heroPrimary,.ShaderPage-module__bmxCTG__heroSecondary{border:1px solid color-mix(in srgb, var(--hero-foreground) 9%, transparent);height:3.25rem;color:var(--hero-foreground);padding:0 1.6rem;font-size:1rem;box-shadow:0 4px 20px #0000001f}.ShaderPage-module__bmxCTG__heroPrimary{background:var(--hero-background)}.ShaderPage-module__bmxCTG__heroSecondary,.ShaderPage-module__bmxCTG__pause{background:color-mix(in srgb, var(--hero-background) 72%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ShaderPage-module__bmxCTG__heroPrimary:hover,.ShaderPage-module__bmxCTG__heroSecondary:hover,.ShaderPage-module__bmxCTG__pause:hover{background:color-mix(in srgb, var(--hero-background) 92%, var(--hero-foreground));color:var(--hero-foreground)}.ShaderPage-module__bmxCTG__heroPrimary:focus-visible,.ShaderPage-module__bmxCTG__heroSecondary:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.ShaderPage-module__bmxCTG__looks{text-align:center;flex-direction:column;width:92px;max-height:calc(100svh - 13rem);display:flex;position:absolute;top:7rem;right:2rem}.ShaderPage-module__bmxCTG__looks [role=radiogroup]{border-radius:var(--panel-radius);background:color-mix(in srgb, var(--hero-background) 76%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ShaderPage-module__bmxCTG__lookLabel{flex-shrink:0;margin-bottom:.6rem;font-size:9px}.ShaderPage-module__bmxCTG__heroFoot{max-width:1600px;font-family:var(--app-font-mono);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:1rem;margin:auto;padding:0 5.5rem;font-size:10px;display:flex;position:absolute;bottom:1.8rem;left:0;right:0}.ShaderPage-module__bmxCTG__atmospheric .ShaderPage-module__bmxCTG__heroCopy{text-align:center;max-width:900px;margin:0 auto}.ShaderPage-module__bmxCTG__atmospheric .ShaderPage-module__bmxCTG__heroInner{padding-top:8.5rem;padding-left:10rem;padding-right:10rem}.ShaderPage-module__bmxCTG__atmospheric .ShaderPage-module__bmxCTG__eyebrow,.ShaderPage-module__bmxCTG__atmospheric .ShaderPage-module__bmxCTG__actions{justify-content:center}.ShaderPage-module__bmxCTG__atmospheric .ShaderPage-module__bmxCTG__heroDescription{max-width:540px;margin:auto}.ShaderPage-module__bmxCTG__editorial .ShaderPage-module__bmxCTG__heroCopy{max-width:680px}.ShaderPage-module__bmxCTG__editorial .ShaderPage-module__bmxCTG__heroInner{padding-top:12rem}.ShaderPage-module__bmxCTG__editorial .ShaderPage-module__bmxCTG__shade{background:linear-gradient(90deg, color-mix(in srgb, var(--hero-background) 78%, transparent), color-mix(in srgb, var(--hero-background) 20%, transparent) 72%), linear-gradient(180deg, color-mix(in srgb, var(--hero-background) 30%, transparent), transparent 65%)}.ShaderPage-module__bmxCTG__technical .ShaderPage-module__bmxCTG__heroCopy{max-width:680px}.ShaderPage-module__bmxCTG__technical .ShaderPage-module__bmxCTG__heroInner{padding-top:13rem}.ShaderPage-module__bmxCTG__technical h1{letter-spacing:-.055em;font-size:clamp(3rem,5.4vw,6rem)}.ShaderPage-module__bmxCTG__technical .ShaderPage-module__bmxCTG__shade{background:linear-gradient(90deg, color-mix(in srgb, var(--hero-background) 70%, transparent), color-mix(in srgb, var(--hero-background) 15%, transparent) 76%)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=mesh-gradient],[data-shader-page=iridescent-foil],[data-shader-page=metaballs]) .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 65% 70% at 50% 38%, color-mix(in srgb, var(--hero-background) 78%, transparent), color-mix(in srgb, var(--hero-background) 66%, transparent) 55%, transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--hero-background) 28%, transparent), transparent 75%)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=mesh-gradient],[data-shader-page=iridescent-foil],[data-shader-page=metaballs],[data-shader-page=line-waves],[data-shader-page=halftone],[data-shader-page=dither]) .ShaderPage-module__bmxCTG__heroDescription{color:color-mix(in srgb, var(--hero-foreground) 92%, var(--hero-background))}.ShaderPage-module__bmxCTG__page:is([data-shader-page=line-waves],[data-shader-page=halftone],[data-shader-page=dither]) .ShaderPage-module__bmxCTG__shade{opacity:.82;background:radial-gradient(ellipse 75% 85% at 15% 38%, color-mix(in srgb, var(--hero-background) 86%, transparent), color-mix(in srgb, var(--hero-background) 76%, transparent) 42%, transparent 95%), linear-gradient(180deg, color-mix(in srgb, var(--hero-background) 30%, transparent), transparent 75%)}.ShaderPage-module__bmxCTG__page[data-shader-page=liquid-chrome] h1,.ShaderPage-module__bmxCTG__page[data-shader-page=caustics] h1{font-weight:400}.ShaderPage-module__bmxCTG__page[data-shader-page=plasma-field] h1{font-weight:600}.ShaderPage-module__bmxCTG__page:is([data-shader-page=grain-gradient],[data-shader-page=god-rays]) h1{font-weight:400}.ShaderPage-module__bmxCTG__page:is([data-shader-page=halftone],[data-shader-page=spiral]) h1{font-weight:600}.ShaderPage-module__bmxCTG__centerpiece .ShaderPage-module__bmxCTG__heroInner{padding-top:15rem}.ShaderPage-module__bmxCTG__centerpiece .ShaderPage-module__bmxCTG__heroCopy{text-align:center;max-width:600px;margin:auto}.ShaderPage-module__bmxCTG__centerpiece h1{font-size:clamp(3rem,4.8vw,5rem)}.ShaderPage-module__bmxCTG__centerpiece .ShaderPage-module__bmxCTG__eyebrow,.ShaderPage-module__bmxCTG__centerpiece .ShaderPage-module__bmxCTG__actions{justify-content:center}.ShaderPage-module__bmxCTG__page[data-shader-page=glass-reel] .ShaderPage-module__bmxCTG__heroInner{padding-top:8rem}.ShaderPage-module__bmxCTG__page[data-shader-page=glass-reel] .ShaderPage-module__bmxCTG__heroCopy{text-align:left;max-width:620px;margin:0}.ShaderPage-module__bmxCTG__page[data-shader-page=glass-reel] .ShaderPage-module__bmxCTG__eyebrow,.ShaderPage-module__bmxCTG__page[data-shader-page=glass-reel] .ShaderPage-module__bmxCTG__actions{justify-content:flex-start}.ShaderPage-module__bmxCTG__page[data-shader-page=glass-reel] h1{font-size:clamp(3rem,4.4vw,4.8rem)}.ShaderPage-module__bmxCTG__page[data-shader-page=glass-reel] .ShaderPage-module__bmxCTG__heroDescription{max-width:480px}.ShaderPage-module__bmxCTG__page[data-shader-page=glass-reel] .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 60% 65% at 16% 18%, color-mix(in srgb, var(--hero-background) 84%, transparent), transparent 100%)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=grid-horizon],[data-shader-page=ocean-swell]) .ShaderPage-module__bmxCTG__heroInner{padding-top:8rem}.ShaderPage-module__bmxCTG__page[data-shader-page=grid-horizon] h1{font-size:clamp(3rem,5.2vw,5.75rem)}.ShaderPage-module__bmxCTG__page[data-shader-page=ocean-swell] h1{font-size:clamp(3.25rem,5.6vw,6rem);font-weight:400}.ShaderPage-module__bmxCTG__page:is([data-shader-page=topo-lines],[data-shader-page=silk-bands]) h1{font-weight:400}.ShaderPage-module__bmxCTG__page:is([data-shader-page=chromatic-drift],[data-shader-page=kaleidoscope]) h1{font-weight:600}.ShaderPage-module__bmxCTG__page[data-shader-page=starfield] .ShaderPage-module__bmxCTG__heroCopy{max-width:740px}.ShaderPage-module__bmxCTG__page:is([data-shader-page=fractal-glass],[data-shader-page=petal-glass],[data-shader-page=velvet-atelier]) h1{font-weight:400}.ShaderPage-module__bmxCTG__page[data-shader-page=diffraction-archive] h1{font-weight:600}.ShaderPage-module__bmxCTG__page:is([data-shader-page=flip-tiles],[data-shader-page=brushed-titanium],[data-shader-page=thin-film-lab],[data-shader-page=diffraction-archive]) .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 85% 100% at 12% 55%, color-mix(in srgb, var(--hero-background) 90%, transparent), color-mix(in srgb, var(--hero-background) 78%, transparent) 40%, transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--hero-background) 55%, transparent), transparent 40%)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=flip-tiles],[data-shader-page=brushed-titanium],[data-shader-page=thin-film-lab],[data-shader-page=diffraction-archive]) .ShaderPage-module__bmxCTG__heroDescription{color:color-mix(in srgb, var(--hero-foreground) 94%, var(--hero-background))}.ShaderPage-module__bmxCTG__page[data-shader-page=petal-glass] .ShaderPage-module__bmxCTG__heroDescription{max-width:460px;color:var(--hero-foreground)}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__heroInner{min-height:max(760px,100svh);padding-top:7rem;padding-bottom:9rem}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__heroCopy{max-width:800px}.ShaderPage-module__bmxCTG__page[data-text-surface=true] h1{margin:1rem 0;font-size:clamp(2.25rem,3.5vw,3.5rem)}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__heroDescription{max-width:610px;font-size:1rem}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__actions{position:absolute;bottom:8rem;left:5.5rem}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__shade{background:linear-gradient(180deg, color-mix(in srgb, var(--hero-background) 92%, transparent), color-mix(in srgb, var(--hero-background) 86%, transparent) 28%, transparent 44%, transparent 59%, color-mix(in srgb, var(--hero-background) 75%, transparent) 78%)}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__heroDescription{color:var(--hero-foreground)}.ShaderPage-module__bmxCTG__page[data-shader-page=glazed-porcelain] .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 90% 110% at 10% 45%, color-mix(in srgb, var(--hero-background) 90%, transparent), color-mix(in srgb, var(--hero-background) 80%, transparent) 42%, transparent 100%)}.ShaderPage-module__bmxCTG__page[data-shader-page=glazed-porcelain] .ShaderPage-module__bmxCTG__heroDescription{color:var(--hero-foreground)}.ShaderPage-module__bmxCTG__page[data-shader-page=petal-glass] .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 80% 90% at 12% 40%, color-mix(in srgb, var(--hero-background) 86%, transparent), color-mix(in srgb, var(--hero-background) 72%, transparent) 42%, transparent 100%)}.ShaderPage-module__bmxCTG__page[data-shader-page=kaleidoscope] .ShaderPage-module__bmxCTG__heroInner{padding-top:10rem}.ShaderPage-module__bmxCTG__page:is([data-shader-page=liquid-orb],[data-shader-page=chromatic-eclipse],[data-shader-page=gyroid-bloom]) .ShaderPage-module__bmxCTG__heroCopy{max-width:48%}.ShaderPage-module__bmxCTG__page:is([data-shader-page=liquid-orb],[data-shader-page=chromatic-eclipse],[data-shader-page=gyroid-bloom]) h1{font-size:clamp(3rem,5.2vw,5.75rem);font-weight:400}.ShaderPage-module__bmxCTG__page:is([data-shader-page=liquid-orb],[data-shader-page=chromatic-eclipse],[data-shader-page=gyroid-bloom]) .ShaderPage-module__bmxCTG__shade{background:linear-gradient(90deg, color-mix(in srgb, var(--hero-background) 50%, transparent), transparent 58%)}.ShaderPage-module__bmxCTG__page[data-shader-page=chromatic-vapor] .ShaderPage-module__bmxCTG__heroInner{padding-top:8rem}.ShaderPage-module__bmxCTG__page[data-shader-page=chromatic-vapor] .ShaderPage-module__bmxCTG__heroCopy{max-width:780px}.ShaderPage-module__bmxCTG__page[data-shader-page=chromatic-vapor] h1{font-weight:400}.ShaderPage-module__bmxCTG__page[data-shader-page=chromatic-vapor] .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 65% 50% at 50% 25%, color-mix(in srgb, var(--hero-background) 70%, transparent), transparent 100%)}.ShaderPage-module__bmxCTG__page[data-shader-page=polarized-stress] .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 80% 100% at 10% 42%, color-mix(in srgb, var(--hero-background) 88%, transparent), color-mix(in srgb, var(--hero-background) 70%, transparent) 45%, transparent 100%)}.ShaderPage-module__bmxCTG__page[data-shader-page=magnetic-ink] h1{font-weight:500}.ShaderPage-module__bmxCTG__page[data-shader-page=spectral-ribbons] .ShaderPage-module__bmxCTG__heroInner{padding-top:7.5rem}.ShaderPage-module__bmxCTG__page[data-shader-page=spectral-ribbons] .ShaderPage-module__bmxCTG__heroCopy{max-width:730px}.ShaderPage-module__bmxCTG__page[data-shader-page=spectral-ribbons] .ShaderPage-module__bmxCTG__heroDescription{color:var(--hero-foreground)}.ShaderPage-module__bmxCTG__page[data-shader-page=spectral-ribbons] h1{font-size:clamp(3.25rem,5.3vw,5.8rem);font-weight:400}.ShaderPage-module__bmxCTG__page[data-shader-page=spectral-ribbons] .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 75% 65% at 10% 25%, color-mix(in srgb, var(--hero-background) 87%, transparent), color-mix(in srgb, var(--hero-background) 68%, transparent) 42%, transparent 100%)}.ShaderPage-module__bmxCTG__page[data-shader-page=cymatic-dust] .ShaderPage-module__bmxCTG__heroCopy{max-width:730px}.ShaderPage-module__bmxCTG__page[data-shader-page=cymatic-dust] h1{font-weight:400}.ShaderPage-module__bmxCTG__page:is([data-shader-page=polarized-stress],[data-shader-page=magnetic-ink]) .ShaderPage-module__bmxCTG__heroDescription{color:var(--hero-foreground)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=ocean-swell],[data-shader-page=grid-horizon],[data-shader-page=kaleidoscope]) .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 70% 75% at 50% 25%, color-mix(in srgb, var(--hero-background) 82%, transparent), color-mix(in srgb, var(--hero-background) 70%, transparent) 45%, transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--hero-background) 35%, transparent), transparent 70%)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=chromatic-drift],[data-shader-page=topo-lines]) .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 85% 90% at 15% 35%, color-mix(in srgb, var(--hero-background) 88%, transparent), color-mix(in srgb, var(--hero-background) 78%, transparent) 45%, transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--hero-background) 35%, transparent), transparent 70%)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=ocean-swell],[data-shader-page=grid-horizon],[data-shader-page=kaleidoscope],[data-shader-page=chromatic-drift],[data-shader-page=topo-lines]) .ShaderPage-module__bmxCTG__heroDescription{color:color-mix(in srgb, var(--hero-foreground) 94%, var(--hero-background))}.ShaderPage-module__bmxCTG__proof{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1600px;margin:auto;padding:2rem 5.5rem;display:flex}.ShaderPage-module__bmxCTG__section{min-width:0;max-width:1600px;margin:auto;padding:7rem 5.5rem}.ShaderPage-module__bmxCTG__section h2{font-family:var(--shader-heading);letter-spacing:-.045em;text-wrap:balance;margin:1rem 0 1.5rem;font-size:clamp(2rem,3.2vw,3.6rem);font-weight:500;line-height:1.13}.ShaderPage-module__bmxCTG__sectionLabel{color:var(--muted-foreground)}.ShaderPage-module__bmxCTG__sectionIntro{justify-content:space-between;align-items:start;gap:4rem;margin-bottom:2.5rem;display:flex}.ShaderPage-module__bmxCTG__sectionIntro>*{flex:1}.ShaderPage-module__bmxCTG__sectionIntro>a{flex:none;align-self:center}.ShaderPage-module__bmxCTG__bodyCopy{color:var(--muted-foreground);text-wrap:pretty;max-width:600px;font-size:1.0625rem;line-height:1.85}.ShaderPage-module__bmxCTG__sectionIntro>.ShaderPage-module__bmxCTG__bodyCopy{max-width:500px;padding-top:2.4rem}.ShaderPage-module__bmxCTG__mechanics,.ShaderPage-module__bmxCTG__install,.ShaderPage-module__bmxCTG__questions{grid-template-columns:1fr 1fr;align-items:start;gap:6rem;display:grid}.ShaderPage-module__bmxCTG__mechanics{border:0}.ShaderPage-module__bmxCTG__controlNotes{gap:1.75rem;display:grid}.ShaderPage-module__bmxCTG__controlNotes>div{background:var(--card);border-radius:1.5rem;grid-template-columns:2rem 1fr;gap:1rem;padding:1.4rem 1.5rem;display:grid}.ShaderPage-module__bmxCTG__controlNotes h3{font-size:1.05rem;font-weight:500}.ShaderPage-module__bmxCTG__controlNotes p{color:var(--muted-foreground);margin-top:.5rem;font-size:.9rem;line-height:1.75}.ShaderPage-module__bmxCTG__install{border-radius:var(--panel-radius);background:var(--card);width:calc(100% - clamp(2rem,8vw,11rem));margin-top:1rem;margin-bottom:1rem;padding:clamp(1.5rem,4vw,4rem)}.ShaderPage-module__bmxCTG__propsReference{grid-column:1/-1;min-width:0;margin-top:-3rem}.ShaderPage-module__bmxCTG__codePanel{background:var(--background);border-color:#0000;border-radius:1.25rem}.ShaderPage-module__bmxCTG__codePanel>figcaption{background:0 0;border-color:#0000;padding-top:1rem}.ShaderPage-module__bmxCTG__faq{gap:.75rem;display:grid}.ShaderPage-module__bmxCTG__faqItem{background:var(--card);border:0;border-radius:1.5rem;padding:0 1.5rem}.ShaderPage-module__bmxCTG__stickyIntro{position:sticky;top:7rem}.ShaderPage-module__bmxCTG__related{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.ShaderPage-module__bmxCTG__related img{aspect-ratio:1.6;object-fit:cover;border-radius:var(--image-radius);border:1px solid var(--border);width:100%;height:auto}.ShaderPage-module__bmxCTG__related a>span{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;font-size:.95rem;display:flex}.ShaderPage-module__bmxCTG__closing{text-align:center;padding-top:4rem;padding-bottom:8rem}.ShaderPage-module__bmxCTG__closing h2{margin-bottom:2rem}.ShaderPage-module__bmxCTG__specimen{isolation:isolate;border-radius:var(--panel-radius);min-height:440px;color:var(--hero-foreground);position:relative;overflow:hidden}.ShaderPage-module__bmxCTG__specimenImage{z-index:-2;position:absolute;inset:0}.ShaderPage-module__bmxCTG__specimenImage img{object-fit:cover;width:100%;height:100%}.ShaderPage-module__bmxCTG__specimen:after{content:"";z-index:-1;background:linear-gradient(90deg,#03070ead,#03070e29),linear-gradient(#03070e33,#0000 55%,#03070eb3);position:absolute;inset:0}.ShaderPage-module__bmxCTG__specimenContent{flex-direction:column;align-items:start;min-height:440px;padding:2rem 3rem;display:flex}.ShaderPage-module__bmxCTG__specimenTop{width:100%;font-family:var(--app-font-mono);letter-spacing:.06em;justify-content:space-between;gap:2rem;font-size:9px;display:flex}.ShaderPage-module__bmxCTG__specimenTop>:last-child{opacity:.65}.ShaderPage-module__bmxCTG__specimenTitle{font-family:var(--shader-heading);letter-spacing:-.04em;margin:3rem 0 2rem;font-size:clamp(2rem,3.8vw,4rem);line-height:1.12}.ShaderPage-module__bmxCTG__specimenBottom{opacity:.7;width:100%;margin-top:auto;padding-top:3rem;font-size:10px}.ShaderPage-module__bmxCTG__specimenBottom>span{padding-top:1rem;display:block}.ShaderPage-module__bmxCTG__atmosphericSpecimen .ShaderPage-module__bmxCTG__specimenContent{align-items:center}.ShaderPage-module__bmxCTG__atmosphericSpecimen .ShaderPage-module__bmxCTG__specimenTitle{text-align:center}.ShaderPage-module__bmxCTG__technicalSpecimen .ShaderPage-module__bmxCTG__specimenTitle{font-size:clamp(1.8rem,3vw,3rem)}.ShaderPage-module__bmxCTG__technicalSpecimen [data-slot=badge]{color:inherit;border-color:#ffffff40}@media (min-width:1600px){.ShaderPage-module__bmxCTG__hero{min-height:100svh}.ShaderPage-module__bmxCTG__heroInner{padding-top:12rem}}@media (min-width:1024px){.ShaderPage-module__bmxCTG__heroInner{min-height:inherit}.ShaderPage-module__bmxCTG__page:not([data-text-surface=true]) :is(.ShaderPage-module__bmxCTG__editorial,.ShaderPage-module__bmxCTG__technical) .ShaderPage-module__bmxCTG__heroInner,.ShaderPage-module__bmxCTG__page[data-shader-page=glass-reel] .ShaderPage-module__bmxCTG__heroInner{flex-direction:column;justify-content:center;padding-top:7rem;padding-bottom:4rem;display:flex}.ShaderPage-module__bmxCTG__looks{max-height:calc(100svh - 10rem);top:calc(50% + 1.5rem);translate:0 -50%}}@media (max-width:1023px){.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__heroInner{min-height:max(900px,100svh);padding-top:7rem}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__actions{bottom:16rem;left:3rem}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__looks{bottom:5.5rem}.ShaderPage-module__bmxCTG__hero{min-height:max(780px,100svh)}.ShaderPage-module__bmxCTG__heroInner,.ShaderPage-module__bmxCTG__atmospheric .ShaderPage-module__bmxCTG__heroInner,.ShaderPage-module__bmxCTG__editorial .ShaderPage-module__bmxCTG__heroInner,.ShaderPage-module__bmxCTG__technical .ShaderPage-module__bmxCTG__heroInner,.ShaderPage-module__bmxCTG__centerpiece .ShaderPage-module__bmxCTG__heroInner{padding:8rem 3rem 15rem}.ShaderPage-module__bmxCTG__heroCopy{max-width:720px}.ShaderPage-module__bmxCTG__looks{width:auto;max-height:none;inset:auto 3rem 2rem}.ShaderPage-module__bmxCTG__looks [role=radiogroup]{justify-content:safe center}.ShaderPage-module__bmxCTG__lookLabel{margin-bottom:.5rem}.ShaderPage-module__bmxCTG__heroFoot{padding:0 3rem;bottom:1.1rem}.ShaderPage-module__bmxCTG__section,.ShaderPage-module__bmxCTG__proof{padding-left:3rem;padding-right:3rem}.ShaderPage-module__bmxCTG__section{padding-top:5rem;padding-bottom:5rem}.ShaderPage-module__bmxCTG__mechanics,.ShaderPage-module__bmxCTG__install,.ShaderPage-module__bmxCTG__questions{gap:3rem}.ShaderPage-module__bmxCTG__sectionIntro{gap:2rem}}@media (max-width:639px){.ShaderPage-module__bmxCTG__page:is([data-shader-page=petal-glass],[data-shader-page=glass-facets]) .ShaderPage-module__bmxCTG__shade{background:linear-gradient(180deg, color-mix(in srgb, var(--hero-background) 48%, transparent), color-mix(in srgb, var(--hero-background) 82%, transparent) 52%, color-mix(in srgb, var(--hero-background) 35%, transparent) 78%, transparent)}.ShaderPage-module__bmxCTG__page[data-shader-page=spectral-ribbons] .ShaderPage-module__bmxCTG__shade{background:linear-gradient(180deg, color-mix(in srgb, var(--hero-background) 55%, transparent), color-mix(in srgb, var(--hero-background) 78%, transparent) 42%, transparent 78%)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=liquid-orb],[data-shader-page=chromatic-eclipse],[data-shader-page=gyroid-bloom]) .ShaderPage-module__bmxCTG__heroInner{min-height:max(900px,100svh)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=liquid-orb],[data-shader-page=chromatic-eclipse],[data-shader-page=gyroid-bloom]) .ShaderPage-module__bmxCTG__heroCopy{max-width:100%}.ShaderPage-module__bmxCTG__page:is([data-shader-page=liquid-orb],[data-shader-page=chromatic-eclipse],[data-shader-page=gyroid-bloom]) .ShaderPage-module__bmxCTG__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute;bottom:14rem;left:1.5rem;right:1.5rem}.ShaderPage-module__bmxCTG__page:is([data-shader-page=liquid-orb],[data-shader-page=chromatic-eclipse],[data-shader-page=gyroid-bloom]) .ShaderPage-module__bmxCTG__actions>*{padding-inline:.6rem;font-size:.82rem}.ShaderPage-module__bmxCTG__page:is([data-shader-page=liquid-orb],[data-shader-page=chromatic-eclipse],[data-shader-page=gyroid-bloom]) .ShaderPage-module__bmxCTG__looks{bottom:5rem}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__heroInner{min-height:max(900px,100svh);padding-top:6.5rem}.ShaderPage-module__bmxCTG__page[data-text-surface=true] h1{font-size:2.25rem;line-height:1.1}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__actions{bottom:17rem;left:1.5rem;right:1.5rem}.ShaderPage-module__bmxCTG__page[data-text-surface=true] .ShaderPage-module__bmxCTG__heroDescription{font-size:.95rem}.ShaderPage-module__bmxCTG__page:is([data-shader-page=flip-tiles],[data-shader-page=brushed-titanium],[data-shader-page=thin-film-lab],[data-shader-page=diffraction-archive]) .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 115% 95% at 25% 35%, color-mix(in srgb, var(--hero-background) 88%, transparent), color-mix(in srgb, var(--hero-background) 76%, transparent) 48%, transparent 100%)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=grid-horizon],[data-shader-page=ocean-swell],[data-shader-page=kaleidoscope]) .ShaderPage-module__bmxCTG__heroInner{padding-top:7rem}.ShaderPage-module__bmxCTG__page:is([data-shader-page=grid-horizon],[data-shader-page=ocean-swell]) h1{font-size:clamp(2.75rem,11.3vw,4rem)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=chromatic-drift],[data-shader-page=topo-lines],[data-shader-page=ocean-swell],[data-shader-page=grid-horizon],[data-shader-page=kaleidoscope]) .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 115% 90% at 25% 30%, color-mix(in srgb, var(--hero-background) 86%, transparent), color-mix(in srgb, var(--hero-background) 76%, transparent) 48%, transparent 100%)}.ShaderPage-module__bmxCTG__page:is([data-shader-page=mesh-gradient],[data-shader-page=iridescent-foil],[data-shader-page=metaballs],[data-shader-page=line-waves],[data-shader-page=halftone],[data-shader-page=dither]) .ShaderPage-module__bmxCTG__shade{background:radial-gradient(ellipse 110% 85% at 25% 35%, color-mix(in srgb, var(--hero-background) 78%, transparent), color-mix(in srgb, var(--hero-background) 66%, transparent) 55%, transparent 100%)}.ShaderPage-module__bmxCTG__hero{min-height:max(780px,100svh)}.ShaderPage-module__bmxCTG__heroInner,.ShaderPage-module__bmxCTG__atmospheric .ShaderPage-module__bmxCTG__heroInner,.ShaderPage-module__bmxCTG__editorial .ShaderPage-module__bmxCTG__heroInner,.ShaderPage-module__bmxCTG__technical .ShaderPage-module__bmxCTG__heroInner,.ShaderPage-module__bmxCTG__centerpiece .ShaderPage-module__bmxCTG__heroInner{padding:7rem 1.5rem 15rem}.ShaderPage-module__bmxCTG__hero h1{letter-spacing:-.055em;margin:1.4rem 0;font-size:clamp(2.75rem,11.3vw,4rem)}.ShaderPage-module__bmxCTG__heroCopy,.ShaderPage-module__bmxCTG__atmospheric .ShaderPage-module__bmxCTG__heroCopy,.ShaderPage-module__bmxCTG__centerpiece .ShaderPage-module__bmxCTG__heroCopy{text-align:left}.ShaderPage-module__bmxCTG__atmospheric .ShaderPage-module__bmxCTG__eyebrow,.ShaderPage-module__bmxCTG__atmospheric .ShaderPage-module__bmxCTG__actions,.ShaderPage-module__bmxCTG__centerpiece .ShaderPage-module__bmxCTG__eyebrow,.ShaderPage-module__bmxCTG__centerpiece .ShaderPage-module__bmxCTG__actions{justify-content:start}.ShaderPage-module__bmxCTG__eyebrow{gap:.5rem;font-size:8px}.ShaderPage-module__bmxCTG__heroDescription{font-size:.95rem;line-height:1.7}.ShaderPage-module__bmxCTG__actions{gap:.5rem;margin-top:1.6rem}.ShaderPage-module__bmxCTG__actions>*{padding-left:1rem;padding-right:1rem;font-size:.875rem}.ShaderPage-module__bmxCTG__looks{text-align:center;border-radius:1.75rem;bottom:3rem;left:1rem;right:1rem}.ShaderPage-module__bmxCTG__lookLabel{padding-left:0}.ShaderPage-module__bmxCTG__looks [role=radiogroup]{justify-content:safe center}.ShaderPage-module__bmxCTG__heroFoot{gap:.25rem;padding:0 1.5rem;font-size:8px}.ShaderPage-module__bmxCTG__heroFoot [data-slot=badge]{display:none}.ShaderPage-module__bmxCTG__section,.ShaderPage-module__bmxCTG__proof{padding-left:1.5rem;padding-right:1.5rem}.ShaderPage-module__bmxCTG__section{padding-top:3.5rem;padding-bottom:3.5rem}.ShaderPage-module__bmxCTG__sectionIntro{display:block}.ShaderPage-module__bmxCTG__sectionIntro>.ShaderPage-module__bmxCTG__bodyCopy{padding-top:0}.ShaderPage-module__bmxCTG__sectionIntro>a{margin-top:1rem}.ShaderPage-module__bmxCTG__mechanics,.ShaderPage-module__bmxCTG__install,.ShaderPage-module__bmxCTG__questions{grid-template-columns:minmax(0,1fr);gap:2.5rem}.ShaderPage-module__bmxCTG__install{padding:2rem 1.25rem}.ShaderPage-module__bmxCTG__stickyIntro{position:static}.ShaderPage-module__bmxCTG__bodyCopy{font-size:1rem}.ShaderPage-module__bmxCTG__related{grid-template-columns:minmax(0,1fr);gap:2rem}.ShaderPage-module__bmxCTG__specimen,.ShaderPage-module__bmxCTG__specimenContent{min-height:420px}.ShaderPage-module__bmxCTG__specimenContent{padding:1.5rem}.ShaderPage-module__bmxCTG__specimenTop{gap:1rem;font-size:8px}.ShaderPage-module__bmxCTG__specimenTop>:last-child{text-align:right;max-width:80px}.ShaderPage-module__bmxCTG__specimenTitle{margin-top:4rem;font-size:2.1rem}}@media (prefers-reduced-motion:reduce){.ShaderPage-module__bmxCTG__page *,.ShaderPage-module__bmxCTG__page :before,.ShaderPage-module__bmxCTG__page :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}.ShaderPage-module__bmxCTG__page[data-font=vcr] h1{letter-spacing:.01em;text-transform:uppercase;text-shadow:.045em 0 #ff2b6a8c,-.045em 0 #22d8ff8c;font-size:clamp(3.4rem,7.4vw,8rem);font-weight:400;line-height:.95}.ShaderPage-module__bmxCTG__page[data-font=vcr] .ShaderPage-module__bmxCTG__eyebrow{font-family:var(--font-vcr), monospace;letter-spacing:.08em;font-size:15px}.ShaderPage-module__bmxCTG__page[data-font=vcr] .ShaderPage-module__bmxCTG__heroDescription{max-width:540px}
.SurfaceExample-module__FhsOZW__example{min-height:460px;color:var(--hero-foreground);grid-template-columns:minmax(0,1fr);gap:2rem;padding:2rem 2.5rem;display:grid}.SurfaceExample-module__FhsOZW__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.SurfaceExample-module__FhsOZW__top>span:first-child,.SurfaceExample-module__FhsOZW__eyebrow,.SurfaceExample-module__FhsOZW__detail>span{font-family:var(--app-font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;line-height:1.6}.SurfaceExample-module__FhsOZW__caption{background:color-mix(in srgb, var(--hero-background) 72%, transparent);color:inherit;border:0;font-size:10px;font-weight:400}.SurfaceExample-module__FhsOZW__copy{max-width:660px}.SurfaceExample-module__FhsOZW__eyebrow{opacity:.8}.SurfaceExample-module__FhsOZW__copy h3{font-family:var(--shader-heading);letter-spacing:-.05em;white-space:pre-line;text-wrap:balance;margin:1rem 0 1.5rem;font-size:clamp(2.25rem,3.8vw,4.25rem);font-weight:500;line-height:1.12}.SurfaceExample-module__FhsOZW__description{text-wrap:pretty;opacity:.85;max-width:360px;font-size:.95rem;line-height:1.8}.SurfaceExample-module__FhsOZW__details{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.SurfaceExample-module__FhsOZW__detail{color:inherit;background:color-mix(in srgb, var(--hero-background) 78%, transparent);box-shadow:none;border:0;border-radius:1.5rem;gap:.5rem;padding:1.2rem 1.5rem;overflow:visible}.SurfaceExample-module__FhsOZW__detail>span{opacity:.6;font-size:9px}.SurfaceExample-module__FhsOZW__detail p{font-size:.875rem;line-height:1.6}.SurfaceExample-module__FhsOZW__example[data-composition=brand]{text-align:center;min-height:500px}.SurfaceExample-module__FhsOZW__example[data-composition=brand] .SurfaceExample-module__FhsOZW__copy{margin:1rem auto}.SurfaceExample-module__FhsOZW__example[data-composition=brand] .SurfaceExample-module__FhsOZW__description{margin:auto}.SurfaceExample-module__FhsOZW__example[data-composition=brand] .SurfaceExample-module__FhsOZW__details{text-align:left;justify-content:space-between}.SurfaceExample-module__FhsOZW__example[data-composition=brand] .SurfaceExample-module__FhsOZW__detail{border-radius:999px;min-width:240px}.SurfaceExample-module__FhsOZW__example[data-composition=hardware]{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 220px;gap:2.5rem}.SurfaceExample-module__FhsOZW__example[data-composition=hardware] .SurfaceExample-module__FhsOZW__top{grid-column:1/-1}.SurfaceExample-module__FhsOZW__example[data-composition=hardware] .SurfaceExample-module__FhsOZW__copy{align-self:end;padding-top:2rem}.SurfaceExample-module__FhsOZW__example[data-composition=hardware] .SurfaceExample-module__FhsOZW__details{flex-direction:column;justify-content:end;align-items:stretch}.SurfaceExample-module__FhsOZW__example[data-composition=hardware] .SurfaceExample-module__FhsOZW__detail{background:color-mix(in srgb, var(--hero-background) 62%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.SurfaceExample-module__FhsOZW__example[data-composition=retreat]{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 250px;min-height:500px}.SurfaceExample-module__FhsOZW__example[data-composition=retreat] .SurfaceExample-module__FhsOZW__top{grid-column:1/-1}.SurfaceExample-module__FhsOZW__example[data-composition=retreat] .SurfaceExample-module__FhsOZW__copy{align-self:end;padding-top:2rem}.SurfaceExample-module__FhsOZW__example[data-composition=retreat] h3{font-variation-settings:"SOFT" 75;font-optical-sizing:auto;font-weight:400}.SurfaceExample-module__FhsOZW__example[data-composition=retreat] .SurfaceExample-module__FhsOZW__details{flex-direction:column;align-self:end;align-items:stretch}.SurfaceExample-module__FhsOZW__example[data-composition=retreat] .SurfaceExample-module__FhsOZW__detail{background:0 0;padding:1rem 0}.SurfaceExample-module__FhsOZW__example[data-composition=exhibition]{grid-template-columns:minmax(0,1fr) 220px;gap:2rem;min-height:480px}.SurfaceExample-module__FhsOZW__example[data-composition=exhibition] .SurfaceExample-module__FhsOZW__top{grid-column:1/-1}.SurfaceExample-module__FhsOZW__example[data-composition=exhibition] h3{font-size:clamp(2.5rem,4.5vw,5rem);font-weight:600}.SurfaceExample-module__FhsOZW__example[data-composition=exhibition] .SurfaceExample-module__FhsOZW__details{flex-direction:column;align-self:end;align-items:stretch}.SurfaceExample-module__FhsOZW__example[data-composition=exhibition] .SurfaceExample-module__FhsOZW__detail{border-radius:2.5rem 2.5rem 2.5rem 1rem;padding:2rem}.SurfaceExample-module__FhsOZW__example[data-composition=journal]{grid-template-columns:minmax(0,1fr) 230px;gap:2.5rem;min-height:500px}.SurfaceExample-module__FhsOZW__example[data-composition=journal] .SurfaceExample-module__FhsOZW__top{grid-column:1/-1}.SurfaceExample-module__FhsOZW__example[data-composition=journal] .SurfaceExample-module__FhsOZW__copy{align-self:center}.SurfaceExample-module__FhsOZW__example[data-composition=journal] .SurfaceExample-module__FhsOZW__details{flex-direction:column;align-self:end;align-items:stretch}.SurfaceExample-module__FhsOZW__example[data-composition=journal] .SurfaceExample-module__FhsOZW__detail{background:0 0;padding:1rem 0}.SurfaceExample-module__FhsOZW__example[data-composition=research]{min-height:480px}.SurfaceExample-module__FhsOZW__example[data-composition=research] .SurfaceExample-module__FhsOZW__copy{max-width:760px;padding-top:1rem}.SurfaceExample-module__FhsOZW__example[data-composition=research] .SurfaceExample-module__FhsOZW__description{max-width:420px}.SurfaceExample-module__FhsOZW__example[data-composition=research] .SurfaceExample-module__FhsOZW__details{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.SurfaceExample-module__FhsOZW__example[data-composition=research] .SurfaceExample-module__FhsOZW__detail{background:color-mix(in srgb, var(--hero-background) 84%, transparent)}.SurfaceExample-module__FhsOZW__example[data-composition=focus]{text-align:center;grid-template-rows:auto 1fr auto;min-height:540px}.SurfaceExample-module__FhsOZW__example[data-composition=focus] .SurfaceExample-module__FhsOZW__copy{align-self:center;margin:auto}.SurfaceExample-module__FhsOZW__example[data-composition=focus] h3{font-size:clamp(2.25rem,3.5vw,3.75rem);font-weight:400}.SurfaceExample-module__FhsOZW__example[data-composition=focus] .SurfaceExample-module__FhsOZW__description{max-width:320px;margin:2rem auto 0}.SurfaceExample-module__FhsOZW__example[data-composition=focus] .SurfaceExample-module__FhsOZW__details{text-align:left;justify-content:space-between}.SurfaceExample-module__FhsOZW__example[data-composition=focus] .SurfaceExample-module__FhsOZW__detail{background:0 0;padding:0}.SurfaceExample-module__FhsOZW__example[data-composition=horizon]{text-align:center;grid-template-rows:auto 1fr auto;min-height:580px}.SurfaceExample-module__FhsOZW__example[data-composition=horizon] .SurfaceExample-module__FhsOZW__copy{align-self:start;max-width:640px;margin:0 auto}.SurfaceExample-module__FhsOZW__example[data-composition=horizon] h3{font-size:clamp(2.5rem,4vw,4.5rem);font-weight:400}.SurfaceExample-module__FhsOZW__example[data-composition=horizon] .SurfaceExample-module__FhsOZW__description{max-width:340px;margin:auto}.SurfaceExample-module__FhsOZW__example[data-composition=horizon] .SurfaceExample-module__FhsOZW__details{text-align:left;justify-content:space-between;margin-top:3rem}.SurfaceExample-module__FhsOZW__example[data-composition=horizon] .SurfaceExample-module__FhsOZW__detail{background:0 0;padding:0}@media (max-width:1023px){.SurfaceExample-module__FhsOZW__example{padding:2rem}.SurfaceExample-module__FhsOZW__example[data-composition=hardware],.SurfaceExample-module__FhsOZW__example[data-composition=retreat],.SurfaceExample-module__FhsOZW__example[data-composition=exhibition],.SurfaceExample-module__FhsOZW__example[data-composition=journal]{grid-template-columns:minmax(0,1fr);gap:2rem}.SurfaceExample-module__FhsOZW__example[data-composition=hardware] .SurfaceExample-module__FhsOZW__copy,.SurfaceExample-module__FhsOZW__example[data-composition=retreat] .SurfaceExample-module__FhsOZW__copy{padding-top:1rem}.SurfaceExample-module__FhsOZW__example[data-composition] .SurfaceExample-module__FhsOZW__details{flex-direction:row;align-items:stretch}}@media (max-width:639px){.SurfaceExample-module__FhsOZW__example,.SurfaceExample-module__FhsOZW__example[data-composition]{text-align:left;gap:1.5rem;min-height:480px;padding:1.5rem}.SurfaceExample-module__FhsOZW__top{align-items:start}.SurfaceExample-module__FhsOZW__top>span:first-child{font-size:9px}.SurfaceExample-module__FhsOZW__caption{white-space:normal;text-align:center;max-width:84px;font-size:9px}.SurfaceExample-module__FhsOZW__example[data-composition] .SurfaceExample-module__FhsOZW__copy{margin:0;padding:0}.SurfaceExample-module__FhsOZW__copy h3,.SurfaceExample-module__FhsOZW__example[data-composition=exhibition] h3{font-size:clamp(2.25rem,9.6vw,3rem)}.SurfaceExample-module__FhsOZW__description{font-size:.875rem}.SurfaceExample-module__FhsOZW__example[data-composition] .SurfaceExample-module__FhsOZW__details{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.SurfaceExample-module__FhsOZW__example[data-composition] .SurfaceExample-module__FhsOZW__detail{min-width:0;padding:1rem 1.25rem}.SurfaceExample-module__FhsOZW__example[data-composition=retreat] .SurfaceExample-module__FhsOZW__detail,.SurfaceExample-module__FhsOZW__example[data-composition=journal] .SurfaceExample-module__FhsOZW__detail,.SurfaceExample-module__FhsOZW__example[data-composition=focus] .SurfaceExample-module__FhsOZW__detail{padding:.5rem 0}.SurfaceExample-module__FhsOZW__example[data-composition=focus]{text-align:center}.SurfaceExample-module__FhsOZW__example[data-composition=focus] .SurfaceExample-module__FhsOZW__copy{margin:auto}.SurfaceExample-module__FhsOZW__example[data-composition=focus] .SurfaceExample-module__FhsOZW__details{text-align:left}.SurfaceExample-module__FhsOZW__example[data-composition=horizon]{text-align:center;min-height:650px}.SurfaceExample-module__FhsOZW__example[data-composition=horizon] .SurfaceExample-module__FhsOZW__copy{margin:0 auto}.SurfaceExample-module__FhsOZW__example[data-composition=horizon] .SurfaceExample-module__FhsOZW__details{text-align:left;margin-top:3rem}.SurfaceExample-module__FhsOZW__example[data-composition=horizon] .SurfaceExample-module__FhsOZW__detail{padding:.5rem 0}}