:root{color-scheme:dark;--gold:#c5a45f;--bone:#e6ddcc}*{box-sizing:border-box}body{margin:0;background:#080807;color:var(--bone);font:16px/1.55 Arial,sans-serif}button,a{touch-action:manipulation}button{font:inherit;color:inherit;background:#181611;border:1px solid #75623c;padding:10px 16px;cursor:pointer}a{color:var(--gold)}button:hover,a:hover{filter:brightness(1.2)}button:focus-visible,a:focus-visible{outline:2px solid #ffe7a9;outline-offset:4px}header{height:76px;padding:12px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #62502c;gap:16px}header>a{font:25px Georgia,serif;letter-spacing:.1em;text-decoration:none}header span{font-size:15px;letter-spacing:.18em;color:var(--gold)}#viewport{position:relative;width:100%;height:calc(100svh - 168px);min-height:450px;perspective:650px;overflow:hidden;background:#0b0a08;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}#world{position:absolute;left:50%;top:50%;transform-style:preserve-3d;transform-origin:0 0}.surface,.frame,.solid-face,.room-label{position:absolute;transform-style:preserve-3d;backface-visibility:hidden}.wall{background:radial-gradient(ellipse at 50% 20%,#5f5034 0,#29251c 36%,#11110e 80%);border-top:20px solid #121310;border-bottom:25px solid #4d4331}.floor{background:repeating-linear-gradient(90deg,transparent 0 299px,#281f1560 299px 302px),repeating-linear-gradient(0deg,#4e4131 0 399px,#2c2319 400px 403px);box-shadow:inset 0 0 650px 240px #080807bb}.ceiling{background:#15150f;border:20px solid #29271c}.frame{padding:13px;border:9px ridge #ba954a;background:#0a0907;box-shadow:0 15px 45px #000,0 -80px 110px #e4be7738;cursor:pointer;display:flex;flex-direction:column;align-items:center;overflow:visible}.frame img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.frame span{position:absolute;top:calc(100% + 26px);width:100%;left:0;text-align:center;color:#dbbd7c;font:20px Georgia,serif;letter-spacing:.12em}.frame:focus-visible{outline:6px solid #fff}.lamp{position:absolute;width:120px;height:15px;background:#ffdf95;top:-95px;left:calc(50% - 60px);box-shadow:0 0 60px 30px #e8bc6950;border:5px solid #41331b}.room-label{color:var(--gold);text-align:center;font:70px Georgia,serif}.door{border:18px ridge #7e663b;background:linear-gradient(90deg,#090b09 49.5%,#9e7a3b 50%,#090b09 50.5%);box-shadow:0 0 100px #ae864f30}.door::after{content:'FUCK ART';position:absolute;top:90px;left:0;width:100%;text-align:center;font:54px Georgia,serif;color:var(--gold)}.mat{background:#090807;border:14px solid #30291c;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b69557;font:52px Georgia,serif}.mat small{font:23px Georgia,serif;margin-top:24px}.solid-face{background:#541317;border:3px solid #310b0d}.bench-top{background:repeating-linear-gradient(90deg,#631b20 0 78px,#410d12 80px 84px);border-radius:30px}.location{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.18em;color:#dbc68f;pointer-events:none}.controls{display:flex;gap:8px;justify-content:center;padding:12px;flex-wrap:wrap}.footnote{margin:0 20px 12px;text-align:center;font-size:12px;color:#aea493}#intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0008;backdrop-filter:blur(3px);text-align:center;padding:24px;cursor:default}#intro h1{font:clamp(40px,6vw,80px)/1.1 Georgia,serif;margin:12px 0 18px;color:var(--gold)}#intro>p:first-child,.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--gold)}#intro button{margin-top:12px}.gold{display:inline-block;background:linear-gradient(115deg,#795720,#e1c674 35%,#fff0aa 48%,#ac812b 78%,#dbbd6d);color:#100d06;text-decoration:none;border:1px solid #efda98;padding:13px 20px;font:16px Georgia,serif;letter-spacing:.06em}dialog{background:#0c0c0a;color:var(--bone);border:1px solid #8b7341;padding:24px;width:min(1000px,94vw);max-height:92svh;overflow:auto}dialog::backdrop{background:#000c}.close{display:block;margin:0 0 20px auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.detail-grid img{display:block;width:100%;max-height:65vh;object-fit:contain}h2{font:42px Georgia,serif;color:var(--gold);margin:12px 0}#description{line-height:1.8}.small{font-size:13px;color:#b7af9e}#art-list{padding:32px 5vw}#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;margin:28px 0}#cards button{display:block;padding:12px}#cards img{width:100%;height:230px;object-fit:contain}#cards span{display:block;color:var(--gold);font:21px Georgia,serif;margin-top:12px}[hidden]{display:none!important}@media(max-width:650px){header{height:68px;padding:10px 16px}header span{display:none}header>a{font-size:20px}header button{font-size:13px;padding:9px}#viewport{height:calc(100svh - 216px);min-height:390px;perspective:450px}.controls{gap:6px}.controls button{font-size:13px;padding:10px}.detail-grid{grid-template-columns:1fr}.detail-grid img{max-height:45vh}#cards{grid-template-columns:1fr 1fr}#cards img{height:180px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

header .header-logo{display:block;width:92px;height:58px;object-fit:contain}header a.gold{font-size:14px;letter-spacing:.04em}.frame span{font-size:40px}.wall{background:radial-gradient(ellipse at 50% 18%,#6d594459,#080908c9 85%),url('/__360/assets/concrete.png') center/600px 890px; background-color:#373734}.ceiling{background:#88929a26;border-color:#737574;box-shadow:inset 0 0 120px #0005}.floor{background:#020304c4;border:0;box-shadow:inset 0 0 280px #0005}.reflection{position:absolute;left:0;top:0;transform-style:preserve-3d;pointer-events:none}.reflection .frame{pointer-events:none}.reflection .wall{background:radial-gradient(ellipse at 50% 18%,#6d594459,#080908c9 85%),url('/__360/assets/concrete.png') center/600px 890px}.floor-reflection .frame img{opacity:.65}.floor-reflection .wall{background:#0c0d0c}.floor-reflection .frame{box-shadow:none}@media(max-width:650px){header .header-logo{width:74px;height:48px}header a.gold{font-size:12px;padding:11px 12px}}

.door::after{content:none}.door-logos{display:flex;align-items:center;position:absolute;top:125px;left:0;width:100%;gap:35px;padding:0 20px}.door-logos svg{width:calc(50% - 17.5px);height:110px}#detail{font-size:8px}#detail h2{font-size:21px;color:#8f1518;-webkit-text-stroke:.35px white;paint-order:stroke fill}#detail[data-art='harness'] h2{color:var(--gold);-webkit-text-stroke:0}#detail .eyebrow{font-size:6px}#detail .small{font-size:6.5px}#detail button,#detail .gold{font-size:8px}#art-list{text-align:center}#cards img{height:auto;max-height:none;width:100%;object-fit:contain}button:not(.frame){background:linear-gradient(115deg,#795720,#e1c674 35%,#fff0aa 48%,#ac812b 78%,#dbbd6d);color:#100d06;border:1px solid #efda98}#cards button{background:#080807;border:1px solid #a18543}#cards button span{color:var(--gold)}

#detail{font-size:12px}#detail h2{font-size:31.5px}#detail .eyebrow{font-size:9px}#detail .small{font-size:9.75px}#detail-image{width:auto;max-width:100%;height:auto;justify-self:center;border:9px ridge #ba954a;padding:3px;background:#171108;box-shadow:0 8px 24px #0008}

/* Keep the room and its controls within the available browser height. */
html{height:100%}body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{flex-shrink:0}main{flex:1;min-height:0;display:flex;flex-direction:column}#viewport{flex:1;min-height:0;height:auto}.controls{flex-shrink:0;margin:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}#art-list{min-height:0;overflow:auto}#intro{padding:12px}#intro h1{font-size:clamp(28px,min(6vw,9dvh),80px)}#intro p{margin:8px 0}#intro button{margin-top:8px}@media(max-height:600px){header{height:60px;padding-top:4px;padding-bottom:4px}header .header-logo{height:48px}#intro h1{margin:6px 0}#intro p{margin:4px 0}#intro button{padding:8px 14px}.controls{padding:6px;gap:6px}.controls button{padding:7px 12px}}

header a.gold{font-size:7px;padding:6.5px 10px;border-width:.5px}@media(max-width:650px){header a.gold{font-size:6px;padding:5.5px 6px}}

#detail .detail-grid{width:100%;max-width:900px;margin:0 auto;justify-items:center;align-items:center}#detail .detail-grid>div{text-align:center;width:100%}#detail #description{margin:16px auto;max-width:52ch}#detail #shop,#detail #locate{display:table;margin:14px auto}#detail{margin:auto}
#detail{height:min(760px,92dvh);padding:54px 24px}#detail[open]{display:flex;align-items:center;justify-content:center}#detail>.close{position:absolute;right:24px;top:16px;margin:0}#detail .detail-grid{margin:auto;flex-shrink:0}#detail-image{border:0;padding:0;background:none;box-shadow:none;width:100%;max-height:calc(92dvh - 108px);object-fit:contain}@media(max-width:650px){#detail{padding:60px 18px 24px}#detail[open]{display:block}#detail-image{max-height:36dvh}#detail .detail-grid{gap:16px}}
#detail h2{font-size:47.25px}#detail .eyebrow{font-size:13.5px}.frame::after{content:'';position:absolute;right:22px;bottom:22px;width:84px;height:28px;background:url('/__360/assets/signature-locked.png') center/contain no-repeat;pointer-events:none}
#detail h2{-webkit-text-stroke:0}.frame{border:0;padding:0;background:transparent;box-shadow:none}.frame img{object-fit:contain}.frame::after{content:none}

.frame img{object-fit:cover}

.frame .artwork-crop{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none}.frame .artwork-crop img{position:absolute;max-width:none;width:235.294118%;height:121.212121%;left:-67.647059%;top:-10.606061%;object-fit:fill}
#intro>p:first-child,#intro .intro-you{color:#fff}body:has(#intro:not([hidden])) main{position:relative}body:has(#intro:not([hidden])) #viewport{position:static}body:has(#intro:not([hidden])) #intro{z-index:2;bottom:0}body:has(#intro:not([hidden])) .controls{position:relative;z-index:3}button:not(.frame):not(#cards button),a.gold{zoom:.67}
#intro>p,#intro>h1,#intro>button{position:relative;top:-2cm}header a.gold{zoom:1.005}
#intro #begin,#intro #list-start{width:300px;height:48px;padding:0 14px;font:16px Georgia,serif;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#intro{justify-content:space-between;padding:clamp(18px,4dvh,40px) 20px 86px}#intro .intro-copy{text-align:center}#intro .intro-copy p{color:#fff}#intro .intro-copy>p:first-child{font-size:12px;letter-spacing:.18em}#intro .intro-actions{display:flex;flex-direction:column;align-items:center;gap:8px}#intro .intro-actions button{position:static;top:auto;margin:0}@media(max-width:650px){#intro{padding-bottom:135px}}@media(max-height:550px){#intro{padding-top:10px;padding-bottom:65px}#intro .intro-copy h1{font-size:clamp(28px,6dvh,48px);margin:6px 0}#intro .intro-actions{gap:4px}}

#intro .intro-copy>p:last-child{font-size:10.72px}#intro .intro-actions{transform:translateY(.7cm)}


#intro .intro-copy{transform:translateY(-.7cm)}


#intro .intro-copy>p:first-child{transform:translateY(.3cm)}


#intro .intro-copy>p:first-child{font-size:9.36px}


#intro .intro-copy h1{font-size:clamp(24.92px,min(5.34vw,8.01dvh),71.2px)}


#intro .intro-copy{transform:translateY(.4cm)}


#intro .intro-copy{transform:translateY(-1.3cm)}


#intro .intro-copy h1{font-family:'Courier New',Courier,monospace;letter-spacing:0;word-spacing:0;font-kerning:none;font-variant-ligatures:none}


#intro .intro-copy h1{font-weight:700;font-size:clamp(30.4024px,min(6.5148vw,9.7722dvh),86.864px)}

#intro .intro-copy h1{color:var(--bone)}#intro .intro-copy h1 .intro-you{color:var(--gold);animation:gallery-gold-flash .75s ease-in-out infinite alternate;text-shadow:0 0 5px #fff8,0 0 12px #d6b25e,0 0 24px #d6b25e}@keyframes gallery-gold-flash{from{filter:brightness(1);text-shadow:0 0 4px #d6b25e88,0 0 10px #d6b25e88}to{filter:brightness(1.65);text-shadow:0 0 7px #fff,0 0 18px #e4c979,0 0 32px #d6b25e}}@media(prefers-reduced-motion:reduce){#intro .intro-copy h1 .intro-you{animation:none}}

button:not(.frame):not(#cards button),a.gold{text-transform:uppercase}

