.photo-wrapper{isolation:isolate;position:relative;overflow:hidden}.photo-open{width:100%;height:100%;display:block}.photo-open:focus-visible{outline-offset:-3px;outline:2px solid #0db49b}.photo-hover{pointer-events:none;opacity:0;background-color:#47474780;transition:opacity .3s ease-in-out;position:absolute;inset:0;container:photo-card/size}.photo-hover .photo-author{position:absolute;top:16px;right:16px}.photo-hover .photo-author span{display:none}.photo-author{letter-spacing:.12em;flex-direction:column;align-items:flex-end;gap:6px;font-family:Zen Old Mincho,serif;font-size:14px;display:flex}.photo-author[hidden]{display:none}.photo-author img{border-radius:50%;display:block;box-shadow:2px 3px 8px #0003;object-fit:cover!important;border:0!important;width:40px!important;height:40px!important;margin:0!important}.photo-exif{letter-spacing:.1em;white-space:pre-line;overflow-wrap:anywhere;justify-content:space-between;align-items:flex-end;gap:20px;font-family:Grandiflora One,serif;font-size:clamp(12px,1.4vw,22px);display:flex}.photo-exif>:last-child{text-align:right}.photo-exif[hidden]{display:none}.photo-hover .photo-exif{bottom:52px;color:#fff;text-shadow:0 1px 4px #0008;position:absolute;inset-inline:16px}.photo-hover [data-photo-equipment]{white-space:normal;flex:1;min-width:0}.photo-hover :is([data-photo-camera],[data-photo-lens]){-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.photo-hover :is([data-photo-camera],[data-photo-lens])[hidden]{display:none}.photo-hover [data-photo-settings]{white-space:pre;overflow-wrap:normal;flex:none;line-height:1.5}@container photo-card (aspect-ratio<1){.photo-hover .photo-exif{inset-inline:14px;grid-template-columns:minmax(0,1fr);gap:12px;display:grid;bottom:58px}[data-photo-camera]{font-size:clamp(14px,6cqw,22px)}[data-photo-lens]{font-size:clamp(12px,4.5cqw,17px)}[data-photo-settings]{justify-self:end;font-size:clamp(12px,4.8cqw,18px)}}@container photo-card (height<260px){.photo-hover .photo-exif{inset-inline:10px;gap:6px;font-size:12px;bottom:56px}[data-photo-camera],[data-photo-lens]{-webkit-line-clamp:1!important}[data-photo-camera]{font-size:12px}[data-photo-lens]{font-size:11px}[data-photo-settings]{font-size:11px;line-height:1.3!important}.photo-hover .photo-author{top:10px;right:10px}.photo-author img{width:28px!important;height:28px!important}}@container photo-card (height<190px) and (aspect-ratio<1){.photo-hover [data-photo-equipment]{max-width:calc(100% - 36px)}}.photo-footer{bottom:0;box-sizing:border-box;background:#fffffff2;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:4px 12px;transition:transform .2s;display:flex;position:absolute;inset-inline:0;transform:translateY(100%)}.photo-title{letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;font-family:Zen Old Mincho,serif;font-size:clamp(16px,1.8vw,28px);overflow:hidden}.photo-wrapper:not([data-photo-hover-suppressed]):is(:hover,:focus-within) .photo-hover{opacity:1}.photo-wrapper:not([data-photo-hover-suppressed]):is(:hover,:focus-within) .photo-footer{transform:none}.photo-like{color:#111;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:8px;padding:4px;display:inline-flex}.photo-like svg{fill:none;stroke:currentColor;stroke-width:1px;width:30px;height:30px}.photo-like[aria-pressed=true] svg{fill:#b82c48;color:#b82c48}.photo-like:focus-visible{outline-offset:2px;outline:2px solid #0db49b}.photo-like:disabled{opacity:.5;cursor:wait}.photo-like [data-photo-count]{font-family:Grandiflora One,serif}.photo-footer .photo-like{margin-left:auto}.photo-author a{pointer-events:auto;border-radius:50%;flex:none;display:block}.photo-author a:focus-visible{outline-offset:3px;outline:2px solid #0db49b}.photo-dialog{--photo-ease:cubic-bezier(.42, 0, .58, 1);box-sizing:border-box;color:#111;background:#fff;border:1px solid #111;border-radius:12px;width:calc(100vw - 16px);max-width:none;height:calc(100dvh - 16px);max-height:none;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 8px 36px #0003}.photo-dialog::backdrop{background:#0009}.photo-dialog-viewport{--photo-information-inset:clamp(16px, 4.4vw, 64px);width:100%;height:100%;transform:translate(-50%, -50%) rotate(var(--photo-rotation,0deg));transform-origin:50%;position:absolute;top:50%;left:50%;container:photo-viewport/size}.photo-dialog-layout{box-sizing:border-box;width:100%;height:100%;transition:grid-template-columns .45s var(--photo-ease), gap .45s var(--photo-ease), padding .45s var(--photo-ease);grid-template-columns:minmax(0,2.2fr) minmax(0,0fr);gap:0;padding:0;display:grid}.photo-dialog[data-info-open=true] .photo-dialog-layout{padding:var(--photo-information-inset);grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:clamp(16px,2.2vw,32px)}.photo-dialog-controls{z-index:3;align-items:flex-start;gap:12px;display:flex;position:absolute;top:16px;right:16px}.photo-dialog-controls .photo-author{background:#fffffff2;border-radius:8px;flex-direction:row-reverse;align-items:center;gap:8px;padding:3px 6px}.photo-dialog-controls .photo-author span{text-overflow:ellipsis;white-space:nowrap;max-width:min(30vw,260px);overflow:hidden}.photo-dialog[data-info-open=true] .photo-dialog-controls .photo-author{display:none}.photo-dialog-close{cursor:pointer;background:#fffffff2;border:0;border-radius:8px;flex:none;width:44px;height:44px;position:relative}.photo-dialog-close span{inset-inline:2px;background:#111;height:1px;position:absolute;top:21px;transform:rotate(45deg)}.photo-dialog-close span:last-child{transform:rotate(-45deg)}.photo-dialog-picture{min-width:0;min-height:0;position:relative}.photo-image-toggle{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.photo-image-toggle[aria-disabled=true]{cursor:default}.photo-image-toggle:focus-visible{outline-offset:-4px;outline:2px solid #0db49b}.photo-image-toggle>img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}.photo-prev,.photo-next{color:#111;cursor:pointer;opacity:0;background:#fffd;border:0;border-radius:50%;min-width:44px;min-height:44px;font-size:32px;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.photo-prev{left:8px}.photo-next{right:8px}.photo-dialog-picture:is(:hover,:focus-within) :is(.photo-prev,.photo-next){opacity:1}.photo-prev:disabled,.photo-next:disabled{visibility:hidden}[data-photo-position]{color:#444;pointer-events:none;background:#fffd;border-radius:10px;padding:3px 8px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.photo-dialog-information{opacity:0;visibility:hidden;min-width:0;min-height:0;transition:opacity .35s var(--photo-ease), transform .45s var(--photo-ease), visibility 0s .45s;background:#fff;position:relative;overflow:hidden;transform:translate(12px);container:photo-information/inline-size}.photo-dialog[data-info-open=true] .photo-dialog-information{opacity:1;visibility:visible;transition-delay:0s;transform:none}.photo-information-content{--photo-info-scale:1;box-sizing:border-box;flex-direction:column;gap:22px;min-width:0;display:flex;position:absolute;inset:0 0 44pt;overflow:hidden}.photo-information-heading{flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;display:grid}.photo-information-heading:has(h2[hidden]):has(.photo-author[hidden]){display:none}.photo-dialog-information h2{min-width:0;font-family:Zen Old Mincho,serif;font-size:calc(64pt * var(--photo-info-scale));letter-spacing:.08em;overflow-wrap:anywhere;margin:0;font-weight:400;line-height:1.15}.photo-information-heading .photo-author{min-width:0;max-width:140px;font-size:calc(16pt * var(--photo-info-scale));letter-spacing:.08em;grid-column:2;gap:4px}.photo-information-heading .photo-author img{box-shadow:none;width:calc(36pt * var(--photo-info-scale))!important;height:calc(36pt * var(--photo-info-scale))!important}.photo-information-heading .photo-author span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.photo-dialog-information .photo-exif{color:#909090;letter-spacing:.08em;flex:0 auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) max-content;align-items:end;gap:16px;min-width:0;min-height:0;font-weight:300;line-height:1.4;display:grid}.photo-dialog-information .photo-exif[hidden]{display:none}.photo-dialog-information [data-photo-equipment]{scrollbar-width:thin;white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:0;max-height:200px;overflow-y:auto}.photo-dialog-information [data-photo-camera],.photo-dialog-information [data-photo-lens]{display:block}.photo-dialog-information [data-photo-camera]{font-size:calc(20pt * var(--photo-info-scale))}.photo-dialog-information [data-photo-lens]{font-size:calc(15pt * var(--photo-info-scale))}.photo-dialog-information [data-photo-settings]{font-size:calc(14pt * var(--photo-info-scale));white-space:pre;overflow-wrap:normal;word-break:normal;grid-column:2}.photo-dialog-information :is([data-photo-camera],[data-photo-lens],[data-photo-equipment],[data-photo-settings])[hidden]{display:none}.photo-caption{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;min-width:0;min-height:32px;font-family:Zen Old Mincho,serif;font-size:max(16px, calc(20pt * var(--photo-info-scale)));letter-spacing:.08em;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;line-height:1.55;overflow-y:auto}.photo-caption:focus-visible{outline-offset:-1px;outline:1px solid #888}.photo-information-loading{background:#fff;place-items:center;display:grid;position:absolute;inset:0}.photo-information-loading[hidden]{display:none}.photo-dialog-information[aria-busy=true] .photo-information-content{visibility:hidden}.photo-dialog-actions{z-index:2;background:#fffffff2;border-radius:8px;padding:0 4px;position:absolute;bottom:8px;right:12px}.photo-dialog[data-info-open=true] .photo-dialog-actions{right:var(--photo-information-inset);bottom:var(--photo-information-inset);padding:0}.photo-dialog-actions .photo-like svg{width:22pt;height:20pt}[data-photo-status]{overflow-wrap:anywhere;background:#fffffff2;max-width:calc(100% - 160px);margin:0;padding:0 6px;font-size:13px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}[data-photo-status]:empty{display:none}[data-photo-detail-error]{font-size:14px;line-height:1.7}[data-photo-detail-retry]{font:inherit;cursor:pointer;background:#fff;border:1px solid #aaa;padding:10px}.picture-metadata-editor{text-align:left;width:100%;min-width:220px}.picture-metadata-editor label{gap:4px;margin:8px 0;font-size:14px;display:grid}.picture-metadata-editor :is(input,textarea){box-sizing:border-box;width:100%;font:inherit;border:1px solid #aaa;padding:8px}.blog-photo{width:fit-content;max-width:100%;margin-inline:auto}.blog-photo .gallery-image{box-sizing:border-box;max-width:100%;height:auto}.post-body .photo-wrapper *{margin-bottom:0}@media (width<=768px) and (orientation:portrait){.photo-dialog:not([data-photo-rotated=true]) .photo-dialog-layout{transition:grid-template-rows .45s var(--photo-ease), gap .45s var(--photo-ease);grid-template-rows:minmax(0,1fr) minmax(0,0fr);grid-template-columns:minmax(0,1fr)}.photo-dialog:not([data-photo-rotated=true])[data-info-open=true] .photo-dialog-layout{grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);gap:16px}.photo-dialog:not([data-photo-rotated=true]) .photo-dialog-information{transform:translateY(12px)}.photo-dialog:not([data-photo-rotated=true])[data-info-open=true] .photo-dialog-information{transform:none}}@media (width<=768px),(height<=600px){.photo-dialog-controls .photo-author{font-size:12px}.photo-prev,.photo-next{opacity:1}}@container photo-viewport (height<=600px){.photo-dialog-layout{--photo-information-inset:16px}.photo-dialog[data-info-open=true] .photo-dialog-layout{padding-top:64px}.photo-information-content{--photo-info-scale:.75;gap:14px}.photo-dialog[data-info-open=true] .photo-dialog-actions{bottom:16px;right:16px}}@container photo-viewport (width<=600px) and (height>=601px){.photo-dialog-layout{--photo-information-inset:16px}.photo-information-content{--photo-info-scale:.65;gap:12px}.photo-dialog[data-info-open=true] .photo-dialog-actions{bottom:16px;right:16px}}@container photo-information (width<=300px){.photo-information-content{--photo-info-scale:.65;gap:12px}.photo-information-heading{gap:10px}.photo-information-heading .photo-author{max-width:92px}.photo-dialog-information .photo-exif{gap:12px}}@container photo-information (width<=220px){.photo-information-content{--photo-info-scale:.5;gap:10px}.photo-dialog-information h2{font-size:32px}.photo-information-heading .photo-author{max-width:62px}.photo-dialog-information .photo-exif{gap:8px}}@media (hover:none){.photo-hover{display:none}.photo-footer{background:#ffffffe0;transform:none}.photo-prev,.photo-next{opacity:1}}@media (prefers-reduced-motion:reduce){.photo-hover,.photo-footer,.photo-dialog,.photo-dialog::backdrop,.photo-dialog-layout,.photo-dialog-information{transition:none!important}}