.bench{padding:clamp(24px, 3.4vw, 44px) var(--gutter) 0}.bench__head{border-bottom:var(--hair) solid var(--rule);grid-template-columns:auto minmax(0,1fr);align-items:end;gap:12px clamp(24px,4vw,64px);margin-bottom:clamp(20px,2.4vw,32px);padding-bottom:clamp(20px,2.4vw,32px);display:grid}.bench__head h1{letter-spacing:-.03em;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:.95}.bench__head p{max-width:62ch;font-size:var(--fs-body);color:var(--ink-soft)}.bench__layout{grid-template-columns:minmax(0,1fr) minmax(320px,390px);align-items:start;gap:clamp(24px,3vw,44px);display:grid}.bench__stage{border:var(--hair) solid var(--rule);background:var(--stock);height:clamp(420px,62vh,660px);position:relative;overflow:hidden}.bench__engraving{object-fit:cover;object-position:center 12%;width:100%;height:100%;position:absolute;inset:0}.bench__pattern{width:100%;height:100%;position:absolute;inset:0}.bench__type{padding:clamp(20px,3vw,40px);position:absolute;inset:0;overflow:hidden}.bench__type p{text-wrap:pretty;font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.22}.bench__glass{color:var(--ink);cursor:grab;touch-action:none;place-items:center;display:grid;position:absolute}.bench__glass:active{cursor:grabbing}.bench__grip{opacity:.45;width:22px;height:22px}.bench__stage-bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;margin-top:14px;display:flex}.bench__reset{font-size:var(--fs-ui);padding:10px 16px}.bench__figure{border-top:var(--hair) solid var(--rule-faint);gap:14px;max-width:760px;margin-top:clamp(28px,3vw,44px);padding-top:clamp(20px,2.4vw,28px);display:grid}.bench__panel{overscroll-behavior:contain;border:var(--hair) solid var(--rule);background:var(--stock-raised);scrollbar-width:thin;gap:0;max-height:calc(100vh - 104px);padding:0 20px 20px;display:grid;position:sticky;top:88px;overflow-y:auto}.bench__group{border-bottom:var(--hair) solid var(--rule-faint);padding:16px 0 18px}.bench__group h2{font-family:var(--font-text);font-size:var(--fs-ui);letter-spacing:.08em;color:var(--ink);margin-bottom:12px;font-variant-caps:all-small-caps;font-weight:600;font-stretch:100%}.bench__controls{gap:14px;display:grid}.bench__panel .switch{font-weight:600;font-size:var(--fs-ui);line-height:1.3;font-family:var(--font-display)}.bench__panel .code{margin-top:18px}.bench__panel .code pre{font-size:var(--fs-ui)}.profile-icon{flex:none;width:26px;height:17px}.bench__tint{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;display:grid}.bench__tint>.scale__label{grid-column:1/-1}.bench__tint input[type=color]{border:var(--hair) solid var(--rule);cursor:pointer;background:0 0;border-radius:50%;width:38px;height:38px;padding:0}.bench__tint input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.bench__tint input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.bench__sun{align-items:center;gap:16px;display:flex}@media (width<=1080px){.bench__head,.bench__layout{grid-template-columns:minmax(0,1fr)}.bench__panel{max-height:none;position:static}}@media (width<=640px){.bench__stage{height:380px}}