.perlin-noise-module__Mg7tZa__page{--experiment-ink:#211f1b;--experiment-muted:#70695f;--experiment-line:#d8d0c2;min-height:100vh;color:var(--experiment-ink);font-family:var(--font-ui);background:linear-gradient(90deg,#0000 49.9%,#5b4d3814 50%,#0000 50.1%),#f4efe4;padding:clamp(1.25rem,3vw,2.5rem)}.perlin-noise-module__Mg7tZa__nav,.perlin-noise-module__Mg7tZa__header,.perlin-noise-module__Mg7tZa__notes{width:min(100%,76rem);margin-inline:auto}.perlin-noise-module__Mg7tZa__nav{color:var(--experiment-muted);font-family:var(--font-code);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.perlin-noise-module__Mg7tZa__nav a{color:inherit;min-height:44px;text-decoration:none}.perlin-noise-module__Mg7tZa__nav a:hover{color:var(--experiment-ink)}.perlin-noise-module__Mg7tZa__header{padding-block:clamp(4rem,10vw,8rem) clamp(2.75rem,6vw,5rem)}.perlin-noise-module__Mg7tZa__eyebrow,.perlin-noise-module__Mg7tZa__kicker{color:#a33f2b;font-family:var(--font-code);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem}.perlin-noise-module__Mg7tZa__header h1{max-width:11ch;font-family:var(--font-editorial-display);font-optical-sizing:auto;letter-spacing:calc(-.06em + var(--font-editorial-display-tracking-adjustment));text-wrap:balance;margin:0;font-size:clamp(3.6rem,9vw,8rem);font-weight:430;line-height:.88}.perlin-noise-module__Mg7tZa__intro{max-width:42rem;color:var(--experiment-muted);font-family:var(--font-editorial-reading);font-optical-sizing:auto;text-wrap:pretty;margin:2rem 0 0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.45}.perlin-noise-module__Mg7tZa__experiment{border:1px solid var(--experiment-line);background:#faf7f0;width:min(100%,92rem);margin-inline:auto;overflow:hidden;box-shadow:0 2rem 6rem #41321e21}.perlin-noise-module__Mg7tZa__experimentHeader{border-bottom:1px solid var(--experiment-line);justify-content:space-between;align-items:end;gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.perlin-noise-module__Mg7tZa__experimentHeader h2{max-width:18ch;font-family:var(--font-editorial-display);font-optical-sizing:auto;letter-spacing:calc(-.035em + var(--font-editorial-display-tracking-adjustment));margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:450;line-height:1}.perlin-noise-module__Mg7tZa__runtimeStatus{color:#386547;font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.55rem;margin:0;font-size:.72rem;display:flex}.perlin-noise-module__Mg7tZa__runtimeStatus:before{content:"";background:currentColor;border-radius:50%;width:.55rem;height:.55rem}.perlin-noise-module__Mg7tZa__runtimeStatus[data-status=loading]{color:var(--experiment-muted)}.perlin-noise-module__Mg7tZa__runtimeStatus[data-status=error]{color:#a33f2b}.perlin-noise-module__Mg7tZa__panels{border-bottom:1px solid var(--experiment-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.perlin-noise-module__Mg7tZa__panel{border-right:1px solid var(--experiment-line);min-width:0;margin:0;padding:clamp(.75rem,2vw,1.25rem)}.perlin-noise-module__Mg7tZa__panel:last-child{border-right:0}.perlin-noise-module__Mg7tZa__panel canvas{aspect-ratio:1;image-rendering:auto;background:#131618;width:100%}.perlin-noise-module__Mg7tZa__panel figcaption{font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-top:.9rem;font-size:.68rem;display:flex}.perlin-noise-module__Mg7tZa__panelDetail{color:var(--experiment-muted);text-align:right}.perlin-noise-module__Mg7tZa__readout{border-bottom:1px solid var(--experiment-line);grid-template-columns:auto auto 1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:1.25rem clamp(1.5rem,3vw,2.5rem);display:grid}.perlin-noise-module__Mg7tZa__readout div{gap:.3rem;display:grid}.perlin-noise-module__Mg7tZa__metricLabel,.perlin-noise-module__Mg7tZa__metricValue{font-family:var(--font-code)}.perlin-noise-module__Mg7tZa__metricLabel{color:var(--experiment-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.65rem}.perlin-noise-module__Mg7tZa__metricValue{font-size:1rem;font-weight:500}.perlin-noise-module__Mg7tZa__readout p{color:#386547;font-family:var(--font-editorial-reading);text-align:right;margin:0;font-size:1.1rem;font-style:italic}.perlin-noise-module__Mg7tZa__controls{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.perlin-noise-module__Mg7tZa__controls label{color:var(--experiment-muted);grid-template-columns:1fr auto;gap:.7rem 1rem;font-size:.78rem;display:grid}.perlin-noise-module__Mg7tZa__controls output{color:#a33f2b;font-family:var(--font-code)}.perlin-noise-module__Mg7tZa__controls input{accent-color:#a33f2b;cursor:pointer;grid-column:1/-1;width:100%;min-height:2.75rem}.perlin-noise-module__Mg7tZa__controls button{min-height:2.75rem;color:var(--experiment-ink);cursor:pointer;background:0 0;border:1px solid #94897a;border-radius:999px;padding-inline:1.1rem}.perlin-noise-module__Mg7tZa__controls button:hover:not(:disabled){color:#a33f2b;border-color:#a33f2b}.perlin-noise-module__Mg7tZa__controls button:disabled{cursor:not-allowed;opacity:.42}.perlin-noise-module__Mg7tZa__errorMessage{border-bottom:1px solid var(--experiment-line);color:#8d2f20;background:#f7dfd6;margin:0;padding:1rem clamp(1.5rem,3vw,2.5rem)}.perlin-noise-module__Mg7tZa__controls button:focus-visible,.perlin-noise-module__Mg7tZa__controls input:focus-visible,.perlin-noise-module__Mg7tZa__nav a:focus-visible{outline-offset:3px;outline:3px solid #a33f2b}.perlin-noise-module__Mg7tZa__notes{color:var(--experiment-muted);padding-block:2rem 5rem;font-size:.88rem;line-height:1.6}.perlin-noise-module__Mg7tZa__notes p{max-width:46rem;margin:0}.perlin-noise-module__Mg7tZa__threeExperiment{border:1px solid var(--experiment-line);background:#faf7f0;width:min(100%,92rem);margin:clamp(3rem,8vw,7rem) auto 0;overflow:hidden;box-shadow:0 2rem 6rem #41321e21}.perlin-noise-module__Mg7tZa__threeHeader{border-bottom:1px solid var(--experiment-line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.perlin-noise-module__Mg7tZa__threeHeader h2{max-width:15ch;font-family:var(--font-editorial-display);font-optical-sizing:auto;letter-spacing:calc(-.045em + var(--font-editorial-display-tracking-adjustment));margin:0;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:450;line-height:.95}.perlin-noise-module__Mg7tZa__threeHeader>div>p:last-child{max-width:42rem;color:var(--experiment-muted);margin:1.25rem 0 0;line-height:1.55}.perlin-noise-module__Mg7tZa__threeMetric{font-family:var(--font-code);text-align:right;justify-items:end;gap:.35rem;display:grid}.perlin-noise-module__Mg7tZa__threeMetric span,.perlin-noise-module__Mg7tZa__threeMetric small{color:var(--experiment-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.perlin-noise-module__Mg7tZa__threeMetric strong{font-size:1.5rem;font-weight:500}.perlin-noise-module__Mg7tZa__threeMetric small[data-status=ready]{color:#386547}.perlin-noise-module__Mg7tZa__threeMetric small[data-status=error]{color:#a33f2b}.perlin-noise-module__Mg7tZa__threeCanvasFrame{background:#111517;height:min(68vw,46rem);min-height:32rem;position:relative}.perlin-noise-module__Mg7tZa__threeCanvas{width:100%;height:100%}.perlin-noise-module__Mg7tZa__threeLegend{color:#e5dbc8;font-family:var(--font-code);letter-spacing:.1em;pointer-events:none;text-align:center;text-transform:uppercase;grid-template-columns:1fr 1fr;font-size:.68rem;display:grid;position:absolute;bottom:1.25rem;left:1.5rem;right:1.5rem}.perlin-noise-module__Mg7tZa__threeControls{grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:1.25rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.perlin-noise-module__Mg7tZa__threeControls label{color:var(--experiment-muted);grid-template-columns:1fr auto;gap:.65rem 1rem;font-size:.76rem;display:grid}.perlin-noise-module__Mg7tZa__threeControls output{color:#a33f2b;font-family:var(--font-code)}.perlin-noise-module__Mg7tZa__threeControls input{accent-color:#a33f2b;cursor:pointer;grid-column:1/-1;width:100%;min-height:2.75rem}.perlin-noise-module__Mg7tZa__threeControls input:disabled{cursor:not-allowed;opacity:.48}.perlin-noise-module__Mg7tZa__threeControlActions{gap:.65rem;display:flex}.perlin-noise-module__Mg7tZa__threeControls button{min-height:2.75rem;color:var(--experiment-ink);cursor:pointer;background:0 0;border:1px solid #94897a;border-radius:999px;padding-inline:1.1rem}.perlin-noise-module__Mg7tZa__threeControls button:hover:not(:disabled){color:#a33f2b;border-color:#a33f2b}.perlin-noise-module__Mg7tZa__threeControls button:disabled{cursor:not-allowed;opacity:.42}.perlin-noise-module__Mg7tZa__threeControls button:focus-visible,.perlin-noise-module__Mg7tZa__threeControls input:focus-visible{outline-offset:3px;outline:3px solid #a33f2b}.perlin-noise-module__Mg7tZa__threeLoading{min-height:32rem;color:var(--experiment-muted);font-family:var(--font-code);letter-spacing:.1em;text-transform:uppercase;place-items:center;font-size:.72rem;display:grid}@media (max-width:980px){.perlin-noise-module__Mg7tZa__panels{grid-template-columns:repeat(2,minmax(0,1fr))}.perlin-noise-module__Mg7tZa__panel:nth-child(2){border-right:0}.perlin-noise-module__Mg7tZa__panel:last-child{border-top:1px solid var(--experiment-line);border-right:1px solid var(--experiment-line);grid-column:1/-1;width:50%}.perlin-noise-module__Mg7tZa__controls,.perlin-noise-module__Mg7tZa__threeControls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.perlin-noise-module__Mg7tZa__header h1{font-size:clamp(3.4rem,18vw,5.2rem)}.perlin-noise-module__Mg7tZa__experimentHeader{flex-direction:column;align-items:start}.perlin-noise-module__Mg7tZa__panels,.perlin-noise-module__Mg7tZa__controls,.perlin-noise-module__Mg7tZa__readout{grid-template-columns:1fr}.perlin-noise-module__Mg7tZa__panel,.perlin-noise-module__Mg7tZa__panel:nth-child(2),.perlin-noise-module__Mg7tZa__panel:last-child{border-top:0;border-right:0;border-bottom:1px solid var(--experiment-line);grid-column:auto;width:auto}.perlin-noise-module__Mg7tZa__panel:last-child{border-bottom:0}.perlin-noise-module__Mg7tZa__readout{gap:1.25rem}.perlin-noise-module__Mg7tZa__readout p{text-align:left}.perlin-noise-module__Mg7tZa__threeHeader,.perlin-noise-module__Mg7tZa__threeControls{grid-template-columns:1fr}.perlin-noise-module__Mg7tZa__threeMetric{text-align:left;justify-items:start}.perlin-noise-module__Mg7tZa__threeCanvasFrame{height:32rem;min-height:0}}