body.assemblage{background:#0d0b09}body.assemblage main{overflow-x:clip}.wall{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));align-items:start;gap:80px 5vw;padding:8px 5.5vw 48px;display:grid}.wall.hung{align-items:flex-start;gap:0 5vw;display:flex}.wall .col{flex-direction:column;flex:1 1 0;gap:96px;min-width:0;display:flex}.wall.three .col:nth-child(2){padding-top:140px}.wall.three .col:nth-child(3){padding-top:50px}.wall.two .col:nth-child(2){padding-top:90px}@media (width<=600px){.wall .col{gap:72px}}.piece{width:min(100%, var(--w));margin:0;position:relative}.a-start{align-self:flex-start}.a-center{align-self:center}.a-end{align-self:flex-end}.piece:before{content:"";pointer-events:none;background:radial-gradient(50% 50%,#f2b25c1a,#f2b25c0a 45%,#f2b25c00 100%);height:90%;position:absolute;top:-110px;left:-16%;right:-16%}.float{animation-duration:var(--dur);animation-delay:var(--delay);flex-direction:column;gap:18px;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:both;display:flex}.b1{animation-name:bob1}.b2{animation-name:bob2}.b3{animation-name:bob3}@keyframes bob1{0%{transform:translate(0)rotate(-.6deg)}50%{transform:translate(7px,-11px)rotate(.9deg)}to{transform:translate(-5px,-4px)rotate(-1.2deg)}}@keyframes bob2{0%{transform:translate(0)rotate(.8deg)}50%{transform:translate(-8px,-7px)rotate(-.7deg)}to{transform:translate(4px,-13px)rotate(1.1deg)}}@keyframes bob3{0%{transform:translate(0)rotate(-1deg)}50%{transform:translate(5px,8px)rotate(.6deg)}to{transform:translate(-7px,-6px)rotate(-.4deg)}}.float:hover,.float:focus-within,.wall.frozen .float{animation-play-state:paused}.open{cursor:zoom-in;width:100%;transition:transform .5s,filter .5s;display:block;position:relative}.open img{width:100%;height:auto;display:block}.open:hover,.open:focus-visible{filter:drop-shadow(0 0 24px #f2b25c38);transform:translateY(-3px)}.open:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.piece figcaption{font-family:Fraunces,Georgia,serif;font-size:19px;font-style:italic;font-weight:300}.frame{box-sizing:border-box;padding:var(--pad);font:inherit;border:0;margin:0;box-shadow:0 22px 34px -14px #000000d9,0 3px 6px #00000080}.frame:after{content:"";inset:var(--pad);pointer-events:none;position:absolute}.f-gilt{--pad:17px;background:radial-gradient(circle at 0 0,#281804bf,#28180400 22%),radial-gradient(circle at 100% 100%,#281804bf,#28180400 24%),radial-gradient(circle at 100% 0,#28180480,#28180400 18%),linear-gradient(135deg,#6b4a1c 0%,#c9a050 16%,#f0d48a 28%,#a77b2e 46%,#e2bd6c 60%,#7a5520 80%,#b8903f 100%);box-shadow:inset 0 0 0 2px #3c2709,inset 0 0 0 5px #d8b463,inset 0 0 0 7px #5e4114,inset 0 0 0 11px #b08636,inset 0 0 0 13px #4a330f,inset 2px 2px 5px #ffeeb48c,0 22px 34px -14px #000000d9,0 3px 6px #00000080}.f-gilt:after{box-shadow:inset 0 3px 7px #000000a6,0 0 0 1px #2b1c06}.f-wood{--pad:18px;background:repeating-linear-gradient(0deg,#ffffff0d 0 2px,#fff0 2px 7px),repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 13px),repeating-linear-gradient(90deg,#0000000f 0 1px,#0000 1px 29px),linear-gradient(135deg,#958c80,#6c645a 45%,#8a8174 70%,#5f584f);border-radius:2px 4px 3px 5px;box-shadow:inset 0 0 0 1px #00000073,inset 2px 2px 3px #ffffff2e,inset -3px -3px 5px #00000073,0 22px 34px -14px #000000d9,0 3px 6px #00000080}.f-wood:after{box-shadow:inset 0 2px 6px #0009,0 0 0 1px #1e1a16cc}.f-rust{--pad:13px;background:radial-gradient(#2d10058c 1px,#2d100500 1.6px) 0 0/11px 13px,radial-gradient(#d67c4266 1px,#d67c4200 1.6px) 5px 7px/17px 15px,radial-gradient(circle at 30% 20%,#3c160699,#3c160600 40%),linear-gradient(135deg,#7c3b17,#a5562b 35%,#6b3013 62%,#94502a 85%,#5c2810);box-shadow:inset 0 0 0 1px #1e0a02cc,inset 1px 1px 2px #f0a06459,0 22px 34px -14px #000000d9,0 3px 6px #00000080}.f-rust:after{box-shadow:inset 0 2px 5px #0009,0 0 0 1px #190802e6}.f-paint{--pad:15px;background:radial-gradient(ellipse 9px 5px at 12% 3%, #a7865c 60%, #a7865c00 72%), radial-gradient(ellipse 6px 9px at 98% 30%, #9c7b52 60%, #9c7b5200 72%), radial-gradient(ellipse 12px 5px at 70% 98%, #a7865c 60%, #a7865c00 72%), radial-gradient(ellipse 5px 8px at 2% 76%, #9c7b52 60%, #9c7b5200 72%), radial-gradient(ellipse 7px 4px at 40% 1%, #b09068 60%, #b0906800 72%), linear-gradient(135deg, #ffffff14, #0000001f), var(--paint);box-shadow:inset 0 0 0 1px #0006,inset 2px 2px 2px #ffffff2e,inset -2px -2px 3px #00000059,0 22px 34px -14px #000000d9,0 3px 6px #00000080}.f-paint:after{box-shadow:inset 0 2px 5px #0000008c,0 0 0 1px #0009}.teal{--paint:#2f6b66}.oxblood{--paint:#6c2421}.mustard{--paint:#b0832a}.f-shadow{--pad:22px;background:linear-gradient(#3a342f,#4a433c 55%,#3f3933);box-shadow:inset 0 0 0 1px #6a6158,inset 0 0 0 4px #2a2622,inset 1px 1px 2px #fff0dc2e,0 0 0 1px #ffffff14,0 22px 34px -14px #000000e6,0 3px 6px #00000080}.f-shadow:after{box-shadow:inset 0 16px 20px -8px #000000d9,inset 0 0 0 1px #000000b3}.f-float{--pad:16px;background:#110e0b;border:3px solid #d8b66c;border-color:#d8b66c #8a6a32 #6f5427 #c4a25e;box-shadow:inset 0 0 0 1px #0009,0 22px 34px -14px #000000d9,0 3px 6px #00000080}.f-float img{box-shadow:0 8px 14px #000000bf}.f-mat{--pad:24px;background:#e8e0cf;border:6px solid #625a51;border-color:#625a51 #403a34 #38322d #5a5249;box-shadow:inset 0 0 0 1px #00000040,inset 0 2px 4px #00000040,0 0 0 1px #ffffff14,0 22px 34px -14px #000000d9,0 3px 6px #00000080}.f-mat:after{box-shadow:0 0 0 1px #ffffffb3,0 0 0 2px #0000002e}@media (prefers-reduced-motion:reduce){.open{transition:none}.float{animation-duration:calc(var(--dur) * 2.5)}}