.creative-instrument{color:rgb(var(--color-ink));--anatomy-mono:var(--font-ui);--anatomy-card:rgb(var(--color-surface));--anatomy-paper:rgb(var(--color-surface));--anatomy-weight:.65px}.dark .creative-instrument.iso{--anatomy-card:#141a16;--anatomy-paper:#141a16;--anatomy-face:#1e2721;--anatomy-top:#202a23;--anatomy-text:#d4dcd1;--anatomy-strong:#f0f2e9;--anatomy-muted:#9eac9d;--anatomy-shade-0:#101612;--anatomy-shade-1:#151c17;--anatomy-shade-2:#1a221c;--anatomy-shade-3:#1e2721;--anatomy-lit-top:#29392d;--anatomy-lit-shade:#26352b;--anatomy-hi:#e2e8dd;--anatomy-mid:#91a18f;--anatomy-lo:#50604f;--anatomy-faint:#344333;--anatomy-lit:#fff;--anatomy-dot:#e6e6e6}.instrument-page{padding-top:clamp(1.5rem,4vw,4rem);padding-bottom:6rem}.instrument-page-heading{max-width:56rem;margin-bottom:clamp(2rem,5vw,4rem)}.instrument-page-heading>a{color:rgb(var(--color-moss));text-underline-offset:5px;margin-bottom:1.75rem;display:inline-block}.instrument-page-heading h1{letter-spacing:-.055em;max-width:15ch;font-size:clamp(3rem,6.5vw,6.3rem);font-weight:600;line-height:.98}.instrument-page-heading p{max-width:45rem;margin-top:1.75rem;font-size:clamp(1.0625rem,1.6vw,1.3rem);line-height:1.6}.instrument-layout{grid-template-columns:minmax(0,1.8fr) minmax(17rem,1fr);align-items:start;gap:clamp(2rem,4vw,4.5rem);display:grid}.instrument-picture,.instrument-controls{min-width:0}.creative-instrument .iso-figure{margin:0 0 2rem}.creative-instrument .iso-plate{box-shadow:none;border:1px solid rgb(var(--color-ink)/.18);border-radius:0;padding:42px 8px 45px}.creative-instrument .iso-plate-corner{letter-spacing:0;text-transform:none;font-family:inherit;font-size:.75rem}.creative-instrument .iso-plate-corner[data-corner=title],.creative-instrument .iso-plate-corner[data-corner=hint]{letter-spacing:0;text-transform:none;font-size:.75rem}.creative-instrument .iso-plate-corner[data-corner=readout]{color:rgb(var(--color-ink));font-size:.75rem}.creative-instrument .iso-legend{color:rgb(var(--color-ink));font-size:.875rem;line-height:1.6}.instrument-controls h2,.instrument-sample-heading h2{letter-spacing:-.035em;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:600;line-height:1.12}.instrument-controls>p{margin-top:1rem;font-size:1rem;line-height:1.65}.instrument-controls>label{margin-top:1.7rem;display:block}.instrument-controls label>span{justify-content:space-between;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;display:flex}.instrument-controls output{font-variant-numeric:tabular-nums;font-weight:600}.instrument-controls input[type=range]{width:100%;min-height:44px;accent-color:rgb(var(--color-moss));cursor:pointer;touch-action:pan-y;margin-top:.25rem}.instrument-controls small{color:rgb(var(--color-ink)/.8);font-size:.8125rem;line-height:1.5;display:block}.instrument-meter{font-variant-numeric:tabular-nums;gap:.45rem;margin:1.5rem 0;padding:.5rem 0;display:grid}.instrument-meter strong{font-size:1.0625rem;font-weight:600;line-height:1.45}.instrument-meter span{font-size:.875rem;line-height:1.4}.instrument-controls button{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-ink)/.2);cursor:pointer;border-radius:0;min-height:44px;padding:.7rem 1rem;font-size:.9375rem;font-weight:500;line-height:1.4;transition:background .18s,border-color .18s}.instrument-controls button:hover{border-color:rgb(var(--color-ink)/.6)}.instrument-controls button[aria-pressed=true]{background:rgb(var(--color-mist));border-color:rgb(var(--color-moss))}.instrument-controls .instrument-primary{background:rgb(var(--color-moss));color:rgb(var(--color-paper));border-color:rgb(var(--color-moss));width:100%}.instrument-controls :is(button,input):focus-visible{outline:2px solid rgb(var(--color-moss));outline-offset:5px}.instrument-controls p.instrument-status{min-height:2.7rem;font-size:.8125rem;line-height:1.55}.instrument-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;min-width:0;margin-top:1.75rem;display:grid}.instrument-presets legend{margin-bottom:.8rem;font-size:1.125rem;font-weight:600}.instrument-controls p.instrument-lesson{min-height:4.5rem}.instrument-sample-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.instrument-sample-heading h2{max-width:18ch}.instrument-sample-heading>span{font-variant-numeric:tabular-nums;font-size:.875rem}.exposure-sample{overflow:hidden}.exposure-sample>svg{background:#c3d5d8;width:100%;height:auto;display:block}.exposure-sample>p{margin-top:.8rem;font-size:.875rem;line-height:1.6}.exposure-photograph{aspect-ratio:3/2;background:#a7a39c;position:relative;overflow:hidden}.exposure-photograph>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.exposure-photograph>canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.exposure-grain-fallback{pointer-events:none;mix-blend-mode:soft-light;width:100%;height:100%;position:absolute;inset:0}.instrument-controls .exposure-auto{justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:1.25rem;display:flex}.exposure-auto>span{font-weight:600}.instrument-controls p.exposure-auto-note{margin-top:.6rem;font-size:.8125rem;line-height:1.55}.exposure-focus{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;min-width:0;margin-top:1.2rem;display:grid}.exposure-focus legend{margin-bottom:.7rem;font-size:.875rem;font-weight:500}.exposure-focus button{border:1px solid rgb(var(--color-ink)/.2);cursor:pointer;background:0 0;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:48px;padding:.7rem;font-size:.875rem;display:flex}.exposure-focus button[aria-pressed=true]{background:rgb(var(--color-mist)/.6);border-color:rgb(var(--color-moss));font-weight:600}.exposure-focus button>span{background:var(--box-color);flex-shrink:0;width:.6rem;height:.6rem}.exposure-focus button>small{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.exposure-focus button:focus-visible,.exposure-mechanism summary:focus-visible{outline:2px solid rgb(var(--color-moss));outline-offset:4px}.exposure-sample>p.exposure-preview-note{color:rgb(var(--color-ink)/.65);font-size:.75rem}.exposure-mechanism{border-top:1px solid rgb(var(--color-ink)/.2);margin-top:1.75rem;padding-top:.5rem}.exposure-mechanism summary{cursor:pointer;padding:1rem 0;font-size:1rem;font-weight:500}.exposure-mechanism .iso-svg{min-height:0;max-height:330px}.exposure-mechanism .iso-plate{background:0 0;border:0}.instrument-button-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.instrument-notes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;max-width:64rem;margin-top:5rem;display:grid}.instrument-notes h2{letter-spacing:-.03em;margin-bottom:1rem;font-size:1.75rem;font-weight:600;line-height:1.15}.instrument-notes p,.instrument-notes li{font-size:.9375rem;line-height:1.75}.instrument-notes ul{padding-left:1.25rem;list-style:outside}.instrument-notes a{text-underline-offset:4px;text-decoration:underline}.instrument-project-card{background:rgb(var(--color-mist)/.35);grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);padding:clamp(1.25rem,3vw,2.75rem);display:grid}.instrument-project-card>img{justify-self:center;width:100%;max-width:20rem;height:auto}.instrument-project-card>.instrument-project-media{justify-self:center;width:100%;min-width:0;max-width:20rem;margin:0}.instrument-project-media>svg{width:100%;height:auto;display:block}.instrument-project-media .periodic-table-thumbnail{background:0 0}.instrument-project-card+.instrument-project-card{margin-top:1.5rem}.instrument-project-card h3{letter-spacing:-.045em;font-size:clamp(1.6rem,2.25vw,2.25rem);font-weight:600;line-height:1.05}.instrument-project-card p{max-width:40ch;margin-top:1rem;font-size:1rem;line-height:1.65}.instrument-project-card a{text-underline-offset:6px;min-height:44px;margin-top:1.4rem;padding-top:.5rem;font-size:1rem;text-decoration:underline;display:inline-block}.instrument-project-card .creative-instrument .iso-figure{margin:0}.instrument-project-card .iso-plate{background:0 0;border:0;padding:10px}.instrument-project-card .iso-plate-corners,.instrument-project-card .iso-legend{display:none}.instrument-project-card .iso-svg{max-height:21rem}@media (max-width:1050px){.instrument-layout{grid-template-columns:minmax(0,1.5fr) minmax(16rem,1fr);gap:1.75rem}.creative-instrument .iso-plate-corner[data-corner=readout]{bottom:-14px}.creative-instrument .iso-plate-corner[data-corner=hint]{bottom:4px}}@media (max-width:800px){.instrument-layout{grid-template-columns:1fr}.instrument-controls{max-width:none}.instrument-controls>label{margin-top:1.25rem}.instrument-notes{gap:2rem;margin-top:3rem}.instrument-project-card{grid-template-columns:1fr 1fr;gap:1rem}.creative-instrument .iso-svg{min-height:200px}.instrument-controls p.instrument-lesson{min-height:0}.instrument-page-heading h1{font-size:clamp(3rem,8vw,5rem)}}@media (max-width:560px){.instrument-page-heading{margin-bottom:2rem}.instrument-page-heading h1{font-size:3rem}.instrument-page-heading p{margin-top:1.5rem}.instrument-page-heading>a{margin-bottom:1.5rem}.creative-instrument .iso-plate{padding:40px 0 60px}.creative-instrument .iso-plate-corners{inset:16px 12px}.creative-instrument .iso-plate-corner[data-corner=readout]{text-align:right;bottom:0;left:0;right:0}.creative-instrument .iso-plate-corner[data-corner=hint]{bottom:20px}.instrument-notes{grid-template-columns:1fr}.instrument-sample-heading h2{max-width:22ch}.instrument-project-card{grid-template-columns:1fr;padding:1.25rem}.instrument-project-card>img{max-width:16rem}.instrument-project-card .iso-svg{min-height:0}.instrument-project-card .iso-plate{padding:0}}@media (prefers-reduced-motion:reduce){.creative-instrument *{transition:none!important;animation:none!important}}@media (max-width:560px){.instrument-project-card>.instrument-project-media{max-width:16rem}}