/* A quiet machine beneath an immovable form. */
.oval-art { width:100%; max-width:455px; justify-self:end; margin:0; }
.oval-field { position:relative; aspect-ratio:1; overflow:hidden; isolation:isolate; background:transparent; }
.oval-field > * { position:absolute; pointer-events:none; }
.oval-network { inset:4%; width:92%; height:92%; overflow:visible; filter:saturate(.9); -webkit-mask-image:radial-gradient(ellipse at center,#000 52%,#000b 78%,transparent 100%); mask-image:radial-gradient(ellipse at center,#000 52%,#000b 78%,transparent 100%); }
.net-edge { fill:none; stroke:#9d392d; stroke-width:.62; opacity:.18; vector-effect:non-scaling-stroke; }
.net-edge.near { opacity:.25; stroke-width:.72; }
.net-node { fill:#9d392d; opacity:.34; }
.net-node.open { fill:var(--paper); stroke:#a33f31; stroke-width:.65; opacity:.5; vector-effect:non-scaling-stroke; }
.oval-shadow { left:26.5%; top:5.5%; width:47%; height:89%; border-radius:50%; background:#0c0e0c; box-shadow:0 18px 44px -28px #0c0e0cb8,0 0 0 1px #22251f1a; z-index:3; }
.oval { left:27%; top:5%; width:46%; height:88%; border-radius:50%; z-index:4; overflow:hidden; background:linear-gradient(104deg,#20231f 0%,#171a17 42%,#0e100f 100%); box-shadow:inset 13px 0 28px #2c302821,inset -18px 0 28px #06080642; }
.oval-motif { left:27%; top:5%; width:46%; height:88%; border-radius:50%; z-index:5; overflow:hidden; }
.oval-motif::before { content:''; position:absolute; left:54%; top:23%; width:1px; height:57%; background:linear-gradient(180deg,transparent,#a6a49842 26%,#b7b4a06f 53%,#8d917b34 76%,transparent); opacity:.72; }
.oval-motif::after { content:''; position:absolute; left:54%; top:67%; width:12.5%; height:1px; background:#be644d; box-shadow:0 0 7px #be644d22; }
.oval-caption { display:flex; align-items:center; justify-content:space-between; margin-top:16px; color:#72746c; font:9px/1.5 var(--mono); letter-spacing:.04em; }
@media (min-width:761px) { .hero { padding-block:88px 77px; } }
@media (max-width:1100px) and (min-width:761px) { .hero { padding-block:72px; } }
@media (max-width:760px) { .oval-art { max-width:none; } .oval-field { aspect-ratio:1.13; } .oval-caption { margin-top:12px; } }
@media print { .oval-network { opacity:.3; } }