/* Photography is a film viewer; the photographs retain their native colour and detail. */
body[data-page="photography"]{--film:#090b0d;--film-ink:#c9ad79}
.photo-opening{padding-block:72px 64px;gap:70px;min-height:690px}
.photo-opening h1{line-height:1.32;font-size:clamp(44px,5vw,70px)}
.photo-opening .photo-date{letter-spacing:.1em;color:#b6a98b}
.photo-opening .photo-kicker{font:11px/1.6 var(--mono);letter-spacing:.22em;color:#c2aa7a;margin:0 0 25px}
.photo-opening figure{width:min(350px,100%);position:relative;padding:10px;background:#111416;border:1px solid #414440;box-shadow:16px 18px 0 -1px #080c11,16px 18px 0 0 #2d3233}
.photo-print-surface{position:relative;overflow:hidden}
.photo-print-surface img{width:100%;height:auto;filter:none;image-rendering:auto}
.photo-print-light{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 20%,rgba(232,211,164,.2) 49%,transparent 80%)}
.photo-opening figcaption{display:flex;align-items:center;justify-content:space-between;padding:12px 2px 0;gap:12px;font:11px/1.5 var(--mono)}
.print-replay{border:0;color:#d8c494;background:transparent;font:inherit;min-height:44px;padding:0 8px;cursor:pointer}
.photo-archive{width:100%;padding-block:48px 60px}
.photo-archive>.section-head{width:min(1200px,calc(100% - 112px));margin:0 auto 35px;align-items:center}
.photo-archive .section-head h2{font-size:36px}
.film-toolbar{display:flex;align-items:center;gap:22px}
.film-play{font:12px/1.4 var(--mono);min-height:44px;padding:10px 16px;color:#d8c494;border:1px solid #49483d;background:#141717;border-radius:3px;cursor:pointer}
.film-play:disabled{opacity:.5;cursor:default}
.film-roll{margin-block:0 30px;position:relative;background:var(--film);border-block:1px solid #34352e}
.film-roll-head{height:43px;display:flex;align-items:center;justify-content:space-between;padding-inline:max(32px,calc((100vw - 1200px)/2));color:var(--film-ink);font:10px/1 var(--mono);letter-spacing:.15em}
.film-roll-head strong{font-weight:400}.film-roll-head small{color:#727c7c;font-size:10px;margin-left:20px;letter-spacing:.08em}
.film-buttons{display:flex;gap:8px}
.film-buttons button{width:44px;height:40px;border:0;background:none;color:#c8b887;font:20px/1 var(--mono);cursor:pointer}
.film-buttons button:disabled{color:#50544e;cursor:default}
.film-track{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;position:relative;padding:30px max(32px,calc((100vw - 1200px)/2)) 31px;scrollbar-width:thin;scrollbar-color:#676249 #111514;overscroll-behavior-x:contain;scroll-behavior:auto;background-image:repeating-linear-gradient(90deg,transparent 0 9px,#77725c 9px 19px,transparent 19px 31px),repeating-linear-gradient(90deg,transparent 0 9px,#77725c 9px 19px,transparent 19px 31px);background-size:31px 7px;background-position:0 5px,0 calc(100% - 7px);background-repeat:repeat-x}
.film-track:focus-visible{outline:1px solid #d8c494;outline-offset:-2px}
.film-track .photo-tile{flex:0 0 auto;width:calc(var(--photo-ratio)*280px);height:280px;max-width:none;margin:0;overflow:visible;background:none;position:relative;outline-offset:5px;transition:box-shadow 240ms ease}
.film-track .photo-tile img{display:block;height:100%;width:100%;object-fit:contain;image-rendering:auto;filter:none;opacity:1;transition:none}
.film-track .photo-tile:hover img{opacity:1}
.film-track .photo-tile::after{content:attr(data-frame-label);position:absolute;bottom:-21px;left:0;color:#aa976e;font:9px/1 var(--mono);letter-spacing:.16em}
.film-track .photo-tile:hover{box-shadow:0 0 0 1px #cbbb95}
.film-roll[data-running="true"] .film-roll-head strong::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#dbbc7a;margin-right:9px;box-shadow:0 0 9px #b89859}
.lightbox{background:#06080a}.lightbox::backdrop{background:#06080a}.lightbox figure img{filter:none;image-rendering:auto}
@media(max-width:1000px){.photo-archive>.section-head{width:calc(100% - 64px)}.photo-opening{min-height:620px;gap:44px}.film-track .photo-tile{height:240px;width:calc(var(--photo-ratio)*240px)}}
@media(max-width:700px){.photo-opening{min-height:0;text-align:center;gap:35px;padding-block:40px 45px}.photo-opening>div{max-width:480px;justify-self:center}.photo-opening .photo-kicker{margin-bottom:18px}.photo-opening h1{font-size:clamp(38px,8vw,52px)}.photo-opening p:not(.eyebrow){max-width:25em;margin-inline:auto}.photo-opening figure{width:min(290px,76%);box-shadow:10px 12px 0 -1px #080c11,10px 12px 0 0 #2d3233}.photo-archive>.section-head{width:calc(100% - 40px);gap:20px;flex-wrap:wrap;margin-bottom:22px}.photo-archive .section-head h2{font-size:28px}.film-toolbar{gap:12px}.photo-count{font-size:10px}.film-play{padding-inline:10px;font-size:11px}.film-roll{margin-bottom:22px}.film-roll-head{padding-inline:20px}.film-track{padding-inline:20px;gap:14px}.film-track .photo-tile{height:230px;width:calc(var(--photo-ratio)*230px)}}
@media(prefers-reduced-motion:reduce){.photo-print-surface,.photo-print-surface img{transform:none!important;clip-path:none!important}.photo-print-light{display:none}}