/* A single backdrop connects the page; solid surfaces still carry the content. */
.page-atmosphere{display:none}
body.has-page-atmosphere{position:relative;isolation:isolate}
.has-page-atmosphere .page-atmosphere{display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip}
.page-field{position:absolute;inset:0;background:linear-gradient(to bottom,#242323 0px,#242323 var(--field-studio-start),#30251f var(--field-studio-mid),#242323 var(--field-clients),#242323 var(--field-contact-start),#ff6300 var(--field-contact-full),#ff6300 var(--field-contact-end),#242323 var(--field-footer),#242323 100%)}
.page-depth{position:fixed;inset:0;overflow:hidden;pointer-events:none;contain:strict}
.page-depth>div{position:absolute;will-change:transform}
.depth-glow{inset:-30%;background:radial-gradient(ellipse at 75% 40%,#ff8f431b,transparent 48%),radial-gradient(ellipse at 20% 65%,#ebe4d609,transparent 46%);transform:translate3d(var(--depth-glow-x,0px),var(--depth-glow-y,0px),0)}
.depth-far{inset:-70%;background:linear-gradient(125deg,transparent 39%,#ffc49b0d 39.1%,#ffc49b04 57%,transparent 57.1%);transform:translate3d(0,var(--depth-far,0px),0) rotate(-9deg)}
.depth-near{inset:-65%;background:linear-gradient(125deg,transparent 44%,#00000014 44.1%,#00000003 61%,transparent 61.1%);transform:translate3d(0,var(--depth-near,0px),0) rotate(12deg)}
.depth-thread{top:-70%;left:73%;width:1px;height:240%;background:linear-gradient(transparent,#ffbe8738 25%,#ffbe8738 75%,transparent);transform:translate3d(var(--depth-thread-x,0px),var(--depth-thread-y,0px),0) rotate(25deg)}
.has-page-atmosphere #services,.has-page-atmosphere .chapter-journey,.has-page-atmosphere .clients-section,.has-page-atmosphere #contact{background:transparent}
.has-page-atmosphere .chapter-journey{isolation:auto}
.has-page-atmosphere .chapter-atmosphere,.has-page-atmosphere .contact-atmosphere{display:none}
.has-page-atmosphere #contact{isolation:auto}
.has-page-atmosphere #contact .enquiry-form{background:#ff6300ed;backdrop-filter:none}
.has-page-atmosphere .site-footer{position:relative}
@media(max-width:700px){.depth-far{opacity:.8}.depth-near{opacity:.8}.depth-thread{left:85%}}
@media(prefers-reduced-motion:reduce){.page-depth>div{transform:none!important;will-change:auto}}