.r82-workshop { background:var(--paper); scroll-margin-top:90px; }
.r82-workshop h2 { margin-bottom:20px; }
.r82-choices { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.r82-choices button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 18px; border:1px solid var(--line-strong); border-radius:6px; background:var(--card); color:var(--ink); font:inherit; font-weight:700; cursor:pointer; }
.r82-choices button[aria-pressed="true"] { background:var(--sea); color:var(--card); border-color:var(--sea); }
.r82-stage { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); gap:30px; align-items:center; }
.r82-stage figure { margin:0; min-width:0; }
.r82-photo-button { display:block; width:100%; border:0; padding:0; background:var(--paper-2); cursor:zoom-in; }
.r82-photo-button img { display:block; width:100%; height:380px; object-fit:contain; }
.r82-stage figcaption { display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:12px; color:var(--muted); margin-top:10px; }
.r82-zoom { display:inline-flex; align-items:center; gap:5px; min-height:44px; border:1px solid var(--line-strong); border-radius:5px; padding:7px 10px; background:var(--card); color:var(--sea); font:inherit; font-weight:700; cursor:pointer; white-space:nowrap; }
.r82-story h3 { font-size:clamp(24px,2.4vw,32px); line-height:1.5; margin:0 0 18px; }
.r82-story > p { line-height:1.8; }
.r82-question { border-left:3px solid var(--sea); padding-left:14px; margin:22px 0 12px; font-weight:700; }
.r82-story > a { display:inline-flex; min-height:44px; align-items:center; color:var(--sea); font-weight:700; }
.r82-boundary { font-size:12px; color:var(--muted); margin-top:20px; }
.r82-more { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.r82-more a { display:inline-flex; align-items:center; gap:8px; color:var(--sea); min-height:44px; font-weight:700; }
.r82-dialog { width:min(1100px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid var(--line-strong); border-radius:8px; background:var(--card); color:var(--ink); padding:18px; }
.r82-dialog::backdrop { background:rgb(20 32 43 / .65); }
.r82-dialog-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:12px; }
.r82-dialog-head h3 { margin:0; font-size:18px; }
.r82-dialog-head button { min-height:44px; border:1px solid var(--line-strong); border-radius:5px; padding:8px 16px; color:var(--ink); background:var(--card); font:inherit; cursor:pointer; }
.r82-dialog > img { display:block; max-width:100%; max-height:calc(100dvh - 170px); width:auto; height:auto; margin:auto; object-fit:contain; }
.r82-dialog > p { font-size:12px; margin:12px 0 0; }
.r82-products { scroll-margin-top:90px; margin-bottom:32px; min-width:0; }
.r82-products > figure { height:360px; min-height:0; }
.r82-products #assortment-photo { max-height:280px; width:auto; max-width:100%; object-fit:contain; }
.r82-products .assortment-choices { width:100%; max-width:100%; }
#time .r77-icon { width:36px; height:36px; display:block; color:var(--sea); margin-bottom:14px; }
@media(max-width:900px) { .r82-stage { grid-template-columns:1fr; gap:20px; } .r82-photo-button img { height:auto; max-height:420px; } }
@media(max-width:420px) { .r80-quick { grid-template-columns:repeat(6,minmax(0,1fr)); } .r80-quick a { grid-column:span 2; font-size:12px; gap:4px; padding:6px 4px; } .r80-quick a:nth-child(1),.r80-quick a:nth-child(2) { grid-column:span 3; } .r80-quick .r77-icon { width:18px; height:18px; } .r82-choices { gap:6px; } .r82-choices button { width:100%; justify-content:flex-start; } .r82-stage figcaption { flex-direction:column; align-items:flex-start; } .r82-photo-button img { min-height:170px; max-height:260px; } .r82-dialog { padding:12px; } }