:root{color-scheme:light;--paper:#f9f1e7;--gap:18px;--columns:1}*{box-sizing:border-box}html{background:var(--paper);scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:#df142c}header{padding:24px 16px 20px;display:flex;justify-content:center}header img{display:block;width:min(82vw,440px);height:auto}main{width:calc(100% - 32px);max-width:1680px;margin:0 auto;padding-bottom:32px}.gallery{position:relative}.photograph{margin:0;position:absolute;left:0;top:0;overflow:hidden;cursor:default}.photograph picture,.photograph img{display:block;width:100%;height:100%}.photograph img{object-fit:contain;cursor:default;-webkit-user-drag:none;-webkit-touch-callout:none}.fallback{columns:1;column-gap:var(--gap)}.fallback img{display:block;width:100%;height:auto;margin-bottom:var(--gap);break-inside:avoid}@media(min-width:640px){:root{--columns:2;--gap:20px}header{padding:28px 24px 28px}main{width:calc(100% - 48px);padding-bottom:40px}.fallback{columns:2}}@media(min-width:1100px){:root{--columns:3;--gap:24px}header{padding:34px 32px 32px}main{width:calc(100% - 64px);padding-bottom:48px}.fallback{columns:3}}@media(min-width:1600px){:root{--columns:4}.fallback{columns:4}}@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.photograph img{transition:transform 240ms cubic-bezier(.22,.61,.36,1)}.photograph:hover img{transform:scale(1.01)}}