:root{--paper:#f6f5f1;--ink:#242720;--muted:#787a72;--line:#ddded6;--tile:clamp(72px,min(9.05vw,calc((100svh - 410px)/4)),128px);--gap:4px;--running:running}
.phase-badge{position:absolute;top:5px;left:5px;background:#f6f5f1e8;color:#42483b;padding:3px 5px;font-size:8px;line-height:1;letter-spacing:.15px;border-radius:2px;pointer-events:none}
#viewerMedia.comparison{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}
#viewerMedia.comparison figure{min-width:0;margin:0;display:flex;flex-direction:column;justify-content:center;background:var(--paper)}
#viewerMedia.comparison img{width:100%;height:auto;max-height:57svh;min-height:0;aspect-ratio:4/3;object-fit:contain}
#viewerMedia.comparison figcaption{font-size:10px;color:var(--muted);padding:10px 12px;text-align:center}
@media(max-width:600px){#viewerMedia.comparison{gap:3px;padding:3px}#viewerMedia.comparison figcaption{font-size:9px;padding:8px 4px}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;min-height:100svh;display:flex;flex-direction:column}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #a16140;outline-offset:4px}button:disabled{cursor:default}h1,h2,p{margin:0}.masthead{padding:32px 42px 27px;display:flex;justify-content:space-between;align-items:center}h1{font-size:26px;letter-spacing:-1.2px;font-weight:500}.dot{color:#ae7558}.masthead p{font-size:11px;letter-spacing:.25px;color:var(--muted);margin-top:8px}.pause{border:1px solid var(--line);background:transparent;padding:10px 12px;display:flex;gap:9px;align-items:center;border-radius:30px;font-size:11px}.pause:hover{background:#e9e8e1}main{margin:auto 0;width:100%}.gallery-heading{display:flex;justify-content:space-between;padding:10px 42px 15px;font-size:10px;letter-spacing:.55px;color:var(--muted)}.hint{letter-spacing:0}.gallery{overflow:hidden;display:flex;flex-direction:column;gap:var(--gap);width:100%;isolation:isolate}.image-row{height:var(--tile);overflow:hidden}.image-track{display:flex;width:max-content;animation:slide-left var(--row-duration,290s) linear infinite;animation-play-state:var(--running);will-change:transform}.image-set{display:flex;gap:var(--gap);padding-right:var(--gap);flex-shrink:0}.tile{width:var(--tile);height:var(--tile);padding:0;border:0;display:block;position:relative;background:#dfded8;overflow:hidden;flex:none}.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,filter .3s;filter:saturate(.82)}.tile:hover img,.tile:focus-visible img{transform:scale(1.07);filter:saturate(1)}.tile .tile-label{position:absolute;inset:auto 0 0;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;padding:26px 8px 8px;font-size:10px;line-height:1.35;opacity:0;transition:opacity .2s}.tile:hover .tile-label,.tile:focus-visible .tile-label{opacity:1}.references{margin:27px 0 0}.reference-label{font-size:9px;letter-spacing:1px;color:var(--muted);padding:0 42px 12px}.reference-label span{display:inline-block;transform:rotate(45deg);margin-left:8px}.reference-window{overflow:hidden;padding:17px 0 19px;border-block:1px solid var(--line)}.reference-track{display:flex;width:max-content;animation:slide-right 115s linear infinite;animation-play-state:var(--running);will-change:transform}.reference-set{display:flex;align-items:center;gap:36px;padding-right:36px;flex-shrink:0}.reference-name{white-space:nowrap;font-size:22px;font-weight:500;letter-spacing:-.7px;display:flex;gap:36px;align-items:center;color:#52564b}.reference-name:nth-child(3n+2){font-family:Georgia,serif;font-size:25px;font-style:italic}.reference-name:after{content:'·';font-family:Arial,sans-serif;font-style:normal;color:#b4b5aa;font-size:22px}.film-line{display:flex;align-items:center;justify-content:center;gap:18px;padding:28px 24px 18px}.film-button{display:flex;align-items:center;gap:14px;border:0;background:none;padding:8px 0;font-size:12px}.play-icon{display:grid;place-items:center;width:29px;height:20px;border-radius:5px;color:white;background:#bd4b40;font-size:10px;padding-left:1px}.duration{font-size:10px;color:var(--muted);padding-left:2px}.film-note{font-size:11px;color:var(--muted);line-height:1.5;text-align:center}.film-button:hover{text-decoration:underline;text-underline-offset:5px}footer{display:flex;justify-content:space-between;font-size:9px;color:#999b91;padding:22px 42px 20px;letter-spacing:.1px}.manual-paused,.modal-open,.page-hidden{--running:paused}.hover-paused{--running:paused}@keyframes slide-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes slide-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}dialog{width:min(1120px,94vw);max-height:94svh;border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #0005}dialog::backdrop{background:#1c201de6;backdrop-filter:blur(5px)}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;gap:20px}.viewer-top h2{font-size:18px;font-weight:500}.viewer-top p{font-size:11px;line-height:1.5;color:var(--muted);margin-top:5px}.close{font-size:30px;background:transparent;border:0;width:36px;height:36px;line-height:1}#viewerMedia{background:#e7e6e0;display:flex;justify-content:center;min-height:120px}#viewerMedia img{display:block;max-width:100%;width:auto;height:min(64svh,690px);object-fit:contain}#viewerMedia video{display:block;width:100%;max-height:68svh;background:#15241e}.viewer-bottom{display:flex;justify-content:center;gap:25px;align-items:center;padding:10px}.viewer-bottom button{background:transparent;border:0;font-size:25px;padding:4px 15px}.viewer-bottom span{font-size:10px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:600px){:root{--tile:100px;--gap:3px}.masthead{padding:25px 20px 24px}h1{font-size:24px}.masthead p{font-size:9px}.pause{font-size:10px;padding:8px}.gallery-heading{padding:5px 20px 12px;font-size:9px}.hint{max-width:135px;text-align:right}.references{margin-top:24px}.reference-label{padding:0 20px 12px;font-size:8px}.reference-name{font-size:20px}.reference-name:nth-child(3n+2){font-size:22px}.reference-window{padding:14px 0}.film-line{flex-direction:column;gap:1px;padding:21px 20px}.film-button{font-size:11px;gap:10px}footer{padding:18px 20px;gap:16px;font-size:8px}.viewer-top{padding:14px}.viewer-top h2{font-size:16px}#viewerMedia img{height:auto;max-height:64svh;min-height:200px}.image-track{animation-duration:var(--row-duration-mobile,340s)}}
#viewerSource{font-size:10px}#viewerSource a{color:#657054;text-decoration:underline;text-decoration-color:#c3c8b9;text-underline-offset:3px}
a.film-button{color:inherit;text-decoration:none}