/* Rasa Norte: modern visual system. Original hero styles remain in main.css. */
:root { --rn-ink:#f3f6ff; --rn-muted:#a4b1c6; --rn-blue:#2488ff; --rn-line:#ffffff16; --rn-dark:#080f1d; }
.rn-section,.rn-section [id] { scroll-margin-top:80px; }
.rn-section { position:relative; padding:112px 0; background:var(--rn-dark); color:var(--rn-ink); z-index:1; }
.rn-section h2,.rn-section h3 { color:var(--rn-ink); font-family:'Poppins',sans-serif; }
.rn-section h2 { font-size:clamp(36px,4.7vw,66px); font-weight:600; letter-spacing:-2.8px; line-height:1.08; margin:0 0 28px; }
.rn-section p { color:var(--rn-muted); line-height:1.75; }
.rn-gradient { color:#65c4ff; background:linear-gradient(110deg,#2f8bff 10%,#7ae6ed 90%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.rn-eyebrow { display:flex; align-items:center; gap:10px; font:500 10px 'Poppins',sans-serif; letter-spacing:2px; text-transform:uppercase; color:#80baff; margin-bottom:24px; }
.rn-eyebrow::before { content:''; width:6px; height:6px; border-radius:50%; background:#65c4ff; box-shadow:0 0 14px #65c4ff80; flex-shrink:0; }
.rn-heading { max-width:860px; margin-bottom:52px; }
.rn-heading p { max-width:530px; }
.rn-link { display:inline-flex; gap:24px; align-items:center; font-size:14px; font-weight:500; padding:12px 0; color:#8dceff; }
.rn-link i { transition:transform .25s; }
.rn-link:hover { color:#fff; }
.rn-link:hover i { transform:translate(3px,-3px); }
.rn-button { display:inline-flex; justify-content:center; align-items:center; gap:24px; border:1px solid #62b0ff55; border-radius:50px; padding:16px 26px; background:#137af1; color:white; font-weight:500; font-size:14px; box-shadow:0 8px 30px #0074f222; transition:background .25s,transform .25s; }
.rn-button:hover { background:#3498ff; color:white; transform:translateY(-3px); }
.rn-about { padding-bottom:0; background:radial-gradient(ellipse at 85% 25%,#12356866,transparent 50%),#080f1d; overflow:hidden; }
.rn-about-copy { padding-right:50px; }
.rn-about-copy .rn-lead { font-size:18px; color:#d1dae9; max-width:510px; }
.rn-about-copy > p:not(.rn-lead) { font-size:14px; max-width:490px; }
.rn-about-copy > .rn-link { border-bottom:1px solid #5388b958; margin-top:6px; }
.rn-regional { background:linear-gradient(150deg,#142339a0,#0b142400); padding:28px; border:1px solid #8eb8ed22; border-radius:28px; position:relative; overflow:hidden; }
.rn-regional h3 { font-size:25px; font-weight:500; letter-spacing:-.7px; }
.rn-regional > p { font-size:14px; }
.rn-regional .rn-eyebrow { font-size:9px; letter-spacing:1.4px; }
.rn-orbit { position:relative; height:255px; display:grid; place-items:center; margin-bottom:22px; }
.rn-orbit::before { content:''; position:absolute; width:190px; height:190px; border-radius:50%; background:radial-gradient(circle,#147bff44,transparent 70%); box-shadow:0 0 80px #137af122; }
.rn-orbit-ring { position:absolute; width:224px; height:224px; border:1px solid #4b98ff45; border-radius:50%; transform:rotate(-30deg) scaleY(.64); }
.rn-orbit-ring-two { width:260px; height:260px; transform:rotate(42deg) scaleY(.64); border-color:#7ce4ff30; }
.rn-orbit-core { position:relative; width:100px; height:100px; padding:10px; border-radius:50%; background:#ffffff09; border:1px solid #ffffff25; box-shadow:0 0 45px #0074f233; }
.rn-orbit-core img { width:100%; height:100%; object-fit:contain; border-radius:50%; }
.rn-orbit-label { position:absolute; background:#16283e; border:1px solid #8eb8ed33; border-radius:30px; padding:10px 16px; color:#d7e9ff; font-size:11px; display:flex; align-items:center; gap:9px; box-shadow:0 10px 20px #0002; }
.rn-orbit-label i { color:#7cd7ff; }
.rn-orbit-label-one { left:0; top:48px; animation:rn-float 6s ease-in-out infinite; }
.rn-orbit-label-two { right:0; bottom:40px; animation:rn-float 6s ease-in-out infinite reverse; }
.rn-orbit-dot { position:absolute; width:9px; height:9px; border-radius:50%; background:#81eaff; box-shadow:0 0 16px #61dfff; top:40px; right:60px; }
@keyframes rn-float { 50% { transform:translateY(-8px); } }
.rn-countries { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:24px; }
.rn-countries span { display:flex; align-items:center; gap:10px; padding:12px 14px; background:#ffffff04; border:1px solid #ffffff13; border-radius:12px; font-size:13px; }
.rn-countries img { width:21px; height:15px; object-fit:cover; border-radius:2px; }
.rn-stats { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--rn-line); margin-top:80px; padding:40px 0 48px; gap:24px; }
.rn-stat { border-right:1px solid var(--rn-line); padding-left:16px; }
.rn-stat:first-child { padding-left:0; }
.rn-stat:last-child { border:0; }
.rn-stat strong { font:500 clamp(40px,4.8vw,64px) 'Poppins',sans-serif; letter-spacing:-3px; color:#f3f6ff; }
.rn-stat strong::after { content:'.'; color:#268aff; }
.rn-stat p { font-size:12px; margin:4px 0 0; }
.rn-services { background:#0c1423; border-top:1px solid var(--rn-line); }
.rn-service-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:18px; }
.rn-service { grid-column:span 4; background:linear-gradient(145deg,#17243a,#111c2d); border:1px solid #ffffff12; border-radius:22px; padding:32px; position:relative; overflow:hidden; transition:transform .3s,border-color .3s,box-shadow .3s; }
.rn-service:hover { transform:translateY(-5px); border-color:#358ffe80; box-shadow:0 16px 40px #0003; }
.rn-service-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:32px; }
.rn-service-top > i { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; background:#348aff13; border:1px solid #5eacff22; font-size:22px; color:#72b7ff; }
.rn-service-top > span { color:#b5c3d7; font-size:9px; letter-spacing:1px; }
.rn-service h3 { font-size:23px; font-weight:500; letter-spacing:-.6px; margin-bottom:14px; }
.rn-service p { font-size:14px; margin:0; }
.rn-service-featured { grid-column:span 8; background:linear-gradient(120deg,#0063db,#1785ff); min-height:350px; }
.rn-service-featured .rn-service-top > i { background:#ffffff15; color:white; border-color:#ffffff30; }
.rn-service-featured .rn-service-top > span { color:#d9ebff; }
.rn-featured-copy { position:relative; max-width:65%; z-index:1; }
.rn-service-featured h3 { font-size:34px; letter-spacing:-1.2px; line-height:1.16; }
.rn-service-featured p { color:#e1edff; font-size:13px; }
.rn-service-name { display:block; color:#fff; font-size:12px; margin-bottom:12px; font-weight:600; }
.rn-channel-pills { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.rn-channel-pills span { display:inline-flex; align-items:center; gap:7px; border:1px solid #ffffff40; background:#ffffff10; border-radius:30px; padding:7px 10px; font-size:10px; }
.rn-signal { position:absolute; right:-46px; top:95px; width:245px; height:245px; display:grid; place-items:center; border:1px solid #ffffff25; border-radius:50%; box-shadow:0 0 0 38px #ffffff08,0 0 0 76px #ffffff06; }
.rn-signal i { font-size:85px; color:#ffffffb0; }
.rn-service-cta { grid-column:span 12; background:linear-gradient(110deg,#112b4d,#133556); display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:32px; padding:36px 40px; }
.rn-service-cta h3 { font-size:25px; }
.rn-service-cta h3 br { display:none; }
.rn-service-cta a { flex-shrink:0; background:#fff; color:#102b4a; padding:14px 24px; border-radius:50px; }
.rn-service-cta a:hover { color:#0064d2; }
.rn-team-visual { position:relative; height:390px; border-radius:24px; overflow:hidden; margin-top:44px; }
.rn-team-visual > img { width:100%; height:100%; object-fit:cover; object-position:center 45%; }
.rn-team-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#050d1ef2,#061228a0 45%,#08102010); }
.rn-team-visual-caption { position:absolute; left:44px; top:50%; transform:translateY(-50%); z-index:1; }
.rn-team-visual-caption p { font:500 32px/1.2 'Poppins',sans-serif; letter-spacing:-1px; color:#fff; }
.rn-values { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:40px; }
.rn-values article { border-top:1px solid #ffffff20; padding-top:26px; }
.rn-values i { color:#72b7ff; font-size:25px; }
.rn-values h3 { font-size:18px; font-weight:500; margin:18px 0 12px; }
.rn-values p { font-size:14px; margin:0; }
.rn-team-link { display:flex; align-items:center; gap:20px; margin-top:32px; }
.rn-team-avatars { display:flex; padding-left:8px; }
.rn-team-avatars img { width:44px; height:44px; border-radius:50%; border:3px solid #080f1d; object-fit:cover; margin-left:-8px; }
.rn-partner { padding:0; background:radial-gradient(ellipse at right bottom,#184a8b,transparent),#0d1e38; color:white; overflow:hidden; border-top:1px solid var(--rn-line); }
.rn-partner .rn-partner-photo { min-height:500px; background:linear-gradient(90deg,transparent 50%,#0d1e3850),url('../img/fondo_agente.jpg') center/cover; }
.rn-partner-copy { padding:68px 56px; max-width:640px; }
.rn-partner h2 { font-size:48px; }
.rn-partner-logo { width:105px; height:auto; margin-bottom:26px; }
.rn-clients { padding:72px 0; background:#f7f9fc; color:#102b4a; text-align:center; }
.rn-clients .rn-eyebrow { justify-content:center; color:#0074f2; }
.rn-clients h2 { font-size:32px; letter-spacing:-1px; color:#102b4a; }
.rn-client-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:28px; align-items:center; margin-top:42px; }
.rn-client-grid img { width:100%; height:62px; object-fit:contain; }
.rn-contact { background:radial-gradient(ellipse at left bottom,#103b7570,transparent 55%),#080f1d; }
.rn-contact-copy { padding-right:40px; }
.rn-contact h2 { font-size:clamp(48px,5.5vw,78px); }
.rn-contact-email { display:flex; align-items:center; gap:14px; margin-top:32px; font-size:14px; color:#86c7ff; }
.rn-contact-email i { display:grid; place-items:center; width:46px; height:46px; background:#1f75d51a; border:1px solid #69acff22; border-radius:50%; }
.rn-careers { margin-top:40px; border-top:1px solid var(--rn-line); padding-top:24px; }
.rn-careers h3 { font-size:16px; }
.rn-careers p { font-size:13px; margin-bottom:8px; }
.rn-form { background:linear-gradient(145deg,#15233b,#101a2b); border:1px solid #ffffff18; padding:40px; border-radius:24px; box-shadow:0 20px 70px #0002; }
.rn-form label { display:block; font-size:12px; font-weight:500; margin-bottom:10px; }
.rn-form label span { color:#b2bfd0; font-size:10px; }
.rn-form input,.rn-form textarea { width:100%; border:1px solid #ffffff1c; border-radius:10px; padding:14px; background:#080f1d55; color:#eef4ff; font:inherit; font-size:13px; }
.rn-form input::placeholder,.rn-form textarea::placeholder { color:#94a2ba; }
.rn-form input:focus,.rn-form textarea:focus { outline:2px solid #0074f240; border-color:#69b8ff; }
.rn-form textarea { resize:vertical; min-height:120px; }
.rn-form .rn-button { width:100%; margin-top:24px; }
.rn-form-note { margin:14px 0 0; font-size:11px; }
.rn-form-status { font-size:13px; margin-top:14px; }
.rn-footer { position:relative; z-index:1; background:#060c16; border-top:1px solid var(--rn-line); color:#b4c5d8; padding:60px 0 24px; font-size:13px; }
.rn-footer-logo { width:170px; margin-bottom:20px; }
.rn-footer h3 { font:500 12px 'Poppins',sans-serif; color:white; margin-bottom:20px; }
.rn-footer ul { list-style:none; padding:0; margin:0; }
.rn-footer li { margin-bottom:12px; }
.rn-footer a { color:#b4c5d8; }
.rn-footer a:hover { color:white; }
.rn-footer-bottom { border-top:1px solid var(--rn-line); margin-top:44px; padding-top:22px; display:flex; justify-content:space-between; font-size:11px; }
.scrolled .header { background:#080f1deb; backdrop-filter:blur(18px); box-shadow:0 1px 0 #ffffff14; padding:12px 0; }
.navmenu .rn-nav-cta { border:1px solid #78b6ff55; border-radius:50px; padding:11px 18px; margin-left:14px; background:#1676de20; }
.mobile-nav-toggle { background:none; border:0; padding:0; line-height:1; }
@media (min-width:1200px) { .navmenu a,.navmenu a:focus { font-size:12px; font-weight:500; text-transform:none; } }
@media (max-width:1199px) { .mobile-nav-active .navmenu ul { background:#111c2d; border:1px solid #ffffff18; border-radius:18px; } .mobile-nav-active .navmenu a { color:#dce9fa; } .mobile-nav-active .navmenu a:hover,.mobile-nav-active .navmenu .active { color:#80c6ff; } .navmenu .rn-nav-cta { margin:8px 20px; color:#80c6ff; border-color:#69acff40; } }
a:focus-visible,button:focus-visible { outline:3px solid #6bb1ff; outline-offset:5px; }
.rn-team-page .team { background:#080f1d; --heading-color:#f3f6ff; --default-color:#c4cfdf; --surface-color:#142036; }
.rn-team-page .page-title { background:#080f1d; padding:90px 0 0; }
.rn-team-page .team .member { border:1px solid #ffffff18; border-radius:22px; overflow:hidden; box-shadow:none; transition:transform .3s; }
.rn-team-page .team .member:hover { transform:translateY(-5px); }
.rn-team-page .team .member img { width:100%; aspect-ratio:1; object-fit:cover; }
.rn-team-page .team .member span { color:#b4c5d8; }
@media (max-width:991px) { .rn-section { padding:80px 0; } .rn-about { padding-bottom:0; } .rn-about-copy,.rn-contact-copy { padding-right:0; } .rn-about h2 br:nth-of-type(1),.rn-about h2 span br { display:none; } .rn-service,.rn-service-featured { grid-column:span 6; } .rn-service-featured { grid-column:span 12; } .rn-service-cta { grid-column:span 6; flex-direction:column; align-items:start; } .rn-featured-copy { max-width:65%; } .rn-partner { padding:0; } .rn-partner-copy { padding:48px 36px; } .rn-partner .rn-partner-photo { min-height:350px; } .rn-client-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:575px) { .rn-section { padding:60px 0; } .rn-about { padding-bottom:0; } .rn-section h2 { font-size:38px; letter-spacing:-1.6px; } .rn-about h2 { font-size:46px; } .rn-regional { padding:24px; border-radius:22px; } .rn-orbit { height:220px; } .rn-service-grid,.rn-values { grid-template-columns:1fr; } .rn-service,.rn-service-featured,.rn-service-cta { grid-column:auto; padding:26px; } .rn-service-featured h3 { font-size:28px; } .rn-featured-copy { max-width:100%; } .rn-signal { opacity:.12; right:-100px; } .rn-service-top { margin-bottom:28px; } .rn-service-cta { gap:24px; } .rn-stats { grid-template-columns:1fr 1fr; margin-top:44px; padding:28px 0; gap:28px 18px; } .rn-stat { padding-left:0; } .rn-stat:nth-child(2) { border:0; } .rn-stat strong { font-size:46px; } .rn-values { gap:28px; } .rn-team-visual { height:360px; margin-top:28px; } .rn-team-visual-caption { left:24px; right:24px; } .rn-team-visual-caption p { font-size:26px; } .rn-team-link { gap:12px; } .rn-team-link .rn-link { font-size:12px; gap:10px; } .rn-partner { padding:0; } .rn-partner-copy { padding:40px 24px; } .rn-partner .rn-partner-photo { min-height:270px; } .rn-client-grid { gap:22px; } .rn-client-grid img { height:44px; } .rn-clients h2 { font-size:27px; } .rn-contact h2 { font-size:60px; } .rn-form { padding:24px; } .rn-contact-email { font-size:13px; gap:10px; } .rn-footer-bottom { flex-direction:column; gap:8px; } }
@media (prefers-reduced-motion:reduce) { .rn-orbit-label { animation:none; } .rn-service,.rn-button,.rn-link i,.rn-team-page .team .member { transition:none; } }


@media (max-width:991px) { .rn-about-copy,.rn-contact-copy { padding-right:calc(var(--bs-gutter-x) * .5); } }
@media (max-width:575px) { .rn-section .container > .row { --bs-gutter-x:24px; } .rn-about h2 { font-size:clamp(38px,11.8vw,46px); } }
/* Team: roster, preview and department navigation. */
.rn-team-preview { margin-top:64px; padding-top:40px; border-top:1px solid var(--rn-line); }
.rn-preview-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:26px; }
.rn-preview-heading h3 { font-size:28px; font-weight:500; letter-spacing:-1px; margin:0; }
.rn-preview-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.rn-preview-person { overflow:hidden; border-radius:18px; background:#142036; border:1px solid var(--rn-line); }
.rn-preview-person > img { width:100%; height:auto; aspect-ratio:1.1; object-fit:cover; object-position:center 30%; transition:transform .4s; }
.rn-preview-person:hover > img { transform:scale(1.025); }
.rn-preview-person > div { padding:20px; }
.rn-preview-person h4 { color:#f3f6ff; font:500 15px 'Poppins',sans-serif; margin:0 0 7px; }
.rn-preview-person p { font-size:12px; margin:0; }
.rn-team-page { background:#080f1d; }
.rn-team-intro { padding:120px 0 64px; background:radial-gradient(ellipse at 85% 40%,#16478270,transparent 55%),#080f1d; }
.rn-team-breadcrumb { display:flex; gap:12px; font-size:11px; color:#9eafc6; margin-bottom:48px; }
.rn-team-breadcrumb a { color:#9eafc6; }
.rn-team-intro h1 { font:600 clamp(40px,4.5vw,64px)/1.12 'Poppins',sans-serif; letter-spacing:-2.5px; color:#f3f6ff; margin-bottom:24px; }
.rn-team-intro .col-lg-8 > p { max-width:610px; font-size:16px; }
.rn-team-intro-panel { padding:30px; border:1px solid #78a8e52b; border-radius:24px; background:linear-gradient(145deg,#233b5a66,#12213955); }
.rn-intro-faces { display:flex; padding-left:10px; margin-bottom:22px; }
.rn-intro-faces img { width:55px; height:55px; border-radius:50%; border:3px solid #14233a; object-fit:cover; margin-left:-10px; }
.rn-team-intro-panel strong { display:block; font:500 46px/1 'Poppins',sans-serif; color:#76c7ff; }
.rn-team-intro-panel strong span { font-size:13px; color:#e3edfb; letter-spacing:0; }
.rn-team-intro-panel p { font-size:14px; margin:18px 0 4px; }
.rn-roster { padding-top:0; }
.rn-roster-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 0; border-top:1px solid var(--rn-line); border-bottom:1px solid var(--rn-line); margin-bottom:48px; }
.rn-team-filters { display:flex; flex-wrap:wrap; gap:10px; }
.rn-team-filters[hidden],.rn-team-group[hidden] { display:none; }
.rn-team-filters button { color:#b9c7db; background:#ffffff05; border:1px solid #ffffff16; border-radius:40px; padding:12px 18px; font:500 12px 'Poppins',sans-serif; transition:background .2s,border-color .2s; }
.rn-team-filters button:hover { border-color:#4d97ff88; color:#fff; }
.rn-team-filters button[aria-pressed="true"] { background:#147cf3; color:white; border-color:#147cf3; }
.rn-team-filters button span { display:inline-block; margin-left:8px; font-size:10px; padding:2px 6px; border-radius:20px; background:#ffffff20; }
.rn-roster-toolbar > p { margin:0; flex-shrink:0; font-size:11px; }
.rn-team-group + .rn-team-group { margin-top:64px; }
.rn-group-heading { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:28px; }
.rn-group-heading .rn-eyebrow { margin-bottom:12px; }
.rn-group-heading h2 { font-size:30px; letter-spacing:-1px; margin:0; }
.rn-group-heading > p { max-width:360px; font-size:13px; margin:0; }
.rn-people-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.rn-person { border:1px solid #ffffff18; border-radius:22px; overflow:hidden; background:linear-gradient(140deg,#182842,#111e32); transition:transform .3s,border-color .3s; }
.rn-person:hover { transform:translateY(-5px); border-color:#65afff70; }
.rn-person-photo { position:relative; overflow:hidden; }
.rn-person-photo > img { display:block; width:100%; height:auto; aspect-ratio:1.12; object-fit:cover; object-position:center 32%; transition:transform .5s; }
.rn-person:hover .rn-person-photo > img { transform:scale(1.035); }
.rn-person-area { position:absolute; left:18px; bottom:18px; background:#0a152ae8; color:#d9eaff; border:1px solid #ffffff25; border-radius:30px; padding:7px 12px; font:400 10px 'Poppins',sans-serif; backdrop-filter:blur(8px); }
.rn-person-info { position:relative; padding:25px; }
.rn-person-info h3 { font-size:19px; font-weight:500; letter-spacing:-.5px; margin:0 22px 7px 0; }
.rn-person-info p { font-size:12px; color:#80beff; margin:0; }
.rn-person-number { position:absolute; right:20px; top:28px; color:#ffffff45; font-size:10px; }
.rn-team-join { margin-top:72px; border:1px solid #66b4ff30; border-radius:24px; padding:44px; display:flex; align-items:center; justify-content:space-between; gap:24px; background:radial-gradient(ellipse at right,#174c894a,transparent),#10213a; }
.rn-team-join h2 { font-size:38px; letter-spacing:-1px; margin-bottom:14px; }
.rn-team-join p { font-size:14px; margin:0; }
.rn-team-join .rn-button { flex-shrink:0; }
@media(max-width:991px) { .rn-team-intro { padding-top:110px; } .rn-roster { padding-top:0; } .rn-roster-toolbar { align-items:start; flex-direction:column; gap:16px; } .rn-people-grid { grid-template-columns:repeat(2,1fr); } .rn-preview-heading { align-items:start; flex-direction:column; } .rn-preview-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:575px) { .rn-team-intro { padding:100px 0 40px; } .rn-team-breadcrumb { margin-bottom:30px; } .rn-team-intro h1 { font-size:40px; letter-spacing:-1.7px; } .rn-team-intro-panel { padding:24px; } .rn-roster { padding-top:0; } .rn-roster-toolbar { margin-bottom:36px; } .rn-team-filters { gap:8px; } .rn-team-filters button { padding:10px 12px; font-size:10px; } .rn-group-heading { align-items:start; flex-direction:column; gap:16px; } .rn-group-heading h2 { font-size:27px; } .rn-people-grid { grid-template-columns:1fr; gap:20px; } .rn-person-photo > img { aspect-ratio:1.12; } .rn-person-info { padding:22px; } .rn-team-join { padding:28px; align-items:start; flex-direction:column; } .rn-team-join h2 { font-size:30px; } .rn-team-preview { margin-top:40px; padding-top:32px; } .rn-preview-heading h3 { font-size:25px; } .rn-preview-grid { gap:12px; } .rn-preview-person > div { padding:14px 12px; } .rn-preview-person h4 { font-size:12px; } .rn-preview-person p { font-size:10px; } .rn-team-visual > img { object-position:65% center; } }
@media(prefers-reduced-motion:reduce) { .rn-person,.rn-person-photo > img,.rn-preview-person > img,.rn-team-filters button { transition:none; } }
/* Emphasize each person's role, with a descriptive icon. */
.rn-person-info .rn-role-pill,.rn-preview-person .rn-role-pill { display:inline-flex; align-items:center; gap:9px; max-width:100%; margin:10px 0 0; padding:9px 13px; border:1px solid #62b0ff50; border-radius:9px; background:linear-gradient(120deg,#137af12e,#2488ff16); color:#c9e8ff; font-size:13px; font-weight:600; line-height:1.4; }
.rn-role-pill i { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; color:#71c7ff; font-size:18px; line-height:1; }
.rn-preview-person .rn-role-pill { padding:8px 10px; font-size:12px; }
@media(max-width:575px) { .rn-preview-person .rn-role-pill { padding:7px 8px; gap:6px; font-size:11px; } .rn-preview-person .rn-role-pill i { font-size:16px; } }
/* Transparent navigation: improved text and buttons over the original cover. */
.header,.scrolled .header { padding:18px 0; background:transparent; box-shadow:none; backdrop-filter:none; }
.header .header-container { width:min(1220px,calc(100% - 48px)); max-width:none; min-height:76px; padding:12px 20px; gap:24px; border:0; border-radius:0; background:transparent; backdrop-filter:none; box-shadow:none; }
.scrolled .header { padding:8px 0; background:#081426f5; box-shadow:0 1px 0 #a4c9ff25,0 8px 24px #00000025; }
.scrolled .header .header-container { background:transparent; border:0; }
.header .logo { position:static; inset:auto; padding:0; flex-shrink:0; }
.header .logo img { width:174px; max-height:36px; height:auto; margin:0; }
.header .navmenu ul { gap:4px; }
.header .navmenu a,.header .navmenu a:focus { padding:12px 13px; font-size:13px; line-height:22px; text-transform:none; border-radius:10px; color:#e0eafa; text-shadow:0 2px 8px #00000080; }
.header .navmenu li:hover > a,.header .navmenu a.active { color:#fff; background:#7daeff12; }
.header .navmenu ul > li > a.rn-nav-cta,.header .navmenu ul > li > a.rn-nav-cta:focus { display:inline-flex; align-items:center; justify-content:center; gap:12px; margin:0 0 0 14px; padding:13px 22px; min-height:48px; border:1px solid #70b4ff55; border-radius:12px; color:#fff; background:linear-gradient(120deg,#0873ec,#238cfa); box-shadow:0 6px 22px #0074f22b; font-size:12px; font-weight:600; line-height:20px; }
.header .navmenu ul > li > a.rn-nav-cta:hover { background:linear-gradient(120deg,#238cfa,#389aff); box-shadow:0 8px 26px #0074f24a; }
.header .navmenu a.rn-nav-cta i,.header .navmenu a.rn-nav-cta:focus i { width:auto; height:auto; margin:0; padding:0; font-size:16px; line-height:1; border-radius:0; background:none; transform:none; }
@media(min-width:1200px) { .rn-section,.rn-section [id] { scroll-margin-top:108px; } }
@media(max-width:1199px) {
 .header,.scrolled .header { padding:12px 0; }
 .header .header-container { width:calc(100% - 32px); min-height:68px; padding:12px 16px; gap:16px; border-radius:16px; }
 .header .logo img { width:160px; max-height:34px; }
 .header .mobile-nav-toggle { display:grid; place-items:center; width:42px; height:42px; margin:0; font-size:25px; line-height:1; background:#ffffff08; border:1px solid #ffffff20; border-radius:11px; }
 .mobile-nav-active .header .mobile-nav-toggle { position:absolute; top:18px; right:18px; z-index:9999; }
 .mobile-nav-active .header .navmenu { background:#030b18b8; backdrop-filter:blur(10px); }
 .mobile-nav-active .header .navmenu > ul { inset:80px 16px auto; max-height:calc(100dvh - 104px); padding:18px; border:1px solid #a4c9ff30; background:#101d32; border-radius:20px; }
 .header .navmenu a,.header .navmenu a:focus { padding:14px 16px; font-size:16px; }
 .header .navmenu ul > li > a.rn-nav-cta,.header .navmenu ul > li > a.rn-nav-cta:focus { display:flex; width:100%; margin:18px 0 0; padding:16px 22px; font-size:13px; }
 .rn-section,.rn-section [id] { scroll-margin-top:104px; }
}
@media(max-width:375px) { .header .header-container { width:calc(100% - 24px); padding:10px 12px; } .header .logo img { width:145px; } }


/* Compact homepage team cards, with a prominent link to the complete roster. */
.rn-team-preview .rn-preview-grid { gap:14px; }
.rn-team-preview .rn-preview-person { display:flex; align-items:center; gap:14px; border-radius:14px; }
.rn-team-preview .rn-preview-person > img { width:64px; height:64px; aspect-ratio:1; border-radius:50%; flex-shrink:0; margin-left:16px; border:2px solid #83bfff35; }
.rn-team-preview .rn-preview-person > div { padding:18px 12px 18px 0; min-width:0; }
.rn-team-preview .rn-preview-person h4 { font-size:12px; line-height:1.5; margin-bottom:0; }
.rn-team-preview .rn-role-pill { padding:6px 8px; gap:6px; margin-top:8px; font-size:10px; }
.rn-team-preview .rn-role-pill i { font-size:14px; }
.rn-team-preview .rn-team-preview-cta { flex-shrink:0; padding:17px 26px; border-radius:12px; font-size:14px; font-weight:600; background:linear-gradient(120deg,#0873ec,#238cfa); box-shadow:0 8px 28px #0074f238; }
.rn-team-preview .rn-team-preview-cta:hover { background:linear-gradient(120deg,#238cfa,#389aff); box-shadow:0 10px 32px #0074f255; }
@media(max-width:575px) {
 .rn-team-preview .rn-preview-person { flex-direction:column; gap:12px; padding:16px 10px; text-align:center; }
 .rn-team-preview .rn-preview-person > img { width:56px; height:56px; margin:0; }
 .rn-team-preview .rn-preview-person > div { padding:0; }
 .rn-team-preview .rn-preview-person h4 { font-size:12px; }
 .rn-team-preview .rn-team-preview-cta { width:100%; }
}