/* The number of prints follows available space, never a horizontal scroller. */
.manifesto .intro-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center;padding-block:72px 66px}
.manifesto h2{position:relative;z-index:1;white-space:nowrap;font-size:clamp(40px,5.5vw,86px);line-height:1.03;margin:0}
.manifesto-copy{min-width:0}
.manifesto-copy>p{max-width:610px;margin:24px 0 0;font:12px/1.9 var(--body);color:var(--paper)}
.polaroid-gallery{container-type:inline-size;width:100%;min-width:0;position:relative;isolation:isolate}
.polaroid-fan{--polaroid-mode:5;--photo-width:min(36cqw,218px);position:relative;width:100%;height:calc(var(--photo-width)*1.65);margin:0;padding:0;overflow:visible}
.polaroid-slot{position:absolute;left:50%;top:50%;width:var(--photo-width);height:calc(var(--photo-width)*1.25);margin:0;padding:0;appearance:none;border:0;background:transparent;text-align:initial;transform:translate(-50%,-50%) translate(var(--fan-x),var(--fan-y)) rotate(var(--fan-angle));transform-origin:50% 86%;z-index:var(--fan-depth);outline:none;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.polaroid-entry{display:block;width:100%;height:100%;opacity:0;visibility:hidden;transform-origin:50% 86%}
.polaroid-lift{display:block;width:100%;height:100%;transform:translateY(0) rotate(0deg) scale(1);transform-origin:50% 86%;transition:transform 420ms cubic-bezier(.2,.75,.2,1)}
.is-revealed>.polaroid-entry{opacity:1;visibility:visible}
.is-entering>.polaroid-entry{animation:polaroid-arrive 620ms cubic-bezier(.2,.75,.2,1) both}
.polaroid-slot:disabled{pointer-events:none}
@keyframes polaroid-arrive{0%{transform:translateY(14px) rotate(-3deg)}40%{transform:translateY(-3px) rotate(2deg)}70%{transform:translateY(1px) rotate(-1deg)}100%{transform:none}}
@keyframes polaroid-wiggle{0%,100%{transform:rotate(0deg)}30%{transform:rotate(-2deg)}65%{transform:rotate(1.4deg)}}
.polaroid-slot-1{--fan-x:calc(var(--photo-width)*-.62);--fan-y:12px;--fan-angle:-15deg;--fan-depth:1}
.polaroid-slot-2{--fan-x:calc(var(--photo-width)*-.31);--fan-y:2px;--fan-angle:-7deg;--fan-depth:2}
.polaroid-slot-3{--fan-x:0px;--fan-y:0px;--fan-angle:0deg;--fan-depth:3}
.polaroid-slot-4{--fan-x:calc(var(--photo-width)*.31);--fan-y:2px;--fan-angle:7deg;--fan-depth:4}
.polaroid-slot-5{--fan-x:calc(var(--photo-width)*.62);--fan-y:12px;--fan-angle:15deg;--fan-depth:5}
.polaroid{position:relative;display:block;width:100%;height:100%;padding:4.5% 6% 20.5%;background:#f5f1e7;background-image:linear-gradient(145deg,#ffffffb3,transparent 52%),repeating-linear-gradient(0deg,#654b2e03 0px,#654b2e03 1px,transparent 1px,transparent 3px);border:1px solid #e5dfd2;border-radius:1px 2px 2px 1px;box-shadow:inset 0 1px 0 #fff,0 2px 3px #250b0c24,0 12px 22px #26090c33;transform-origin:50% 86%;transition:transform 400ms cubic-bezier(.2,.75,.2,1),box-shadow 400ms ease;backface-visibility:hidden}
.polaroid::after{content:"";position:absolute;left:7%;right:7%;bottom:4%;height:9%;background:linear-gradient(165deg,transparent,#cfbd9c0a);pointer-events:none}
.polaroid-window{position:relative;display:block;aspect-ratio:1;background:#fff;overflow:hidden;box-shadow:0 0 0 1px #4c3e2a14,inset 0 1px 3px #38240d10}
.polaroid-window img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.polaroid-slot:focus-visible{z-index:12}
.polaroid-slot:focus-visible .polaroid{outline:2px solid #f7ecce;outline-offset:4px}
.polaroid-slot.is-returning{z-index:12}
.polaroid-slot.is-selected{z-index:13}
.polaroid-slot.is-selected .polaroid-lift{transform:translateY(-13%) rotate(calc(-1*var(--fan-angle))) scale(1.06)}
.polaroid-slot.is-selected .polaroid{box-shadow:inset 0 1px 0 #fff,0 4px 7px #250b0c26,0 22px 32px #28090d40}
@media(hover:hover) and (pointer:fine){
 .polaroid-slot:not(.is-selected):hover .polaroid,.polaroid-flip:not(:disabled):hover .polaroid{animation:polaroid-wiggle 440ms ease-in-out}
}
.polaroid-flip{display:none;position:relative;appearance:none;padding:0;border:0;background:transparent;width:min(76cqw,238px);aspect-ratio:4/5;margin:0 auto;transform:rotate(-3deg);perspective:1100px;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}
.polaroid-turn{display:block;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 50%}
.polaroid-flip:focus-visible{outline:2px solid #f7ecce;outline-offset:8px}
.polaroid-flip:disabled{cursor:default}
@container(max-width:450px){
 .polaroid-fan{--polaroid-mode:3;--photo-width:min(43cqw,205px);height:calc(var(--photo-width)*1.58)}
 .polaroid-slot-1,.polaroid-slot-5{display:none}
 .polaroid-slot-2{--fan-x:calc(var(--photo-width)*-.45);--fan-y:5px;--fan-angle:-11deg}
 .polaroid-slot-4{--fan-x:calc(var(--photo-width)*.45);--fan-y:5px;--fan-angle:11deg}
}
@container(max-width:300px){
 .polaroid-fan{--polaroid-mode:1;display:none}
 .polaroid-flip{display:block}
}
@media(max-width:900px){
 .manifesto .intro-section{grid-template-columns:1fr;gap:30px;padding-block:46px 42px}
 .manifesto h2{font-size:clamp(38px,10.7vw,70px);line-height:1.03}
 .manifesto-copy>p{max-width:650px;margin-top:22px}
 .polaroid-gallery{width:min(100%,430px);justify-self:center}
}
@media(max-width:480px){
 .manifesto .intro-section{gap:30px;padding-block:40px 42px}
 .manifesto h2{font-size:11.8vw;line-height:1.04}
 .manifesto-copy>p{font-size:11px;line-height:1.85;margin-top:20px}
 .polaroid-fan{--polaroid-mode:1;display:none}
 .polaroid-flip{display:block}
}
html[data-motion="off"] .polaroid,html[data-motion="off"] .polaroid-entry,html[data-motion="off"] .polaroid-lift{transition:none;animation:none!important}
@media(prefers-reduced-motion:reduce){.polaroid,.polaroid-entry,.polaroid-lift{transition:none;animation:none!important}}
@media print{.polaroid-fan{display:flex;gap:12px;height:auto}.polaroid-slot{display:block;position:relative;inset:auto;transform:none;flex:1;height:auto;aspect-ratio:4/5}.polaroid-flip{display:none}.polaroid-entry{opacity:1;visibility:visible}}