.art{position:relative;z-index:3}body.artwork .site-nav.scrolled{background:linear-gradient(180deg,rgba(10,8,7,.96),rgba(10,8,7,.8));-webkit-backdrop-filter:blur(14px) saturate(.9);backdrop-filter:blur(14px) saturate(.9)}.art-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.5fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}.art-hero .pg-title{font-size:clamp(2.8rem,7vw,6rem)}.art-hero .pg-title em{font-size:.36em}.art-hero .pg-lede{max-width:56ch;font-size:clamp(1.12rem,1.55vw,1.4rem)}.art-tally{display:grid;grid-template-columns:repeat(3,max-content);gap:clamp(1.1rem,2.4vw,1.8rem) clamp(1.6rem,4vw,3rem);margin-top:2.4rem}.art-tally div{display:flex;flex-direction:column;gap:.28rem}.art-tally b{font-family:var(--display);font-weight:600;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1;color:var(--accent)}.art-tally span{font-family:var(--label);font-size:.53rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ash-dim)}.art-ribbon{position:relative;z-index:3;margin:clamp(2rem,5vw,3.5rem) 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.art-ribbon__rail{display:flex;width:max-content;animation:art-drift 76s linear infinite}.art-ribbon:hover .art-ribbon__rail{animation-play-state:paused}.art-ribbon__track{display:flex;gap:.7rem;padding-right:.7rem}.art-ribbon button{flex:0 0 auto;width:clamp(96px,10vw,142px);aspect-ratio:.78;padding:0;border:0;background:#100c0d;cursor:pointer;overflow:hidden;opacity:.62;filter:grayscale(.5);transition:opacity .5s,filter .5s,transform .5s}.art-ribbon button img{width:100%;height:100%;object-fit:cover}.art-ribbon button:hover,.art-ribbon button:focus-visible{opacity:1;filter:none;transform:translateY(-4px)}@keyframes art-drift{to{transform:translateX(-50%)}}.art-index{position:sticky;top:calc(66px + 1.4rem);z-index:20;backdrop-filter:blur(14px) saturate(.9);background:linear-gradient(180deg,rgba(10,8,7,.96),rgba(10,8,7,.8));border-top:1px solid rgba(200,164,92,.1);border-bottom:1px solid rgba(200,164,92,.14)}.art-index__in{max-width:1240px;margin:0 auto;padding:.8rem var(--gutter);display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none}.art-index__in::-webkit-scrollbar{display:none}.art-index a{flex:0 0 auto;display:flex;align-items:baseline;gap:.55em;padding:.5rem .9rem;font-family:var(--label);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ash-dim);border:1px solid transparent;transition:color .3s,border-color .3s,background .3s}.art-index a em{font-style:normal;font-size:.85em;opacity:.55}.art-index a:hover{color:var(--bone)}.art-index a.is-on{color:var(--bone);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.art-room{max-width:1240px;margin:0 auto;padding:clamp(4rem,8vw,7rem) var(--gutter) 0;scroll-margin-top:9rem}.art-room:last-of-type{padding-bottom:clamp(5rem,10vw,8rem)}.art-room__head{display:flex;align-items:flex-end;gap:clamp(1.2rem,3vw,2.4rem);padding-bottom:1.4rem;margin-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid rgba(200,164,92,.16)}.art-room__num{font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(2.4rem,5vw,3.6rem);line-height:.8;color:var(--accent);opacity:.65;flex:0 0 auto}.art-room__ttl{font-family:var(--display);font-weight:600;line-height:1.05;font-size:clamp(1.6rem,3.2vw,2.5rem);color:var(--bone)}.art-room__ttl em{display:block;font-size:.4em;font-style:italic;font-weight:500;color:var(--ash-dim);margin-top:.35rem;letter-spacing:.02em}.art-room__n{margin-left:auto;font-family:var(--label);font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ash);white-space:nowrap;padding-bottom:.4rem}.art-room__lede{margin:-1rem 0 clamp(2.2rem,4vw,3rem);color:var(--ash);font-size:clamp(1.02rem,1.25vw,1.14rem);line-height:1.7;text-wrap:pretty}.art-room__lede em{color:var(--bone-dim);font-style:italic}.art-grid{display:grid;gap:clamp(.6rem,1.4vw,1.1rem)}.art-grid--faces{grid-template-columns:repeat(auto-fill,minmax(clamp(126px,11.5vw,158px),1fr))}.art-grid--pencil{display:flex;flex-wrap:wrap;gap:clamp(1rem,2.4vw,1.8rem)}.art-grid--pencil .piece{flex:var(--ar) 1 calc(var(--ar) * 13rem);aspect-ratio:var(--ar)}.piece--pencil img{filter:contrast(1.04)}.piece--pencil:hover img,.piece--pencil:focus-visible img{filter:contrast(1.08) brightness(1.08)}.art-grid--stills{grid-template-columns:repeat(auto-fill,minmax(clamp(160px,17vw,240px),1fr));gap:clamp(.7rem,1.6vw,1.3rem)}.art-grid--stills .piece{aspect-ratio:.75}.art-grid--worlds{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.7rem,1.6vw,1.2rem)}.art-grid--worlds .piece{aspect-ratio:1.7778}.piece{position:relative;display:block;width:100%;padding:0;border:0;cursor:zoom-in;background:#0d0a0b;overflow:hidden;box-shadow:0 18px 40px -26px rgba(0,0,0,.95);transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s}.piece img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.42) contrast(1.05) brightness(.92);transform:scale(1.001);transition:filter .6s ease,transform .8s cubic-bezier(.2,.7,.3,1)}.piece::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(200,164,92,.14);transition:box-shadow .45s}.piece:hover,.piece:focus-visible{transform:translateY(-5px);outline:0;box-shadow:0 28px 54px -24px rgba(0,0,0,.95),0 0 40px -16px var(--accent)}.piece:hover img,.piece:focus-visible img{filter:none;transform:scale(1.055)}.piece:hover::after,.piece:focus-visible::after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 62%,transparent)}.piece__plate{position:absolute;left:0;right:0;bottom:0;padding:2.4rem .85rem .7rem;text-align:left;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(6,5,5,.9) 62%);transform:translateY(101%);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.3,1),opacity .35s}.piece:hover .piece__plate,.piece:focus-visible .piece__plate{transform:none;opacity:1}.piece__ttl{display:block;font-family:var(--display);font-weight:600;font-size:1.02rem;line-height:1.15;color:var(--bone)}.piece__k{display:block;margin-top:.22rem;font-family:var(--label);font-size:.48rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.piece__wall{position:absolute;top:.6rem;right:.6rem;z-index:2;pointer-events:none;font-family:var(--label);font-size:.44rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);padding:.32em .6em;background:rgba(6,5,5,.62);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);backdrop-filter:blur(4px);opacity:.72;transition:opacity .35s,background .35s}.piece:hover .piece__wall{opacity:1;background:color-mix(in srgb,var(--accent) 78%,#000)}.art-wards{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:clamp(3rem,6vw,4.5rem)}.ward-master{position:relative;width:min(100%,420px);justify-self:center;aspect-ratio:1;cursor:zoom-in;background:none;border:0;padding:0}.ward-master img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 40px rgba(209,4,3,.16));transition:transform 1.2s,filter .8s}.ward-master:hover img{transform:rotate(14deg) scale(1.03);filter:drop-shadow(0 0 60px rgba(209,4,3,.34))}.art-wards__say p{color:var(--ash);font-size:1.05rem;line-height:1.75}.art-wards__say p + p{margin-top:1rem}.art-wards__say strong{color:var(--bone-dim);font-weight:600}.art-rank{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.6rem,1.6vw,1.4rem)}.art-rank--three{grid-template-columns:repeat(3,minmax(0,260px));justify-content:center}.art-rank--seven{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.2rem,1vw,1rem)}.art-rank--one{grid-template-columns:minmax(0,clamp(120px,18vw,200px));justify-content:center}.ward{position:relative;display:block;width:100%;aspect-ratio:1;padding:11%;border:0;cursor:zoom-in;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.035),transparent 70%);transition:background .5s}.ward img{width:100%;height:100%;object-fit:contain;opacity:.82;transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.3,1)}.ward::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(200,164,92,.12);transition:box-shadow .45s}.ward:hover,.ward:focus-visible{outline:0;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%)}.ward:hover img,.ward:focus-visible img{opacity:1;transform:scale(1.06)}.ward:hover::after,.ward:focus-visible::after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}.ward__cap{position:absolute;left:0;right:0;bottom:.5rem;text-align:center;pointer-events:none;font-family:var(--label);font-size:.47rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ash-dim);transition:color .4s}.ward:hover .ward__cap{color:var(--accent)}.art-subhead{margin:clamp(2.6rem,5vw,4rem) 0 1.3rem;display:flex;align-items:baseline;gap:1rem}.art-subhead h3{font-family:var(--label);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);flex:0 0 auto;font-weight:500}.art-subhead span{font-size:.94rem;font-style:italic;color:var(--ash-dim);line-height:1.4}.art-subhead::after{content:"";flex:1 1 auto;height:1px;background:rgba(200,164,92,.16)}.art-system{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4rem);align-items:center;margin-top:clamp(3rem,6vw,4.5rem);padding-top:clamp(2.4rem,5vw,3.6rem);border-top:1px solid rgba(200,164,92,.14)}.art-system__plate{display:block;order:2;width:min(100%,520px);justify-self:center;aspect-ratio:1;position:relative}.art-system__plate img{width:100%;height:100%;object-fit:contain;opacity:.9;filter:drop-shadow(0 0 46px rgba(209,4,3,.13));transition:opacity .8s,filter .8s}.art-system__plate:hover img{opacity:1;filter:drop-shadow(0 0 64px rgba(209,4,3,.28))}.art-system__say h3{font-family:var(--label);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:1rem}.art-system__say p{color:var(--ash);font-size:1.05rem;line-height:1.75}.art-system__say .art-system__dl{margin-top:1.2rem;font-family:var(--label);font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ash-dim)}.art-system__plate:hover + .art-system__say .art-system__dl,.art-system:hover .art-system__dl{color:var(--accent)}.viewer{position:fixed;inset:0;z-index:200;display:none;background:rgba(5,4,4,.93);backdrop-filter:blur(20px) saturate(.85)}.viewer.is-open{display:block}body.viewing{overflow:hidden}.viewer__stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.viewer__stage.is-dragging{cursor:grabbing}.viewer__img{position:absolute;top:0;left:0;max-width:92vw;max-height:86vh;width:auto;height:auto;display:block;transform-origin:0 0;will-change:transform;box-shadow:0 40px 120px -40px rgba(0,0,0,1);user-select:none;-webkit-user-drag:none}.viewer__img.is-settling{transition:transform .34s cubic-bezier(.2,.7,.3,1)}.viewer__img.is-ward{background:radial-gradient(circle at 50% 45%,#151011,#0a0807 72%);padding:3%;max-width:min(86vw,660px);max-height:80vh}.viewer__spin{position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgba(200,164,92,.2);border-top-color:var(--accent);border-radius:50%;animation:vspin .9s linear infinite;opacity:0;transition:opacity .3s;pointer-events:none}.viewer.is-loading .viewer__spin{opacity:1}@keyframes vspin{to{transform:rotate(360deg)}}.viewer__cap{position:absolute;left:0;right:0;bottom:0;z-index:3;pointer-events:none;padding:clamp(3rem,8vw,5.5rem) clamp(1.1rem,4vw,3rem) clamp(1.5rem,2.6vw,2.2rem);background:linear-gradient(180deg,transparent,rgba(5,4,4,.72) 42%,rgba(5,4,4,.94) 78%);display:flex;align-items:flex-end;gap:clamp(1rem,3vw,2.4rem);flex-wrap:wrap}.viewer__cap > *{pointer-events:auto}.viewer__txt{min-width:0;flex:1 1 22rem}.viewer__room{font-family:var(--label);font-size:.5rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.45rem}.viewer__ttl{font-family:var(--display);font-weight:600;font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.1;color:var(--bone)}.viewer__note{margin-top:.4rem;font-size:.99rem;font-style:italic;color:var(--ash);line-height:1.5;max-width:56ch}.viewer__meta{font-family:var(--label);font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ash-dim);margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.35rem 1.1rem}.vget[hidden]{display:none}.vget{display:inline-flex;align-items:center;gap:.65em;flex:0 0 auto;padding:.75rem 1.15rem;font-family:var(--label);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bone);border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);background:color-mix(in srgb,var(--accent) 11%,transparent);transition:background .35s,color .35s,gap .35s}.vget:hover{background:var(--accent);color:#100b09;gap:1.05em}.vget svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.vget em{font-style:normal;opacity:.62;font-size:.9em}.vbtn{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid rgba(200,164,92,.18);background:rgba(10,8,7,.55);color:var(--bone-dim);cursor:pointer;backdrop-filter:blur(8px);transition:color .3s,border-color .3s,background .3s,transform .3s}.vbtn:hover{color:var(--bone);border-color:var(--accent);background:rgba(10,8,7,.85)}.vbtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.vbtn--x{top:clamp(.8rem,2vw,1.4rem);right:clamp(.8rem,2vw,1.4rem)}.vbtn--prev{left:clamp(.6rem,2vw,1.6rem);top:50%;margin-top:-23px}.vbtn--next{right:clamp(.6rem,2vw,1.6rem);top:50%;margin-top:-23px}.vbtn--prev:hover{transform:translateX(-3px)}.vbtn--next:hover{transform:translateX(3px)}.vbtn[disabled]{opacity:.22;pointer-events:none}.viewer__zoom{position:absolute;z-index:4;top:clamp(.8rem,2vw,1.4rem);left:clamp(.8rem,2vw,1.4rem);display:flex;align-items:center;gap:.55rem}.viewer__zoom .vbtn{position:static;width:38px;height:38px}.viewer__pct{font-family:var(--label);font-size:.5rem;letter-spacing:.14em;color:var(--ash-dim);min-width:3.4em;text-align:center}.viewer__count{position:absolute;z-index:4;top:calc(clamp(.8rem,2vw,1.4rem) + 62px);left:clamp(.8rem,2vw,1.4rem);font-family:var(--label);font-size:.5rem;letter-spacing:.22em;color:var(--ash-dim)}.viewer__count b{color:var(--bone);font-weight:500}.viewer__hint{position:absolute;z-index:4;top:calc(clamp(.8rem,2vw,1.4rem) + 6px);left:50%;transform:translateX(-50%);font-family:var(--label);font-size:.44rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ash-dim);opacity:.45;white-space:nowrap;pointer-events:none;transition:opacity .5s}.viewer.is-zoomed .viewer__hint{opacity:0}.art-close{max-width:1240px;margin:0 auto;padding:0 var(--gutter) clamp(6rem,11vw,9rem)}.art-close__box{border-top:1px solid rgba(200,164,92,.16);padding-top:clamp(2rem,4vw,3rem);display:flex;flex-wrap:wrap;gap:clamp(1.6rem,4vw,3.4rem);align-items:flex-start}.art-close__box p{flex:1 1 26rem;max-width:56ch;color:var(--ash);font-size:1.02rem;line-height:1.72}.art-close__box p em{color:var(--bone-dim);font-style:italic}@media(max-width:1040px){.art-hero{grid-template-columns:1fr}.art-wards{grid-template-columns:1fr;gap:2.2rem}.ward-master{width:min(74%,320px)}.art-system{grid-template-columns:1fr;gap:2rem}.art-system__plate{order:-1;width:min(88%,420px)}}@media(max-width:760px),(max-width:1024px) and (orientation:portrait){.art-index{top:calc(44px + 1.4rem)}.art-room{padding-left:1.25rem;padding-right:1.25rem}.art-close{padding-left:1.25rem;padding-right:1.25rem}.art-tally{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem .8rem}.art-tally span{letter-spacing:.18em}.art-room__head{flex-wrap:wrap;gap:.9rem}.art-room__n{margin-left:0;width:100%;padding-bottom:0}.art-grid--faces{grid-template-columns:repeat(auto-fill,minmax(clamp(118px,30vw,150px),1fr))}.art-grid--worlds{grid-template-columns:1fr}.art-grid--stills{grid-template-columns:repeat(2,minmax(0,1fr))}.art-grid--pencil .piece{flex-basis:calc(var(--ar) * 7.5rem)}.art-rank{grid-template-columns:repeat(3,minmax(0,1fr))}.art-rank--seven{grid-template-columns:repeat(4,minmax(0,1fr))}.art-rank--seven .ward__cap{font-size:.4rem;letter-spacing:.08em}.art-rank--one{grid-template-columns:minmax(0,clamp(96px,34vw,170px))}.piece img{filter:grayscale(.25) brightness(.9)}.vbtn--prev,.vbtn--next{top:auto;bottom:calc(50% - 23px);margin-top:0}.viewer__cap{padding-bottom:1rem}.viewer__note{display:none}.viewer__hint{display:none}}@media(hover:none){.piece__plate{transform:none;opacity:1;padding-top:1.8rem}}@media(prefers-reduced-motion:reduce){.art-ribbon__rail{animation:none}.piece,.piece img,.ward img,.ward-master img,.art-system__plate img,.piece__plate,.viewer__img{transition:none}.piece:hover{transform:none}.piece:hover img{transform:none}}