.events-native-page { --events-navy:#061a42; --events-blue:#087ceb; --events-gold:#dba43f; color:var(--events-navy)!important; background:#f7fbff!important; font-family:Arial,Helvetica,sans-serif!important; }
.events-native-hero { position:relative; min-height:200px; overflow:hidden; color:#fff; background:linear-gradient(90deg,rgba(3,20,48,.97),rgba(4,54,104,.82)),url('../images/about.png') center/cover; }
.events-native-hero::after { position:absolute; right:-120px; bottom:-230px; width:520px; height:520px; border:1px solid rgba(255,255,255,.15); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 112px rgba(255,255,255,.025); content:""; }
.events-native-hero__inner { position:relative; z-index:1; min-height:200px; padding-block:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.events-native-breadcrumbs { margin:0; display:flex; align-items:center; justify-content:center; gap:10px; color:rgba(255,255,255,.78); font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.events-native-breadcrumbs a:hover { color:#fff; }
.events-native-heading p { margin:0 0 10px; color:#50baff; font-size:12px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.events-native-hero h1 { margin:0; color:#fff; font:400 clamp(42px,4.5vw,58px)/1 Georgia,serif; letter-spacing:-.025em; text-shadow:0 3px 18px rgba(0,0,0,.45); }
.events-native-ornament { margin:9px 0 7px; display:flex; align-items:center; justify-content:center; gap:11px; }
.events-native-ornament i { width:58px; height:1px; background:#d0a34d; }
.events-native-ornament img { width:23px; height:23px; object-fit:contain; filter:sepia(1) saturate(2.3) hue-rotate(348deg) brightness(.95); }
.events-native-hero__lead { margin:7px 0 0; color:rgba(255,255,255,.88); font-size:15px; line-height:1.4; }
.events-native-content { padding:63px 0 90px; background:radial-gradient(circle at 94% 5%,#e5f3ff,transparent 30%),#f7fbff; }
.events-native-toolbar { margin-bottom:42px; padding:12px; display:flex; justify-content:space-between; align-items:center; gap:20px; background:#fff; border:1px solid #d8e7f3; border-radius:14px; box-shadow:0 12px 30px rgba(12,43,78,.07); }
.events-native-tabs { display:flex; flex-wrap:wrap; gap:5px; }
.events-native-tabs a { padding:10px 13px; color:#667b93; border-radius:8px; font-size:12px; font-weight:800; }
.events-native-tabs a span { min-width:22px; margin-left:5px; padding:2px 6px; display:inline-block; color:#65809c; background:#eaf2f8; border-radius:999px; text-align:center; font-size:10px; }
.events-native-tabs a:hover,.events-native-tabs a.is-active { color:#fff; background:var(--events-blue); }
.events-native-tabs a.is-active span { color:#075fae; background:#fff; }
.events-native-search { width:min(300px,100%); display:flex; overflow:hidden; border:1px solid #cfdeeb; border-radius:8px; }
.events-native-search input { min-width:0; height:42px; padding:0 13px; flex:1; color:#233a55; border:0; outline:0; font:14px Arial,sans-serif; }
.events-native-search button { width:43px; border:0; color:#fff; background:var(--events-blue); cursor:pointer; }
.events-native-heading { margin-bottom:25px; display:flex; justify-content:space-between; align-items:end; gap:20px; }
.events-native-heading p { color:var(--events-blue); }
.events-native-heading h2 { margin:0; color:var(--events-navy); font:700 clamp(30px,3vw,42px)/1.1 Georgia,serif; }
.events-native-heading>a { padding-bottom:5px; color:#6b7f96; font-size:12px; font-weight:700; }
.events-native-heading>a i { margin-left:5px; }
.events-native-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:27px; }
.events-native-grid--few { grid-template-columns:repeat(auto-fit,minmax(280px,390px)); justify-content:center; }
.event-native-card { min-width:0; overflow:hidden; display:flex; flex-direction:column; background:#fff; border:1px solid #d5e4f1; border-radius:17px; box-shadow:0 15px 35px rgba(12,42,78,.08); transition:transform .2s ease,box-shadow .2s ease; }
.event-native-card:hover { transform:translateY(-5px); box-shadow:0 21px 43px rgba(12,42,78,.14); }
.event-native-card__image { position:relative; overflow:hidden; display:block; aspect-ratio:16/10; background:#e7f0f7; }
.event-native-card__image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.event-native-card:hover .event-native-card__image img { transform:scale(1.03); }
.event-native-card__date { position:absolute; left:18px; bottom:18px; min-width:69px; padding:10px 9px; display:grid; color:var(--events-navy); background:#fff; border-radius:10px; box-shadow:0 8px 20px rgba(2,27,60,.24); text-align:center; }
.event-native-card__date strong { font:700 27px/1 Georgia,serif; }
.event-native-card__date small { margin-top:4px; font-size:9px; font-weight:800; letter-spacing:.08em; }
.event-native-card__status,.event-native-detail-hero__status { position:absolute; top:17px; right:17px; padding:6px 10px; color:#fff; border-radius:999px; font-size:9px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.event-native-card__status.is-upcoming,.event-native-detail-hero__status.is-upcoming { background:#168a56; }
.event-native-card__status.is-past,.event-native-detail-hero__status.is-past { background:rgba(26,43,63,.78); }
.event-native-card__body { flex:1; padding:24px; display:flex; flex-direction:column; }
.event-native-card__calendar { margin:0 0 11px; color:#778ba2; font-size:11px; font-weight:700; }
.event-native-card__calendar i { margin-right:5px; color:var(--events-gold); }
.event-native-card h3 { margin:0; color:var(--events-navy); font:700 25px/1.2 Georgia,serif; }
.event-native-card h3 a:hover { color:var(--events-blue); }
.event-native-card__excerpt { margin:13px 0 21px; color:#667a91; font-size:14px; line-height:1.7; }
.event-native-card__link { margin-top:auto; padding-top:17px; color:var(--events-blue); border-top:1px solid #e4ecf3; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.event-native-card__link i { margin-left:6px; }
.events-native-empty { padding:70px 24px; color:#718399; background:#fff; border:1px solid #d8e6f2; border-radius:16px; text-align:center; }
.events-native-empty>i { color:#a9c8e4; font-size:43px; }
.events-native-empty h3 { margin:14px 0 6px; color:var(--events-navy); font:700 27px Georgia,serif; }
.events-native-empty p { margin:0 0 20px; }
.events-native-empty a { padding:11px 17px; display:inline-block; color:#fff; background:var(--events-blue); border-radius:8px; font-weight:700; }
.events-native-pagination { margin-top:40px; }
.events-native-pagination nav { display:flex; justify-content:center; }
.events-native-pagination .pagination { margin:0; padding:0; display:flex; flex-wrap:wrap; gap:7px; list-style:none; }
.events-native-pagination li a { min-width:40px; height:40px; padding:0 11px; display:grid; place-items:center; color:#5e748d; background:#fff; border:1px solid #d5e4f1; border-radius:8px; font-size:13px; font-weight:700; }
.events-native-pagination li.active a,.events-native-pagination li a:hover { color:#fff; background:var(--events-blue); border-color:var(--events-blue); }
.events-native-pagination li.disabled a { color:#adb9c6; pointer-events:none; }
.event-native-detail-hero { padding:62px 0 70px; color:#fff; background:linear-gradient(135deg,#061a42,#06417e); }
.event-native-detail-hero__inner { position:relative; max-width:980px; }
.event-native-detail-hero .events-native-breadcrumbs { margin-bottom:40px; }
.event-native-detail-hero__status { position:static; display:inline-block; margin-bottom:15px; }
.event-native-detail-hero h1 { max-width:900px; margin:0; color:#fff; font:700 clamp(42px,6vw,68px)/1.08 Georgia,serif; letter-spacing:-.03em; }
.event-native-detail-hero__inner>p { margin:23px 0 0; color:rgba(255,255,255,.75); font-size:14px; font-weight:700; }
.event-native-detail-hero__inner>p i { margin-right:6px; color:#55baff; }
.event-native-detail { max-width:1100px; padding-top:62px; padding-bottom:90px; }
.event-native-detail__image { width:100%; max-height:650px; display:block; object-fit:contain; background:#e9f2f8; border-radius:18px; box-shadow:0 20px 45px rgba(10,35,68,.12); }
.event-native-detail__grid { margin-top:45px; display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:55px; align-items:start; }
.event-native-detail__content>.events-native-kicker { color:var(--events-blue); }
.event-native-detail__content h2 { margin:0 0 22px; color:var(--events-navy); font:700 36px Georgia,serif; }
.event-native-detail__content>p:not(.events-native-kicker) { margin:0 0 22px; color:#465a71; font:16px/1.85 Georgia,serif; }
.event-native-detail__back { margin-top:22px; padding-top:22px; display:inline-block; color:var(--events-blue); border-top:1px solid #dce6ef; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.event-native-detail__back i { margin-right:7px; }
.event-native-detail__sidebar { display:grid; gap:20px; }
.event-native-detail__sidebar section { padding:24px; background:#fff; border:1px solid #d8e6f2; border-radius:15px; box-shadow:0 12px 30px rgba(12,43,78,.07); }
.event-native-detail__sidebar h2 { margin:0 0 18px; color:var(--events-navy); font:700 21px Georgia,serif; }
.event-native-detail__sidebar dl { margin:0; }
.event-native-detail__sidebar dl div { padding:11px 0; border-bottom:1px solid #e5edf4; }
.event-native-detail__sidebar dl div:last-child { border:0; }
.event-native-detail__sidebar dt { color:#8797a8; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.event-native-detail__sidebar dd { margin:4px 0 0; color:#344b65; font-size:13px; font-weight:700; }
.event-native-detail__contact { color:#fff; background:linear-gradient(145deg,#08295c,#075fa9)!important; }
.event-native-detail__contact>i { margin-bottom:13px; color:#62c3ff; font-size:27px; }
.event-native-detail__contact h2 { margin-bottom:9px; color:#fff; }
.event-native-detail__contact p { margin:0 0 17px; color:rgba(255,255,255,.72); font-size:13px; line-height:1.6; }
.event-native-detail__contact a { margin-right:6px; padding:9px 11px; display:inline-block; color:#082656; background:#fff; border-radius:7px; font-size:10px; font-weight:800; text-transform:uppercase; }
.blogs-footer { padding:42px 0 20px; color:#fff; background:#051a3e; }
.blogs-footer__inner { display:flex; align-items:center; gap:24px; }
.blogs-footer__inner img { width:178px; }
.blogs-footer__inner p { margin:0; color:rgba(255,255,255,.72); }
.blogs-footer__inner>div { margin-left:auto; display:flex; gap:9px; }
.blogs-footer__inner>div a { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:rgba(255,255,255,.1); border-radius:50%; }
.blogs-footer__copyright { margin:28px 0 0; padding-top:18px; color:rgba(255,255,255,.45); border-top:1px solid rgba(255,255,255,.1); text-align:center; font-size:12px; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-width:980px){.events-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-native-detail__grid{grid-template-columns:1fr}.event-native-detail__sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.events-native-hero,.events-native-hero__inner{min-height:180px}.events-native-hero__inner{padding-block:18px}.events-native-toolbar{align-items:stretch;flex-direction:column}.events-native-search{width:100%}.events-native-content{padding-block:48px 68px}}
@media(max-width:560px){.events-native-page .about-container{width:min(100% - 30px,1240px)}.events-native-hero h1{font-size:40px}.events-native-ornament{margin-block:8px 6px}.events-native-ornament i{width:48px}.events-native-breadcrumbs{font-size:12px}.events-native-hero__lead{margin-top:6px;font-size:14px}.events-native-tabs{display:grid;grid-template-columns:1fr 1fr}.events-native-tabs a:first-child{grid-column:1/-1}.events-native-heading{align-items:start;flex-direction:column}.events-native-grid{grid-template-columns:1fr}.event-native-detail-hero{padding-block:43px 52px}.event-native-detail-hero h1{font-size:39px}.event-native-detail{padding-top:34px}.event-native-detail__grid{margin-top:32px;gap:30px}.event-native-detail__sidebar{grid-template-columns:1fr}.blogs-footer__inner{flex-direction:column;text-align:center}.blogs-footer__inner>div{margin-left:0}}
