.photo-story-dialog{--story-bg:var(--color-paper,#242321);--story-text:var(--color-ink,#f0e9dc);background:var(--story-bg);color:var(--story-text);border:1px solid var(--color-line,#676057);padding:0;width:min(1400px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 64px);overflow:auto;overscroll-behavior:contain}.photo-story-dialog::backdrop{background:rgb(12 12 11 / .85);backdrop-filter:blur(12px)}.photo-story-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);min-height:min(720px,80dvh)}.photo-story-image{display:grid;place-items:center;background:#181a1a;min-width:0;padding:24px}.photo-story-image img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 112px);object-fit:contain}.photo-story-copy{min-width:0;padding:64px 40px 40px;overflow-wrap:anywhere}.photo-story-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted,#b9b2a5);margin:0 0 24px}.photo-story-title{font:400 36px/1.2 Baskerville,"Songti SC",serif;text-wrap:balance;margin:0 0 24px}.photo-story-caption,.photo-story-prose{font-size:16px;line-height:1.9}.photo-story-credit,.photo-story-context,.photo-story-notice{font-size:12px;line-height:1.7;color:var(--color-muted,#b9b2a5)}.photo-story-credit a,.photo-story-prose a{color:inherit;text-underline-offset:4px}.photo-story-exif{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;margin:32px 0;padding:24px 0;border-block:1px solid var(--color-line,#676057)}.photo-story-exif dt{font-size:12px;color:var(--color-muted,#b9b2a5);margin-bottom:4px}.photo-story-exif dd{font-size:14px;margin:0}.photo-story-prose img{max-width:100%;height:auto}.photo-story-prose pre{overflow:auto;font-size:14px}.photo-story-close{position:absolute;right:12px;top:12px;min-width:44px;min-height:44px;background:var(--story-bg,#242321);color:var(--story-text,#f0e9dc);border:1px solid var(--color-line,#676057);cursor:pointer;font:inherit;z-index:2}.photo-story-close:focus-visible,.photo-story-dialog a:focus-visible,.photo-story-back:focus-visible{outline:2px solid var(--color-focus,#ffc28e);outline-offset:4px}.photo-story-page{background:var(--color-paper,#242321);color:var(--color-ink,#f0e9dc);margin:0}.photo-story-back{display:inline-flex;align-items:center;min-height:44px;margin:24px 32px;color:inherit}.photo-story-page main{max-width:1480px;margin:auto}.photo-story-page .photo-story-layout{min-height:75dvh}.photo-story-page .photo-story-image img{max-height:85dvh}.photo-story-loading{padding:64px 40px;min-height:240px}.photo-story-error{padding:64px 40px}.photo-story-error a{color:inherit}.photo-story-page[data-theme=light],[data-theme=light] .photo-story-dialog{--story-bg:#f5f0e7;--story-text:#2a2824;--muted:#696157;--line:#b1a697}.photo-story-dialog[open] .photo-story-copy{animation:photo-story-enter .55s cubic-bezier(.22,1,.36,1)}@keyframes photo-story-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:760px){.photo-story-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.photo-story-layout{display:block;min-height:0}.photo-story-image{padding:48px 12px 12px}.photo-story-image img{max-height:60dvh}.photo-story-copy{padding:32px 24px}.photo-story-title{font-size:30px}.photo-story-exif{gap:24px 12px}.photo-story-back{margin:12px 24px}.photo-story-page .photo-story-image img{max-height:70dvh}}@media(prefers-reduced-motion:reduce){.photo-story-dialog[open] .photo-story-copy{animation:none}}
.photo-story-dialog .photo-story-image{position:relative;overflow:hidden}.photo-story-dialog[open] .photo-story-image::after{content:"";position:absolute;inset:0;background:var(--color-accent,#f3a36c);transform-origin:right;animation:photo-story-curtain .95s cubic-bezier(.22,1,.36,1) both;pointer-events:none}.photo-story-dialog[open] .photo-story-image img{animation:photo-story-camera 1.2s cubic-bezier(.22,1,.36,1) both}@keyframes photo-story-curtain{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes photo-story-camera{from{transform:scale(1.05);opacity:.55}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.photo-story-dialog[open] .photo-story-image::after{display:none;animation:none}.photo-story-dialog[open] .photo-story-image img{animation:none}}
