.aesthetics-page .aesthetic-ring-section{box-sizing:border-box;width:100%;padding:0 16px;margin:0;background:#f6f6f6}
.aesthetics-page .aesthetic-ring{box-sizing:border-box;position:relative;isolation:isolate;width:100%;height:50vh;height:50lvh;overflow:hidden;border:1px solid #dedede;border-top:0;background:#f6f6f6;cursor:grab;touch-action:pan-y}
.aesthetics-page .aesthetic-ring:focus-visible{outline:2px solid #111114;outline-offset:-3px}
.aesthetics-page .aesthetic-ring.is-dragging{cursor:grabbing}
.aesthetics-page .aesthetic-ring canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}
.aesthetics-page .ring-fallback{position:absolute;inset:0;display:grid;place-items:center;margin:0}
.aesthetics-page .ring-fallback img{width:100%;height:auto;display:block}
.aesthetics-page .ring-fallback img~img,.aesthetics-page .aesthetic-ring.is-ready .ring-fallback{display:none}
.aesthetics-page .aesthetic-ring-section+.aesthetic-chapters{padding-top:0}
html.aesthetic-ring-scroll.lenis.lenis-smooth{scroll-behavior:auto!important}
html.aesthetic-ring-scroll.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
@media(min-width:768px){.aesthetics-page .aesthetic-ring{height:100vh;height:100lvh}}
@media(min-width:1024px){.aesthetics-page .aesthetic-ring-section{padding-inline:32px}}