.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)}.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:#fff0}.fotogenic-scope .scene-unfold__heading p{margin:var(--fotogenic-title-intro-gap) auto 0;max-width:760px;font-family:var(--fotogenic-font-sans);text-wrap:balance;max-inline-size:min(100%, 31ch)}.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 #fffa;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}}.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)}}