.photo-section{--album-bg:#f5f4ef;--album-ink:#252a27;--album-muted:#74776f;--album-rule:#d7d9cf;background:var(--album-bg);color:var(--album-ink);padding:46px clamp(22px,5vw,88px) 28px;scroll-margin-top:0;font-family:var(--sans)}.photo-section--standalone{min-height:calc(100svh - 72px)}.photo-eyebrow,.photo-footnote,.photo-frame-number,.photo-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.11em}.photo-kicker{display:flex;justify-content:space-between;text-transform:uppercase;padding-bottom:28px;border-bottom:1px solid var(--album-rule)}.photo-kicker span:last-child{color:var(--album-muted)}.photo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:66px 0 60px}.photo-heading h2{position:relative;width:max-content;margin:0;font-family:var(--serif);font-size:clamp(64px,7.7vw,116px);font-weight:400;line-height:.91;letter-spacing:-.055em}.photo-heading h2 em{font-weight:350}.photo-heading-dot{position:absolute;top:-10px;right:-65px;font-family:var(--serif);font-size:100px;color:#7b885d}.photo-heading p{margin:30px 0 0;font-size:16px;line-height:1.6;color:#666b61}.photo-heading-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:4px}.photo-heading-actions>span{font-size:11px;color:var(--album-muted)}.photo-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:14px 22px;border:1px solid var(--album-rule);border-radius:0;background:transparent;color:inherit;font:500 13px var(--sans);line-height:1.3;text-decoration:none;cursor:pointer;transition:background .18s,color .18s}.photo-button--dark{background:#2d372c;border-color:#2d372c;color:#fff}.photo-button--dark:hover{background:#465240}.photo-button:not(.photo-button--dark):hover{background:#e9eae2}.photo-section button:disabled{opacity:.45;cursor:default}.photo-section a:focus-visible,.photo-section button:focus-visible,.photo-upload-dialog :focus-visible,.photo-viewer :focus-visible{outline:2px solid #859362;outline-offset:5px}.photo-toolbar{min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--album-rule);border-bottom:1px solid var(--album-rule);margin-bottom:32px}.photo-album-label{display:flex;align-items:center;gap:12px;font-size:13px}.photo-live-dot{width:6px;height:6px;border-radius:50%;background:#6e8158}.photo-count{margin-left:4px;font-family:var(--mono);font-size:10px;color:var(--album-muted)}.photo-tools{display:flex;align-items:center;gap:24px}.photo-refresh{background:transparent;padding:12px 0;font-size:11px;color:var(--album-muted);cursor:pointer}.photo-view-switch{display:flex;gap:3px}.photo-view-switch button{width:42px;height:42px;display:grid;place-items:center;background:transparent;color:#a2a69b;cursor:pointer}.photo-view-switch button[aria-pressed=true]{color:var(--album-ink);background:#e9eae2}.photo-empty{min-height:440px;display:flex;align-items:center;justify-content:center;gap:clamp(48px,8vw,140px);background:#eceee5;padding:64px 32px}.photo-dropzone[data-dragging=true],.photo-empty[data-dragging=true]{outline:2px dashed #77865a;outline-offset:-8px}.photo-empty-art{width:250px;height:290px;position:relative;flex-shrink:0}.photo-paper{width:206px;height:258px;position:absolute;background:#faf9f3;box-shadow:0 4px 16px #303c2814;padding:20px;display:flex;flex-direction:column;justify-content:space-between;font:9px var(--mono);letter-spacing:.09em}.photo-paper--back{transform:rotate(-10deg);left:4px;top:4px;background:#d2d8c7;border:8px solid #faf9f3;overflow:hidden}.photo-paper--front{transform:rotate(7deg);right:0;bottom:0;align-items:center;padding:72px 18px 24px}.photo-paper--front svg{width:52px;height:52px;color:#8a947b;stroke-width:.7}.photo-line-sea{width:280px;height:100px;border-top:1px solid #8e9b7e;transform:rotate(-15deg)}.photo-empty-copy h3{font:400 clamp(30px,3.1vw,46px)/1.07 var(--serif);letter-spacing:-.035em;margin:19px 0}.photo-empty-copy p{font-size:13px;color:#71776b;line-height:1.7}.photo-text-link{display:inline-flex;align-items:center;gap:35px;padding:13px 0 8px;background:none;border-bottom:1px solid #858e7d;font-size:13px;cursor:pointer}.photo-empty-copy small{display:block;font-size:10px;color:#818776;margin-top:22px}.photo-grid{column-count:3;column-gap:28px}.photo-card{margin:0 0 30px;break-inside:avoid}.photo-image-button{padding:0;display:block;position:relative;width:100%;overflow:hidden;background:#e5e8df;cursor:zoom-in}.photo-image-button img{width:100%;height:auto;display:block;transition:transform .6s}.photo-image-button:hover img{transform:scale(1.025)}.photo-open-hint{display:flex;align-items:center;justify-content:space-between;position:absolute;inset:auto 0 0;padding:36px 18px 16px;font-size:11px;color:#fff;background:linear-gradient(transparent,#0006);opacity:0;transition:opacity .2s}.photo-image-button:focus-visible .photo-open-hint,.photo-image-button:hover .photo-open-hint{opacity:1}.photo-card figcaption{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.photo-card figcaption>div{display:flex;align-items:center;gap:14px;min-width:0}.photo-card figcaption>div>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-frame-number{color:#898f82;font-size:9px}.photo-card figcaption>a{display:grid;place-items:center;width:44px;height:44px;color:#777f6e}.photo-card figcaption>a:hover{color:#252a27}.photo-grid--journal{column-count:1;max-width:800px;margin:0 auto}.photo-grid--journal .photo-card{margin-bottom:64px}.photo-grid--journal .photo-image-button img{max-height:80svh;object-fit:contain;background:var(--album-bg)}.photo-footnote{padding-top:26px;border-top:1px solid var(--album-rule);justify-content:space-between;margin-top:40px;font-size:9px;color:var(--album-muted);letter-spacing:.04em}.photo-footnote,.photo-footnote>span:last-child{display:flex;gap:24px}.photo-alert{padding:24px;background:#ede5db;margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.photo-alert button{display:flex;align-items:center;gap:15px;background:none;text-decoration:underline;cursor:pointer}.photo-load-more{text-align:center;margin:28px 0 40px}.photo-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;min-height:330px}.photo-skeleton i{background:#e8eae1;height:300px}.photo-skeleton i:nth-child(2){height:220px}.photo-dialog-overlay,.photo-viewer-overlay{position:fixed;inset:0;background:#1620159c;backdrop-filter:blur(8px);z-index:110}.photo-upload-dialog{position:fixed;z-index:111;left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:#f5f4ef;color:#252a27;padding:32px;font-family:var(--sans);box-shadow:0 24px 90px #0003;overscroll-behavior:contain}.photo-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.photo-icon-button{width:44px;height:44px;display:inline-grid;place-items:center;flex-shrink:0;padding:0;background:transparent;color:inherit;cursor:pointer}.photo-icon-button:disabled{opacity:.3;cursor:default}.photo-upload-dialog h2{font:400 48px/.98 var(--serif);letter-spacing:-.04em;margin:24px 0 18px}.photo-upload-dialog>p{font-size:13px;line-height:1.6;color:#747a6f}.photo-upload-dialog .photo-name-label{display:block;font-size:11px;margin-top:24px}.photo-name-input{margin-top:8px;width:100%;background:transparent;border:1px solid #ced2c5;border-radius:0;padding:12px 14px;font-size:16px;color:#252a27}.photo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#e9ece1;width:100%;padding:26px 12px;margin:20px 0;cursor:pointer;color:#394333}.photo-dropzone>svg{width:28px;height:28px;margin-bottom:5px}.photo-dropzone>strong{font-size:13px;font-weight:500}.photo-dropzone>span{font-size:11px}.photo-dropzone>small{font-size:9px;color:#7b8274}.photo-upload-queue{list-style:none;padding:0;margin:0;max-height:240px;overflow:auto}.photo-upload-queue li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #dce0d4}.photo-queue-thumb{width:42px;height:48px;background:#e1e6d9;display:grid;place-items:center;flex-shrink:0}.photo-queue-thumb img{width:100%;height:100%;object-fit:cover}.photo-queue-info{flex:1;min-width:0}.photo-queue-info strong{display:block;font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-queue-info span{font-size:10px;color:#77816b;display:block;margin-top:4px}.photo-upload-queue [data-status=error] .photo-queue-info span{color:#a63d2f}.photo-queue-info progress{width:100%;height:3px;display:block;margin-top:7px;accent-color:#63734e}.photo-upload-dialog .photo-upload-notice{color:#3e5735;background:#e4eadb;padding:12px;font-size:12px}.photo-upload-dialog .photo-upload-note{font-size:10px;margin:20px 0}.photo-upload-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid #d7d9cf}.photo-upload-bottom>span{font:10px var(--mono);color:#7b8173}.photo-upload-bottom button:disabled{opacity:.4;cursor:default}.photo-viewer-overlay{background:#10130f;backdrop-filter:none}.photo-viewer{position:fixed;z-index:111;inset:0;padding:max(14px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));color:#f3f3eb;display:flex;flex-direction:column;font-family:var(--sans);outline:none}.photo-viewer-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px;min-height:50px;flex-shrink:0}.photo-viewer-top>span{font:10px var(--mono);letter-spacing:.09em;color:#b7c0ae}.photo-viewer-top b{font-weight:400;margin-left:30px;color:#f3f3eb}.photo-viewer-stage{display:flex;flex:1;justify-content:center;align-items:center;min-height:0;gap:28px;padding:18px 0;position:relative}.photo-viewer-stage>img{width:auto;height:100%;max-width:calc(100% - 144px);max-height:100%;object-fit:contain;min-width:0;touch-action:pan-y pinch-zoom}.photo-viewer-prev{transform:rotate(180deg)}.photo-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1000px;width:100%;margin:0 auto;padding-top:12px;flex-shrink:0}.photo-viewer-bottom>div:first-child{display:flex;flex-direction:column;gap:3px}.photo-viewer-bottom strong{font-size:14px;font-weight:400}.photo-viewer-bottom span{color:#949e8e;font-size:10px}.photo-viewer-actions{display:flex;gap:22px;align-items:center}.photo-viewer .photo-button{border-color:#47503f;font-size:12px}.photo-viewer .photo-button:hover{background:#323d2c}.photo-remove{font-size:11px;color:#a6ae9e;background:none;padding:15px 0;cursor:pointer}.photo-delete-confirm{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:24px;padding:14px;background:#34372c;font-size:12px;margin-top:18px}.photo-delete-confirm button{background:none;color:inherit;text-decoration:underline;cursor:pointer;padding:8px}.photo-page-header{height:72px;background:#f5f4ef;color:#252a27;padding:0 clamp(22px,5vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7d9cf}.photo-page-header a{text-decoration:none;font-size:12px}.photo-page-header a:first-child{font:400 25px var(--serif);letter-spacing:-.04em}.photo-manga-link{display:flex;justify-content:space-between;padding:24px var(--page-gutter);background:#e8e4d9;color:#343b31;border-top:1px solid #c6c7bd;font-size:12px}.photo-manga-link button{background:none;color:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:4px}@media (min-width:1600px){.photo-grid{column-count:4}.photo-grid--journal{column-count:1}}@media (max-width:800px){.photo-heading{padding:48px 0 40px}.photo-heading h2{font-size:78px}.photo-heading-dot{font-size:78px;right:-44px}.photo-heading-actions{max-width:205px}.photo-grid{column-count:2;column-gap:18px}.photo-grid--journal{column-count:1}.photo-empty{gap:42px;padding:42px 24px}.photo-empty-art{transform:scale(.85);width:215px}.photo-empty-copy h3{font-size:34px}}@media (max-width:560px){.photo-section{padding:28px 20px 24px}.photo-kicker{font-size:8px;letter-spacing:.08em;padding-bottom:20px}.photo-kicker span:last-child{font-size:8px;letter-spacing:0;text-transform:none}.photo-heading{align-items:flex-start;flex-direction:column;gap:25px;padding:42px 0 32px}.photo-heading h2{font-size:clamp(64px,18vw,88px)}.photo-heading-dot{top:-5px;right:-48px;font-size:78px}.photo-heading p{font-size:13px;margin-top:22px}.photo-heading-actions{max-width:none;width:100%;flex-direction:row;gap:18px;align-items:center}.photo-heading-actions>span{max-width:100px;font-size:10px;line-height:1.6}.photo-heading-actions .photo-button{padding:13px 15px;font-size:12px;gap:10px}.photo-toolbar{min-height:68px;margin-bottom:20px;gap:10px}.photo-album-label{font-size:11px;gap:7px}.photo-tools{gap:12px}.photo-count{font-size:9px;margin-left:0}.photo-view-switch{gap:0}.photo-view-switch button{width:36px;height:42px}.photo-refresh{font-size:10px}.photo-empty{flex-direction:column;gap:10px;padding:25px 20px 36px;min-height:0;text-align:center}.photo-empty-art{transform:scale(.69);height:240px;width:250px;margin:-5px 0 -28px}.photo-empty-copy h3{font-size:36px;margin-top:15px}.photo-eyebrow{font-size:8px}.photo-empty-copy p{font-size:12px}.photo-empty-copy small{font-size:9px}.photo-text-link{font-size:12px;padding-top:10px;gap:25px}.photo-grid{column-gap:12px}.photo-card{margin-bottom:17px}.photo-card figcaption{font-size:10px;gap:4px;min-height:38px}.photo-card figcaption>div{gap:6px}.photo-frame-number{font-size:8px}.photo-card figcaption>a{width:32px;height:44px}.photo-card figcaption>a svg{width:17px;height:17px}.photo-open-hint{display:none}.photo-footnote{font-size:8px;letter-spacing:0;gap:20px;margin-top:28px;padding-top:20px}.photo-footnote>span:last-child{gap:8px;white-space:nowrap}.photo-skeleton{gap:12px;grid-template-columns:repeat(2,1fr)}.photo-skeleton i:nth-child(3){display:none}.photo-upload-dialog{width:100%;max-height:94dvh;left:0;top:auto;bottom:0;transform:none;padding:20px 22px max(24px,env(safe-area-inset-bottom))}.photo-upload-dialog h2{font-size:43px;margin-top:14px}.photo-upload-dialog>p{font-size:12px}.photo-upload-bottom .photo-button{font-size:12px;padding:13px 16px}.photo-upload-queue{max-height:180px}.photo-viewer{padding-left:14px;padding-right:14px}.photo-viewer-top{padding:0}.photo-viewer-top>span{font-size:8px}.photo-viewer-top b{margin-left:14px}.photo-viewer-stage{gap:0}.photo-viewer-stage>img{max-width:100%;width:100%;height:100%}.photo-viewer-next,.photo-viewer-prev{position:absolute;bottom:24px;border-radius:50%;background:#10130faa;z-index:1}.photo-viewer-prev{left:8px}.photo-viewer-next{right:8px}.photo-viewer-bottom{gap:10px}.photo-viewer-bottom strong{font-size:12px}.photo-viewer-actions{gap:12px}.photo-viewer .photo-button{padding:12px 14px;gap:8px;font-size:11px}.photo-viewer .photo-button svg{width:17px}.photo-remove{font-size:10px}.photo-manga-link{font-size:11px;gap:16px}}@media (prefers-reduced-motion:reduce){.photo-button,.photo-image-button img,.photo-open-hint{transition:none}}