.sm-demo{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:clamp(24px,5vw,70px);align-items:start;margin:60px 0 28px;padding:44px 0;border-top:1px solid #d8d2c7;color:#292b29}.sm-demo__intro{max-width:37ch;padding-top:12px}.sm-demo__eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#77654b;font-weight:700;margin:0 0 16px}.sm-demo h2{font-family:Georgia,serif;font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0 0 21px}.sm-demo__intro>p:not(.sm-demo__eyebrow){font-size:14px;line-height:1.7;color:#606459}.sm-demo__intro .sm-demo__disclosure{padding:14px 16px;border-left:2px solid #b6a17c;background:#f6f3eb;margin:25px 0 16px}.sm-demo__intro .sm-demo__scope{font-size:12px!important}.sm-demo__selector{border:0;padding:0;margin:0;min-width:0;display:flex;flex-wrap:wrap;gap:8px;position:relative}.sm-demo__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.sm-demo__tab{flex:1 1 20%;display:flex;justify-content:center;align-items:center;min-height:46px;padding:10px 14px;border:1px solid #c7c1b6;border-radius:3px;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;background:#fff;text-align:center}.sm-demo__input:checked+.sm-demo__tab{background:#eee9dd;border-color:#8d7c5b;color:#292b29}.sm-demo__input:focus-visible+.sm-demo__tab{outline:2px solid #775934;outline-offset:3px}.sm-demo__views{width:100%;min-width:0;margin-top:7px}.sm-demo__view{display:none;margin:0}.sm-demo__input--before:checked~.sm-demo__views .sm-demo__view--before,.sm-demo__input--after:checked~.sm-demo__views .sm-demo__view--after,.sm-demo__input--detail:checked~.sm-demo__views .sm-demo__view--detail{display:block}.sm-demo__view img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#faf8f3;border:1px solid #e0dbd0;border-radius:7px}.sm-demo__view figcaption{font-size:12px;line-height:1.6;color:#606459;padding-top:10px}@media(max-width:749px){.sm-demo{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:35px;padding-top:28px}.sm-demo__intro{max-width:none;padding:0}.sm-demo h2{font-size:29px;margin-bottom:15px}.sm-demo__intro .sm-demo__disclosure{margin:15px 0 10px}.sm-demo__tab{min-height:48px;padding:10px;font-size:14px}.sm-demo__view img{border-radius:5px}}@media(prefers-reduced-motion:reduce){.sm-demo *{scroll-behavior:auto;transition:none}}