:root{--primary:#be1622;--black:#050505;--white:#fff;--soft-border:#0000001f;color:var(--black);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--white);min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{touch-action:manipulation}.app{background:var(--white);grid-template-rows:auto auto 1fr;min-height:100vh;display:grid;overflow:hidden}.app--exhibition{grid-template-rows:auto 1fr}.topbar{background:var(--white);gap:14px;padding:clamp(18px,2.4vw,30px) clamp(14px,2.6vw,36px) 10px;transition:opacity .26s;display:grid}.brand-row{grid-template-columns:minmax(72px,150px) 1fr minmax(72px,150px);align-items:center;gap:clamp(10px,2vw,24px);display:grid}.museum-logo{justify-self:start;width:clamp(72px,10vw,150px);height:auto;display:block}.brand-row h1{color:var(--primary);letter-spacing:0;text-align:center;margin:0;font-size:clamp(2.3rem,5.4vw,5.4rem);font-weight:700;line-height:.95}.brand-row h1 span{display:inline}.brand-row h1 span+span:before{content:" "}.exit-exhibition{border:1px solid var(--primary);background:var(--primary);min-width:96px;min-height:44px;color:var(--white);cursor:pointer;border-radius:7px;justify-content:center;justify-self:end;align-items:center;gap:8px;font-weight:700;display:inline-flex}.app--exhibition .brand-row{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);animation:.26s both reveal}.app--exhibition .museum-logo{opacity:0;pointer-events:none}.app--exhibition .brand-row h1{grid-column:2}.app--exhibition .exit-exhibition{grid-column:3}.toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:44px;animation:.22s both reveal;display:flex}.select-label{height:38px;color:var(--black);align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.select-label span{font-weight:650}select,input{border:1px solid var(--soft-border);background:var(--white);min-height:38px;color:var(--black);border-radius:7px;padding:0 10px}input[type=range]{width:100%;accent-color:var(--primary)}input[type=checkbox]{width:20px;height:20px;min-height:auto;accent-color:var(--primary)}.primary-action,.icon-button{border:1px solid var(--primary);background:var(--primary);height:38px;color:var(--white);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.primary-action{padding:0 13px;font-weight:650}.icon-button{width:40px;padding:0}.primary-action:active,.icon-button:active,.photo-tile:active{transform:scale(.985)}.notice{border:1px solid var(--soft-border);color:var(--black);background:var(--white);border-radius:7px;justify-self:center;margin:8px 14px;padding:10px 14px}.photo-wall{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(54px, calc(var(--tile-min) * .42), 96px);grid-auto-flow:dense;background:var(--white);align-content:stretch;gap:clamp(5px,.75vw,10px);height:100%;min-height:0;padding:10px clamp(10px,2vw,24px) clamp(12px,2vw,24px);display:grid;overflow:hidden}.photo-wall--exhibition{height:100%;padding:clamp(8px,1.2vw,16px)}.photo-tile{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:opacity var(--fade-duration) ease, transform .18s ease, box-shadow .18s ease;background:#f2f2f2;border:0;border-radius:8px;padding:0;position:relative;overflow:hidden;box-shadow:0 7px 18px #00000029}.photo-protection-overlay{z-index:4;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;display:block;position:absolute;inset:0}.photo-tile--xs{grid-area:span 1/span 1}.photo-tile--s{grid-area:span 1/span 2}.photo-tile--m{grid-area:span 2/span 2}.photo-tile--wide{grid-area:span 1/span 3}.photo-tile--tall{grid-area:span 3/span 2}.photo-tile--l{grid-area:span 2/span 3}.photo-tile--portrait{grid-area:span 4/span 2}.photo-tile--panorama{grid-area:span 2/span 4}.photo-tile--xl{grid-area:span 3/span 3}.photo-tile--xxl{grid-area:span 3/span 4}.photo-tile--featured{z-index:1;min-height:calc(var(--tile-min) * 2.3);background:var(--white);box-shadow:none;grid-area:2/5/span 5/span 4;padding:clamp(10px,1.1vw,18px)}.photo-tile--featured-fading{opacity:.34;transform:scale(.985)}.photo-tile:hover{box-shadow:0 10px 22px #00000038}.photo-tile--fading{opacity:.42}.photo-tile img{object-fit:cover;object-position:center 40%;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.photo-tile--focus-face img{object-position:center 30%}.photo-tile--focus-upper img{object-position:center 36%}.photo-tile--focus-center img{object-position:center center}.photo-tile--featured img{object-fit:contain;object-position:center}.lightbox{z-index:20;-webkit-user-select:none;user-select:none;background:#000000e6;grid-template-rows:1fr auto;grid-template-columns:minmax(54px,8vw) 1fr minmax(54px,8vw);align-items:center;animation:.22s both reveal;display:grid;position:fixed;inset:0}.lightbox__photo-frame{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-column:2;justify-self:center;place-items:center;max-width:100%;max-height:calc(100vh - 98px);display:grid;position:relative;overflow:hidden}.lightbox__image{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;border-radius:4px;max-width:100%;max-height:calc(100vh - 98px);display:block}.lightbox__watermark{z-index:3;opacity:.42;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:clamp(110px,16%,260px);height:auto;display:block;position:absolute;bottom:clamp(14px,2.4vw,34px);right:clamp(14px,2.4vw,34px)}.lightbox__close,.lightbox__nav{z-index:30;color:var(--white);cursor:pointer;background:#00000094;border:1px solid #ffffff47;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:fixed}.lightbox__close{width:46px;height:46px;top:18px;right:18px}.lightbox__nav{width:52px;height:62px;top:50%;transform:translateY(-50%)}.lightbox__nav--prev{left:16px}.lightbox__nav--next{right:16px}.lightbox__info{min-height:72px;color:var(--white);text-align:center;grid-column:1/-1;justify-content:center;gap:clamp(12px,3vw,34px);padding:18px 70px 22px;font-size:clamp(.94rem,1.8vw,1.2rem);display:flex}.lightbox__info span{min-width:0}.settings-backdrop{z-index:30;background:#0000007a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings{background:var(--white);width:min(620px,100%);max-height:min(740px,100vh - 36px);color:var(--black);border-radius:8px;padding:20px;overflow:auto;box-shadow:0 22px 70px #0000004d}.settings__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.settings h2{color:var(--primary);letter-spacing:0;margin:0;font-size:1.6rem}.settings label{gap:8px;margin:14px 0;font-weight:650;display:grid}.settings label span{font-weight:500}.settings__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings__toggles{gap:8px;margin-top:16px;display:grid}.settings .switch{align-items:center;gap:10px;margin:0;display:flex}.settings .icon-button{flex:none}@keyframes reveal{0%{opacity:0}to{opacity:1}}@media (width>=1400px){.photo-wall{grid-template-columns:repeat(14,minmax(0,1fr))}.photo-tile--featured{grid-column:6/span 4}}@media (width>=721px) and (width<=1040px){.photo-wall{grid-template-columns:repeat(9,minmax(0,1fr))}.photo-tile--featured{grid-area:2/3/span 4/span 5}}@media (width<=720px){.app{grid-template-rows:auto auto 1fr}.topbar{padding-top:16px}.brand-row{grid-template-columns:minmax(58px,84px) 1fr;gap:10px}.museum-logo{width:clamp(58px,18vw,84px)}.brand-row h1{text-align:center;font-size:clamp(2rem,10vw,3.2rem)}.brand-row h1 span{display:block}.brand-row h1 span+span:before{content:""}.app--exhibition .brand-row{grid-template-columns:1fr auto}.app--exhibition .brand-row h1{text-align:center;grid-area:1/1/auto/-1;padding-inline:60px}.app--exhibition .exit-exhibition{grid-area:1/2;min-width:48px;padding:0 12px}.app--exhibition .exit-exhibition span{display:none}.toolbar{justify-content:stretch}.select-label,.primary-action{flex:180px}.select-label select{flex:1;min-width:0}.icon-button{flex:0 0 40px}.photo-wall{--tile-min:min(var(--tile-min), 112px);grid-template-columns:repeat(8,1fr);grid-auto-rows:clamp(46px,12vw,72px);gap:7px;padding-inline:8px}.photo-tile--s{grid-area:span 1/span 2}.photo-tile--wide{grid-area:span 1/span 3}.photo-tile--m,.photo-tile--l{grid-area:span 2/span 2}.photo-tile--tall,.photo-tile--portrait{grid-area:span 3/span 2}.photo-tile--panorama{grid-area:span 2/span 4}.photo-tile--xl,.photo-tile--xxl{grid-area:span 3/span 2}.photo-tile--featured{grid-area:3/3/span 4/span 4;min-height:220px}.lightbox{grid-template-columns:1fr}.lightbox__photo-frame{max-height:calc(100vh - 146px);max-height:calc(100dvh - 156px - env(safe-area-inset-bottom,0px));grid-column:1}.lightbox__image{max-height:calc(100vh - 146px);max-height:calc(100dvh - 156px - env(safe-area-inset-bottom,0px))}.lightbox__nav{top:auto;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:48px;height:48px}.lightbox__nav--prev{left:16px}.lightbox__nav--next{right:16px}.lightbox__info{flex-wrap:wrap;align-self:end;min-height:92px;padding:12px 72px 22px;font-size:.9rem}.settings__grid{grid-template-columns:1fr}}