@layer components{.section--parallax{--scrim: var(--scrim-prose);position:relative;overflow:clip;isolation:isolate}#hero{--depth: .2;--scrim: var(--scrim-hero)}#gallery{--depth: .1}#philosophy,#services,#contact{--depth: .15}.parallax{--parallax-shift: 0px;position:absolute;inset:0;z-index:var(--z-below);pointer-events:none}.parallax__img{width:100%;height:100%;object-fit:cover;filter:var(--cover-filter)}.parallax:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--surface) var(--scrim),transparent)}.parallax:before{content:"";position:absolute;inset:0;z-index:1;filter:url(#f-grain);opacity:var(--grain-opacity);mix-blend-mode:overlay}@media(prefers-contrast:more){.parallax:before{display:none}}@media(prefers-reduced-transparency:reduce){.parallax:before{display:none}}@media(forced-colors:active){.parallax:before{display:none}}@media(prefers-reduced-motion:no-preference){:root.js .parallax{inset:calc(var(--depth) * -50vh) 0;transform:translate3d(0,var(--parallax-shift),0)}@supports (animation-timeline: view()){:root.js .parallax{animation:parallax-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}@keyframes parallax-drift{0%{transform:translate3d(0,calc(var(--depth) * 50vh),0)}to{transform:translate3d(0,calc(var(--depth) * -50vh),0)}}}}