html[data-grain-preview="2"]{--grain-image:url(/assets/grain/light-2.png)}html[data-grain-preview="4"]{--grain-image:url(/assets/grain/light-4.png)}html[data-grain-preview="2"]:where(:has(.home[data-theme=dark])){--grain-image:url(/assets/grain/dark-2.png)}html[data-grain-preview="4"]:where(:has(.home[data-theme=dark])){--grain-image:url(/assets/grain/dark-4.png)}html[data-grain-kind=film][data-grain-preview="2"]{--grain-image:url(/assets/grain/film-light-2.png)}html[data-grain-kind=film][data-grain-preview="4"]{--grain-image:url(/assets/grain/film-light-4.png)}html[data-grain-kind=film][data-grain-preview="2"]:where(:has(.home[data-theme=dark])){--grain-image:url(/assets/grain/film-dark-2.png)}html[data-grain-kind=film][data-grain-preview="4"]:where(:has(.home[data-theme=dark])){--grain-image:url(/assets/grain/film-dark-4.png)}html[data-grain-preview] :is(.home,.work-view .header,.project-container,.work-footer,.fun-surface){background-image:var(--grain-image,none);background-repeat:repeat;background-size:var(--grain-size,256px 256px)}html[data-grain-preview] .left-column{background-color:var(--background);transition:background-color var(--motion-theme) var(--ease), color var(--motion-theme) var(--ease)}html[data-grain-preview]{--texture-ink:38 50 56;--texture-alpha:.07}html[data-grain-preview="4"]{--texture-alpha:.13}html[data-grain-preview]:has(.home[data-theme=dark]){--texture-ink:228 237 241}html[data-grain-kind=dots][data-grain-preview]{--grain-size:9px 9px;--grain-image:radial-gradient(circle, rgb(var(--texture-ink) / var(--texture-alpha)) .65px, transparent .85px)}html[data-grain-kind=etch][data-grain-preview]{--grain-size:18px 18px;--canvas-grain-size:18px 18px, 18px 18px;--canvas-grain-repeat:repeat, repeat;--grain-image:repeating-linear-gradient(45deg, transparent 0 11px, rgb(var(--texture-ink) / var(--texture-alpha)) 11px 11.5px, transparent 11.5px 18px), repeating-linear-gradient(-45deg, transparent 0 17px, rgb(var(--texture-ink) / var(--texture-alpha)) 17px 17.5px, transparent 17.5px 18px)}html[data-grain-kind=moire][data-grain-preview]{--grain-size:auto;--canvas-grain-size:auto, auto;--canvas-grain-repeat:repeat, repeat;--grain-image:repeating-linear-gradient(24deg, transparent 0 5px, rgb(var(--texture-ink) / var(--texture-alpha)) 5px 5.7px, transparent 5.7px 6px), repeating-linear-gradient(29deg, transparent 0 5px, rgb(var(--texture-ink) / var(--texture-alpha)) 5px 5.7px, transparent 5.7px 6px)}html[data-grain-kind=none][data-grain-preview]{--grain-image:none}.hero-site-texture{pointer-events:none;background-image:var(--grain-image,none);background-size:var(--grain-size,256px 256px);position:absolute;inset:0}.hero-texture{pointer-events:none;position:absolute;inset:-12px;-webkit-mask-image:linear-gradient(#0000 12%,#000 55%);mask-image:linear-gradient(#0000 12%,#000 55%)}.hero-texture svg{fill:none;width:100%;height:100%;stroke:rgb(var(--texture-ink));stroke-width:.7px;opacity:.05;display:block}html[data-topography=off] .hero-texture{display:none}@media (max-width:767px){html[data-grain-preview] .fun-sidebar:not(.is-collapsed){background-image:var(--grain-image,none);background-size:var(--grain-size,256px 256px)}}.texture-editor{overflow:auto}.texture-editor>.texture-edit-layout{padding:0 24px 24px}.texture-editor fieldset{border:1px solid var(--border,#cfd8dc);border-radius:12px;margin:24px 0;padding:20px}.texture-editor legend{font-weight:600}.texture-editor label{align-items:center;gap:8px;margin:12px 0;display:flex}.texture-options{flex-wrap:wrap;gap:8px;display:flex}.texture-editor input[type=checkbox]{accent-color:#335341}.morph-texture-canvas{width:100%;height:100%;display:block}html[data-hide-sculpture=true] .particle-canvas{visibility:hidden}.motion-lab{z-index:100;color:#263238;background:#eef1f4;border:1px solid #b0bec5;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;max-width:min(660px,100vw - 32px);padding:16px;font-size:13px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 24px #0002}.motion-lab strong,.motion-lab p{flex-basis:100%;margin:0}.motion-lab label{align-items:center;gap:6px;display:flex}.motion-lab select{font:inherit;color:#263238;background:#fff;border:1px solid #b0bec5;border-radius:5px;padding:6px}.motion-lab input{accent-color:#335341}.motion-lab button{margin-left:auto;text-decoration:underline}.texture-edit-layout{grid-template-columns:minmax(0,1fr) minmax(280px,440px);align-items:start;gap:24px;display:grid}.texture-preview-panel{border:1px solid var(--border,#cfd8dc);border-radius:12px;margin:24px 0;padding:16px;position:sticky;top:24px}.texture-preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.texture-preview-swatch{border:1px solid var(--border,#cfd8dc);border-radius:8px;height:300px;overflow:hidden}.texture-preview-panel small{margin-top:12px;display:block}.texture-editor input[type=range]{accent-color:#335341;min-width:0;max-width:220px}.texture-editor output{font-variant-numeric:tabular-nums;min-width:4ch}@media (max-width:1000px){.texture-edit-layout{grid-template-columns:minmax(0,1fr)}.texture-preview-panel{grid-row:1;margin-bottom:0;position:static}.texture-preview-swatch{height:240px}}.texture-edit-controls,.texture-edit-controls fieldset{min-width:0}.texture-editor .texture-options{flex-wrap:wrap;max-width:100%}
