.scene-unfold{position:relative;isolation:isolate;margin-top:var(--fotogenic-section-start);padding:0;overflow:clip;scroll-margin-top:100px;color:#111217;font-family:var(--fotogenic-font-sans)}
.scene-unfold__pin{padding: var(--fotogenic-section-start) 32px 0;}
.scene-unfold *{box-sizing:border-box}
.scene-unfold__heading{position:relative;z-index:3;max-width:1280px;margin:0 auto 32px;text-align:center}
.fotogenic-scope .scene-unfold__heading h2{margin:0;font-family:var(--fotogenic-font-sans);text-wrap:balance}
.scene-unfold__heading h2 span{color:#7024d8;background:linear-gradient(105deg,#be185d,#9c39e8 48%,#294ee6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.fotogenic-scope .scene-unfold:not(:lang(en)):not(:dir(rtl)) { --scene-intro-measure: 48ch; }
.fotogenic-scope .scene-unfold__heading p{margin: var(--fotogenic-title-intro-gap) auto 0;max-inline-size: min(100%, var(--scene-intro-measure, 31ch));font-family:var(--fotogenic-font-sans); text-wrap: balance;}
.scene-unfold__stage{position:relative;max-width:1280px;height:clamp(380px,36vw,540px);margin:auto}.scene-unfold__depth{height:100%;position:relative}.scene-unfold__panels{position:absolute;inset:0 0 85px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-items:center}.scene-unfold__position{aspect-ratio:3/4;min-width:0;position:relative}.scene-unfold__position--0{transform:translate(14%,clamp(44px,8vh,80px)) rotate(-6deg)}.scene-unfold__position--1{transform:translateY(12px);z-index:1}.scene-unfold__position--2{transform:translateY(12px);z-index:1}.scene-unfold__position--3{transform:translate(-14%,clamp(44px,8vh,80px)) rotate(6deg)}.scene-unfold__panel{margin:0;height:100%;transform-origin:center bottom;position:relative}.scene-unfold__float{position:relative;width:100%;height:100%;border-radius:14px;box-shadow:0 26px 32px -26px #33264c70;overflow:hidden;background:#eeecf4;border:1px solid #ffffffa8}.scene-unfold__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.scene-unfold__panel figcaption{position:absolute;left:17px;top:18px;padding:10px 15px;border:1px solid #ffffffaa;border-radius:11px;background:#ffffffce;color:#282136;font:500 12px/1.2 var(--fotogenic-font-sans,Arial,sans-serif)}

.scene-unfold__set{position:absolute;inset:0}
.scene-unfold__set[hidden]{display:none}
.scene-unfold__source-position{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:clamp(160px,17vw,218px);z-index:4}
.scene-unfold__dropzone{position:relative;aspect-ratio:1.05;border-radius:20px;background:#fff;border:1px solid #e5deee;box-shadow:0 18px 36px -24px #8054b970}
.scene-unfold__drop-prompt{position:absolute;inset:0;border:2px dashed #a48ccc;border-radius:20px;background:#faf8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:12px;opacity:0;color:#615279}
.scene-unfold .scene-unfold__drop-prompt img{width:30px;height:30px;opacity:.65}
.scene-unfold__drop-prompt strong{font-size:13px;line-height:1.25;font-weight:600}
.scene-unfold__drop-prompt span{font-size:10px;line-height:1.4;color:#73677f}
.scene-unfold__product-surface{position:absolute;inset:0;border-radius:inherit;background:#fff}
.scene-unfold__source-label{position:absolute;top:12px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 12px;background:#fff;border-radius:20px;font-size:11px;line-height:1.2;font-weight:600;z-index:2}
.scene-unfold__drag{position:absolute;inset:34px 14px 12px;transform-origin:center}
.scene-unfold__source{width:100%;height:100%;position:relative;background:#fff;border-radius:10px;transform-origin:60% 60%}
.scene-unfold__source img{display:block;width:100%;height:100%;object-fit:contain}
.scene-unfold .scene-unfold__cursor{width:26px;height:34px;position:absolute;left:60%;top:60%;z-index:3;pointer-events:none;opacity:0}
@media(max-width:900px){.scene-unfold__pin{padding: var(--fotogenic-section-start) 32px 0;}.scene-unfold__heading{margin-bottom: var(--fotogenic-content-gap);}.scene-unfold__panels{gap:7px}.scene-unfold__panel figcaption{left:9px;top:12px;padding:8px 10px;font-size:11px}}
@media(min-width:701px){.scene-unfold__position--0 figcaption{left:28px}.scene-unfold__position--3 figcaption{left:auto;right:28px}}
@media(min-width:701px) and (max-width:900px){.scene-unfold__stage{height:330px}}
@media(max-width:900px){.fotogenic-scope .scene-unfold__heading h2{font-size: var(--fotogenic-type-section-title);line-height: var(--fotogenic-leading-title);}}
@media(max-width:700px){.scene-unfold{margin-top:0}.scene-unfold__heading{margin-bottom: var(--fotogenic-content-gap);}.scene-unfold__stage{height:calc((min(440px,100vw - 40px) - 22px) * 1.3333 + 150px);max-width:440px}.scene-unfold__panels{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:28px 12px;inset:0 5px 110px;perspective:none}.scene-unfold__position{height:auto;transform:none}.scene-unfold__position--0{transform:rotate(-1.5deg)}.scene-unfold__position--1{transform:rotate(1.5deg)}.scene-unfold__position--2{transform:rotate(1deg)}.scene-unfold__position--3{transform:rotate(-1deg)}.scene-unfold__float{border-radius:12px}.scene-unfold__panel figcaption{font-size:10px;top:-24px;left:10px;padding:7px 10px}.scene-unfold__source-position{width:146px;bottom:5px}.scene-unfold__source-label{font-size:10px;top:8px}.scene-unfold__drag{inset:29px 10px 8px}.scene-unfold__dropzone{border-radius:17px}.scene-unfold__drop-prompt{border-radius:17px;gap:7px;padding:9px}.scene-unfold__drop-prompt strong{font-size:11px}.scene-unfold__drop-prompt span{font-size:9px}.scene-unfold .scene-unfold__drop-prompt img{width:24px;height:24px}}
@media(max-width:360px){.scene-unfold__panels{gap:28px 10px}.scene-unfold__source-position{width:136px}}
@media(prefers-reduced-motion:reduce){.scene-unfold *, .scene-unfold *:before{animation:none;transition:none}.scene-unfold__cursor{display:none}}

.scene-unfold__set:not([data-scene-set="0"]){visibility:hidden}
.scene-unfold__drag:not([data-scene-drag="0"]){opacity:0;visibility:hidden}
.scene-unfold.is-scroll-scene{height:calc(var(--scene-pin-height) + var(--scene-travel));overflow:visible}
.scene-unfold.is-scroll-scene .scene-unfold__pin{position:absolute;top:0;left:0;width:100%;height:var(--scene-pin-height);padding: var(--fotogenic-section-start) 0 0;overflow:clip}
.scene-unfold.is-scroll-scene .scene-unfold__heading{margin-bottom: var(--fotogenic-content-gap);}
.scene-unfold.is-scroll-scene .scene-unfold__stage{height:var(--scene-stage-height);width:min(1680px,calc(var(--scene-stage-height) * 2.45));max-width:none;margin:0;left:50%;transform:translateX(-50%)}
.scene-unfold.is-scroll-scene .scene-unfold__set,.scene-unfold.is-scroll-scene .scene-unfold__drag{visibility:visible}
.scene-unfold.is-scroll-scene:not(.is-scene-ready) .scene-unfold__panel{opacity:0}
.scene-unfold.is-scroll-scene:not(.is-scene-ready) :is(.scene-unfold__drag,.scene-unfold__source-label,.scene-unfold__product-surface){opacity:0}
.scene-unfold.is-scroll-scene:not(.is-scene-ready) .scene-unfold__drop-prompt{opacity:1}
.scene-unfold.is-scroll-scene:not(.is-scene-ready) .scene-unfold__source-position{transform:translate(-50%,calc(-1 * var(--scene-source-rise,145px)))}

.scene-unfold__drag[data-scene-drag="1"]{z-index:1}
.scene-unfold__drag[data-scene-drag="2"]{z-index:2}

@media(max-width:900px){.scene-unfold.is-scroll-scene .scene-unfold__pin{padding: var(--fotogenic-section-start) 0 0;}.scene-unfold.is-scroll-scene .scene-unfold__heading{margin-bottom: var(--fotogenic-content-gap);}}
@media(max-width:700px){
 .scene-unfold.is-scroll-scene{height:calc(var(--scene-intro-height) + var(--scene-pin-height) + var(--scene-travel));overflow:visible}
 .scene-unfold.is-scroll-scene .scene-unfold__pin{position:relative;top:auto;left:auto;width:100%;height:auto;padding: var(--fotogenic-section-start) 0 0;overflow:visible}
 .scene-unfold.is-scroll-scene .scene-unfold__heading{padding:0 20px;margin-bottom: var(--fotogenic-content-gap);}
 .scene-unfold.is-scroll-scene .scene-unfold__viewport{position:relative;width:100%;min-height:100vh;min-height:100svh;height:100vh;height:100dvh;overflow:clip;background:#fff}
 .scene-unfold.is-scroll-scene .scene-unfold__stage{top:50%;height:var(--scene-stage-height);width:100%;max-width:none;transform:translate(-50%,-50%)}
 .scene-unfold.is-scroll-scene .scene-unfold__panels{left:50%;right:auto;top:28px;bottom:138px;width:min(calc(100% - 16px),calc((var(--scene-stage-height) - 194px) * .75 + 10px));transform:translateX(-50%);gap:28px 10px}
 .scene-unfold.is-scroll-scene .scene-unfold__source-position{width:128px;bottom:10px}
 .scene-unfold__set[data-scene-set="2"],.scene-unfold__drag[data-scene-drag="2"]{display:none}
}
@media(max-width:700px){
 .scene-unfold.is-scroll-scene.is-compact-scene .scene-unfold__panels{top:24px;bottom:112px;width:min(calc(100% - 16px),calc((var(--scene-stage-height) - 160px) * .75 + 10px));gap:24px 10px}
 .scene-unfold.is-scroll-scene.is-compact-scene .scene-unfold__source-position{width:100px}
 .scene-unfold.is-scroll-scene.is-compact-scene .scene-unfold__drop-prompt{gap:4px;padding:6px}
 .scene-unfold.is-scroll-scene.is-compact-scene .scene-unfold__drop-prompt strong{font-size:10px}
 .scene-unfold.is-scroll-scene.is-compact-scene .scene-unfold__drop-prompt span{font-size:8px;line-height:1.2}
}
/* Count the pin's unused tail once when spacing the following section. */
.scene-unfold { --scene-section-gap: var(--fotogenic-section-gap); margin-bottom: calc(var(--scene-section-gap) - var(--scene-exit-space,0px)); }
@media(min-width:1025px) {
 .scene-unfold { --scene-section-gap: var(--fotogenic-section-gap); }
}
@media(max-width:700px) {
 .scene-unfold { --scene-section-gap: var(--fotogenic-section-gap); }
}