.qvl-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 84% 9%,#063956 0,transparent 44%),#020b15;color:#fff;padding:75px 22px 85px;font-family:inherit}
.qvl-section *{box-sizing:border-box}.qvl-inner{max-width:1250px;margin:auto;position:relative;z-index:2}.qvl-heading{text-align:center;margin-bottom:45px}.qvl-eyebrow{display:block;color:#19c8eb;letter-spacing:2px;font-size:12px;font-weight:700}.qvl-heading h2{font-size:clamp(26px,3vw,43px);line-height:1.2;margin:12px 0;color:#fff;font-weight:700}.qvl-heading-line{display:block;width:100px;height:1px;margin:23px auto 0;background:linear-gradient(90deg,transparent,#16c8ed,transparent)}
.qvl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.qvl-float{min-width:0;animation:qvl-float 5.8s ease-in-out infinite;animation-delay:var(--qvl-delay)}.qvl-card{height:100%;background:linear-gradient(150deg,#102d42,#03121f 68%);border:1px solid #087d9d;border-radius:9px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;display:flex;flex-direction:column}.qvl-card:hover,.qvl-card:focus-within{transform:translateY(-10px);border-color:#29dfff;box-shadow:0 0 27px #00c9f54d}.qvl-photo{height:230px;flex-shrink:0;background:radial-gradient(circle at 50% 40%,#315873,#10283c 72%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.qvl-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s,filter .5s}.qvl-card:hover .qvl-portrait,.qvl-card:focus-within .qvl-portrait{transform:scale(1.055);filter:brightness(1.1)}.qvl-placeholder{width:85px;height:105px;opacity:.65;fill:#061521}.qvl-scan{position:absolute;left:0;top:-10%;height:2px;width:100%;background:#00d9ff;box-shadow:0 0 17px 4px #00d9ff77;opacity:0;pointer-events:none}.qvl-card:hover .qvl-scan,.qvl-card:focus-within .qvl-scan{opacity:1;animation:qvl-scan 2s linear infinite}.qvl-info{padding:22px 18px;display:flex;flex-direction:column;flex:1}.qvl-info h3{font-family: "Roboto", Sans-serif;font-size:20px;line-height:1.25;color:#fff;margin:0 0 8px;letter-spacing: -0.6px;}.qvl-role{font-size:12px;letter-spacing:.35px;color:#1fd4f5;text-transform:uppercase;line-height:1.5;font-weight:600}.qvl-bio{font-size:13px;color:#b5c7d5;line-height:1.65;margin:16px 0 20px;flex:1;letter-spacing: 0.2px;}.qvl-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:600}.qvl-link span{color:#0dd3fa;font-size:20px;transition:transform .3s}.qvl-link:hover span,.qvl-link:focus span{transform:translateX(6px)}.qvl-link:focus-visible{outline:2px solid #17d8ff;outline-offset:5px}
.qvl-orbit{position:absolute;right:-140px;top:-190px;width:550px;height:550px;border:1px solid #0c62854d;border-radius:50%;box-shadow:0 0 70px #0473a522;animation:qvl-spin 42s linear infinite;pointer-events:none;z-index:0}.qvl-orbit:before,.qvl-orbit:after{content:"";position:absolute;inset:55px;border:1px dashed #00bffb55;border-radius:50%}.qvl-orbit:after{inset:125px}.qvl-orbit i{position:absolute;top:45px;left:95px;width:7px;height:7px;border-radius:50%;background:#00d9ff;box-shadow:0 0 15px #00d9ff}.qvl-wave{position:absolute;z-index:0;left:-10%;right:-10%;bottom:-100px;height:260px;opacity:.42;pointer-events:none;background-image:radial-gradient(circle,#00b9ee 1px,transparent 1.5px);background-size:20px 20px;transform:perspective(370px) rotateX(64deg);mask-image:linear-gradient(to top,#000,transparent);animation:qvl-wave 15s linear infinite}
@keyframes qvl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes qvl-spin{to{transform:rotate(360deg)}}@keyframes qvl-scan{from{top:-10%}to{top:110%}}@keyframes qvl-wave{to{background-position:0 80px}}
@media(max-width:1024px){.qvl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qvl-photo{height:260px}}@media(max-width:600px){.qvl-section{padding:55px 16px 65px}.qvl-grid{grid-template-columns:1fr;gap:20px;max-width:400px;margin:auto}.qvl-photo{height:260px}.qvl-heading{margin-bottom:30px}.qvl-info{padding:20px}}
@media(prefers-reduced-motion:reduce){.qvl-section *,.qvl-section *:before,.qvl-section *:after{animation:none!important;transition:none!important}}

/* v1.1: Center incomplete rows and remove theme heading decorations. */
.qvl-section .qvl-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px}
.qvl-section .qvl-float{flex:0 1 calc((100% - 54px)/4);max-width:calc((100% - 54px)/4)}
.qvl-section .qvl-heading-line{display:none!important}
@media(max-width:1024px){.qvl-section .qvl-float{flex-basis:calc((100% - 18px)/2);max-width:calc((100% - 18px)/2)}}
@media(max-width:600px){.qvl-section .qvl-grid{max-width:400px;margin-inline:auto}.qvl-section .qvl-float{flex-basis:100%;max-width:100%}}

/* v1.2: Match the existing site's heading typography; inherit theme font family. */
.qvl-section, .qvl-section .qvl-heading, .qvl-section .qvl-heading h2, .qvl-section .qvl-heading h3, .qvl-section .qvl-heading p {
    font-family: "Roboto", Sans-serif;
    line-height: 1.1em;
    color: #FFFFFF;}
.qvl-section .qvl-heading h3.qvl-eyebrow {display:block; font-size:15px; font-weight:500; letter-spacing:.7px; color:#31C3ED; line-height:1.4; margin:0 0 12px; padding:0; text-transform:none;}
.qvl-section .qvl-heading h2{font-size:40px; font-weight:500; line-height:1.1em; letter-spacing:-0.6px; color:#FFFFFF; margin:0 0 20px; padding:0; text-transform:none;}
/* Preserve the site's quantum-animation-underline effect; remove only the plugin's old decoration override. */
@media(max-width:767px){.qvl-section .qvl-heading h2.quantum-animation-underline{font-size:35px;}}
