.catalog{padding:clamp(28px, 4vw, 56px) var(--gutter) 0}.catalog__intro{border-bottom:var(--hair) solid var(--rule);gap:18px;max-width:1080px;padding:0 0 clamp(38px,5vw,68px);display:grid}.catalog__intro h1{letter-spacing:-.035em;font-size:clamp(2.4rem,11vw,6rem)}.catalog__intro>p{max-width:65ch;font-size:var(--fs-lede);color:var(--ink-soft);line-height:1.3}.catalog__intro-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:12px;display:flex}.catalog__intro-actions>a{font-family:var(--font-display);font-size:var(--fs-ui);color:var(--spot-ink);font-weight:650}.catalog__layout{grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:clamp(30px,5vw,88px);max-width:1380px;display:grid}.catalog__index{align-self:start;max-height:calc(100vh - 116px);padding:26px 0;position:sticky;top:98px;overflow-y:auto}.catalog__index>p{font-size:var(--fs-label);letter-spacing:.08em;color:var(--ink-faint);margin-bottom:14px;font-variant-caps:all-small-caps}.catalog__index ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.catalog__index a{border-top:var(--hair) solid var(--rule-faint);gap:1px;padding:10px 0;text-decoration:none;display:grid}.catalog__index a:hover span{color:var(--spot-ink)}.catalog__index a span{font-family:var(--font-display);font-size:var(--fs-ui);font-weight:650}.catalog__index a small{font-family:var(--font-text);font-size:var(--fs-ui);color:var(--ink-faint)}.catalog__body{min-width:0}.catalog__entry{border-bottom:var(--hair) solid var(--rule);gap:18px;padding:clamp(42px,5vw,76px) 0;display:grid}.catalog__entry-head{justify-content:space-between;align-items:end;gap:16px 28px;display:flex}.catalog__entry-head h2,.catalog__companions h2{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(2rem,3.6vw,3.1rem)}.catalog__entry-head p,.catalog__companions>p{max-width:66ch;color:var(--ink-soft)}.catalog__entry-head>a{font-family:var(--font-display);font-size:var(--fs-ui);color:var(--spot-ink);flex:none;padding-bottom:3px;font-weight:650}.catalog__demo{border:var(--hair) solid var(--rule-faint);background:var(--stock-deep);justify-content:center;align-items:center;gap:20px;min-height:250px;display:flex;position:relative;overflow:hidden}.catalog__demo--loader,.catalog__demo--text-field,.catalog__demo--select,.catalog__demo--checkbox,.catalog__demo--button,.catalog__demo--tabs,.catalog__demo--panel,.catalog__demo--glass,.catalog__demo--indicator,.catalog__demo--group,.catalog__demo--provider{background-image:url(/meniscus/plates/opticks-plate-2.webp);background-position:50% 36%;background-size:cover}:root[data-theme=lantern] .catalog__demo--loader,:root[data-theme=lantern] .catalog__demo--text-field,:root[data-theme=lantern] .catalog__demo--select,:root[data-theme=lantern] .catalog__demo--checkbox,:root[data-theme=lantern] .catalog__demo--button,:root[data-theme=lantern] .catalog__demo--tabs,:root[data-theme=lantern] .catalog__demo--panel,:root[data-theme=lantern] .catalog__demo--glass,:root[data-theme=lantern] .catalog__demo--indicator,:root[data-theme=lantern] .catalog__demo--group,:root[data-theme=lantern] .catalog__demo--provider{background-image:url(/meniscus/plates/opticks-plate-2-lantern.webp)}.catalog__sample-button,.catalog__provider-sample,.catalog__stage-pane{color:var(--ink);font-family:var(--font-display);font-size:var(--fs-ui);border:0;padding:15px 27px;font-weight:650}.catalog__sample-button{cursor:pointer}.catalog__sample-button[aria-pressed=true]{color:var(--spot-ink)}.catalog__demo-hint{font-size:var(--fs-ui);color:var(--ink);background:var(--stock-raised);padding:1px 6px;position:absolute;bottom:12px;left:16px}.catalog__tabs{gap:2px;padding:5px;display:flex;position:relative}.catalog__tabs button{min-width:78px;color:var(--ink);font-family:var(--font-display);font-size:var(--fs-ui);cursor:pointer;background:0 0;border:0;padding:11px 16px;position:relative}.catalog__tabs button[aria-current=page]{color:var(--spot-ink)}.catalog__complete-tabs{width:min(100%,460px);color:var(--ink);justify-items:center;gap:14px;padding:15px;display:grid}.catalog__complete-tabs [role=tab][aria-selected=true]{color:var(--spot-ink)!important}.catalog__complete-tabs [role=tabpanel]{background:var(--stock-raised);min-height:36px;font-size:var(--fs-ui);text-align:center;padding:4px 10px}.catalog__panel-sample{width:min(80%,390px)}.catalog__panel-sample h3{font-size:var(--fs-lede);margin-bottom:8px}.catalog__panel-sample p{max-width:31ch;font-size:var(--fs-ui)}.catalog__form-sample{width:min(82%,360px)}.catalog__form-sample>label{width:100%}.catalog__group{align-items:center;gap:10px;padding:30px;display:flex}.catalog__group button{color:var(--ink);font-family:var(--font-display);font-size:var(--fs-ui);cursor:pointer;background:0 0;border:0;padding:13px 23px}.catalog__stage{width:100%;height:320px}.catalog__stage-pane{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.catalog__note{font-size:var(--fs-ui);color:var(--ink-soft)}.catalog__controls{flex-wrap:wrap;gap:10px 24px;display:flex}.catalog__control{font-family:var(--font-display);font-size:var(--fs-ui);color:var(--ink);cursor:pointer;align-items:center;gap:10px;font-weight:600;display:inline-flex}.catalog__control input[type=checkbox]{width:18px;height:18px;accent-color:var(--spot);margin:0}.catalog__control input[type=range]{width:min(52vw,220px);accent-color:var(--spot)}.catalog__control output{min-width:4ch;color:var(--ink-soft)}.catalog__props-wrap{overflow-x:auto}.catalog__props{border-collapse:collapse;width:100%;min-width:560px;font-size:var(--fs-ui);line-height:1.45}.catalog__props th,.catalog__props td{vertical-align:top;text-align:left;border-bottom:var(--hair) solid var(--rule-faint);padding:10px 14px 10px 0}.catalog__props thead th{border-bottom-color:var(--rule);font-weight:600;font-size:var(--fs-label);letter-spacing:.07em;color:var(--ink-faint);padding-top:0;font-variant-caps:all-small-caps}.catalog__props tbody th code{color:var(--ink);font-weight:600}.catalog__props td{color:var(--ink-soft)}.catalog__props td code{color:var(--ink-soft);overflow-wrap:anywhere}.catalog__tabs-form{justify-items:center;gap:14px;width:min(100%,460px);padding:20px 12px;display:grid}.catalog__tabs-form .catalog__complete-tabs{width:100%;padding:0}.catalog__tabs-form [role=tabpanel]{text-align:start;background:0 0;width:100%}.catalog__submit{color:var(--ink);font-family:var(--font-display);font-weight:650}.catalog__status{background:var(--stock-raised);max-width:40ch;font-size:var(--fs-ui);text-align:center;color:var(--ink);padding:2px 8px}.catalog__group-drop{transition:translate .48s cubic-bezier(.34,1.56,.64,1)}.catalog__entry .code{margin:0}.catalog__companions{gap:20px;padding:clamp(48px,6vw,88px) 0 0;display:grid}.catalog__companions h2{margin-bottom:0}.catalog__resources{border-top:var(--hair) solid var(--rule)}.catalog__resources a{border-bottom:var(--hair) solid var(--rule-faint);font-size:var(--fs-ui);grid-template-columns:minmax(120px,190px) minmax(0,1fr) auto;align-items:baseline;gap:12px 24px;padding:19px 0;text-decoration:none;display:grid}.catalog__resources a:hover strong,.catalog__resources a:hover>span:last-child{color:var(--spot-ink)}.catalog__resources strong{font-family:var(--font-display)}.catalog__resources a>span:nth-child(2){color:var(--ink-soft)}.catalog__disclaimer{font-size:var(--fs-ui);color:var(--ink-faint)!important}@media (width<=880px){.catalog__layout{grid-template-columns:minmax(0,1fr)}.catalog__index{padding:20px 0 0;position:static}.catalog__index ul{flex-wrap:wrap;gap:8px;display:flex}.catalog__index a{border:var(--hair) solid var(--rule-faint);border-radius:999px;padding:7px 11px}.catalog__index small{display:none}}@media (width<=620px){.catalog__intro>p{font-size:var(--fs-body)}.catalog__entry-head{flex-direction:column;align-items:start}.catalog__resources a{grid-template-columns:minmax(0,1fr) auto}.catalog__resources a>span:nth-child(2){grid-area:2/1/auto/-1}.catalog__stage-pane{white-space:normal;text-align:center;max-width:calc(100% - 24px)}}.catalog__loading-page{color:var(--ink);font-weight:650;font-size:var(--fs-body);font-family:var(--font-display)}