/* Native touch inertia, stable card order, and decoded image crossfades. */
.rco-site .rco-track {display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:0;padding:4px 0 8px;cursor:grab;touch-action:pan-x pan-y pinch-zoom}
.rco-site .rco-track > figure {order:0!important;flex:0 0 calc((100% - 40px)/3)!important;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.rco-site .rco-track.rco-rail-moving,.rco-site .rco-track.rco-rail-dragging {scroll-snap-type:none}
.rco-site .rco-rail-dragging {cursor:grabbing;user-select:none}
.rco-site .rco-track img {-webkit-user-drag:none}
.rco-site .rco-dots {display:flex}
.rco-site .rco-dot {position:relative;min-height:28px;width:28px;flex:none;border-radius:0;background:none;transition:none}
.rco-site .rco-dot::before {content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:5px;background:#dcc9b0;transform:translate(-50%,-50%);transition:width .5s cubic-bezier(.22,.61,.36,1),background-color .3s}
.rco-site .rco-dot[aria-current=true] {width:28px;background:none}
.rco-site .rco-dot[aria-current=true]::before {width:22px;background:#925f29}
.rco-site .rco-dot-row {gap:0;flex-wrap:wrap;justify-content:center}
.rco-site .rco-dots .rco-round {width:44px;height:44px;flex:none}
.rco-site .rco-main,.rco-site .rco-viewer {isolation:isolate;touch-action:pan-y pinch-zoom}
.rco-site .rco-image-previous {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1;will-change:opacity}
.rco-site :is(.rco-main,.rco-viewer) > :not(.rco-photo-region):not(img) {z-index:2}
.rco-site .rco-thumbs {display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-x:contain;padding:5px 4px 10px;margin-inline:-4px}
.rco-site .rco-thumb-region {flex:0 0 calc((100% - 48px)/5);scroll-snap-align:start}
.rco-site .rco-thumb {height:100px!important;transition:opacity .35s ease,outline-color .35s ease}
.rco-site .rco-thumb img {transition:transform .6s cubic-bezier(.22,.61,.36,1)}
@media(min-width:901px){.rco-site .rco-dots {margin-top:18px}.rco-site :is(.rco-prev,.rco-next){display:none!important}}
@media(max-width:1100px){.rco-site .rco-track > figure {flex-basis:calc((100% - 20px)/2)!important}}
@media(max-width:600px){.rco-site .rco-track > figure {flex-basis:86%!important}.rco-site .rco-track{gap:16px}.rco-site .rco-dots{gap:8px}.rco-site .rco-dot{width:24px}.rco-site .rco-dot[aria-current=true]{width:24px}.rco-site .rco-thumb-region{flex-basis:calc((100% - 24px)/3)}.rco-site .rco-thumb{height:78px!important}.rco-site .rco-main{height:clamp(240px,76vw,420px)!important}.rco-site .rco-viewer{height:clamp(270px,86vw,440px)!important}}
@media(prefers-reduced-motion:reduce){.rco-site .rco-image-previous{display:none}.rco-site .rco-dot::before,.rco-site .rco-thumb{transition:none}}
html.pencil-selection-active .rco-site .rco-image-previous {display:none}
/* Content must fit the viewport, not only be hidden by the site wrapper. */
@media(max-width:900px){
 .rco-site .rco-wel-text {min-width:0!important;width:100%;max-width:760px}
 .rco-site .rco-wel-text > .pencil-richtext {max-width:100%}
 .rco-site .rco-titlerow > div {min-width:0;max-width:100%}
 .rco-site .rco-titlerow h1 {overflow-wrap:break-word}
 .rco-site .rco-book {max-width:100%}
}
@media(max-width:560px){
 .rco-site .rco-phero-art {transform:scale(.55)!important;transform-origin:top left!important;margin-left:0!important;margin-right:0!important;margin-bottom:-228px!important}
 .rco-site .rco-titlerow h1 {font-size:clamp(32px,8.8vw,44px)!important;line-height:1.12!important}
 .rco-site .rco-feat {gap:12px}
 .rco-site .rco-ctitle h1,.rco-site .rco-phero h1 {font-size:clamp(36px,10vw,46px)!important}
}
@media(max-width:380px){.rco-site .rco-phero-art {transform:scale(.45)!important;margin-bottom:-284px!important}}
@media(min-width:481px) and (max-width:560px){.rco-site .rco-phero-art {transform:scale(.68)!important;margin-bottom:-155px!important}}
