.bronte-about-story{--bronte-story-vh: 100dvh;--bronte-polaroid-lift: 0 8px 24px color-mix(in srgb, var(--bronte-text-primary) 16%, transparent);background-color:var(--bronte-bg-page);padding-block:60px;padding-inline:var(--bronte-gutter)}.bronte-about-story__editor-note{margin:0;padding:var(--bronte-space-24) var(--bronte-gutter);color:var(--bronte-text-secondary);font-family:var(--bronte-font-body);font-size:var(--bronte-body-s-size);line-height:var(--bronte-body-s-lh);text-align:center}.bronte-about-story__stage{display:flex;flex-direction:column;align-items:center;gap:var(--bronte-space-80);width:100%;max-width:var(--bronte-container-max);margin-inline:auto}.bronte-about-story__chapter{width:100%}.bronte-about-story__row{display:flex;flex-direction:row;align-items:center;gap:var(--bronte-space-40);width:100%;max-width:1060px;margin-inline:auto}.bronte-about-story__body{flex:1 1 auto;min-width:0;max-width:600px;color:var(--bronte-ink-a8);font-family:var(--bronte-font-body);font-size:var(--bronte-body-m-size);font-weight:400;line-height:var(--bronte-body-m-lh)}.bronte-about-story__body>*{margin:0}.bronte-about-story__body>*+*{margin-top:1em}.bronte-about-story__frame{position:relative;order:-1;flex:0 0 340px;width:340px;aspect-ratio:340.14 / 452.786;border-radius:2px;background-color:var(--bronte-bg-page);box-shadow:var(--bronte-polaroid-lift)}.bronte-about-story__frame--empty{visibility:hidden;box-shadow:none}.bronte-about-story__photo{position:absolute;top:7.251%;left:3.243%;display:block;width:93.516%;height:70.251%;object-fit:cover}.bronte-about-story__caption{position:absolute;right:3.243%;bottom:0;left:3.243%;display:flex;align-items:center;justify-content:center;height:22.498%;margin:0;overflow:hidden;color:var(--bronte-text-secondary);font-family:var(--bronte-font-body);font-size:var(--bronte-body-13-size);font-weight:500;letter-spacing:.08em;line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap}@media(min-width:750px)and (prefers-reduced-motion:no-preference){.bronte-about-story[data-story-ready=true]{padding-block:0}.bronte-about-story[data-story-ready=true] .bronte-about-story__scroll{position:relative;height:calc(var(--bronte-story-vh) + (var(--bronte-story-count) * var(--bronte-story-step)))}.bronte-about-story[data-story-ready=true] .bronte-about-story__stage{display:block;position:sticky;top:0;isolation:isolate;gap:0;height:var(--bronte-story-vh);max-width:none}.bronte-about-story[data-story-ready=true] .bronte-about-story__chapter{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--c-z, 1);display:flex;align-items:center;width:auto;padding-block:calc(var(--bronte-space-48) + var(--header-height, 78px)) var(--bronte-space-48);pointer-events:none}.bronte-about-story[data-story-ready=true] .bronte-about-story__frame{transform:translate3d(var(--c-x, 0px),var(--c-y, 0px),0) rotate(var(--c-rot, 0deg));transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .35s ease;will-change:transform,opacity}.bronte-about-story[data-story-ready=true] .bronte-about-story__chapter[data-state=pending] .bronte-about-story__frame{opacity:0;transform:translate3d(calc(var(--c-x, 0px) * .35),calc(var(--c-y, 0px) - 72px),0) rotate(calc(var(--c-rot, 0deg) * .25)) scale(1.06)}.bronte-about-story[data-story-ready=true] .bronte-about-story__body{opacity:0;transform:translate3d(0,28px,0);transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .4s ease;will-change:transform,opacity}.bronte-about-story[data-story-ready=true] .bronte-about-story__chapter[data-state=past] .bronte-about-story__body{transform:translate3d(0,-28px,0)}.bronte-about-story[data-story-ready=true] .bronte-about-story__chapter[data-state=active] .bronte-about-story__body,.bronte-about-story[data-story-ready=true] .bronte-about-story__chapter:focus-within .bronte-about-story__body{opacity:1;transform:none;pointer-events:auto}}@media(min-width:750px){.bronte-about-story:not([data-story-ready=true]) .bronte-about-story__frame{transform:rotate(var(--c-rot, 0deg))}}@media(max-width:749px){.bronte-about-story{padding-block:var(--bronte-space-16) var(--bronte-space-40);overflow-x:clip}.bronte-about-story__stage{gap:60px}.bronte-about-story__row{flex-direction:column;align-items:center;gap:var(--bronte-space-40);max-width:none}.bronte-about-story__body{max-width:none;font-size:var(--bronte-body-s-size);line-height:var(--bronte-body-s-lh)}.bronte-about-story__frame{flex:0 0 auto;width:min(100%,300px);transform:rotate(calc(var(--c-rot, 0deg) * .45))}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/bronte-about-story.css.map */