.demo.reference-demo{overflow-y:auto;scrollbar-width:thin;container:reference / inline-size}.demo.reference-demo.demo--responsive{width:100%;height:auto;min-height:576px;overflow:visible}.concept-dialog .demo.reference-demo{width:100%;height:auto}.catalogue-context{display:grid;grid-template-columns:1fr 1fr;gap:20px}.catalogue-context p{margin:0;font-size:16px}.catalogue-context span{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}@media(max-width:600px){.catalogue-context{grid-template-columns:1fr;gap:14px}}.demo--sales.demo--responsive{overflow:clip}.demo--sales .demo-nav{top:var(--saffron-nav-top, 0px)}.saffron-journey{flex-shrink:0;position:relative;scroll-margin-top:160px}.saffron-journey.is-scrollable{min-height:calc(var(--saffron-stage-height, 520px) + 1250px)}.saffron-stage{padding-top:1px;background:var(--demo-bg);scroll-margin-top:calc(var(--saffron-top, 76px) + 8px)}.is-scrollable .saffron-stage{position:sticky;top:var(--saffron-top, 76px)}.saffron-journey .demo-botanical-controls{margin-block:16px 12px}.saffron-journey .demo-botanical-controls button{min-width:0;gap:8px;padding:8px;font-size:14px}.saffron-journey .demo-botanical-figure{display:block}.saffron-picture{position:relative;isolation:isolate;height:var(--saffron-media-height, 300px);background:#ddd6ca;overflow:hidden}.saffron-journey .saffron-picture img,.saffron-picture canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.saffron-picture canvas{opacity:0;pointer-events:none}.saffron-journey.has-frames .saffron-picture canvas:first-of-type{opacity:1}.saffron-journey:not(.has-frames) .saffron-picture canvas{opacity:0!important}.saffron-picture-label{position:absolute;z-index:1;bottom:12px;left:12px;padding:6px 10px;background:#f2ede2e6;color:#332b22;font-size:12px;letter-spacing:.05em}.saffron-journey figcaption{min-height:70px;padding-block:12px 8px;font-size:16px;line-height:1.5}.saffron-motion-controls{display:flex;align-items:center;gap:20px;padding-block:8px}.saffron-motion-controls button{min-width:118px}.saffron-motion-controls label{flex:1;min-width:0;font-size:12px}.demo .saffron-motion-controls input{appearance:auto;accent-color:#923b2b;width:100%;min-height:30px;padding:0;margin:0;border:0;background:transparent;cursor:pointer}.saffron-stage-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;padding-bottom:12px;border-bottom:1px solid var(--demo-line)}.saffron-stage-bottom>p{font-size:12px;max-width:38ch}.saffron-stage-bottom .demo-nav-link{font-weight:500!important}.demo-spice-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}@container (max-width: 600px){.demo--responsive .saffron-journey .demo-botanical-controls{flex-wrap:nowrap;gap:5px}.demo--responsive .saffron-journey .demo-botanical-controls button{flex:1;flex-direction:column;gap:3px;font-size:12px;line-height:1.4}.demo--responsive .saffron-journey .demo-botanical-figure img{height:100%}.saffron-picture-label{font-size:12px;letter-spacing:0;left:8px;bottom:8px;padding:5px 7px}.saffron-motion-controls{gap:12px}.saffron-motion-controls button{min-width:96px;padding-inline:8px}.saffron-journey figcaption{min-height:100px}}@media(prefers-reduced-motion:reduce){.saffron-journey.is-scrollable{min-height:0}.is-scrollable .saffron-stage{position:relative;top:auto}}