{"version":3,"file":"blocks/StickySection/style-index.css","mappings":";;;AAAA;EACC;AACD;;AAEA;EACC;EACA;EACA;EACA;AACD;AAGE;EACC;AADH;AAAE;EACC;AAEH;AAHE;EACC;AAKH;AANE;EACC;AAQH;AATE;EACC;AAWH;AAZE;EACC;AAcH;AAfE;EACC;AAiBH;AAlBE;EACC;AAoBH;AArBE;EACC;AAuBH;AAxBE;EACC;AA0BH;AA3BE;EACC;AA6BH;AA9BE;EACC;AAgCH;AAjCE;EACC;AAmCH;AApCE;EACC;AAsCH;AAvCE;EACC;AAyCH;AA1CE;EACC;AA4CH;AA7CE;EACC;AA+CH;AAhDE;EACC;AAkDH;AAnDE;EACC;AAqDH;AAtDE;EACC;AAwDH;AAnDC;EACC;EACA;EACA;EACA;EACA;AAqDF;;AAhDA;EACC;IACC;EAmDA;EAhDD;IACC;EAkDA;AACF;AA7CA;EACC;IAEC;IACA;EA8CA;EA3CA;IACC;IACA;IACA;IACA;IACA;IACA;EA6CD;EAzCA;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EA2CD;AACF,C","sources":["webpack://brandy-blocks/./src/blocks/StickySection/style.scss"],"sourcesContent":[".wp-block-brandy-sticky-sections {\n\tposition: relative;\n}\n\n.brandy-sticky-section {\n\tposition: sticky;\n\ttop: 0;\n\tmin-height: var(--sticky-section-height, 100vh);\n\toverflow: hidden;\n\n\t// Ascending z-index — later sections stack on top\n\t@for $i from 1 through 20 {\n\t\t&:nth-child(#{$i}) {\n\t\t\tz-index: #{$i};\n\t\t}\n\t}\n\n\t// Inner wrapper receives cover effects via CSS variables\n\t> .brandy-sticky-section__inner {\n\t\ttransform: scale(var(--sticky-cover-scale, 1));\n\t\topacity: var(--sticky-cover-opacity, 1);\n\t\ttransition: transform 0.1s ease-out, opacity 0.1s ease-out;\n\t\twill-change: transform, opacity;\n\t\tmin-height: inherit;\n\t}\n}\n\n// Respect reduced motion\n@media (prefers-reduced-motion: reduce) {\n\t.brandy-sticky-section > .brandy-sticky-section__inner {\n\t\ttransition: none;\n\t}\n\n\t.brandy-sticky-sections--horizontal .brandy-sticky-sections__track {\n\t\twill-change: auto;\n\t}\n}\n\n// ---------- Horizontal scroll type ----------\n// Desktop only; mobile falls back to stacked layout.\n@media (min-width: 1024px) {\n\t.brandy-sticky-sections--horizontal {\n\t\t// Scroll room: each child = one viewport height of scroll distance\n\t\theight: calc(var(--sticky-child-count, 1) * 100vh);\n\t\toverflow: clip;\n\n\t\t// Sticky track pins to viewport while parent scrolls\n\t\t.brandy-sticky-sections__track {\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\t\t\theight: 100vh;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\twill-change: transform;\n\t\t}\n\n\t\t// Each section fills the parent width\n\t\t.brandy-sticky-section {\n\t\t\tposition: relative;\n\t\t\ttop: auto;\n\t\t\tmin-width: 100%;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 100vh;\n\t\t\tflex-shrink: 0;\n\t\t\tz-index: auto;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}