.section-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.section-bg picture,.section-bg img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sbg-night{display:none}:root[data-theme=dark] .sbg-night{display:block}:is(:root[data-theme=dark] .section-bg:has(.sbg-night) .sbg-day,:root[data-theme=dark] .ribbon-still .sbg-day,:root[data-theme=dark] .cat-media .sbg-day){display:none}.section-bg.fade-both{-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.section-bg.fade-top{-webkit-mask-image:linear-gradient(#0000,#000 16%);mask-image:linear-gradient(#0000,#000 16%)}.section-bg.fade-bottom{-webkit-mask-image:linear-gradient(#000 84%,#0000);mask-image:linear-gradient(#000 84%,#0000)}.sbg-wash{--x:88%;--y:10%;background:radial-gradient(38% 46% at var(--x) var(--y), rgb(var(--accent-rgb) / .09), transparent 70%), radial-gradient(26% 32% at calc(var(--x) - 12%) calc(var(--y) + 16%), color-mix(in srgb, var(--w2) 9%, transparent), transparent 70%), radial-gradient(22% 26% at calc(var(--x) + 4%) calc(var(--y) + 30%), color-mix(in srgb, var(--w4) 10%, transparent), transparent 70%);position:absolute;inset:0}.section-bg[data-bg=why] .sbg-wash,.section-bg[data-bg=uses] .sbg-wash,.section-bg[data-bg=faq] .sbg-wash{--x:8%;--y:14%}.section-bg[data-bg=materials] .sbg-wash,.section-bg[data-bg=business] .sbg-wash{--x:92%;--y:70%}.guides{z-index:-1;pointer-events:none;--gw:min(100% - 2 * var(--gutter), var(--maxw));background:linear-gradient(var(--guide), var(--guide)) calc(50% - var(--gw) / 2) 0 / 1px 100% no-repeat, linear-gradient(var(--guide), var(--guide)) calc(50% + var(--gw) / 2) 0 / 1px 100% no-repeat, repeating-linear-gradient(180deg, var(--guide) 0 4px, transparent 4px 10px) calc(50% - var(--gw) / 4) 0 / 1px 100% no-repeat, repeating-linear-gradient(180deg, var(--guide) 0 4px, transparent 4px 10px) 50% 0 / 1px 100% no-repeat, repeating-linear-gradient(180deg, var(--guide) 0 4px, transparent 4px 10px) calc(50% + var(--gw) / 4) 0 / 1px 100% no-repeat;position:absolute;inset:0}@media (max-width:760px){.guides{background:linear-gradient(var(--guide), var(--guide)) calc(50% - var(--gw) / 2) 0 / 1px 100% no-repeat, linear-gradient(var(--guide), var(--guide)) calc(50% + var(--gw) / 2) 0 / 1px 100% no-repeat}}