/* A distinct drawing in each section, unified by fine pink strokes. */
.geometry-scene{position:relative;isolation:isolate}
.geometry-layer{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;color:#d93d88;opacity:0;transition:opacity 1.1s ease}
.geometry-revealed>.geometry-layer{opacity:1}
.geometry-motif{position:absolute;display:block;width:clamp(210px,24vw,340px);height:auto;right:-48px;top:-32px;stroke:currentColor;stroke-width:1;opacity:.35;transform:translateY(16px);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.geometry-revealed .geometry-motif{transform:translateY(0)}
.geometry-faint{opacity:.38}.geometry-accent{stroke-width:1.7}.geometry-solid{fill:currentColor;stroke:none}.geometry-dashed{stroke-dasharray:4 7}
.geometry-animated{transform-origin:160px 160px;animation-duration:16s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}
.geometry-turn{animation-name:geometry-turn;animation-duration:75s;animation-timing-function:linear}
.geometry-rock{animation-name:geometry-rock;animation-duration:22s}
.geometry-breathe{animation-name:geometry-breathe;animation-duration:12s}
.geometry-slide{animation-name:geometry-slide}
.geometry-float{animation-name:geometry-float;animation-duration:18s}
.geometry-active>.geometry-layer .geometry-animated{animation-play-state:running}
.geometry-paused .geometry-animated{animation-play-state:paused!important}
/* The new motifs replace the repeated diagonal marks in these sections. */
.geometry-scene>.ambient-marks{display:none}
[data-geometry=arcs] .geometry-motif{left:-65px;right:auto;top:auto;bottom:10px;width:300px;opacity:.27}
[data-geometry=diamonds] .geometry-motif{right:-65px;top:35px;width:280px}
[data-geometry=steps] .geometry-motif{left:-75px;right:auto;top:auto;bottom:30px;width:300px;opacity:.27}
[data-geometry=dots] .geometry-motif{right:25px;top:35px;width:220px;opacity:.5}
[data-geometry=grooves] .geometry-motif{right:5%;top:-96px;width:300px;opacity:.4}
[data-geometry=bars] .geometry-motif{left:-65px;right:auto;top:60px;width:150px;opacity:.27}
[data-geometry=prism] .geometry-motif{right:5%;top:-72px;width:280px;opacity:.4}
.yxre-intro .geometry-layer,.yxre-profile .geometry-layer,.yxre-next .geometry-layer{color:#ff8cbd}
[data-geometry=triangle] .geometry-motif{right:-95px;top:25%;width:270px;opacity:.3}
[data-geometry=rays] .geometry-motif{right:-25px;top:-25px;width:280px;opacity:.35}
@keyframes geometry-turn{to{transform:rotate(360deg)}}
@keyframes geometry-rock{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes geometry-breathe{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1);opacity:1}}
@keyframes geometry-slide{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,-7px,0)}}
@keyframes geometry-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@media(max-width:700px){
 .geometry-motif{width:170px;right:-85px;top:-25px;opacity:.23}
 [data-geometry=arcs] .geometry-motif{width:150px;left:-70px;bottom:12px;opacity:.22}
 [data-geometry=diamonds] .geometry-motif{width:160px;right:-85px;top:20px;opacity:.22}
 [data-geometry=steps] .geometry-motif{width:150px;left:-65px;bottom:12px;opacity:.22}
 [data-geometry=dots] .geometry-motif{width:115px;right:0;top:15px;opacity:.35}
 [data-geometry=grooves] .geometry-motif{width:180px;right:-75px;top:-60px;opacity:.25}
 [data-geometry=bars] .geometry-motif{width:70px;left:-38px;top:110px;opacity:.22}
 [data-geometry=prism] .geometry-motif{width:165px;right:-65px;top:-38px;opacity:.26}
 [data-geometry=triangle] .geometry-motif{width:160px;right:-100px;top:30%;opacity:.23}
 [data-geometry=rays] .geometry-motif{width:140px;right:-65px;top:-15px;opacity:.25}
}
@media(prefers-reduced-motion:reduce){
 .geometry-layer{opacity:1;transition:none}
 .geometry-motif{transform:none;transition:none}
 .geometry-animated{animation:none!important}
}