/* Original RVITYLIZE etched-field texture. CSS only; decorative layers never receive input. */
main{position:relative;isolation:isolate}
main::before,main::after{content:"";pointer-events:none;z-index:0}
main::before{position:absolute;inset:0;background-image:repeating-radial-gradient(ellipse at 115% 8%,transparent 0 39px,rgba(118,188,157,.065) 40px,transparent 41px 73px),repeating-linear-gradient(127deg,transparent 0 79px,rgba(112,171,147,.025) 80px,transparent 81px 159px),radial-gradient(rgba(179,215,198,.10) .55px,transparent .85px);background-size:100% 1100px,340px 340px,5px 5px;mask-image:linear-gradient(180deg,transparent,#000 180px,#000 94%,transparent);opacity:.75}
main::after{position:fixed;inset:0;background:radial-gradient(ellipse at 12% 62%,rgba(27,174,105,.19),transparent 49%),radial-gradient(ellipse at 87% 20%,rgba(87,174,142,.12),transparent 44%);opacity:.4;animation:rvEtchedBreath 12s ease-in-out infinite;animation-play-state:paused}
main > *{position:relative;z-index:1}
@keyframes rvEtchedBreath{0%,100%{opacity:.25}50%{opacity:.8}}
html[data-texture-running="true"] main::after{animation-play-state:running}
html[data-texture="off"] main::before,html[data-texture="off"] main::after{display:none}
html[data-motion="off"] main::after{animation:none!important;opacity:.4}
@media(prefers-reduced-motion:reduce){main::after{animation:none!important;opacity:.4}}
@media(max-width:700px){main::before{background-size:170% 900px,260px 260px,5px 5px;opacity:.6}}
@media print{main::before,main::after{display:none}}
