@font-face{font-family:Mincho;src:local("Mincho"),url(/kollengode-palace-murals/assets/mincho-oehYGMdj.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:auto;overflow-y:hidden}body{font-family:Mincho,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#7d675a;font-weight:300;background-color:#f7eada}p{text-align:right}img:hover:before{opacity:1;visibility:visible}.App{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:4vw;padding:25vh 6vw 0;width:max-content;min-width:100vw;min-height:100vh;box-sizing:border-box}img{pointer-events:none;height:clamp(180px,32vh,480px);width:auto;display:block}.container{position:relative;display:inline-block;overflow:visible}.annotation{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;pointer-events:none;flex-direction:column;top:100%}.annotation-top .annotation{flex-direction:column-reverse;top:auto;bottom:100%}.annotation-line{width:.5px;height:40px;background-image:repeating-linear-gradient(to bottom,rgb(125,103,90) 0px,rgb(125,103,90) 4px,transparent 4px,transparent 8px);transform:scaleY(0);transform-origin:top;transition:transform .22s cubic-bezier(.215,.61,.355,1)}.annotation-top .annotation-line{transform-origin:bottom}.annotation-label{font-size:10px;letter-spacing:.03em;color:#7d675a;white-space:normal;max-width:120px;text-align:center;line-height:1.4;opacity:0;transform:translateY(-5px);transition:opacity .15s cubic-bezier(.215,.61,.355,1) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .18s}.annotation-top .annotation-label{transform:translateY(5px)}@media (hover: hover) and (pointer: fine){.container:hover .annotation-line{transform:scaleY(1)}.container:hover .annotation-label{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.mural-item,.site-title,.ruler,.annotation-line,.annotation-label{animation:none;transition:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mural-item{animation:fadeUp .56s cubic-bezier(.215,.61,.355,1) both;animation-delay:var(--delay, 0ms)}.site-title{position:fixed;top:2rem;left:2rem;margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:300;color:#7d675a;letter-spacing:.04em;z-index:100;pointer-events:none;text-transform:lowercase;animation:fadeUp .5s cubic-bezier(.215,.61,.355,1) both}.ruler{position:absolute;top:50%;left:0;width:100%;height:0;transform:translateY(-50%);pointer-events:none;z-index:0;animation:fadeIn .8s ease-out .2s both}.ruler-hairline{position:absolute;top:0;right:0;bottom:0;left:0;height:.5px;background:#7d675a;opacity:.12}.ruler-ticks{position:absolute;left:0;right:0;height:20px;top:-10px;display:flex;align-items:center;justify-content:space-between}.ruler-tick{width:1px;height:10px;background:#7d675a;opacity:.3;flex-shrink:0}@media (prefers-reduced-motion: reduce){.ruler-tick{transition:none}}