.art-class{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(24px,4vw,64px);align-items:stretch;padding-block:54px;background:#ededed}.art-class-intro{display:flex;flex-direction:column;gap:26px;min-width:0}.art-class-copy h2{font-size:clamp(32px,4vw,62px);margin:0 0 18px}.class-members{display:block;margin:0}.class-members strong{display:block;font-size:clamp(58px,6vw,90px);margin-bottom:9px}.class-members span{font-size:16px;line-height:1.7}.art-class-photo{flex:1;min-height:140px}.art-class-photo img{height:100%;max-height:275px;width:100%;object-fit:contain;object-position:left bottom}.class-paint{min-width:0;display:flex;flex-direction:column;border:1px solid #aaa;background:#d6d6d6;box-shadow:3px 3px 0 #b7b7b7}.paint-paper{height:clamp(310px,30vw,440px);background:#fff;position:relative;margin:10px;box-shadow:inset 0 0 0 1px #999}.paint-paper canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.paint-palette{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:4px 10px 12px}.paint-tools,.paint-widths{display:flex;gap:3px}.paint-palette button{border:1px solid #aaa;background:#ededed;box-shadow:inset 1px 1px #fff,inset -1px -1px #bbb;border-radius:0;padding:0;width:36px;height:36px;display:grid;place-items:center;color:#111}.paint-palette button[aria-pressed="true"]{background:#bababa;box-shadow:inset 1px 1px #777,inset -1px -1px #fff;border-color:#555}.paint-palette button:disabled{opacity:.35;cursor:default}.paint-tools svg{width:21px;height:21px}.paint-widths i{display:block;border-radius:50%;background:#111}.paint-colors{display:grid;grid-template-columns:repeat(8,22px);gap:3px;margin-left:auto}.paint-colors button{width:22px;height:22px;background:var(--swatch);border:2px solid #aaa;box-shadow:none}.paint-colors button[aria-pressed="true"]{background:var(--swatch);border-color:#111;outline:1px solid #fff;outline-offset:-3px}.paint-palette button:focus-visible{outline:3px solid #164beb;outline-offset:2px}@media(max-width:900px){.paint-colors{margin-left:0}.art-class{grid-template-columns:1fr 1.5fr}}@media(max-width:650px){.art-class{grid-template-columns:1fr;padding:34px 20px;gap:25px}.art-class-intro{display:grid;grid-template-columns:1fr .65fr;align-items:center;gap:18px}.art-class-copy h2{font-size:31px}.class-members strong{font-size:61px}.class-members span{font-size:14px}.art-class-photo img{max-height:190px;object-position:center}.paint-paper{height:320px;margin:8px}.paint-palette{gap:8px;padding:2px 8px 10px}.paint-widths{margin-left:auto}.paint-tools button,.paint-widths button{width:32px;height:34px}.paint-colors{grid-template-columns:repeat(8,25px);gap:5px}.paint-colors button{width:25px;height:25px}}