.archive-case-page.neon-viewer{background:#090912;isolation:isolate;padding:155px 120px 120px 45px;scrollbar-width:thin;scrollbar-color:#675067 transparent}
.neon-viewer::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 50%,#46217622,transparent 43%),radial-gradient(ellipse at 80% 20%,#152e582c,transparent 50%),radial-gradient(ellipse at 65% 90%,#6418441c,transparent 42%),#090912;transform:translateY(var(--ambient-y,0));transition:transform 1.8s ease}
.neon-viewer>.case-hero-media,.neon-viewer>.case-hero-copy,.neon-viewer>.case-extra-media,.neon-viewer>.case-gallery-picker{display:none!important}
.archive-case-page.neon-viewer>.archive-project-back{position:absolute;top:125px;left:45px;border:0;background:none;box-shadow:none;padding:0;font-size:14px}
.neon-content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:38px 24px;align-items:start}
.neon-intro{grid-column:span 3;padding-top:65px}
.neon-intro h2{font-size:20px!important;text-align:left!important;margin:0 0 22px!important;letter-spacing:1px}
.neon-intro img{display:block;width:165px;height:auto;object-fit:contain;border-radius:3px}
.neon-intro p{font-size:17px!important;color:#e2dce9!important;margin-top:22px}
.neon-art{grid-column:span 4;margin:0;min-width:0;opacity:0;transform:translateY(15px);transition:opacity .8s,transform .8s;scroll-margin-top:130px}
.neon-art.is-revealed{opacity:1;transform:none}
.neon-art.neon-hero{grid-column:span 9;margin-bottom:30px}
.neon-art img{display:block;width:100%;height:auto;object-fit:contain;border-radius:4px;transition:transform .65s,filter .65s,box-shadow .65s}
.neon-art:hover img{transform:scale(1.015);box-shadow:0 0 36px #ad42db19}
.neon-content:has(.neon-art:hover) .neon-art:not(:hover) img{filter:brightness(.95)}
.neon-rail{position:absolute;right:25px;top:210px;width:62px;display:flex;flex-direction:column;gap:15px;z-index:3}
.neon-rail button{padding:3px;margin:0;opacity:.45;border:1px solid transparent;border-radius:4px;transition:opacity .5s,box-shadow .5s}
.neon-rail img{display:block;width:100%;height:auto;object-fit:contain}
.neon-rail button[aria-current=true],.neon-rail button:hover,.neon-rail button:focus-visible{opacity:1;border-color:#f078c544;box-shadow:0 0 16px #ed68bb25}
.archive-room:not([data-state=project-placeholder])>.neon-rail{display:none}
.viewport:has(.neon-viewer:not([hidden]))::before{background:#090912!important;filter:none!important}
.canvas:has(.neon-viewer:not([hidden])){mask-image:none}
@media(max-width:800px){
 body:has(.neon-viewer:not([hidden])){overflow-x:hidden}
 .viewport:has(.neon-viewer:not([hidden])){min-width:0;min-height:0}
 .canvas:has(.neon-viewer:not([hidden])){width:100vw;height:100dvh;transform:none!important}
 .archive-case-page.neon-viewer{padding:145px 64px 110px 20px}
 .archive-case-page.neon-viewer>.archive-project-back{left:20px;top:112px;font-size:12px}
 .neon-intro{grid-column:span 12;padding:0}
 .neon-intro h2{font-size:16px!important;margin-bottom:12px!important}
 .neon-intro img{width:100px}
 .neon-intro p{font-size:14px!important;margin:10px 0 0}
 .neon-art.neon-hero,.neon-art{grid-column:span 12;margin:0}
 .neon-content{gap:32px 20px}
 .neon-rail{right:10px;top:170px;width:40px;gap:12px}
}
@media(prefers-reduced-motion:reduce){.neon-art{opacity:1;transform:none}.neon-art:hover img{transform:none}.neon-viewer::before{transform:none}}

.neon-art.neon-hero img{max-height:680px;object-fit:contain}.neon-video{grid-column:1/-1}.neon-video video{display:block;width:100%;height:auto;max-height:800px;object-fit:contain}.neon-intro h2{overflow-wrap:anywhere}.neon-rail{max-height:65%;overflow-y:auto;scrollbar-width:thin}