/* Additive, decorative atmosphere. Existing images and layout are untouched. */
.px-atmosphere-host{position:relative;isolation:isolate}
.px-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:paint;color:#9c826c}
.px-atmosphere svg{position:absolute;width:clamp(160px,27vw,390px);height:340px;right:-6%;top:4%;overflow:visible;opacity:.32;animation:px-filament-drift 18s ease-in-out infinite alternate;animation-play-state:paused}
.px-atmosphere svg:nth-child(2){left:-12%;right:auto;top:auto;bottom:3%;width:clamp(130px,22vw,300px);opacity:.20;animation-delay:-9s;animation-duration:23s;transform:rotate(180deg)}
.px-atmosphere path,.px-atmosphere ellipse{fill:none;stroke:currentColor;stroke-width:.8;vector-effect:non-scaling-stroke}
.px-atmosphere circle{fill:currentColor;opacity:.65}
.px-atmosphere-host.px-in-view .px-atmosphere svg{animation-play-state:running}
#technology .px-atmosphere{color:#b99d82}#appointment .px-atmosphere{color:#e4c7a8}
#about .px-atmosphere svg{right:22%;top:3%;opacity:.18}
html.px-motion-paused .px-atmosphere svg{animation-play-state:paused!important}
.px-motion-toggle{min-height:44px;padding:9px 14px;border:1px solid currentColor;border-radius:24px;background:transparent;color:inherit;font:inherit;font-size:11px;cursor:pointer}
.px-motion-toggle:focus-visible{outline:2px solid #997d68;outline-offset:4px}
@keyframes px-filament-drift{from{translate:0 0;rotate:-4deg}to{translate:-12px 16px;rotate:5deg}}
@media(max-width:600px){.px-atmosphere svg{right:-35%;width:210px;opacity:.20}.px-atmosphere svg:nth-child(2){display:none}#about .px-atmosphere svg{right:-30%}}
@media(prefers-reduced-motion:reduce){.px-atmosphere svg{animation:none!important}.px-motion-toggle{display:none}}
@media print{.px-atmosphere,.px-motion-toggle{display:none}}
/* Quiet optical depth: skincare-inspired glass and reflected light, not icon confetti. */
.px-atmosphere{z-index:-1;color:#b5a38a;opacity:.65}.px-optical-surface{position:absolute;right:-170px;top:8%;width:480px;height:600px;border-radius:48% 52% 59% 41%/39% 37% 63% 61%;background:radial-gradient(ellipse at 28% 24%,#fff8 0,transparent 44%),radial-gradient(ellipse at 60% 60%,transparent 36%,#b4a28720 48%,#fffc 49%,#c3b49c25 51%,transparent 64%);box-shadow:inset 12px 5px 40px #fff6,inset -6px -8px 38px #9a846a16;transform:rotate(-25deg);animation:px-optical-flow 22s ease-in-out infinite alternate;animation-play-state:paused}.px-optical-highlight{position:absolute;right:-120px;top:18%;width:420px;height:480px;background:conic-gradient(from 60deg at 50% 50%,transparent 0deg,#fff0 30deg,#fff7 50deg,transparent 75deg);filter:blur(13px);border-radius:50%;animation:px-optical-flow 17s ease-in-out infinite alternate-reverse;animation-play-state:paused}#about .px-optical-surface{right:auto;left:-260px;top:15%}#appointment .px-atmosphere{opacity:.12}#technology .px-atmosphere{opacity:.22}.px-atmosphere-host.px-in-view .px-atmosphere span{animation-play-state:running}html.px-motion-paused .px-atmosphere span{animation-play-state:paused!important}@keyframes px-optical-flow{from{transform:translate3d(0,0,0) rotate(-25deg)}to{transform:translate3d(-25px,24px,0) rotate(-12deg)}}@media(max-width:600px){.px-optical-surface{right:-290px;width:430px;opacity:.7}.px-optical-highlight{right:-280px;opacity:.6}}@media(prefers-reduced-motion:reduce){.px-atmosphere span{animation:none!important}}
