.photo-albums{background:var(--color-surface)}.album-choices{gap:24px;margin-top:32px;display:grid}.photo-albums .photo-removal-notice{margin-top:16px}.album-theme--friday{--album-accent:var(--color-friday);--album-field:var(--color-friday-deep)}.album-theme--saturday{--album-accent:var(--color-saturday);--album-field:var(--color-saturday-deep)}.album-choice{border-top:5px solid var(--album-accent);background:var(--album-field);flex-direction:column;display:flex}.album-choice__copy{margin-top:auto;padding:clamp(24px,4vw,48px)}.album-choice h3{margin:12px 0 24px;font-size:clamp(48px,6vw,80px);line-height:1}.album-date{color:var(--color-text)}.album-choice__link{border-top:1px solid var(--color-rule);justify-content:space-between;gap:16px;margin-top:32px;padding-top:20px;font-weight:600;display:flex}.album-choice:hover .album-choice__link{text-underline-offset:4px;text-decoration:underline}.album-choice__cover{aspect-ratio:3/2;object-fit:contain;background:var(--color-canvas);width:100%;height:auto}.album-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:24px;display:flex}.album-page{border-top:5px solid var(--album-accent);padding-block:40px 64px}.album-heading{margin-bottom:40px}.album-photographer{color:var(--color-text-dim);margin-top:8px}.album-information{border-block:1px solid var(--color-rule);flex-wrap:wrap;align-items:start;gap:24px 40px;margin-bottom:40px;padding-block:24px;display:flex}.album-information p{max-width:65ch;color:var(--color-text-dim);flex:320px}.album-information p a{text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}.album-information .btn{white-space:normal;text-align:left}.album-heading h1{text-shadow:none;margin-block:16px;font-size:clamp(64px,12vw,144px);line-height:1}.album-empty{background:var(--album-field);padding:clamp(28px,6vw,80px)}.album-empty h2{margin-bottom:20px;font-size:clamp(32px,5vw,56px)}.album-empty a{text-underline-offset:4px;text-decoration:underline}.album-navigation{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;display:flex}.album-grid{gap:24px;display:grid}.album-grid a{background:var(--color-surface);display:block}.album-grid img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto}.album-grid figcaption{color:var(--color-text-dim);padding-top:8px;font-size:14px}.photo-viewer-open{overflow:hidden}.photo-dialog{border:1px solid var(--color-rule);width:min(1200px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--color-text);background:var(--color-canvas);padding:16px}.photo-dialog::backdrop{background:#000000e6}.photo-dialog__toolbar,.photo-dialog__controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.photo-dialog__toolbar h2{font-size:clamp(20px,3vw,32px)}.photo-dialog button{border:1px solid var(--color-rule);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;padding:10px 12px}.photo-dialog button:disabled{opacity:.5;cursor:default}.photo-dialog>img{object-fit:contain;width:100%;height:min(56dvh,780px);margin-top:16px}.photo-dialog__credit{min-height:24px;padding-block:8px;font-size:14px}.photo-dialog__controls{font-size:14px}.photo-dialog__controls button{white-space:nowrap}.photo-dialog__controls p{text-align:center}@media (width>=40rem){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-dialog>img{height:min(100dvh - 230px,1000px)}}@media (width>=48rem){.album-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.photo-request .album-heading h1{font-size:clamp(48px,9vw,112px)}.photo-request .album-heading p{max-width:65ch}.photo-selection-group{border:0;min-width:0;margin:0 0 40px;padding:0}.photo-selection-group legend{padding:0 0 24px;font-size:24px;font-weight:600}.photo-selection-card{background:var(--color-surface);border:2px solid var(--color-rule);cursor:pointer;display:block}.photo-selection-card:has(input:checked){border-color:var(--color-focus)}.photo-selection-card:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}.photo-selection-card>span{align-items:center;gap:12px;min-height:52px;padding:12px;display:flex}.photo-selection-card input{width:24px;height:24px;accent-color:var(--color-friday);margin:0}.photo-selection-summary{z-index:5;border:1px solid var(--color-rule);background:var(--color-canvas);max-height:50dvh;margin-bottom:24px;padding:16px;position:sticky;top:0;overflow-y:auto}.photo-selection-card{scroll-margin-top:260px}.photo-selection-summary[hidden],.photo-selection-summary [hidden]{display:none}.photo-selection-summary h2{font-size:28px}.photo-selection-actions{flex-wrap:wrap;gap:12px;margin-block:12px;display:flex}.photo-selection-actions button{font:inherit;cursor:pointer;color:var(--color-text);background:var(--color-surface)}.photo-selection-actions button:disabled{opacity:.5;cursor:default}.photo-selection-summary summary{cursor:pointer;min-height:44px;padding-block:10px}.photo-selection-summary textarea{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-rule);font:inherit;margin-block:8px;display:block}.photo-selection-summary p a{overflow-wrap:anywhere;text-decoration:underline}
