*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:SelfDeception;src:url(/fonts/SelfDeceptionRegular-ALLWA.woff2) format("woff2"),url(/fonts/SelfDeceptionRegular-ALLWA.ttf) format("truetype")}@font-face{font-family:TypewriterInked;src:url(/fonts/JMH.woff2) format("woff2"),url(/fonts/JMH.ttf) format("truetype")}html{background-color:#000;font-family:TypewriterInked,monospace;font-size:clamp(12px,calc(10.6px + .36vw),16px)}#c{height:100vh;width:100vw;touch-action:none;cursor:grab}#c.dragging{cursor:grabbing!important}*:focus:not(:focus-visible){outline:none}body{overflow:hidden}.hud{position:absolute;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;padding:6vh 0 4vh;pointer-events:none;user-select:none}a{pointer-events:all;color:inherit;transition:filter .15s ease,text-decoration-style .15s ease}a:hover{filter:brightness(1.35);text-decoration-style:solid}.hud *:empty{pointer-events:none;display:none}.hud svg *:empty{display:unset}.hud .title-block{position:relative;grid-row:1;justify-self:center;align-self:start;display:flex;flex-direction:column;align-items:center;max-width:90vw}.hud h1{width:fit-content;max-width:90vw;margin:0 auto;padding:.75rem 2.5rem;display:flex;justify-content:center;font-family:SelfDeception,serif;font-size:4rem;font-weight:200;text-align:center;color:#fff;cursor:default;position:relative;text-shadow:0 2px 20px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);transition:opacity .3s ease,transform .5s ease-in .5s;transform:translateY(0) scale(1)}.hud .title-block:before{content:"";position:absolute;left:50%;top:0;width:min(52rem,96vw);height:16rem;transform:translate(-50%,-22%);background:radial-gradient(ellipse at center,#060805bd,#06080580 40%,#06080500 74%);pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:-1}.hud:has(h1.hidden) .title-block:before{opacity:0}.hud h1:before{content:url(/ornaments/Upper-ornament.png);height:50px;position:absolute;top:-33px}.hud h1:after{content:url(/ornaments/Lower-ornament.png);height:50px;position:absolute;bottom:-13px}.hud h1.hidden{opacity:0;transform:translateY(30px) scale(1.08)}.hud .text-container{grid-row:2;justify-self:center;align-self:center;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:4rem;width:min(94vw,1600px);height:100%;overflow:hidden}@property --fade{syntax: "<length>"; inherits: false; initial-value: 0px;}.hud .panel{position:relative;display:flex;flex-direction:column;width:clamp(220px,25vw,46ch);max-height:100%;overflow:hidden;pointer-events:auto;background:#0c0c0e61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;transition:opacity .3s ease}.hud .panel-body{--fade: 0px;flex:1;min-height:0;overflow-y:auto;color:#fff;text-align:left;text-shadow:0 1px 10px rgba(0,0,0,.85),0 0 4px rgba(0,0,0,.6);padding:1.5rem 1.75rem;font-size:1.5rem;line-height:1.6;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent;mask-image:linear-gradient(to bottom,#000 calc(100% - var(--fade)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--fade)),transparent 100%);transition:--fade .2s ease}.hud .panel.can-scroll{padding-bottom:2.2rem}.hud .panel.can-scroll .panel-body{--fade: 3rem}.hud .panel.at-end .panel-body{--fade: 0px}.hud .panel:has(.panel-body:focus-visible){outline:2px solid rgba(233,217,174,.75);outline-offset:3px}.hud .panel-body::-webkit-scrollbar{width:5px}.hud .panel-body::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:3px}.hud .panel:after{content:"";position:absolute;left:50%;bottom:.8rem;width:.55rem;height:.55rem;border-style:solid;border-color:#ffffffd9;border-width:0 2px 2px 0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.9));transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .2s ease;pointer-events:none}.hud .panel.can-scroll:after{opacity:1;animation:panel-cue 1.9s ease-in-out infinite}.hud .panel.at-end:after{opacity:0;animation:none}@keyframes panel-cue{0%,to{transform:translate(-50%,-50%) rotate(45deg)}50%{transform:translate(-50%,-20%) rotate(45deg)}}@media (prefers-reduced-motion: reduce){.hud .panel.can-scroll:after{animation:none}}.hud .panel-body p{margin:0 0 .85em}.hud .panel-body p:last-child{margin-bottom:0}.hud .panel-body h4{font-family:TypewriterInked,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e9d9ae;margin:.9em 0 .5em}.hud .panel-body h4:first-child{margin-top:0}.hud .panel-body .contact{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.hud .panel-body .contact-link{display:inline-flex;align-items:center;padding:.45rem .9rem;border:1px solid rgba(233,217,174,.35);border-radius:999px;background:#e9d9ae0f;color:#e9d9ae;font-size:.95rem;letter-spacing:.02em;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.hud .panel-body .contact-link:hover,.hud .panel-body .contact-link:focus-visible{background:#e9d9ae2e;color:#fff;transform:translateY(-1px);filter:none}.hud .panel-body .contact-link:focus-visible{outline:2px solid rgba(233,217,174,.75);outline-offset:2px}.hud .bottom-bar{grid-row:3;justify-self:center;align-self:end;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;transition:opacity .3s ease}.hud .speed-control{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem 1rem .5rem;background:#0c0c0e66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;pointer-events:all}.hud .speed-label{margin:0;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#e9d9aeb8;white-space:nowrap;cursor:default}.hud .speed-options{display:flex;flex-direction:row;align-items:center;gap:.2rem}.hud .speed-option{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;transition:background-color .15s ease,color .15s ease}.hud .speed-option svg{width:1.15rem;height:1.15rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.hud .speed-option:hover{background-color:#ffffff1a;color:#fff}.hud .speed-option[aria-checked=true]{background-color:#ffffff29;color:#fff;cursor:default}.hud .speed-option:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.hud .panel.hidden,.hud .hidden #navigation-menu,.hud .hidden .speed-control,.hud .hidden .speed-options,.hud .hidden .speed-option{pointer-events:none}.hud .hidden .speed-option{cursor:none}.hud #navigation-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#0c0c0e66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;color:#fff;pointer-events:all}.hud .destination{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;background:none;border:none;padding:.65rem 1.15rem;border-radius:16px;cursor:pointer;color:inherit;font:inherit;opacity:.68;transition:background-color .15s ease,opacity .15s ease}.hud .destination:hover,.hud .destination:focus-visible{background-color:#ffffff1a;opacity:1}.hud .destination:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.hud .hidden .destination,.hud .hidden .destination p{pointer-events:none;cursor:none}.hud .icon{display:block;flex-shrink:0;width:3.5rem;height:3.5rem;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transition:transform .15s ease}.hud .destination:hover .icon,.hud .destination:focus-visible .icon{transform:translateY(-3px)}.hud .destination p{color:#ffffffeb;font-size:.85rem;line-height:1.25;transition:color .15s ease}.hud .destination .gloss{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#e9d9aeb8}.hud .destination:hover .gloss,.hud .destination:focus-visible .gloss,.hud .destination.current .gloss{color:#e9d9aef2}.hud .destination:hover p,.hud .destination:focus-visible p{color:#fff}.hud .destination.current{cursor:default;opacity:1}.hud .destination.current:after{content:"";position:absolute;left:50%;bottom:.15rem;width:1.6rem;height:2px;transform:translate(-50%);border-radius:1px;background:currentColor;opacity:.8}.hud .destination.current .icon{transform:none}.hud .destination.current:hover,.hud .destination.current:hover .icon{background-color:transparent;transform:none}.hud .utility{position:absolute;top:1.4rem;right:1.6rem;display:flex;flex-direction:row;align-items:center;gap:.35rem;padding:.4rem .5rem;background:#0c0c0e66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;pointer-events:all}.hud .utility-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;color:#e9d9ae;background:#e9d9ae0f;font-family:TypewriterInked,monospace;font-size:1rem;letter-spacing:.06em;text-decoration:none;transition:color .2s ease,background-color .2s ease,transform .2s ease}.hud .utility-icon svg{width:1.3rem;height:1.3rem;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85))}.hud .utility-icon:hover,.hud .utility-icon:focus-visible{color:#fff;background:#e9d9ae2e;transform:translateY(-2px)}.hud .utility-icon:focus-visible{outline:2px solid rgba(233,217,174,.75);outline-offset:2px}.hud.object-active #subtitle,.hud.object-active .panel{transition:opacity .15s ease}.hud .object-heading{position:relative;display:flex;align-items:center;justify-content:center}.hud.object-active .object-heading{margin-top:2.2rem}.hud #subtitle{font-family:SelfDeception,serif;font-size:2.9rem;font-weight:200;color:#e9d9ae;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);cursor:default}.hud #object-close{position:absolute;left:100%;margin-left:.75rem;display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border:1px solid rgba(233,217,174,.35);border-radius:50%;background:#0c0c0e73;color:#e9d9ae;font-family:TypewriterInked,monospace;font-size:1.5rem;line-height:1;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,background-color .2s ease,transform .2s ease,visibility 0s linear .2s}.hud.object-pinned #object-close{opacity:1;visibility:visible;pointer-events:all;transition:opacity .2s ease,background-color .2s ease,transform .2s ease,visibility 0s linear 0s}.hud #object-close:hover,.hud #object-close:focus-visible{background:#e9d9ae2e;transform:scale(1.08)}.hud #object-close:focus-visible{outline:2px solid rgba(233,217,174,.75);outline-offset:2px}#hotspots{position:fixed;inset:0;pointer-events:none;z-index:1}.hotspot{position:absolute;top:0;left:0;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;pointer-events:all;cursor:pointer;opacity:0;transition:opacity .2s ease}.hotspot:before{content:"";position:absolute;inset:28%;border-radius:50%;border:1px solid rgba(232,200,122,.9);box-shadow:0 0 12px #e8c87a99,inset 0 0 8px #e8c87a59;transition:inset .2s ease}.hotspot.off,.hotspot:disabled{display:none}.hotspot:hover,.hotspot:focus-visible{opacity:1}.hotspot:focus-visible{outline:2px solid rgba(233,217,174,.85);outline-offset:2px}.hotspot:focus-visible:before{inset:16%}@media (hover: none){.hotspot{opacity:.8}}.museum,.lake,.path,.bench{cursor:pointer;pointer-events:all;text-decoration:underline dotted;text-underline-offset:3px;text-decoration-thickness:1px;transition:filter .15s ease,text-decoration-style .15s ease}.museum:hover,.lake:hover,.path:hover,.bench:hover{filter:brightness(1.35);text-decoration-style:solid}.external{color:#e9d9ae;cursor:pointer;pointer-events:all;text-decoration:underline dotted;text-underline-offset:3px;text-decoration-thickness:1px;white-space:nowrap;transition:filter .15s ease,text-decoration-style .15s ease}.external:after{content:"↗";margin-left:.15em;font-size:.8em;vertical-align:.1em}.external:hover,.external:focus-visible{filter:brightness(1.25);text-decoration-style:solid}.museum{color:#b07a7a}.lake{color:#559a9a}.path{color:#6b8f5e}.bench{color:#d4a04a}#hover-label{position:fixed;top:0;left:0;background-color:#101010c7;color:#fff;padding:6px 14px;border-radius:10px;font-family:TypewriterInked,monospace;font-weight:700;letter-spacing:.02em;font-size:1.05rem;white-space:nowrap;pointer-events:none;transition:opacity .2s ease-in-out;z-index:10}#hover-label small{display:block;margin-top:2px;font-family:TypewriterInked,monospace;font-size:.7rem;color:#e9d9aeb3}#hover-label.hint{font-size:2rem;font-weight:400;letter-spacing:0;padding:4px 12px;animation:hud-pulse 1.6s ease-in-out infinite}@keyframes hud-pulse{0%,to{opacity:.55}50%{opacity:.95}}.hidden{opacity:0;pointer-events:none}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;z-index:100;transition:opacity 1s ease-out}#loading-screen .loading-identity{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:0 0 1.5rem;font-family:TypewriterInked,monospace;font-size:1.35rem;letter-spacing:.1em;text-transform:uppercase;color:#e9d9ae;text-align:center}#loading-screen .loading-identity span{font-size:.8rem;letter-spacing:.22em;color:#ffffff80}#loading-screen h1{font-family:SelfDeception,serif;font-size:4rem;font-weight:200;color:#fff;margin-bottom:1rem}#loading-screen .loading-text{font-family:TypewriterInked,monospace;font-size:1.2rem;color:#fff9}#loading-screen .loading-progress{width:220px;height:3px;background:#ffffff26;border-radius:2px;margin-top:1.25rem;overflow:hidden}#loading-screen .loading-progress-bar{height:100%;width:0%;background:#fffc;transition:width .2s ease}@media (max-width: 700px){.hud .text-container{flex-direction:column;align-items:center;width:min(92vw,60ch);gap:1.25rem}.hud .panel{width:100%;max-width:min(60ch,88vw)}.hud h1{font-size:2.6rem;padding:.5rem 1.5rem}.hud #subtitle{font-size:1.9rem}.hud.object-active .object-heading{margin-top:1.4rem}.hud #navigation-menu{gap:.15rem;padding:.5rem .75rem}.hud .bottom-bar{flex-direction:column-reverse;gap:.5rem}.hud .speed-control{padding:.45rem .8rem .4rem}.hud .speed-label{font-size:.62rem}.hud .speed-option{width:1.9rem;height:1.9rem}.hud .speed-option svg{width:1.05rem;height:1.05rem}.hud .utility{top:.75rem;right:.75rem;gap:.25rem;padding:.3rem .35rem}.hud .utility-icon{width:2.25rem;height:2.25rem}.hud .destination{padding:.5rem .6rem}.hud .icon{width:2.75rem;height:2.75rem}}#gallery{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;pointer-events:auto;background:#08080ad1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .3s ease}#gallery.hidden{visibility:hidden}#gallery-track{display:flex;flex-direction:row;align-items:center;width:100%;transition:transform .3s ease;will-change:transform}.painting{--lift: 18vh;position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(64vw,900px);opacity:.35;filter:blur(1px);transform:scale(.8);transition:opacity .3s ease,transform .3s ease,filter .3s ease;cursor:default}.painting.active{opacity:1;filter:none;transform:scale(1)}.painting .frame{position:relative;display:flex;padding:clamp(1.1rem,2vw,1.9rem);border-radius:5px;background-color:#57391f;background-image:repeating-linear-gradient(91deg,#00000024,#0000,#ffdcaa0b 3px,#0000,#0000001a 7px,#0000 11px),repeating-linear-gradient(89.4deg,#0000002e,#0000 9px,#ffcd960d 17px,#0000 26px,#0000001f 34px,#0000 47px),linear-gradient(165deg,#74512f,#4a3020 30%,#6b4830 55%,#3c2617);box-shadow:inset 0 2px 1px #ffdcaa42,inset 0 -2px 2px #0000008c,inset 2px 0 2px #ffdcaa17,inset -2px 0 2px #00000073,0 18px 40px #0009,0 4px 10px #00000073;transition:transform .42s cubic-bezier(.22,1,.36,1)}.painting:not(.active) .frame,.painting.active .frame[role=button]{cursor:pointer}.painting .frame:focus-visible{outline:2px solid rgba(233,217,174,.75);outline-offset:4px}.painting .frame:before{content:"";position:absolute;inset:clamp(.5rem,.9vw,.9rem);border-radius:3px;box-shadow:inset 0 1px #0000008c,inset 0 -1px #ffd6a029,0 1px #ffd6a01a;pointer-events:none}.painting img{position:relative;display:block;max-width:100%;max-height:56vh;object-fit:contain;border-radius:2px;box-shadow:0 0 0 1px #d4a04a80,0 0 0 4px #140e09cc,inset 0 0 40px #0000004d;transition:max-height .42s cubic-bezier(.22,1,.36,1)}.painting .caption{width:100%;max-width:60ch;color:#fff;text-align:center;text-shadow:0 1px 10px rgba(0,0,0,.85),0 0 4px rgba(0,0,0,.6);background:#0c0c0e61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:1rem 1.5rem;transition:transform .42s cubic-bezier(.22,1,.36,1)}.painting .caption h3{font-family:TypewriterInked,monospace;font-size:1.45rem;font-weight:700;letter-spacing:.04em;color:#e9d9ae;margin:0 0 .35em}.painting .caption p{font-family:TypewriterInked,monospace;font-size:1rem;line-height:1.6;margin:0}.painting .caption .meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin-top:.7rem;font-family:TypewriterInked,monospace}.painting .caption .meta .year:not(:last-child){margin-right:.35rem}.painting .caption .meta .year{font-size:.85rem;letter-spacing:.12em;color:#fff9;font-variant-numeric:tabular-nums}.painting .caption .meta .chip{padding:.18rem .55rem;border:1px solid rgba(233,217,174,.28);border-radius:999px;font-size:.78rem;letter-spacing:.05em;color:#e9d9aee6;white-space:nowrap}.painting .caption .links .no-link{font-family:TypewriterInked,monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.painting .caption .links{display:flex;justify-content:center;align-items:center;gap:.35rem;margin-top:.7rem}.painting .caption .link-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;color:#e9d9ae;background:#e9d9ae0f;transition:color .2s ease,background-color .2s ease,transform .2s ease}.painting .caption .link-icon svg{width:1.25rem;height:1.25rem;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85))}.painting .caption .link-icon:hover,.painting .caption .link-icon:focus-visible{color:#fff;background:#e9d9ae2e;transform:translateY(-2px)}.painting .caption .link-icon:focus-visible{outline:2px solid rgba(233,217,174,.75);outline-offset:2px}.painting:not(.active) .caption .links{pointer-events:none}.painting.expanded img{max-height:26vh}.painting.expanded .frame,.painting.expanded .caption{transform:translateY(calc(-1 * var(--lift)))}.painting .details{position:absolute;top:calc(100% + .75rem);left:0;right:0;max-width:60ch;margin:0 auto;max-height:34vh;overflow-y:auto;padding:1rem 1.5rem;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.85),0 0 4px rgba(0,0,0,.6);background:#0c0c0e61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;text-align:left;opacity:0;visibility:hidden;transform:translateY(calc(-1 * var(--lift) - .75rem));transition:opacity .24s ease,transform .24s ease,visibility 0s linear .24s}.painting.expanded .details{opacity:1;visibility:visible;transform:translateY(calc(-1 * var(--lift)));transition:opacity .32s ease .14s,transform .42s cubic-bezier(.22,1,.36,1) .14s,visibility 0s linear .14s}.painting .details p{font-family:TypewriterInked,monospace;font-size:1rem;line-height:1.6;margin:0 0 .8em}.painting .details p:last-child{margin-bottom:0}.painting .details .dismiss{margin-top:1.1rem;padding-top:.7rem;border-top:1px solid rgba(233,217,174,.18);font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:#ffffff73;text-align:center}#gallery-prev,#gallery-next,#gallery-close{position:absolute;display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;padding:0;background:#0c0c0e80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .15s ease,transform .15s ease}#gallery-prev:hover,#gallery-next:hover,#gallery-close:hover{background-color:#ffffff26}#gallery-prev:focus-visible,#gallery-next:focus-visible,#gallery-close:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}#gallery-prev{left:2rem;top:50%;transform:translateY(-50%)}#gallery-prev:hover{transform:translateY(-50%) translate(-3px)}#gallery-next{right:2rem;top:50%;transform:translateY(-50%)}#gallery-next:hover{transform:translateY(-50%) translate(3px)}#gallery-prev:before,#gallery-next:before{content:"";width:.7rem;height:.7rem;border-style:solid;border-color:#fff;border-width:0 0 2px 2px}#gallery-prev:before{transform:rotate(45deg) translate(1px,-1px)}#gallery-next:before{transform:rotate(-135deg) translate(1px,-1px)}#gallery-close{top:2rem;right:2rem}#gallery-close:before,#gallery-close:after{content:"";position:absolute;width:1.2rem;height:2px;background:#fff}#gallery-close:before{transform:rotate(45deg)}#gallery-close:after{transform:rotate(-45deg)}#gallery-dots{display:flex;flex-direction:row;align-items:center;gap:.6rem}#gallery-dots .dot{width:.6rem;height:.6rem;padding:0;background:#ffffff59;border:none;border-radius:50%;cursor:pointer;transition:background-color .15s ease,transform .15s ease}#gallery-dots .dot:hover{background:#fff9}#gallery-dots .dot:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}#gallery-dots .dot.active{background:#fff;transform:scale(1.3)}@media (max-width: 700px){#gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"track track" "prev next" "dots dots";align-items:center;justify-items:center;gap:1.25rem;padding:5rem 1rem 2rem}#gallery-track{grid-area:track;width:100%}.painting{width:min(88vw,60ch)}.painting img{max-height:42vh}.painting{--lift: 14vh}.painting.expanded img{max-height:20vh}.painting .details{max-height:26vh}#gallery-prev,#gallery-next{position:static;transform:none;width:3.75rem;height:3.75rem}#gallery-prev:hover,#gallery-next:hover{transform:none}#gallery-prev{grid-area:prev;justify-self:end}#gallery-next{grid-area:next;justify-self:start}#gallery-close{top:1rem;right:1rem;width:3.5rem;height:3.5rem}#gallery-dots{grid-area:dots}}