.gate{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#000;animation:gate-in .45s ease}@keyframes gate-in{0%{opacity:0}to{opacity:1}}.gate-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.5rem;text-align:center;will-change:opacity,transform}.gate-cover{width:clamp(140px,34vw,220px);aspect-ratio:948 / 1280;object-fit:cover;border-radius:6px}.gate-title{font-size:clamp(1.15rem,4.5vw,1.6rem);font-weight:700;letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;color:var(--color-cream)}.gate-text{font-size:.95rem;line-height:1.55;color:var(--color-cream);opacity:.72}.gate-form{display:flex;gap:.5rem;margin-top:.4rem}.gate-input{width:min(52vw,190px);padding:.55rem .9rem;border:1px solid rgb(255 255 255 / 35%);border-radius:999px;background:#ffffff1f;color:var(--color-cream);font-family:inherit;font-size:.95rem;letter-spacing:.12em;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.gate-input::placeholder{color:#ffffff73}.gate-input:focus{border-color:var(--color-cream);box-shadow:0 0 0 3px #ffffff26}.gate-input--error{border-color:var(--color-vermilion);animation:gate-shake .3s ease}.gate-button{padding:.55rem 1.3rem;border:none;border-radius:999px;background:var(--color-vermilion);color:var(--color-cream);font-family:inherit;font-size:.85rem;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,filter .15s ease}.gate-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.gate-error{min-height:1.2em;font-size:.8rem;letter-spacing:.08em;color:var(--color-vermilion)}.gate-footer{margin-top:.6rem;font-size:.75rem;letter-spacing:.45em;text-indent:.45em;text-transform:uppercase;color:var(--color-cream);opacity:.5}@keyframes gate-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(prefers-reduced-motion:reduce){.gate-input--error{animation:none}}.murals{position:fixed;inset:0;z-index:40;display:grid;place-items:center}.murals__backdrop{position:absolute;inset:0;background:#2b2118e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.murals__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:.9rem;max-width:min(86vw,1100px);max-height:86vh}.murals__image{max-width:100%;max-height:calc(86vh - 3.5rem);object-fit:contain;border-radius:6px;box-shadow:0 18px 60px #0000008c;background:var(--color-cream)}.murals__intro{position:relative;display:flex;align-items:center;gap:2.2rem;max-width:min(88vw,980px);max-height:86vh;padding:1rem}.murals__intro-image{max-width:min(42vw,420px);max-height:74vh;object-fit:contain;border-radius:6px;box-shadow:0 18px 60px #0000008c;background:var(--color-cream)}.murals__intro-copy{display:flex;flex-direction:column;gap:1rem;color:var(--color-cream);font-family:var(--font-display);max-width:26rem}.murals__intro-copy h2{font-size:1.9rem;font-weight:600;letter-spacing:.03em;color:var(--color-gold)}.murals__intro-copy p{font-size:1.05rem;line-height:1.65;letter-spacing:.02em}@media(max-width:720px){.murals__intro{flex-direction:column;gap:1.2rem;overflow-y:auto}.murals__intro-image{max-width:70vw;max-height:44vh}.murals__intro-copy h2{font-size:1.4rem}.murals__intro-copy p{font-size:.95rem}}.murals__caption{display:flex;align-items:baseline;gap:1rem;color:var(--color-cream);font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em}.murals__counter{opacity:.6;font-size:.85rem}.murals__close,.murals__nav{position:absolute;z-index:1;display:grid;place-items:center;border:1px solid rgba(247,239,220,.35);border-radius:999px;background:#2b21188c;color:var(--color-cream);font-family:var(--font-display);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.murals__close:hover,.murals__nav:hover{background:#d9412cbf;border-color:var(--color-gold);transform:scale(1.06)}.murals__close{top:1.2rem;right:1.4rem;width:2.8rem;height:2.8rem;font-size:1.6rem;line-height:1}.murals__nav{top:50%;transform:translateY(-50%);width:3.1rem;height:3.1rem;font-size:2rem;line-height:1}.murals__nav:hover{transform:translateY(-50%) scale(1.06)}.murals__nav--prev{left:1.2rem}.murals__nav--next{right:1.2rem}@media(max-width:640px){.murals__nav--prev{left:.5rem}.murals__nav--next{right:.5rem}}.pushgrid{position:fixed;inset:0;z-index:40;overflow:hidden;background:#2b2118f0}.pushgrid__stage{position:absolute;--cgap: 4%;--rgap: 4%;--rows: 5;--columns: 6;--item-width: calc((100% + (var(--columns) - 1) * var(--cgap)) / var(--columns));--item-height: calc((100% + (var(--rows) - 1) * var(--rgap)) / var(--rows));width:calc(100% + var(--item-width) * 2 + var(--cgap) * 2);height:calc(100% + var(--item-height) * 2 + var(--rgap) * 2);left:calc(-1 * var(--item-width) - var(--cgap));top:calc(-1 * var(--item-height) - var(--rgap))}.pushgrid__grid{width:100%;height:100%;display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);grid-row-gap:var(--rgap);grid-column-gap:var(--cgap);pointer-events:none}.pushgrid__item{width:100%;height:100%;position:relative;will-change:transform,opacity}.pg-pos-1{grid-area:2 / 2 / 3 / 3}.pg-pos-2{grid-area:4 / 2 / 5 / 3}.pg-pos-3{grid-area:3 / 3 / 4 / 4}.pg-pos-4{grid-area:2 / 4 / 3 / 5}.pg-pos-5{grid-area:4 / 4 / 5 / 5}.pg-pos-6{grid-area:3 / 5 / 4 / 6}.pg-north{grid-row:1}.pg-south{grid-row:var(--rows)}.pg-west{grid-column:1}.pg-east{grid-column:var(--columns)}.pushgrid__img{width:100%;height:100%;background-size:cover;background-position:50% 50%;pointer-events:auto;cursor:pointer;border-radius:8px;filter:brightness(.75);transition:filter .25s ease;will-change:transform}.pushgrid__img:hover{filter:brightness(1)}.pushgrid__fullscreen{position:absolute;inset:-4px;pointer-events:none}.pushgrid__fullscreen .pushgrid__img{border-radius:0;filter:brightness(1)}.pushgrid__close{position:absolute;top:1.2rem;right:1.4rem;z-index:10;display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid rgba(247,239,220,.35);border-radius:999px;background:#2b21188c;color:var(--color-cream);font-family:var(--font-display);font-size:1.6rem;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.pushgrid__close:hover{background:#d9412cbf;border-color:var(--color-gold);transform:scale(1.06)}.pushgrid__caption{position:absolute;left:2rem;bottom:1.6rem;z-index:10;margin:0;color:var(--color-cream);font-family:var(--font-display);font-size:1.15rem;letter-spacing:.05em;opacity:0;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.5)}:root{--color-cream: #f7efdc;--color-vermilion: #d9412c;--color-gold: #e0a93e;--color-ink: #2b2118;--font-display: "Songti SC", "Noto Serif SC", Georgia, "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-cream);color:var(--color-ink);font-family:var(--font-display);overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:fixed;inset:0}.app canvas{display:block;touch-action:none}.bg-video{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}.bg-tint{position:absolute;inset:0;z-index:-1;background:#f7efdc7f}.bg-video,.bg-tint{transition:opacity .8s ease}.app--hero .bg-video,.app--hero .bg-tint{opacity:0}.audio-toggle{position:fixed;top:1.2rem;right:1.4rem;z-index:25;display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid rgba(217,65,44,.55);border-radius:999px;background:#f7efdcc7;color:var(--color-vermilion);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease;opacity:.85}.audio-toggle svg{width:1.35rem;height:1.35rem}.audio-toggle:hover{opacity:1;transform:scale(1.07);background:var(--color-vermilion);border-color:var(--color-vermilion);color:var(--color-cream)}.audio-toggle:not(.audio-toggle--on){color:#2b21188c;border-color:#2b211840}.scroll-hint{position:absolute;bottom:1.5rem;left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:.3rem;color:var(--color-ink);font-size:.75rem;letter-spacing:.35em;text-indent:.35em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none}.scroll-hint svg{width:22px;height:22px;color:var(--color-vermilion);animation:chevron-drift 1.8s ease-in-out infinite}@keyframes chevron-drift{0%{transform:translateY(-3px);opacity:.25}50%{opacity:1}to{transform:translateY(5px);opacity:.25}}@media(prefers-reduced-motion:reduce){.scroll-hint svg{animation:none}}