.photobooth{--print-width:min(280px, calc(100vw - 80px));--machine-height:146px;--memory-caption:0px;--paper-height:calc((var(--print-width) - 12px + var(--memory-caption)) * 4);overflow-anchor:none;text-align:center;width:100%;margin:38px auto 24px;position:relative}.photobooth-print{width:min(100%,390px);margin:0 auto}.photobooth-story{max-width:330px;margin:0 auto 38px}.photobooth-story h2{font:400 clamp(30px, 3.4vw, 42px)/1.1 var(--serif);color:var(--blue);margin:14px 0 24px}.photobooth-story p:not(.eyebrow){font:15px/1.85 var(--sans);color:var(--muted)}@media (min-width:850px){.photobooth{--story-width:340px;--gutter:clamp(48px, 6vw, 80px);--side:clamp(12px, 2.4vw, 40px);--machine-width:calc(var(--print-width) + 44px);--booth-width:calc(var(--side) * 2 + var(--story-width) + var(--gutter) + var(--machine-width));grid-template-columns:minmax(0, var(--booth-width));width:min(100%, var(--booth-width));justify-content:center;align-items:start;max-width:100%;margin-top:58px;display:grid}.photobooth-story{z-index:1;width:var(--story-width);max-width:var(--story-width);margin:0 0 0 var(--side);text-align:left;grid-area:1/1;padding-top:38px;position:relative}.photobooth-story h2{text-wrap:balance;margin-top:0;font-size:34px}.photobooth-story h2 em{text-wrap:balance;display:inline-block}.photobooth-story p:not(.eyebrow){font-size:16px}.photobooth-print{grid-area:1/1;width:100%;margin-top:48px}.photobooth-stage .photobooth-machine{left:auto;right:var(--side);margin-inline:0}.photobooth-stage .photobooth-output{width:100%;padding-left:calc(var(--side) + var(--story-width) + var(--gutter) + 22px);padding-right:calc(var(--side) + 22px)}.photobooth-memory{position:relative}.photobooth .photobooth-memory figcaption{right:calc(100% + var(--gutter) + 22px);width:var(--story-width);flex-direction:column;justify-content:center;height:auto;padding:0;display:flex;position:absolute;top:12px;bottom:0}.photobooth-caption{padding-left:calc(var(--side) + var(--story-width) + var(--gutter))}}.photobooth-stage{padding-top:calc(var(--machine-height) - 7px);position:relative}.photobooth-machine{z-index:2;width:calc(var(--print-width) + 44px);height:var(--machine-height);color:#536797;margin-inline:auto;position:absolute;inset:0 0 auto}.photobooth-case{width:100%;height:100%;position:absolute;inset:0}.photobooth-wordmark{color:var(--quiet);font:italic 24px/1.2 var(--serif);margin-top:21px;position:relative}.photobooth-camera{width:48px;height:43px;margin:7px auto 5px;display:block;position:relative}.photobooth-engraving{color:var(--quiet);font:8px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;position:relative}.photobooth-slot{width:calc(var(--print-width) + 16px);background:#596b90;border-radius:50%;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.photobooth-output{width:calc(var(--print-width) + 28px);margin:0 auto;padding:0 14px 12px;position:relative;overflow:hidden}.photobooth-paper{width:var(--print-width);background:#fffdf8;position:relative;box-shadow:0 2px 8px #493c2012}.photobooth-memory{margin:0;padding:12px 12px 0}.photobooth-memory img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.photobooth-memory figcaption{height:var(--memory-caption);text-align:left;padding:16px 5px 18px}.photobooth-memory h3{font:25px/1.15 var(--serif);color:var(--blue);align-items:baseline;gap:10px;margin:0 0 8px;display:flex}.photobooth-memory h3 span{color:var(--quiet);font:9px/1.5 var(--sans);letter-spacing:.1em}.photobooth-memory p{font:13px/1.6 var(--sans);color:var(--muted);margin:0}.photobooth-caption{color:var(--blue);font:italic clamp(22px, 4vw, 27px)/1.3 var(--serif);margin:7px 0}@media (max-width:480px){.photobooth{--memory-caption:0px;margin-top:27px}.photobooth-machine{width:calc(var(--print-width) + 44px)}}.photobooth *{overflow-anchor:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-height:651px){.photobooth-print{height:calc(var(--paper-height) + var(--machine-height) + 40px + 90svh);view-timeline-name:--proposal-print;view-timeline-axis:block;view-timeline-inset:110px 0}.photobooth-sticky{position:sticky;top:110px}.photobooth-paper{will-change:transform;backface-visibility:hidden;animation:linear both photobooth-feed;animation-timeline:--proposal-print;animation-range:entry 100% entry calc(100% + 80svh)}}}@keyframes photobooth-feed{0%{transform:translateY(-100%)}to{transform:translate(0,0)}}@media (max-width:849px){.photobooth-memory figcaption{display:none}}
