@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--accent:#59d4dc;color:#f0f6f8;background:#0a1119;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body.photo-page{background:#0a1119;height:100dvh;margin:0;overflow:hidden}button{font:inherit}.photo-viewport{cursor:grab;touch-action:none;user-select:none;overscroll-behavior:contain;background:#101820;outline:none;width:100%;height:calc(100dvh - 69px);min-height:250px;position:relative;overflow:hidden}.photo-viewport.is-dragging{cursor:grabbing}.photo-world{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.photo-tile{cursor:inherit;user-select:none;outline-offset:3px;background:#24303b;border:0;padding:0;display:block;position:absolute;overflow:hidden;box-shadow:0 8px 24px #0004}.photo-tile:focus-visible{outline:3px solid var(--accent)}.photo-tile img{object-fit:cover;pointer-events:none;user-select:none;width:100%;height:100%;display:block}.photo-tile:hover img{filter:brightness(1.13)}.photo-vignette{pointer-events:none;background:linear-gradient(#03090f87,#0000 31% 74%,#03090f87);position:absolute;inset:0}.photo-heading{pointer-events:none;text-shadow:0 2px 22px #000d;max-width:80%;position:absolute;top:clamp(18px,4vh,54px);left:clamp(17px,4vw,65px)}.photo-heading-overline{letter-spacing:.18em;color:#c7e1e6;font:10px DM Mono,monospace}.photo-heading h1{letter-spacing:-.065em;margin:12px 0 10px;font-size:clamp(28px,4vw,65px);font-weight:600;line-height:1.03}.photo-heading p{color:#d3e0e5;margin:0;font:clamp(10px,1.2vw,13px) DM Mono,monospace}.photo-toolbar{pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;bottom:clamp(16px,4vh,45px);left:clamp(16px,4vw,65px);right:clamp(16px,4vw,65px)}.photo-instruction{color:#e0eef1;text-shadow:0 2px 8px #000b;letter-spacing:.08em;font:10px DM Mono,monospace}.photo-toolbar button{pointer-events:auto;backdrop-filter:blur(12px);color:#e8fcff;letter-spacing:.08em;cursor:pointer;background:#07131ad4;border:1px solid #a0c6d0a0;border-radius:3px;padding:12px 16px;font:10px DM Mono,monospace}.photo-toolbar button:hover,.photo-toolbar button:focus-visible{border-color:var(--accent);background:#193542}.photo-toolbar button span{color:var(--accent);margin-left:8px}.photo-lightbox[hidden]{display:none}.photo-lightbox{z-index:30;background:#03070bf7;flex-direction:column;justify-content:center;align-items:center;padding:35px 16px 50px;display:flex;position:fixed;inset:0}.photo-lightbox img{object-fit:contain;max-width:min(95vw,1600px);max-height:83dvh;display:block;box-shadow:0 18px 70px #000c}.lightbox-close{color:#fff;cursor:pointer;background:#24303b;border:1px solid #526573;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1;position:absolute;top:18px;right:22px}.lightbox-caption{color:#b5c7d2;text-align:center;margin-top:14px;font:11px DM Mono,monospace}@media (width<=780px){.photo-viewport{height:calc(100dvh - 60px)}.photo-heading{max-width:calc(100% - 28px)}.photo-heading h1{font-size:32px}.photo-heading p{font-size:10px}.photo-instruction{font-size:9px}.photo-toolbar button{padding:11px 12px}}@media (width<=430px){.photo-heading h1{font-size:27px}.photo-heading-overline{font-size:9px}.photo-instruction{max-width:135px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.photo-tile img{transition:none}}.photo-toolbar-actions{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.photo-toolbar-actions button{white-space:nowrap}.photo-toolbar-actions #photo-drift-toggle{color:#a6cbd6;background:#0a161ede;border-color:#506979}.photo-toolbar-actions #photo-drift-toggle[aria-pressed=true]{color:#e4fdff;border-color:#5bcbd7a0}.photo-toolbar-actions #photo-drift-toggle:hover{border-color:var(--accent)}.photo-empty{z-index:1;text-align:center;color:#e7f4f7;background:#060d13e6;border:1px solid #415566;border-radius:8px;width:min(90vw,500px);padding:22px;font:13px/1.7 DM Mono,monospace;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.photo-empty code{color:#75d4df}.lightbox-copy{text-align:center;width:min(95vw,1150px);max-height:22dvh;margin-top:16px;overflow:auto}.lightbox-title{color:#d7e8ed;letter-spacing:.035em;font:12px DM Mono,monospace}.lightbox-caption{color:#e7edf1;white-space:pre-wrap;max-width:800px;margin:10px auto 0;font:clamp(13px,1.5vw,18px)/1.5 DM Sans,sans-serif}.lightbox-caption[hidden]{display:none}@media (width<=600px){.photo-toolbar{align-items:flex-end;gap:8px}.photo-instruction{max-width:145px}.photo-toolbar-actions{gap:6px;max-width:70%}.photo-toolbar-actions button{padding:10px;font-size:9px}.photo-lightbox img{max-height:71dvh}}@media (width<=380px){.photo-instruction{max-width:105px;font-size:8px}.photo-toolbar-actions{max-width:none}.photo-toolbar-actions button{padding:10px 8px;font-size:8px}}.photo-heading{max-width:min(1120px,100% - 40px)}.photo-heading h1{letter-spacing:-.055em;text-wrap:balance;overflow-wrap:break-word;max-width:100%;font-size:clamp(27px,3.4vw,58px);line-height:1.08}.photo-heading .photo-attribution{color:#e4f1f3;letter-spacing:.025em;text-shadow:0 2px 12px #000;margin:11px 0 0;font:clamp(11px,1.25vw,14px)/1.4 DM Mono,monospace;display:block}.photo-heading .photo-attribution[hidden]{display:none}.photo-instruction{max-width:min(600px,58vw);line-height:1.65}.photo-instruction-dot{color:#68d6e0;margin:0 7px}.lightbox-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:12px 0 0;display:flex}.lightbox-meta[hidden]{display:none}.photo-meta-pill{color:#d9edf1;letter-spacing:.015em;background:#172730;border:1px solid #395663;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:7px 11px;font:10px/1.25 DM Mono,monospace;display:inline-flex}.photo-lightbox{overflow-y:auto}.photo-lightbox img{flex-shrink:1;max-height:min(72dvh,100dvh - 185px)}.lightbox-copy{scrollbar-width:thin;scrollbar-color:#365363 transparent;max-height:30dvh}@media (width<=780px){.photo-heading{max-width:calc(100% - 32px);top:20px}.photo-heading h1{font-size:clamp(23px,6.3vw,36px)}.photo-heading .photo-attribution{margin-top:8px;font-size:11px}.photo-instruction{max-width:47vw;font-size:9px;line-height:1.65}.photo-instruction-dot{margin:0 3px}.photo-lightbox img{max-height:67dvh}.lightbox-copy{max-height:27dvh}}@media (width<=430px){.photo-heading h1{font-size:clamp(22px,6.2vw,28px)}.photo-heading-overline{font-size:8px}.photo-meta-pill{padding:6px 9px;font-size:9px}.photo-instruction{max-width:44vw;font-size:8px}}@media (height<=540px){.photo-lightbox{justify-content:flex-start;padding-top:62px}.photo-lightbox img{max-height:58dvh}.lightbox-copy{flex-shrink:0;max-height:none;padding-bottom:15px}}.photo-quote-lockup{width:fit-content;max-width:100%}.photo-quote-lockup .photo-attribution{width:max-content;max-width:100%;transform:translate(0)}.photo-meta-pill{--tag-border:#395663;--tag-background:#172730;--tag-ink:#80d7e2;border-color:var(--tag-border);background:var(--tag-background)}.photo-meta-icon{width:15px;height:15px;color:var(--tag-ink);flex:0 0 15px;display:block;overflow:visible}.photo-meta-tone-slate{--tag-border:#395663;--tag-background:#172730;--tag-ink:#88dce5}.photo-meta-tone-green{--tag-border:#4b6657;--tag-background:#1b2b26;--tag-ink:#b5e4ba}.photo-meta-tone-violet{--tag-border:#675475;--tag-background:#292235;--tag-ink:#e3beff}.photo-meta-tone-blue{--tag-border:#3c617b;--tag-background:#1b2b3a;--tag-ink:#8dceff}.photo-meta-tone-amber{--tag-border:#786145;--tag-background:#322a20;--tag-ink:#ffd899}.photo-meta-tone-aqua{--tag-border:#356b70;--tag-background:#182e32;--tag-ink:#8ee5e8}.photo-meta-tone-rose{--tag-border:#77535f;--tag-background:#32232d;--tag-ink:#f2bace}.photo-meta-tone-indigo{--tag-border:#4d5a85;--tag-background:#202840;--tag-ink:#bfcfff}.photo-viewport{overflow:clip}