/* Slow pools of the existing clay, brass and blue, under a fine film grain. */
body:not(:has(#appView)){isolation:isolate;background-color:#1c1c1c}
body:not(:has(#appView))::before{content:"";position:fixed;inset:-22%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 19% 23%,#8080804d,transparent 44%),radial-gradient(ellipse at 76% 66%,#dba80066,transparent 47%),radial-gradient(ellipse at 38% 92%,#dba80045,transparent 42%),linear-gradient(120deg,#1c1c1c,#1c1c1c);animation:atmosphere-drift 32s ease-in-out infinite alternate;will-change:transform}
body:not(:has(#appView))::after{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;animation:atmosphere-grain .8s steps(4) infinite}
@keyframes atmosphere-drift{0%{transform:translate(-3%,-2%) scale(1)}50%{transform:translate(3%,2%) scale(1.06)}100%{transform:translate(-1%,4%) scale(1.03)}}
@keyframes atmosphere-grain{0%,100%{transform:translate(0,0)}25%{transform:translate(1.2%,-.8%)}50%{transform:translate(-.8%,1%)}75%{transform:translate(.6%,.7%)}}
#siteHeader{background:#1c1c1c50}.journal-header{background:transparent}.journal-page{background:transparent}.hero{background:transparent}#projects,#journal,footer{position:relative}.journal-page .article-body{color:#ffffff}
/* A bowed, fine-pitch screen. Its dimensions still follow the original photo. */
.slider-wrapper{clip-path:ellipse(100% 50% at 50% 50%);transform:perspective(1300px) rotateY(var(--screen-y,0deg)) rotateX(var(--screen-x,0deg));transition:transform .6s ease-out;box-shadow:0 22px 80px #0005;filter:saturate(.92) contrast(1.04)}
.slider-wrapper::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at center,transparent 0 1.2px,#1c1c1cd9 1.75px);background-size:4px 4px;opacity:.65}
.slider-wrapper::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#0005,transparent 19%,transparent 81%,#0005),linear-gradient(180deg,#ffffff10,transparent 35%,#0002)}
.photo-controls{top:36px!important;right:28px!important;opacity:0;transition:opacity .2s}.slider-wrapper:hover .photo-controls,.slider-wrapper:focus-within .photo-controls{opacity:1}.slides-navigation{bottom:28px!important;left:40px!important;right:40px!important;opacity:.6}.photo-section{perspective:1300px;padding-top:55px!important;padding-bottom:70px!important}
@media(hover:none){.photo-controls{opacity:.85}}@media(max-width:700px){.slider-wrapper::after{background-size:3px 3px;opacity:.5}.photo-controls{top:30px!important;right:22px!important}.photo-section{padding-top:35px!important;padding-bottom:45px!important}.slides-navigation{bottom:25px!important;left:32px!important;right:32px!important}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important;will-change:auto}.slider-wrapper{transform:none!important;transition:none!important}}