.design-story{border-top:1px solid rgba(140,130,110,.22);margin:1.25rem 0;padding-top:1.1rem}.design-story .design-story__eyebrow{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin:0 0 .45rem}.design-story h2{font-family:var(--font-serif,Georgia,serif);font-size:1.25rem;font-weight:400;margin:0 0 .7rem;text-wrap:balance}.design-story p{font-size:.84rem;line-height:1.65;margin:.65rem 0;text-wrap:pretty}.design-story__study{margin:1rem 0 0;display:grid;gap:.6rem}.design-story__study-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.75rem;color:var(--shop-muted,#aaa)}.design-story__study-controls button{min-height:44px;padding:.4rem .7rem;border:1px solid var(--shop-border,#444);border-radius:6px;background:transparent;color:inherit;cursor:pointer}.design-story__study-controls button:focus-visible{outline:2px solid var(--shop-gold,#d6ae5b);outline-offset:3px}.design-story__study-image{display:block;width:100%;height:auto;max-height:440px}.design-story__study-guide{stroke:#197f82}.design-story__study-square{stroke-width:.8;opacity:.38}.design-story__study-spiral{stroke-width:1.8;opacity:.9}.design-story__study figcaption{font-size:.75rem;line-height:1.6;color:var(--shop-muted,#aaa)}