:root{--photo-red:#c61535;--photo-black:#070707;--photo-white:#ededed;--photo-gap:12px}*{box-sizing:border-box}html{scrollbar-color:var(--photo-red) transparent;scrollbar-width:thin}body{margin:0;background:var(--photo-black);color:var(--photo-white);font:400 17px/1.4 Source Sans Pro,sans-serif;font-synthesis:none;--photo-bg:var(--photo-black);--photo-fg:var(--photo-white);color-scheme:dark}body[data-category=commercial]{background:var(--photo-white);color:var(--photo-black);--photo-bg:var(--photo-white);--photo-fg:var(--photo-black);color-scheme:light}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;border-radius:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--photo-red);outline-offset:4px}::selection{background:var(--photo-red);color:var(--photo-white)}.photo-header{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:104px;padding:24px 40px}.photo-logo{font-size:40px;line-height:1;font-weight:700;letter-spacing:-.03em;justify-self:start}.photo-logo span{color:var(--photo-red)}.photo-header h1{font-size:16px;font-weight:700;letter-spacing:.1em;line-height:1.35;text-align:center;margin:0;text-wrap:balance;text-transform:uppercase}.photo-home{justify-self:end;display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px}.photo-home svg{width:24px;height:24px;fill:none;stroke:var(--photo-red);stroke-width:1.6}.photo-home:hover{text-decoration:underline;text-underline-offset:6px}.photo-grid{width:calc(100% - 80px);max-width:1280px;margin:0 auto;padding:0 0 64px;min-height:180px}.photo-browse{width:calc(100% - 80px);max-width:1280px;margin:0 auto 28px;display:flex;justify-content:center;gap:4px}.photo-browse[hidden]{display:none}.photo-browse button{min-height:44px;padding:10px 24px;border:0;background:transparent;color:var(--photo-fg);font-weight:700}.photo-browse button[aria-pressed=true]{background:var(--photo-red);color:var(--photo-white)}.photo-browse button[aria-pressed=false]:hover{text-decoration:underline;text-underline-offset:5px}.photo-browse button:disabled{opacity:.5;cursor:default}.photo-industry+.photo-industry{margin-top:56px}.photo-industry h2{display:flex;align-items:center;gap:24px;margin:0 0 18px;font-size:clamp(24px,2.4vw,36px);line-height:1.2;font-weight:700;overflow-wrap:anywhere}.photo-industry h2:after{content:"";flex:1;min-width:24px;height:1px;background:#a6a6a6}.photo-industry .photo-slot:after{display:none}.photo-row{display:grid;grid-template-columns:var(--photo-columns);gap:var(--photo-gap);margin-bottom:var(--photo-gap);align-items:start}.photo-row-wide{width:calc(87.5% - var(--photo-gap)*.75);margin-inline:auto}.photo-slot{position:relative;display:block;min-width:0;width:100%;aspect-ratio:var(--photo-ratio);overflow:hidden;padding:0;border:0;background:var(--photo-bg);color:var(--photo-white);text-align:left}.photo-slot img{display:block;width:100%;height:100%;object-fit:contain}.photo-slot:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#070707c2);pointer-events:none}.photo-slot-title{position:absolute;bottom:14px;left:16px;right:16px;z-index:1;margin:0;font-size:clamp(13px,1.2vw,18px);line-height:1.3;font-weight:700;overflow-wrap:anywhere;text-shadow:0 1px 3px rgba(7,7,7,.4)}.photo-slot:hover .photo-slot-title{text-decoration:underline;text-underline-offset:4px}.photo-slot-empty{visibility:hidden;pointer-events:none}.photo-notice{font-size:17px;line-height:1.5;margin:40px 0;color:inherit;max-width:52ch}.photo-notice button{display:block;margin-top:20px;padding:12px 20px;background:var(--photo-red);color:var(--photo-white);border:0;min-height:44px;font-weight:700}.photo-skip{position:fixed;left:16px;top:-100px;z-index:10;padding:12px;background:var(--photo-red);color:var(--photo-white)}.photo-skip:focus{top:12px}body:has(.photo-viewer[open]){overflow:hidden}.photo-viewer{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;color:var(--photo-fg);background:var(--photo-bg);font:inherit;overflow:hidden}.photo-viewer::backdrop{background:var(--photo-bg)}.photo-viewer[open]{display:grid;grid-template-rows:64px minmax(0,1fr) auto auto;gap:0}.photo-view-toolbar,.photo-view-meta,.photo-thumbs-wrap{width:calc(100% - 64px);max-width:1480px;margin-inline:auto}.photo-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.photo-view-back{display:inline-flex;align-items:center;gap:10px;background:transparent;color:inherit;border:0;padding:8px 0;min-height:44px;font-weight:700}.photo-view-close,.photo-view-step,.photo-strip-step{display:grid;place-items:center;background:transparent;border:0;color:inherit;padding:10px;width:44px;height:44px;flex:none}.photo-viewer svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.photo-view-stage{position:relative;width:100%;max-width:1600px;margin:auto;height:100%;min-height:0;padding-inline:64px}.photo-view-viewport{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;touch-action:none}.photo-view-viewport img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;transform-origin:center;user-select:none}.photo-view-step{position:absolute;top:calc(50% - 22px)}.photo-view-step[data-step="-1"]{left:10px}.photo-view-step[data-step="1"]{right:10px}.photo-view-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-block:16px 14px;border-bottom:1px solid color-mix(in srgb,var(--photo-fg) 22%,transparent)}.photo-view-meta h2{font-size:18px;line-height:1.4;font-weight:400;margin:0;overflow-wrap:anywhere}.photo-view-count{font-size:14px;white-space:nowrap;margin-top:3px}.photo-thumbs-wrap{display:flex;align-items:center;gap:8px;padding-block:16px 22px;min-width:0}.photo-thumbs{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;min-width:0;flex:1;padding:4px 3px 10px;scrollbar-width:thin;scrollbar-color:var(--photo-red) transparent;overscroll-behavior-x:contain;scroll-behavior:smooth}.photo-thumb{position:relative;flex:none;width:var(--thumb-width);height:84px;min-width:48px;padding:0;border:2px solid transparent;background:transparent;opacity:.65}.photo-thumb img{display:block;width:100%;height:100%;object-fit:contain}.photo-thumb:hover,.photo-thumb[aria-current=true]{opacity:1}.photo-thumb[aria-current=true]{border-color:var(--photo-red)}.photo-zoom-tools{position:absolute;right:max(72px,calc((100% - 1460px)/2));top:74px;display:flex;align-items:center;gap:2px;padding:2px;background:var(--photo-bg);color:var(--photo-fg);z-index:2}.photo-zoom-tools button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:inherit;padding:10px}.photo-zoom-tools output{min-width:46px;text-align:center;font-size:13px}.photo-zoom-tools button:disabled{opacity:.4;cursor:default}.photo-zoom-viewport{cursor:zoom-in}.photo-zoom-viewport.is-zoomed{cursor:grab}.photo-zoom-viewport.is-zoomed:active{cursor:grabbing}.photo-image-status{position:absolute;inset:auto 64px 10px;text-align:center;font-size:14px;pointer-events:none}.photo-image-status:empty{display:none}@media(min-width:1800px){.photo-header{padding-inline:40px}}@media(max-width:760px){:root{--photo-gap:7px}.photo-header{min-height:100px;padding:16px;grid-template-columns:1fr 1fr;gap:8px 16px}.photo-logo{font-size:32px}.photo-home{font-size:14px;grid-column:2;grid-row:1}.photo-header h1{grid-column:1/-1;grid-row:2;font-size:14px;letter-spacing:.07em}.photo-grid{width:calc(100% - 24px);padding-bottom:32px}.photo-slot-title{font-size:11px;left:7px;right:5px;bottom:6px}.photo-viewer[open]{grid-template-rows:56px minmax(0,1fr) auto auto}.photo-view-toolbar,.photo-view-meta,.photo-thumbs-wrap{width:calc(100% - 24px)}.photo-view-back{font-size:14px}.photo-view-stage{padding-inline:12px}.photo-view-step{top:auto;bottom:0;background:var(--photo-bg)}.photo-view-step[data-step="-1"]{left:12px}.photo-view-step[data-step="1"]{right:12px}.photo-view-meta{padding-block:12px;gap:12px}.photo-view-meta h2{font-size:16px}.photo-thumbs-wrap{padding-block:10px 14px;gap:0}.photo-strip-step{width:32px;padding:5px}.photo-thumb{height:64px;width:calc(var(--thumb-width)*.762)}.photo-thumbs{gap:8px}.photo-zoom-tools{top:60px;right:12px}.photo-zoom-tools output{min-width:40px}.photo-image-status{inset:auto 60px 9px}}@media(max-height:520px)and (orientation:landscape){.photo-viewer[open]{grid-template-rows:44px minmax(0,1fr) auto auto}.photo-view-meta,.photo-thumbs-wrap{padding-block:4px}.photo-thumb{height:44px;width:calc(var(--thumb-width)*.524)}.photo-zoom-tools{top:46px}.photo-view-meta h2{font-size:14px}}@media(max-width:760px){.photo-slot-title{font-size:13px}}@media(max-width:760px){.photo-browse{width:calc(100% - 24px);margin-bottom:24px}.photo-browse button{padding-inline:20px}.photo-industry+.photo-industry{margin-top:36px}.photo-industry h2{gap:16px;margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.photo-thumbs{scroll-behavior:auto}}
