.orchard-spotlight-carousel{--orchard-spotlight-movement: 60px;--orchard-spotlight-height: min(100svh, 56.25vw );position:relative;isolation:isolate;width:100%;height:var(--orchard-spotlight-height);min-height:min(500px,100svh);overflow:hidden;background:#0b1110;color:#fff;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.orchard-spotlight-carousel *,.orchard-spotlight-carousel *:before,.orchard-spotlight-carousel *:after{box-sizing:border-box}.orchard-spotlight-carousel__stage,.orchard-spotlight-carousel__scroller{position:absolute;inset:0}.orchard-spotlight-carousel__stage{z-index:6;overflow:hidden;pointer-events:none}.orchard-spotlight-carousel__slide{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;will-change:transform,opacity}.orchard-spotlight-carousel__ambient{position:absolute;z-index:0;inset:-48px;width:calc(100% + 96px);height:calc(100% + 96px);object-fit:cover;filter:blur(28px) brightness(.78) saturate(1.08);transform:scale(1.06);user-select:none;-webkit-user-drag:none}.orchard-spotlight-carousel__artwork{position:absolute;z-index:1;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover;user-select:none;backface-visibility:hidden;-webkit-user-drag:none}.orchard-spotlight-carousel__slide:after{position:absolute;z-index:2;inset:0;background:linear-gradient(to top,rgba(3,5,5,.98) 0%,rgba(3,5,5,.54) 30%,transparent 62%),linear-gradient(to right,rgba(0,0,0,.12),transparent 30%,transparent 70%,rgba(0,0,0,.08));content:""}.orchard-spotlight-carousel__content{position:absolute;z-index:3;right:max(clamp(28px,6vw,96px),env(safe-area-inset-right));bottom:clamp(36px,7vh,64px);left:max(clamp(28px,6vw,96px),env(safe-area-inset-left));display:grid;grid-template-areas:"title actions" "subtitle actions";grid-template-columns:max-content max-content;align-items:center;justify-items:start;column-gap:clamp(18px,2.2vw,32px);text-align:left;pointer-events:none;will-change:opacity;transition:opacity .58s cubic-bezier(.33,0,.2,1)}.orchard-spotlight-carousel.is-interacting .orchard-spotlight-carousel__content,.orchard-spotlight-carousel__slide:not(.is-active) .orchard-spotlight-carousel__content{opacity:0;transition-duration:.64s;transition-delay:60ms;transition-timing-function:cubic-bezier(.4,0,.6,1)}.orchard-spotlight-carousel.is-interacting .orchard-spotlight-carousel__actions,.orchard-spotlight-carousel__slide:not(.is-active) .orchard-spotlight-carousel__actions{pointer-events:none}.orchard-spotlight-carousel__title,.orchard-spotlight-carousel__subtitle{margin:0;font-family:Rockwell,Rockwell Extra Bold,Roboto Slab,Georgia,serif;text-wrap:balance}.orchard-spotlight-carousel__title{grid-area:title;font-size:clamp(2.75rem,7.2vw,4.5rem);font-weight:800;line-height:.9;letter-spacing:-.035em;text-shadow:0 2px 24px rgba(0,0,0,.22)}.orchard-spotlight-carousel__subtitle{grid-area:subtitle;justify-self:center;margin-top:.18em;font-size:clamp(1.35rem,3.8vw,2.25rem);font-weight:700;line-height:1;letter-spacing:-.02em}.orchard-spotlight-carousel__actions{grid-area:actions;align-self:end;display:flex;pointer-events:auto}.orchard-spotlight-carousel__play{display:inline-flex;width:150px;height:46px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;appearance:none;cursor:pointer;background:#fff;color:#080909;box-shadow:0 0 0 1px #fff0,0 0 #fff0,0 0 #fff0;font:inherit;font-weight:700;transition:transform .12s ease,filter .9s cubic-bezier(.4,0,.2,1),box-shadow .85s cubic-bezier(.4,0,.2,1)}.orchard-spotlight-carousel__play:hover{filter:brightness(1.08);box-shadow:0 0 0 1px #ffffffe6,0 0 20px #ffffffb8,0 0 46px #ffffff6b}.orchard-spotlight-carousel__play:active{transform:scale(.97)}.orchard-spotlight-carousel__play:focus-visible{outline:3px solid rgba(255,255,255,.78);outline-offset:3px}.orchard-spotlight-carousel__play-icon{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor;transform:translate(1px)}.orchard-spotlight-carousel__scroller{z-index:5;overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.orchard-spotlight-carousel__scroller.is-dragging{scroll-snap-type:none}.orchard-spotlight-carousel__scroller::-webkit-scrollbar{display:none}.orchard-spotlight-carousel__scroller:active{cursor:grabbing}.orchard-spotlight-carousel__scroller:focus-visible{outline:2px solid rgba(255,255,255,.72);outline-offset:-6px}.orchard-spotlight-carousel__scroll-space{display:flex;height:100%}.orchard-spotlight-carousel__snap-point{flex:0 0 calc(100% / var(--orchard-spotlight-slide-count));height:100%;scroll-snap-align:start;scroll-snap-stop:always}.orchard-spotlight-carousel__pagination{position:absolute;z-index:15;bottom:max(32px,calc(env(safe-area-inset-bottom) + 18px));left:50%;display:flex;align-items:center;gap:7px;transform:translate(-50%)}.orchard-spotlight-carousel__page{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#fff6;cursor:pointer;transition:width .18s ease,background-color .18s ease,transform .14s ease}.orchard-spotlight-carousel__page:hover{background:#ffffffb8;transform:scale(1.12)}.orchard-spotlight-carousel__page.is-active{width:24px;background:#fffffff2}.orchard-spotlight-carousel__page:focus-visible{outline:2px solid #fff;outline-offset:3px}.orchard-spotlight-carousel__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.orchard-spotlight-carousel{--orchard-spotlight-movement: 36px;--orchard-spotlight-height: 100svh;min-height:min(520px,100svh)}.orchard-spotlight-carousel__content{right:max(24px,env(safe-area-inset-right));bottom:72px;left:max(24px,env(safe-area-inset-left))}.orchard-spotlight-carousel__pagination{bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));gap:6px}.orchard-spotlight-carousel__page.is-active{width:20px}.orchard-spotlight-carousel__title{font-size:clamp(2.55rem,13vw,3.6rem)}.orchard-spotlight-carousel__subtitle{font-size:clamp(1.25rem,7vw,1.8rem)}}@media(max-width:420px){.orchard-spotlight-carousel__content{grid-template-areas:"title" "subtitle" "actions";grid-template-columns:max-content}.orchard-spotlight-carousel__actions{margin-top:16px}}@media(min-aspect-ratio:4 / 3){.orchard-spotlight-carousel__artwork{inset:50% auto auto 50%;width:auto;max-width:100%;height:auto;max-height:min(100%,780px);object-fit:contain;object-position:center;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 91%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 16%,#000 84%,transparent 100%);mask-composite:intersect}.orchard-spotlight-carousel__content{bottom:clamp(70px,10svh,96px)}}@media(max-height:650px)and (orientation:landscape){.orchard-spotlight-carousel{--orchard-spotlight-height: 100svh;min-height:420px}.orchard-spotlight-carousel__content{bottom:62px}.orchard-spotlight-carousel__title{font-size:2.55rem}.orchard-spotlight-carousel__subtitle{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.orchard-spotlight-carousel *,.orchard-spotlight-carousel *:before,.orchard-spotlight-carousel *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
