.photo-styled{--photo-aspect:.75;--photo-extra:0px;--photo-angle:0deg;display:block;min-width:0;max-width:100%;margin:0;box-sizing:border-box}
.photo-styled .photo-window{display:block;overflow:hidden;aspect-ratio:var(--photo-aspect);width:100%}
.photo-styled .photo-window img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0}
.photo-styled[data-photo-style=arch] .photo-window{border-radius:50% 50% 0 0}
.photo-styled[data-photo-style=circle],.photo-styled[data-photo-style=square],.photo-styled[data-photo-style=instant]{--photo-aspect:1}
.photo-styled[data-photo-style=circle] .photo-window{border-radius:50%}
.photo-styled[data-photo-style=rectangle]{--photo-aspect:1.333333}
.photo-styled[data-photo-style=postcard]{--photo-aspect:1.5;--photo-extra:26px;padding:12px;border:1px solid var(--line);background:var(--white,#fffdf7);box-shadow:0 5px 18px #0000000c}
.photo-styled[data-photo-style=postcard] figcaption{font-style:normal;font-size:13px;letter-spacing:.03em;padding-top:12px;margin:0}
.photo-styled[data-photo-style=instant]{--photo-extra:46px;--photo-angle:-1.5deg;padding:12px 12px 32px;background:#fffdf7;color:#262626;box-shadow:0 7px 20px #0000001a;transform:rotate(var(--photo-angle));width:calc(100% - 12px);margin:0 auto}
.photo-styled[data-photo-style=instant] figcaption{font:italic 17px/1.3 var(--serif,Georgia,serif);color:#494339;margin:0;padding:16px 3px 0}
.photo-styled[data-photo-style=instant]:has(figcaption:not(:empty)){padding-bottom:18px}
.couple-gallery .photo-styled:nth-child(even)[data-photo-style=instant]{--photo-angle:1.5deg}
.hero.is-entering .photo-styled{animation-name:photo-style-appear}
@keyframes photo-style-appear{from{opacity:0;transform:translateY(20px) rotate(var(--photo-angle))}to{opacity:1;transform:translateY(0) rotate(var(--photo-angle))}}
.couple-gallery .photo-styled[data-photo-style=instant],.couple-gallery .photo-styled[data-photo-style=postcard]{padding-top:12px}
.opening-photo-frame{flex:1;min-height:0;width:100%;display:grid;place-items:center;container-type:size}
.opening-photo-frame .photo-styled{width:min(100cqw,calc((100cqh - var(--photo-extra)) * var(--photo-aspect)));margin:0}
.opening-photo-frame .opening-card-photo{flex:none;min-height:0}
.photo-row>.photo-styled{width:95px;align-self:start}
.photo-row .photo-window img{filter:var(--editor-photo-filter,none)}
.photo-row>.photo-styled[data-photo-style=postcard]{padding:5px}
.photo-row>.photo-styled[data-photo-style=instant]{padding:5px 5px 14px;width:89px}
#photo-style{width:100%;min-height:44px;padding:11px 12px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font:inherit}
.photo-style-picker{display:block;width:100%;min-width:0;padding:10px;margin-top:6px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font:inherit}
#photo-style:focus-visible,.photo-style-picker:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:700px){.photo-row>.photo-styled{width:75px}.photo-row>.photo-styled[data-photo-style=instant]{width:69px}}
@media(prefers-reduced-motion:reduce){.photo-styled[data-photo-style=instant]{transform:none}.hero.is-entering .photo-styled{animation:none}}