.about-rylan { position:relative; overflow:hidden; isolation:isolate; min-height:690px; display:grid; align-items:center; }
.about-copy { position:relative; z-index:2; max-width:900px; animation:about-rise 760ms cubic-bezier(.2,.8,.2,1) both; }
.about-rylan h2 { max-width:760px; }
.about-text { max-width:690px; margin-top:42px; color:#c9ddd7; font-size:17px; line-height:1.95; }
.about-text p { margin:0 0 16px; }
.about-rylan a { position:relative; transition:color 220ms ease, transform 220ms ease; }
.about-rylan a:hover { color:#fff; transform:translateX(8px); }
.about-orbit { position:absolute; z-index:0; border:1px solid rgba(158,211,196,.24); border-radius:50%; pointer-events:none; }
.orbit-one { width:550px; height:550px; right:-115px; top:-135px; animation:orbit-drift 14s ease-in-out infinite alternate; }
.orbit-two { width:290px; height:290px; right:19%; bottom:-170px; border-color:rgba(183,141,70,.33); animation:orbit-drift 10s ease-in-out infinite alternate-reverse; }
.about-grid { position:absolute; inset:0; z-index:-1; opacity:.18; background-image:linear-gradient(rgba(177,222,208,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(177,222,208,.22) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(90deg,transparent 8%,black 48%,transparent 100%); animation:grid-shift 18s linear infinite; }
@keyframes about-rise { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
@keyframes orbit-drift { from { transform:translate3d(-12px,10px,0) rotate(0deg); } to { transform:translate3d(18px,-18px,0) rotate(12deg); } }
@keyframes grid-shift { to { background-position:56px 56px; } }
@media (max-width:760px) { .about-rylan { min-height:auto; } .about-text { margin-top:28px; font-size:15px; } .orbit-one { width:360px; height:360px; right:-180px; top:-110px; } .orbit-two { right:-75px; bottom:-130px; } }
@media (prefers-reduced-motion: reduce) { .about-copy,.about-orbit,.about-grid { animation:none; } .about-rylan a:hover { transform:none; } }