/* Portfolio photographs, scoped to the works section and its photo viewer. */
#works.real-works{display:block;background:#292b2e;color:#f0e9df;scroll-margin-top:22px}.works-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:36px}.works-heading>div:first-child{flex:1}.works-heading h2{margin-bottom:0}.works-intro{max-width:365px;padding-bottom:4px}.real-works .works-intro p{margin:0 0 14px;font-size:12px;color:#b8b1a6;line-height:1.9}.real-works .text-link{color:#d2c3ae;border-color:#81776a;font-size:11px}.works-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff23;padding-top:23px;margin-bottom:25px}.works-filters{display:flex;flex-wrap:wrap;gap:8px}.works-filters button{display:flex;gap:15px;align-items:center;background:transparent;color:#b9b1a6;border:1px solid #77726966;border-radius:0;min-height:40px;padding:9px 15px;font:11px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .2s,color .2s}.works-filters button[aria-pressed=true]{background:#e6ddce;color:#353538;border-color:#e6ddce}.works-filters button span{font-size:8px;opacity:.5}.works-hint{color:#918b82;font-size:7px;letter-spacing:1px;text-align:right}.works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:18px}.work-card{position:relative;min-width:0;aspect-ratio:2/3;margin:0;background:#222427;overflow:hidden;isolation:isolate}.work-card--feature{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.work-card>button{display:block;width:100%;height:100%;border:0;border-radius:0;padding:0;background:none;cursor:zoom-in;overflow:hidden}.work-card picture{display:block;width:100%;height:100%}.work-card img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.2,.6,.2,1);color:#d3c4b0;font:12px Arial}.work-card::after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,#141619bb);pointer-events:none;z-index:1}.work-card figcaption{position:absolute;bottom:17px;left:18px;right:18px;pointer-events:none;z-index:2;color:#f4ecde}.work-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:1.15px;color:#c7bdae}.work-meta>span:last-child{font-size:16px;line-height:1}.work-card figcaption strong{display:block;font-weight:400;font-size:16px;line-height:1.25;margin-top:8px;letter-spacing:-.25px}.work-card--feature figcaption{left:25px;right:25px;bottom:25px}.work-card--feature figcaption strong{font-size:27px}.work-card--feature .work-meta{font-size:8px}.work-card:focus-within{outline:2px solid #d2b695;outline-offset:4px}.work-card>button:focus-visible{outline:0}.work-card:has(button:hover) img{transform:scale(1.025)}.work-card>button:focus-visible img{transform:scale(1.015)}.works-grid.is-filtered{grid-template-columns:repeat(3,minmax(0,1fr))}.works-grid.is-filtered .work-card--feature{grid-column:auto;grid-row:auto;aspect-ratio:2/3}.works-grid.is-filtered .work-card--feature figcaption{left:18px;right:18px;bottom:17px}.works-grid.is-filtered .work-card--feature figcaption strong{font-size:16px}.works-grid.is-filtered .work-card--feature .work-meta{font-size:8px}.real-works .works-photo-note{font-size:9px;line-height:1.8;color:#928d84;margin:22px 0 0}.photo-details{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;margin-top:9px}.photo-details small{font-size:9px;color:#b7a58c;line-height:1.6}.photo-details a{font-size:10px;color:#e1cfb5;padding:5px 0;border-bottom:1px solid #8a7860}.photo-details [hidden]{display:none!important}#photo-dialog[data-gallery=works]{background:#292b2e;border-color:#8f877b}#photo-dialog[data-gallery=works] .photo-stage{background-color:#242629}#photo-dialog .photo-dots{flex-wrap:wrap;max-width:300px;margin:6px auto 0}.works-filters button:focus-visible{outline:2px solid #d2b695;outline-offset:4px}
@media(max-width:1100px){.works-heading{gap:35px}.works-intro{max-width:310px}.works-grid{gap:14px}.work-card figcaption{left:13px;right:13px;bottom:14px}.work-card figcaption strong{font-size:14px}.work-meta{font-size:7px}.work-card--feature figcaption{left:21px;right:21px;bottom:22px}.work-card--feature figcaption strong{font-size:24px}}
@media(max-width:900px){.works-heading{display:block;margin-bottom:28px}.works-intro{max-width:100%;margin-top:24px}.works-grid,.works-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.work-card--feature{grid-column:auto;grid-row:auto;aspect-ratio:2/3}.work-card--feature figcaption{left:18px;right:18px;bottom:18px}.work-card--feature figcaption strong{font-size:19px}.work-card--feature .work-meta{font-size:8px}.works-hint{display:none}.work-card figcaption strong{font-size:19px}.work-card figcaption{left:18px;right:18px;bottom:18px}.work-meta{font-size:8px}}
@media(max-width:650px){.real-works .works-intro p{font-size:11px}.works-heading{margin-bottom:24px}.works-toolbar{padding-top:19px;margin-bottom:19px}.works-filters{gap:7px}.works-filters button{font-size:10px;padding:10px 11px;gap:11px;min-height:40px}.works-grid,.works-grid.is-filtered{gap:11px}.work-card figcaption,.work-card--feature figcaption,.works-grid.is-filtered .work-card--feature figcaption{left:11px;right:11px;bottom:13px}.work-card figcaption strong,.work-card--feature figcaption strong,.works-grid.is-filtered .work-card--feature figcaption strong{font-size:13px;letter-spacing:-.2px;margin-top:7px}.work-meta,.work-card--feature .work-meta,.works-grid.is-filtered .work-card--feature .work-meta{font-size:7px;letter-spacing:.55px}.work-meta>span:last-child{font-size:14px}.real-works .works-photo-note{font-size:8px;line-height:1.8;margin-top:18px}.photo-details small{font-size:8px}.photo-details a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.work-card img,.works-filters button{transition:none}}