.reference-design .hero{--hero-copy-y:0px}.reference-design .mountain-scene{z-index:-2;pointer-events:none;--far-y:0px;--near-y:0px;--haze-y:0px;--far-scale:1.025;--near-scale:1.015;background:#101719;position:absolute;inset:0;overflow:hidden}.reference-design .mountain-backdrop{transform-origin:78% 28%;transform:translate3d(0, var(--far-y), 0) scale(var(--far-scale));background:url(/assets/croatian-road.png) 50%/cover;position:absolute;inset:-3%}.reference-design .mountain-backdrop img,.reference-design .mountain-backdrop-img{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;display:block}.reference-design .mountain-atmosphere{mix-blend-mode:screen;transform:translate3d(0, var(--haze-y), 0);background:radial-gradient(at 80% 30%,#e4b36821,#0000 40%);position:absolute;inset:-10%}.reference-design .mountain-foreground{transform-origin:78% 90%;transform:translate3d(0, var(--near-y), 0) scale(var(--near-scale));background:url(/assets/mountain/foreground.png) bottom/cover no-repeat;position:absolute;inset:15% -3% -15%}.reference-design .hero .hero-content{transform:translate3d(0, var(--hero-copy-y), 0)}@media (max-width:700px){.reference-design .mountain-foreground{background-position:65% bottom;inset:30% -30% -20%}.reference-design .mountain-backdrop img,.reference-design .mountain-backdrop-img{object-position:62% center}}@media (prefers-reduced-motion:reduce){.reference-design .mountain-backdrop,.reference-design .mountain-foreground,.reference-design .mountain-atmosphere,.reference-design .hero .hero-content,.reference-design .mountain-backdrop img,.reference-design .mountain-backdrop-img{transform:none!important}.reference-design .mountain-backdrop{background:url(/assets/croatian-road.png) 50%/cover}}
