.xp-wrapper{background:#f5e1dc;height:400svh;position:relative}.xp-stage{--cw:min((100cqh - 48px) * 1448 / 1086, (50cqw - 16px) / .6706);height:100svh;position:sticky;top:0;overflow:hidden;container-type:size}.xp-canvas{left:calc(50cqw - var(--cw) * .3646);top:calc(50cqh - var(--cw) * .75 * .487);width:var(--cw);aspect-ratio:1448/1086;position:absolute}.xp-shot{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--ft), #000 calc(100% - var(--fb)), transparent), linear-gradient(to right, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--ft), #000 calc(100% - var(--fb)), transparent), linear-gradient(to right, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.xp-shot+.xp-shot{opacity:0;visibility:hidden}.xp-captions{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;list-style:none;position:absolute;overflow:hidden}.xp-caption-label{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:#6b4a33;font-size:11px}.xp-caption-title{letter-spacing:-.01em;color:#2a1a10;margin-top:6px;font-size:1.125rem;font-weight:600;line-height:1.3}.xp-caption-text{color:#4a3a30;margin-top:4px;font-size:.95rem;line-height:1.45}@media (min-width:768px) and (max-width:1023.98px){.xp-stage{--cw:min((100cqw - 32px) * 1448 / 1381, (100cqh - 48px) * 1448 / 1086)}.xp-canvas{left:calc((100cqw - var(--cw) * 1381 / 1448) / 2 - var(--cw) * 118 / 1448)}}@media (max-width:767.98px){.xp-wrapper{height:360svh}.xp-stage{--cw:calc((100cqw - 24px) * 1448 / 900)}.xp-canvas{top:calc(38cqh - var(--cw) * .75 * .487)}.xp-phrase{display:none}.xp-captions{top:calc(38cqh + var(--cw) * (1006 - 529) / 1448 + 20px);clip-path:none;white-space:normal;width:auto;height:auto;display:grid;left:24px;right:24px;overflow:visible}.xp-caption{opacity:0;grid-area:1/1}}@media (prefers-reduced-motion:reduce){.xp-wrapper{height:auto;padding-block:48px}.xp-stage{--cw:calc(min(100cqw - 24px, 640px) * 1448 / 900);height:auto;position:relative;container-type:inline-size}.xp-canvas{position:relative;top:auto}.xp-shot{display:none}.xp-shot[data-shot=open]{opacity:1;visibility:visible;display:block}.xp-captions{clip-path:none;white-space:normal;gap:24px;width:auto;max-width:860px;height:auto;margin:24px auto 0;padding-inline:24px;display:grid;position:static;overflow:visible}.xp-caption{opacity:1;grid-area:auto}}@media (prefers-reduced-motion:reduce) and (min-width:768px){.xp-captions{grid-template-columns:repeat(3,1fr)}}