@import "https://fonts.googleapis.com/css2?family=Hibur+Mono&display=swap";html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}:root{--museum-blue:#c7dce8;--museum-wall:#d9e8ef;--museum-light:#f6fbfd;--museum-white:#fff;--museum-floor:#9fb5c0;--museum-charcoal:#27333c;--museum-slate:#4a5d69;--museum-muted:#657b87}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--museum-wall);color:var(--museum-charcoal);font-family:Inter,Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit}.app{background:var(--museum-wall);width:100vw;height:100vh;position:relative;overflow:hidden}.loading-title,.loading-kicker,.loading-status,.loading-enter-button,.title-screen-button,.gallery-label,.gallery-title h1,.page-indicator,.gallery-footer,.learn-more-button,.info-eyebrow,.artwork-info h2,.amr-note-label,.intro-kicker,.intro-title,.intro-continue-button{font-family:Hibur Mono,Courier New,monospace}.loading-screen{z-index:100;background:var(--museum-blue);color:var(--museum-charcoal);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.loading-screen:before,.loading-screen:after{display:none}.loading-content{z-index:1;text-align:center;width:min(900px,100vw - 40px);padding:48px 38px;position:relative}.loading-kicker{color:var(--museum-white);letter-spacing:.34em;text-transform:uppercase;margin:0 0 20px;font-size:.7rem;font-weight:800}.loading-title{color:var(--museum-charcoal);letter-spacing:-.065em;text-shadow:none;flex-direction:column;align-items:center;margin:0;font-size:clamp(3.2rem,6.8vw,6.5rem);font-weight:400;line-height:.94;display:flex}.loading-title span{white-space:nowrap;display:block}.loading-description{max-width:500px;color:var(--museum-slate);margin:27px auto 0;font-size:1rem;font-weight:700;line-height:1.6}.loading-progress{background:#27333c24;width:min(330px,78%);height:2px;margin:40px auto 0;overflow:hidden}.loading-progress-fill{background:var(--museum-white);width:0;height:100%;box-shadow:0 0 14px #ffffffb3}.loading-action-area{place-items:center;min-height:72px;margin-top:20px;display:grid}.loading-status{color:#526673;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.loading-enter-button{color:var(--museum-charcoal);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fffffff2;border-radius:999px;align-items:center;gap:18px;padding:15px 25px;font-size:.82rem;font-weight:700;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;display:inline-flex;box-shadow:0 12px 28px #364c591f,inset 0 1px #fffffff2}.loading-enter-button span{font-size:1.15rem;transition:transform .25s}.loading-enter-button:hover{border-color:var(--museum-white);background:var(--museum-white);box-shadow:0 16px 34px #364c592b, inset 0 1px 0 var(--museum-white);transform:translateY(-2px)}.loading-enter-button:hover span{transform:translate(4px)}.loading-enter-button:focus-visible{outline-offset:5px;outline:3px solid #27333c6b}.loading-error{color:#853f46;margin:0 0 14px;font-size:.76rem}.loading-credit{color:#526875;letter-spacing:.06em;margin:31px 0 0;font-size:.72rem;font-weight:700}.intro-screen{z-index:99;background:var(--museum-blue);color:var(--museum-charcoal);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.intro-content{text-align:center;width:min(680px,100vw - 48px);margin:auto;padding:64px 42px}.intro-kicker{color:var(--museum-white);letter-spacing:.34em;text-transform:uppercase;margin:0 0 18px;font-size:.7rem;font-weight:800}.intro-title{color:var(--museum-charcoal);letter-spacing:-.045em;margin:0 0 30px;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:400;line-height:1.05}.intro-text{text-align:left}.intro-text p{color:var(--museum-slate);margin:0 0 22px;font-size:1rem;font-weight:500;line-height:1.75}.intro-text p:last-child{margin-bottom:0}.intro-continue-button{color:var(--museum-charcoal);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fffffff2;border-radius:999px;align-items:center;gap:18px;margin-top:36px;padding:15px 25px;font-size:.82rem;font-weight:700;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;display:inline-flex;box-shadow:0 12px 28px #364c591f,inset 0 1px #fffffff2}.intro-continue-button span{font-size:1.15rem;transition:transform .25s}.intro-continue-button:hover{border-color:var(--museum-white);background:var(--museum-white);box-shadow:0 16px 34px #364c592b, inset 0 1px 0 var(--museum-white);transform:translateY(-2px)}.intro-continue-button:hover span{transform:translate(4px)}.intro-continue-button:focus-visible{outline-offset:5px;outline:3px solid #27333c6b}.title-screen-button{z-index:7;color:var(--museum-charcoal);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffffeb;border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-size:.69rem;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;position:fixed;top:18px;left:18px;box-shadow:0 10px 25px #364c5921,inset 0 1px #fffffff2}.title-screen-button span{font-size:1rem;transition:transform .2s}.title-screen-button:hover{border-color:var(--museum-white);background:var(--museum-white);box-shadow:0 14px 30px #364c592e, inset 0 1px 0 var(--museum-white);transform:translateY(-2px)}.title-screen-button:hover span{transform:translate(-3px)}.title-screen-button:focus-visible{outline-offset:4px;outline:3px solid #27333c61}.gallery-title{z-index:5;width:min(760px,100vw - 220px);color:var(--museum-charcoal);text-align:center;opacity:0;pointer-events:none;padding:0;transition:opacity .3s,transform .3s;position:fixed;top:9px;left:50%;transform:translate(-50%,-10px)}.gallery-title-visible{opacity:1;transform:translate(-50%)}.gallery-label{color:var(--museum-muted);letter-spacing:.24em;text-transform:uppercase;text-shadow:0 1px 10px #ffffffb8;margin:0 0 4px;font-size:.64rem;font-weight:800}.gallery-title h1{color:var(--museum-charcoal);letter-spacing:-.055em;text-shadow:0 2px 13px #ffffffbf;margin:0;font-size:clamp(1.9rem,3.5vw,3.2rem);font-weight:400;line-height:1.02}.gallery-subtitle{color:var(--museum-slate);text-shadow:0 1px 10px #ffffffbf;margin:6px 0 0;font-size:.88rem;font-weight:700;line-height:1.35}.page-arrow{z-index:6;width:54px;height:54px;color:var(--museum-charcoal);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(12px);background:#ffffffc2;border:1px solid #27333c21;border-radius:50%;place-items:center;padding:0 0 5px;font-family:Arial,Helvetica,sans-serif;font-size:2.6rem;line-height:1;transition:opacity .28s,visibility .28s,transform .2s,background .2s,box-shadow .2s;display:grid;position:fixed;top:50%;transform:translateY(-50%)scale(.92);box-shadow:0 13px 30px #364c5926,inset 0 1px #fffffff2}.page-arrow-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)scale(1)}.page-arrow:hover:not(:disabled){background:var(--museum-white);box-shadow:0 16px 34px #364c5933, inset 0 1px 0 var(--museum-white);transform:translateY(-50%)scale(1.08)}.page-arrow:disabled,.page-arrow-disabled{cursor:wait;opacity:.45;pointer-events:none}.page-arrow-left{left:25px}.page-arrow-right{right:25px}.page-indicator{z-index:5;color:var(--museum-charcoal);letter-spacing:.14em;opacity:0;-webkit-backdrop-filter:blur(12px);background:#ffffffad;border:1px solid #ffffffeb;border-radius:999px;padding:7px 14px;font-size:.73rem;font-weight:700;transition:opacity .28s;position:fixed;bottom:47px;left:50%;transform:translate(-50%);box-shadow:0 9px 24px #364c591f,inset 0 1px #fffffff2}.page-indicator-visible{opacity:1}.gallery-footer{z-index:5;color:var(--museum-slate);letter-spacing:.03em;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);background:#ffffff9e;border:1px solid #ffffffdb;border-radius:999px;padding:7px 14px;font-size:.7rem;font-weight:700;transition:opacity .3s,transform .3s;position:fixed;bottom:13px;left:50%;transform:translate(-50%,8px);box-shadow:0 9px 24px #364c591c,inset 0 1px #fffffff0}.gallery-footer-visible{opacity:1;transform:translate(-50%)}.viewer-ui{z-index:10;opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.viewer-ui-visible{opacity:1}.viewer-ui-visible button,.viewer-ui-visible .artwork-info{pointer-events:auto}.close-button{z-index:6;width:52px;height:52px;color:var(--museum-charcoal);cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #27333c24;border-radius:50%;place-items:center;padding:0 0 4px;font-family:Arial,Helvetica,sans-serif;font-size:2rem;line-height:1;transition:transform .2s,background .2s,box-shadow .2s;display:grid;position:absolute;top:24px;right:28px;box-shadow:0 13px 30px #364c592b,inset 0 1px #fffffffa}.close-button:hover{background:var(--museum-white);box-shadow:0 16px 34px #364c5936, inset 0 1px 0 var(--museum-white);transform:scale(1.06)}.close-button:focus-visible{outline-offset:4px;outline:3px solid #27333c66}.learn-more-button{z-index:6;min-width:255px;color:var(--museum-charcoal);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#fffffff7;border:2px solid #27333c8f;border-radius:999px;padding:20px 44px;font-size:1rem;font-weight:800;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 48px #27333c4d,0 0 0 5px #ffffff6b,inset 0 1px #fff}.learn-more-button:hover{border-color:var(--museum-charcoal);background:var(--museum-white);box-shadow:0 24px 56px #27333c59, 0 0 0 6px #ffffff7a, inset 0 1px 0 var(--museum-white);transform:translate(-50%)translateY(-2px)scale(1.05)}.learn-more-button:active{transform:translate(-50%)translateY(0)scale(.99)}.learn-more-button:focus-visible{outline-offset:5px;outline:4px solid #27333c6b}.artwork-info{z-index:4;width:min(420px,100vw - 56px);max-height:none;color:var(--museum-charcoal);text-align:left;box-shadow:0 28px 75px #2e434f45, inset 0 1px 0 var(--museum-white);-webkit-backdrop-filter:blur(22px);scrollbar-color:#9fb5c0 transparent;scrollbar-width:thin;background:linear-gradient(145deg,#fafdfffa,#e7f2f7f7);border:1px solid #fffffff5;border-radius:20px;margin:0;padding:34px 30px 30px;position:absolute;inset:88px 28px 88px auto;overflow-y:auto}.artwork-info::-webkit-scrollbar{width:7px}.artwork-info::-webkit-scrollbar-track{background:0 0}.artwork-info::-webkit-scrollbar-thumb{background:#9fb5c0;border-radius:999px}.info-close-button{width:36px;height:36px;color:var(--museum-charcoal);cursor:pointer;background:#ffffffc7;border:1px solid #27333c1f;border-radius:50%;place-items:center;padding:0 0 3px;font-family:Arial,Helvetica,sans-serif;font-size:1.35rem;line-height:1;transition:transform .2s,background .2s;display:grid;position:absolute;top:16px;right:16px}.info-close-button:hover{background:var(--museum-white);transform:scale(1.06)}.info-eyebrow{color:var(--museum-muted);letter-spacing:.18em;text-transform:uppercase;margin:0 48px 11px 0;font-size:.67rem;font-weight:800}.artwork-info h2{color:var(--museum-charcoal);letter-spacing:-.045em;margin:0 45px 9px 0;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:400;line-height:1.08}.artwork-info .artist{color:var(--museum-muted);margin:0;font-size:.95rem;font-style:italic;font-weight:600}.info-divider{background:linear-gradient(90deg,#4a5d6947,#4a5d6908);width:100%;height:1px;margin:24px 0}.info-description{color:var(--museum-slate);margin:0;font-size:1rem;line-height:1.75}.amr-note{background:#c7dce875;border:1px solid #4a5d6924;border-radius:14px;margin-top:26px;padding:18px}.amr-note-label{color:#536c79;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.67rem;font-weight:800}.amr-note p:last-child{color:var(--museum-slate);margin:0;font-size:.92rem;line-height:1.6}@media (width<=700px){.loading-content{width:calc(100vw - 24px);padding:30px 12px}.loading-kicker{letter-spacing:.27em;margin-bottom:16px;font-size:.58rem}.loading-title{letter-spacing:-.07em;font-size:clamp(2.35rem,12vw,4rem);line-height:.98}.loading-description{max-width:330px;margin-top:22px;font-size:.88rem}.loading-progress{margin-top:31px}.loading-enter-button{padding:13px 21px;font-size:.75rem}.loading-credit{margin-top:24px}.intro-content{padding:44px 20px}.intro-kicker{letter-spacing:.27em;margin-bottom:14px;font-size:.58rem}.intro-title{margin-bottom:22px;font-size:clamp(1.6rem,8vw,2.4rem)}.intro-text p{margin-bottom:18px;font-size:.9rem;line-height:1.65}.title-screen-button{gap:7px;padding:9px 12px;font-size:.61rem;top:12px;left:12px}.gallery-title{width:calc(100vw - 90px);top:7px}.gallery-label{margin-bottom:3px;font-size:.56rem}.gallery-title h1{font-size:1.7rem}.gallery-subtitle{margin-top:4px;font-size:.76rem}.page-arrow{width:43px;height:43px;font-size:2.1rem}.page-arrow-left{left:10px}.page-arrow-right{right:10px}.page-indicator{padding:5px 10px;font-size:.66rem;bottom:43px}.gallery-footer{padding:5px 10px;font-size:.64rem;bottom:10px}.close-button{width:46px;height:46px;top:14px;right:14px}.learn-more-button{min-width:210px;padding:17px 30px;font-size:.82rem;bottom:14px}.artwork-info{border-radius:18px;width:auto;max-height:52vh;padding:28px 22px 22px;inset:auto 12px 84px}.artwork-info h2{font-size:1.6rem}.info-description{font-size:.94rem;line-height:1.65}}