.oromia-event {
      --ink: #102b3f;
      --soft: #4f6979;
      --navy: #061d33;
      --cyan: #05a8d7;
      --sky: #61d3f0;
      --line: rgba(98, 150, 180, .22);
      --page: #f6fafd;
      --max: 1280px;
      --shadow: 0 25px 80px rgba(18, 78, 119, .12)
    }

    .oromia-event *,
    .oromia-event *::before,
    .oromia-event *::after {
      box-sizing: border-box
    }

    .oromia-event {
      scroll-behavior: smooth;
      scroll-padding-top: 42px
    }

    .oromia-event {
      margin: 0;
      background: var(--page);
      color: var(--ink);
      font-family: 'DM Sans', Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden
    }

    .oromia-event button,
    .oromia-event a {
      -webkit-tap-highlight-color: transparent
    }

    .oromia-event button {
      font: inherit
    }

    .oromia-event a {
      color: inherit;
      text-decoration: none
    }

    .oromia-event p {
      margin: 0 0 17px;
      line-height: 1.85;
      color: var(--soft);
      font-size: 15.5px
    }

    .oromia-event p:last-child {
      margin-bottom: 0
    }

    .oromia-event strong {
      color: var(--ink);
      font-weight: 750
    }

    .oromia-event h1,
    .oromia-event h2,
    .oromia-event h3 {
      font-family: 'Manrope', 'DM Sans', sans-serif;
      letter-spacing: -.055em
    }

    .oromia-event h1,
    .oromia-event h2,
    .oromia-event h3 {
      margin: 0
    }

    .oromia-event ::selection {
      background: #a4eaf9;
      color: #04263d
    }

    .oromia-event .wrap {
      width: min(calc(100% - 96px), var(--max));
      margin: auto
    }

    .oromia-event .tiny {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .2em;
      text-transform: uppercase
    }

    .oromia-event .teal {
      color: #0aa6d6
    }

    .oromia-event .chip {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 10px 17px;
      background: rgba(255, 255, 255, .64);
      border: 1px solid rgba(255, 255, 255, .92);
      box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 9px 36px #1352730a;
      backdrop-filter: blur(24px);
      border-radius: 999px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .13em;
      color: #23556e;
      text-transform: uppercase
    }

    .oromia-event .chip::before {
      content: '';
      width: 7px;
      height: 7px;
      background: var(--cyan);
      border-radius: 50%;
      box-shadow: 0 0 0 5px rgba(5, 168, 215, .13)
    }

    .oromia-event .progress {
      height: 3px;
      width: 0;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 90;
      background: linear-gradient(90deg, #0f719d, #3be0ff);
      pointer-events: none;
      box-shadow: 0 1px 16px #00c7ff50
    }

    .oromia-event .rail {
      position: fixed;
      right: 18px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 50;
      display: flex;
      flex-direction: column;
      gap: 13px;
      align-items: flex-end
    }

    .oromia-event .rail-dot {
      width: 11px;
      height: 11px;
      border: 1px solid #5e9bb5;
      background: #fff8;
      border-radius: 50%;
      position: relative;
      transition: .25s;
      backdrop-filter: blur(7px)
    }

    .oromia-event .rail-dot.active {
      border-color: var(--cyan);
      background: var(--cyan);
      box-shadow: 0 0 0 5px #24c0f62a
    }

    .oromia-event .rail-dot span {
      position: absolute;
      right: 25px;
      top: 50%;
      transform: translateY(-50%) translateX(7px);
      white-space: nowrap;
      padding: 8px 12px;
      border-radius: 8px;
      background: rgba(7, 34, 53, .84);
      font-size: 11px;
      color: #fff;
      opacity: 0;
      pointer-events: none;
      transition: .2s
    }

    .oromia-event .rail-dot:hover span {
      transform: translateY(-50%) translateX(0);
      opacity: 1
    }

    .oromia-event .ambient {
      position: absolute;
      pointer-events: none;
      z-index: 0;
      border-radius: 50%;
      filter: blur(20px);
      opacity: .9
    }

    .oromia-event .amb-one {
      width: 620px;
      height: 620px;
      right: -160px;
      top: -260px;
      background: radial-gradient(circle, #99e8f190, transparent 67%);
      animation: floatorb 13s ease-in-out infinite alternate
    }

    .oromia-event .amb-two {
      width: 450px;
      height: 450px;
      left: -290px;
      top: 370px;
      background: radial-gradient(circle, #b0d6ff76, transparent 69%);
      animation: floatorb 15s ease-in-out infinite alternate-reverse
    }

    @keyframes floatorb {
      to {
        transform: translate(45px, 70px) scale(1.15)
      }
    }

    .oromia-event .grid-noise {
      position: absolute;
      inset: 0;
      background-image: linear-gradient(#0762a007 1px, transparent 1px), linear-gradient(90deg, #0762a007 1px, transparent 1px);
      background-size: 65px 65px;
      mask-image: linear-gradient(#0005, transparent 92%);
      pointer-events: none
    }

    /* Hero: asymmetrical brand magazine cover */
    .oromia-event .hero {
      position: relative;
      isolation: isolate;
      min-height: 760px;
      padding: 90px 0 65px;
      background: linear-gradient(128deg, #f8fcff 0%, #f3fbff 55%, #eef7fd 100%);
      overflow: hidden
    }

    .oromia-event .hero-grid {
      display: grid;
      grid-template-columns: 56% 44%;
      align-items: center;
      min-height: 565px;
      position: relative;
      z-index: 2
    }

    .oromia-event .hero-copy {
      position: relative;
      z-index: 5;
      padding: 15px 0 45px
    }

    .oromia-event .hero h1 {
      font-size: clamp(43px, 4.44vw, 68px);
      font-weight: 800;
      line-height: 1.05;
      letter-spacing: -.078em;
      max-width: 790px;
      margin: 30px 0 28px;
      text-transform: uppercase
    }

    .oromia-event .hero h1 .line {
      display: block
    }

    .oromia-event .hero h1 .outlined {
      -webkit-text-stroke: 1.7px #0c90c4;
      color: transparent
    }

    .oromia-event .hero h1 .last {
      font-size: .46em;
      line-height: 1.42;
      letter-spacing: -.055em;
      display: block;
      max-width: 750px;
      margin-top: 19px;
      color: #21485e
    }

    .oromia-event .hero-sub {
      max-width: 535px;
      font-size: 16px;
      line-height: 1.72;
      color: #577183
    }

    .oromia-event .hero-visual {
      height: 490px;
      position: relative;
      z-index: 3;
      margin-left: -27px;
      transform: translateY(10px)
    }

    .oromia-event .hero-halo {
      position: absolute;
      inset: -8% -6% -6% 5%;
      border-radius: 50%;
      background: radial-gradient(ellipse, #67d3ed55, transparent 71%);
      filter: blur(2px)
    }

    .oromia-event .hero-frame {
      position: absolute;
      inset: 38px -29px 46px 0;
      transform: rotate(5.4deg);
      border: 1px solid #fff;
      background: linear-gradient(130deg, #d9f8ffba, #ffffff3d);
      border-radius: 40px;
      box-shadow: 0 30px 80px #114e7d30;
      backdrop-filter: blur(13px)
    }

    .oromia-event .hero-frame::before {
      content: '';
      position: absolute;
      inset: 15px;
      border-radius: 28px;
      border: 1px solid #ffffffbb
    }

    .oromia-event .hero-photo {
      position: absolute !important;
      inset: 10px -4px 10px -20px;
      border-radius: 28px !important;
      transform: rotate(-4deg);
      box-shadow: 0 32px 80px rgba(2, 39, 73, .30)
    }

    .oromia-event .hero-seal {
      position: absolute;
      right: -38px;
      bottom: 3px;
      z-index: 5;
      width: 164px;
      height: 164px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      text-align: center;
      font-weight: 800;
      font-size: 12px;
      line-height: 1.7;
      letter-spacing: .1em;
      transform: rotate(9deg);
      color: #e8fbff;
      border: 1px solid #ffffff90;
      background: linear-gradient(145deg, #083f63eb, #028cb1d9);
      box-shadow: 0 18px 45px #065c7a59;
      backdrop-filter: blur(20px)
    }

    .oromia-event .hero-seal:before {
      content: '';
      position: absolute;
      inset: 11px;
      border: 1px dashed #caefff88;
      border-radius: 50%
    }

    .oromia-event .hero-float {
      position: absolute;
      left: -65px;
      bottom: 40px;
      z-index: 5;
      padding: 17px 20px;
      border-radius: 15px;
      background: #ffffffce;
      border: 1px solid #fff;
      box-shadow: 0 17px 34px #235c7833;
      backdrop-filter: blur(24px);
      color: #1e4964;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .11em
    }

    .oromia-event .hero-float em {
      font-style: normal;
      color: #09a8cd
    }

    .oromia-event .meta-bar {
      position: relative;
      z-index: 6;
      margin-top: 14px;
      padding: 22px 30px;
      display: grid;
      grid-template-columns: 1.05fr .75fr 1.6fr;
      gap: 30px;
      border-radius: 22px;
      border: 1px solid #fff;
      background: rgba(255, 255, 255, .57);
      backdrop-filter: blur(30px);
      box-shadow: 0 20px 60px #135b8b13
    }

    .oromia-event .meta-bar>div:not(:first-child) {
      border-left: 1px solid #9bcbd543;
      padding-left: 28px
    }

    .oromia-event .meta-label {
      display: block;
      font-size: 10px;
      letter-spacing: .18em;
      font-weight: 800;
      color: #1688ac;
      text-transform: uppercase;
      margin-bottom: 7px
    }

    .oromia-event .meta-value {
      color: #16384e;
      font-size: 13px;
      line-height: 1.6;
      font-weight: 700
    }

    /* shared */
    .oromia-event .section {
      position: relative;
      scroll-margin-top: 28px
    }

    .oromia-event .section-kicker {
      display: flex;
      align-items: center;
      gap: 14px;
      color: #138cac;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .2em;
      text-transform: uppercase;
      margin-bottom: 25px
    }

    .oromia-event .section-kicker .num {
      font-size: 13px
    }

    .oromia-event .section-kicker:after {
      content: '';
      width: 60px;
      height: 1px;
      background: linear-gradient(90deg, #39b9d7, #39b9d700)
    }

    .oromia-event .section h2 {
      font-size: clamp(33px, 3.65vw, 56px);
      line-height: 1.14;
      font-weight: 800;
      max-width: 800px;
      margin: 0 0 25px
    }

    .oromia-event .photo {
      display: block;
      border: 0;
      padding: 0;
      width: 100%;
      aspect-ratio: 4/3;
      position: relative;
      overflow: hidden;
      background: #bddfec;
      border-radius: 22px;
      cursor: zoom-in;
      isolation: isolate
    }

    .oromia-event .photo img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 4/3;
      transition: transform .95s cubic-bezier(.2, 1, .3, 1), filter .55s
    }

    .oromia-event .photo:hover img {
      transform: scale(1.058)
    }

    .oromia-event .photo::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 60%, #021c3073);
      pointer-events: none
    }

    .oromia-event .photo-chip {
      position: absolute;
      bottom: 18px;
      left: 20px;
      z-index: 3;
      display: inline-flex;
      align-items: center;
      padding: 7px 10px;
      color: #fff;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .1em;
      background: #ffffff20;
      backdrop-filter: blur(13px);
      border: 1px solid #ffffff58;
      border-radius: 7px
    }

    .oromia-event .photo-open {
      position: absolute;
      top: 17px;
      right: 17px;
      z-index: 4;
      color: #10394e;
      background: #fffdea;
      width: 39px;
      height: 39px;
      border-radius: 50%;
      font-size: 23px;
      display: grid;
      place-items: center;
      box-shadow: 0 10px 30px #0002;
      transition: .3s
    }

    .oromia-event .photo:hover .photo-open {
      transform: rotate(45deg) scale(1.08);
      background: #c8f4ff
    }

    .oromia-event .glass-pane {
      background: rgba(255, 255, 255, .52);
      border: 1px solid rgba(255, 255, 255, .88);
      box-shadow: 0 24px 80px rgba(6, 60, 107, .08), inset 0 1px #fff;
      backdrop-filter: blur(24px)
    }

    /* overview: large editorial typography + alternating two-column copy, no cards */
    .oromia-event .overview {
      padding: 58px 0 30px;
      background: linear-gradient(#f5fbff, #fafdff)
    }

    .oromia-event .overview-head {
      display: grid;
      grid-template-columns: 36% 1fr;
      align-items: end;
      gap: 55px;
      margin-bottom: 52px
    }

    .oromia-event .overview h2 {
      font-size: clamp(48px, 5.4vw, 84px);
      line-height: .98;
      max-width: 680px;
      margin: 0
    }

    .oromia-event .oversized-quote {
      font: 800 clamp(62px, 10vw, 155px)/.8 'Manrope', sans-serif;
      letter-spacing: -.1em;
      color: #e4f4fa;
      user-select: none
    }

    .oromia-event .overview-copy {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px 75px;
      padding-left: 36%;
      position: relative
    }

    .oromia-event .overview-copy:before {
      content: '';
      position: absolute;
      left: calc(36% - 23px);
      top: 8px;
      height: calc(100% - 10px);
      width: 2px;
      background: linear-gradient(#08a5cf, #e4f8fd)
    }

    .oromia-event .overview-copy p:nth-child(3) {
      grid-column: 1
    }

    .oromia-event .overview-copy p:nth-child(4) {
      grid-column: 2
    }

    .oromia-event .overview-copy p {
      font-size: 15.5px
    }

    /* vip: one sculptural glass stage */
    .oromia-event .vip {
      padding: 32px 0 55px;
      background: linear-gradient(#fafdff, #f2f9fc)
    }

    .oromia-event .vip-shell {
      display: grid;
      grid-template-columns: .87fr 1.13fr;
      min-height: 525px;
      position: relative;
      padding: 28px;
      border-radius: 38px;
      gap: 0;
      overflow: hidden;
      background: linear-gradient(122deg, rgba(211, 245, 255, .9), rgba(255, 255, 255, .6) 60%);
      box-shadow: 0 35px 90px #0b577a11;
      border: 1px solid #fff
    }

    .oromia-event .vip-image {
      display: flex;
      align-items: center;
      position: relative;
      padding: 30px 0 30px 20px
    }

    .oromia-event .vip-image .photo {
      transform: rotate(-3.5deg);
      border-radius: 23px;
      box-shadow: 0 28px 65px #17465a3c
    }

    .oromia-event .vip-image::before {
      content: '';
      position: absolute;
      inset: 10px 55px 5px 0;
      border-radius: 28px;
      border: 1px solid #fff;
      transform: rotate(7deg);
      background: #ffffff55
    }

    .oromia-event .vip-copy {
      position: relative;
      padding: 62px 48px 60px 76px;
      z-index: 2
    }

    .oromia-event .vip-copy h2 {
      font-size: clamp(35px, 4.2vw, 58px)
    }

    .oromia-event .vip-copy p {
      font-size: 15px
    }

    .oromia-event .vip-orbit {
      position: absolute;
      right: -125px;
      top: -145px;
      width: 330px;
      height: 330px;
      border: 1px solid #0db3d52a;
      border-radius: 50%;
      box-shadow: 0 0 0 65px #0db3d507, 0 0 0 120px #0db3d507
    }

    /* expo: staggered image ribbons */
    .oromia-event .platform {
      padding: 55px 0 50px;
      overflow: hidden;
      background: #fff
    }

    .oromia-event .platform-grid {
      display: grid;
      grid-template-columns: .88fr 1.12fr;
      gap: 75px;
      align-items: start
    }

    .oromia-event .platform-text {
      padding-top: 60px;
      position: sticky;
      top: 50px
    }

    .oromia-event .platform-photos {
      position: relative;
      min-height: 680px;
      padding-top: 10px
    }

    .oromia-event .platform-photos .photo:first-child {
      width: 77%;
      margin-left: 17%;
      position: relative;
      z-index: 2;
      transform: rotate(3deg);
      box-shadow: 0 27px 70px #14546b25
    }

    .oromia-event .platform-photos .photo:last-child {
      position: relative;
      width: 73%;
      margin-top: -47px;
      margin-left: 0;
      z-index: 3;
      transform: rotate(-4deg);
      box-shadow: 0 28px 70px #14546b29
    }

    .oromia-event .platform-photos::after {
      content: '';
      position: absolute;
      width: 440px;
      height: 440px;
      right: -90px;
      top: 150px;
      background: radial-gradient(ellipse, #96edfa68, transparent 70%);
      pointer-events: none
    }

    .oromia-event .platform-text p {
      max-width: 470px
    }

    /* expertise: on one single interactive liquid-glass board */
    .oromia-event .expertise {
      padding: 130px 0 50px;
      background: linear-gradient(180deg, #ebf7fd, #f7fbfe);
      overflow: hidden
    }

    .oromia-event .expertise::before {
      content: '';
      position: absolute;
      width: 560px;
      height: 560px;
      right: -180px;
      top: 30px;
      border: 1px solid #17b3db22;
      border-radius: 50%;
      box-shadow: 0 0 0 75px #17b3db07, 0 0 0 155px #17b3db07;
      pointer-events: none
    }

    .oromia-event .expertise-top {
      display: grid;
      grid-template-columns: 1fr .65fr;
      align-items: end;
      gap: 80px;
      padding-bottom: 42px
    }

    .oromia-event .expertise-top h2 {
      max-width: 700px;
      margin-bottom: 0
    }

    .oromia-event .expertise-top p {
      max-width: 440px
    }

    .oromia-event .expertise-lead {
      margin: 0 0 12px;
      color: #426479
    }

    .oromia-event .industry-board {
      border-radius: 28px;
      padding: 13px 38px;
      background: linear-gradient(160deg, #ffffffac, #ffffff7b);
      border: 1px solid #fff;
      box-shadow: 0 26px 80px #0b638612;
      backdrop-filter: blur(30px)
    }

    .oromia-event .industry-list {
      list-style: none;
      padding: 0;
      margin: 0
    }

    .oromia-event .industry {
      display: grid;
      grid-template-columns: 52px minmax(0, 1fr) 30px;
      gap: 15px;
      align-items: center;
      padding: 23px 13px;
      border-bottom: 1px solid #0c689f19;
      transition: transform .28s, background .28s
    }

    .oromia-event .industry:last-child {
      border-bottom: 0
    }

    .oromia-event .industry:hover {
      background: #e8f9fd8f;
      transform: translateX(5px);
      border-radius: 9px
    }

    .oromia-event .industry-n {
      font-weight: 800;
      color: #14a3c5;
      font-size: 13px
    }

    .oromia-event .industry>div {
      display: grid;
      grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr);
      align-items: center;
      gap: 36px
    }

    .oromia-event .industry h3 {
      font-size: 19px;
      letter-spacing: -.04em;
      max-width: 300px
    }

    .oromia-event .industry p {
      font-size: 14px;
      line-height: 1.6;
      margin: 0;
      max-width: 600px
    }

    .oromia-event .industry-arr {
      font-size: 22px;
      color: #269ebd;
      transition: transform .3s
    }

    .oromia-event .industry:hover .industry-arr {
      transform: translate(3px, -3px)
    }

    .oromia-event .expertise-end {
      margin: 30px 0 0;
      max-width: 930px
    }

    /* culture: full bleed asymmetrical photography, editorial copy */
    .oromia-event .culture {
      padding: 54px 0 60px;
      background: linear-gradient(140deg, #fff, #f7fbfe 60%, #f1f8fc)
    }

    .oromia-event .culture-grid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 84px;
      align-items: start
    }

    .oromia-event .culture-left {
      position: relative;
      padding-top: 20px
    }

    .oromia-event .culture-left h2 {
      margin-bottom: 40px
    }

    .oromia-event .culture-left p {
      max-width: 530px
    }

    .oromia-event .culture-photos {
      position: relative;
      padding: 24px 40px 110px 0;
      min-height: 660px
    }

    .oromia-event .culture-photos .photo:first-child {
      width: 93%;
      margin: 0 0 0 auto;
      box-shadow: 0 34px 70px #0c41662a;
      transform: rotate(-2.4deg)
    }

    .oromia-event .culture-photos .photo:last-child {
      width: 57%;
      position: absolute;
      bottom: 0;
      left: -70px;
      box-shadow: 0 30px 65px #174c6a32;
      transform: rotate(5deg);
      border: 5px solid #fff
    }

    .oromia-event .culture-photos::before {
      content: '';
      position: absolute;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      background: #c8edee73;
      right: -70px;
      top: -70px;
      filter: blur(25px)
    }

    /* appreciation: typographic statement */
    .oromia-event .appreciation {
      padding: 82px 0 50px;
      background: linear-gradient(125deg, #eaf8fc, #f6fbff 60%)
    }

    .oromia-event .appreciation-grid {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 85px;
      align-items: center
    }

    .oromia-event .appreciation-copy {
      position: relative;
      padding: 40px 0
    }

    .oromia-event .appreciation-copy::before {
      content: '“';
      position: absolute;
      top: -60px;
      left: -10px;
      font: 800 200px 'Georgia', serif;
      opacity: .12;
      color: #03a6d3;
      line-height: 1
    }

    .oromia-event .appreciation-copy h2 {
      font-size: clamp(38px, 4.5vw, 62px);
      margin-bottom: 35px;
      position: relative
    }

    .oromia-event .appreciation-photo {
      padding: 24px;
      transform: rotate(1.5deg);
      border-radius: 30px
    }

    .oromia-event .appreciation-photo .photo {
      box-shadow: 0 25px 65px #205b7c28
    }

    .oromia-event .appreciation-copy p {
      position: relative
    }

    /* MTL: focused dark brand moment inside a light overall website */
    .oromia-event .mtl {
      padding: 68px 0;
      background: #f9fcfe
    }

    .oromia-event .mtl-surface {
      padding: 66px 64px;
      border-radius: 35px;
      position: relative;
      overflow: hidden;
      background: radial-gradient(ellipse at 95% 0%, #0c6b8e 0%, transparent 52%), linear-gradient(135deg, #092641, #061b31);
      box-shadow: 0 35px 95px #0a31413d
    }

    .oromia-event .mtl-surface::after {
      content: '';
      position: absolute;
      width: 740px;
      height: 740px;
      right: -300px;
      top: -420px;
      border: 1px solid #55d5ed3b;
      border-radius: 50%;
      box-shadow: 0 0 0 70px #40d5fb0b, 0 0 0 145px #40d5fb0a
    }

    .oromia-event .mtl-grid {
      display: grid;
      grid-template-columns: .79fr 1.21fr;
      gap: 65px;
      align-items: center;
      position: relative;
      z-index: 2
    }

    .oromia-event .mtl-photo-wrap {
      position: relative;
      padding: 18px 0
    }

    .oromia-event .mtl-photo-wrap::before {
      content: '';
      position: absolute;
      inset: 0 25px 0 -20px;
      border: 1px solid #b6f8ff5c;
      border-radius: 25px;
      transform: rotate(-7deg)
    }

    .oromia-event .mtl-photo-wrap .photo {
      border: 4px solid #ffffff24;
      transform: rotate(3deg)
    }

    .oromia-event .mtl-copy h2 {
      color: #fff;
      font-size: clamp(32px, 3.3vw, 49px)
    }

    .oromia-event .mtl-copy p {
      color: #c2d8e4;
      font-size: 14.5px
    }

    .oromia-event .mtl-copy strong {
      color: #fff
    }

    .oromia-event .mtl-copy .section-kicker {
      color: #6adcf4
    }

    /* final: open, bright, not another repeated text box */
    .oromia-event .future {
      padding: 80px 0 65px;
      background: linear-gradient(170deg, #f2faff, #fff 65%);
      overflow: hidden
    }

    .oromia-event .future-top {
      display: grid;
      grid-template-columns: 1.07fr .93fr;
      gap: 75px;
      align-items: start
    }

    .oromia-event .future h2 {
      font-size: clamp(43px, 5.2vw, 76px);
      margin-bottom: 37px
    }

    .oromia-event .future-photo {
      transform: rotate(-3.5deg);
      padding: 16px;
      border-radius: 31px;
      margin-top: 42px
    }

    .oromia-event .future-copy {
      position: relative
    }

    .oromia-event .future-copy p {
      max-width: 620px
    }

    .oromia-event .future-wordmark {
      margin-top: 90px;
      padding-top: 41px;
      border-top: 1px solid #78abc52b;
      font: 800 clamp(28px, 3.4vw, 50px)/1.3 'Manrope', sans-serif;
      letter-spacing: -.065em;
      text-align: center;
      color: #0d324b
    }

    .oromia-event .future-wordmark span {
      color: #02a4d3
    }

    /* interaction / scroll reveals */
    .oromia-event .reveal {
      opacity: 0;
      transform: translateY(42px);
      transition: opacity .92s cubic-bezier(.19, 1, .22, 1), transform .92s cubic-bezier(.19, 1, .22, 1)
    }

    .oromia-event .reveal.visible {
      opacity: 1;
      transform: translateY(0)
    }

    .oromia-event .r-delay-1 {
      transition-delay: .14s
    }

    .oromia-event .r-delay-2 {
      transition-delay: .25s
    }

    .oromia-event .r-delay-3 {
      transition-delay: .37s
    }

    .oromia-event .hero .reveal {
      transition-duration: 1.12s
    }

    .oromia-event .decor-line {
      height: 1px;
      background: linear-gradient(90deg, #06a9dc40, transparent)
    }

    /* lightbox */
    .oromia-event .lightbox {
      position: fixed;
      inset: 0;
      z-index: 200;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 65px 95px 72px;
      background: rgba(2, 17, 32, .91);
      backdrop-filter: blur(19px)
    }

    .oromia-event .lightbox.open {
      display: flex
    }

    .oromia-event .lightbox figure {
      margin: 0;
      text-align: center;
      max-width: 1100px;
      width: 100%
    }

    .oromia-event .lightbox img {
      display: block;
      margin: auto;
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: calc(100vh - 165px);
      aspect-ratio: 4/3;
      object-fit: contain;
      border-radius: 13px;
      box-shadow: 0 30px 85px #0008
    }

    .oromia-event .lightbox figcaption {
      margin-top: 15px;
      color: #d2edf5;
      font-size: 12px;
      letter-spacing: .09em
    }

    .oromia-event .lb-btn {
      position: absolute;
      border: 1px solid #ffffff54;
      border-radius: 50%;
      background: #ffffff22;
      color: #fff;
      display: grid;
      place-items: center;
      cursor: pointer;
      transition: background .2s
    }

    .oromia-event .lb-btn:hover {
      background: #ffffff4b
    }

    .oromia-event .lb-close {
      width: 45px;
      height: 45px;
      right: 23px;
      top: 23px;
      font-size: 25px
    }

    .oromia-event .lb-prev,
    .oromia-event .lb-next {
      width: 48px;
      height: 48px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 28px
    }

    .oromia-event .lb-prev {
      left: 20px
    }

    .oromia-event .lb-next {
      right: 20px
    }

    .oromia-event .lb-count {
      position: absolute;
      bottom: 20px;
      color: #b6dbe8;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .15em;
      left: 0;
      right: 0;
      text-align: center
    }

    body.no-scroll {
      overflow: hidden
    }

    @media(max-width:1180px) {
      .oromia-event .wrap {
        width: min(calc(100% - 60px), var(--max))
      }

      .oromia-event .hero {
        min-height: 0
      }

      .oromia-event .hero h1 {
        font-size: clamp(41px, 5.4vw, 64px)
      }

      .oromia-event .hero-visual {
        height: 445px
      }

      .oromia-event .hero-seal {
        right: -5px;
        width: 135px;
        height: 135px
      }

      .oromia-event .platform-grid,
      .oromia-event .culture-grid,
      .oromia-event .appreciation-grid {
        gap: 52px
      }

      .oromia-event .vip-copy {
        padding: 55px 30px 45px 52px
      }

      .oromia-event .mtl-grid {
        gap: 38px
      }

      .oromia-event .mtl-surface {
        padding: 56px 44px
      }
    }

    @media(max-width:900px) {
      .oromia-event .rail {
        display: none
      }

      .oromia-event .hero {
        padding-top: 70px
      }

      .oromia-event .hero-grid,
      .oromia-event .overview-head,
      .oromia-event .vip-shell,
      .oromia-event .platform-grid,
      .oromia-event .expertise-top,
      .oromia-event .culture-grid,
      .oromia-event .appreciation-grid,
      .oromia-event .mtl-grid,
      .oromia-event .future-top {
        grid-template-columns: 1fr
      }

      .oromia-event .hero-grid {
        min-height: 0
      }

      .oromia-event .hero-copy {
        padding-bottom: 6px
      }

      .oromia-event .hero h1 {
        max-width: 760px;
        font-size: clamp(46px, 7vw, 76px)
      }

      .oromia-event .hero-visual {
        height: 560px;
        max-width: 670px;
        margin: 25px 35px 0 12px
      }

      .oromia-event .hero-photo {
        inset: 22px 0 24px 0
      }

      .oromia-event .hero-seal {
        right: 0
      }

      .oromia-event .hero-float {
        left: 3px
      }

      .oromia-event .meta-bar {
        grid-template-columns: 1fr 1fr;
        gap: 20px
      }

      .oromia-event .meta-bar>div:last-child {
        grid-column: 1/-1;
        border-left: none;
        padding-left: 0;
        border-top: 1px solid #9bcbd543;
        padding-top: 15px
      }

      .oromia-event .overview {
        padding: 100px 0
      }

      .oromia-event .overview-head {
        gap: 13px;
        margin-bottom: 30px
      }

      .oromia-event .oversized-quote {
        display: none
      }

      .oromia-event .overview-copy {
        padding-left: 22px;
        gap: 20px
      }

      .oromia-event .overview-copy:before {
        left: 0
      }

      .oromia-event .vip {
        padding-bottom: 90px
      }

      .oromia-event .vip-image {
        padding: 20px 25px
      }

      .oromia-event .vip-image .photo {
        max-width: 680px
      }

      .oromia-event .vip-copy {
        padding: 27px 30px 45px
      }

      .oromia-event .platform {
        padding: 100px 0
      }

      .oromia-event .platform-text {
        position: static;
        padding-top: 0
      }

      .oromia-event .platform-photos {
        min-height: 520px;
        max-width: 760px
      }

      .oromia-event .expertise {
        padding: 100px 0
      }

      .oromia-event .expertise-top {
        gap: 15px
      }

      .oromia-event .culture {
        padding: 100px 0
      }

      .oromia-event .culture-photos {
        max-width: 660px;
        margin: 0 auto;
        min-height: 575px
      }

      .oromia-event .appreciation {
        padding: 90px 0
      }

      .oromia-event .appreciation-photo {
        max-width: 660px;
        margin: auto
      }

      .oromia-event .mtl {
        padding: 90px 0
      }

      .oromia-event .mtl-photo-wrap {
        max-width: 600px
      }

      .oromia-event .future {
        padding: 105px 0
      }

      .oromia-event .future-photo {
        max-width: 660px
      }

      .oromia-event .future-wordmark {
        margin-top: 60px
      }

      .oromia-event .industry {
        grid-template-columns: 37px 1fr 20px
      }

      .oromia-event .industry>div {
        gap: 24px
      }
    }

    @media(max-width:620px) {
      .oromia-event .wrap {
        width: calc(100% - 36px)
      }

      .oromia-event p {
        font-size: 14px;
        line-height: 1.78
      }

      .oromia-event .hero {
        padding-top: 43px;
        padding-bottom: 38px
      }

      .oromia-event .hero h1 {
        font-size: clamp(34px, 9vw, 53px);
        line-height: 1.07;
        margin: 24px 0 23px
      }

      .oromia-event .hero h1 .last {
        font-size: .53em;
        margin-top: 14px
      }

      .oromia-event .hero-sub {
        font-size: 14px
      }

      .oromia-event .hero-visual {
        height: 320px;
        margin: 25px 17px 0 7px
      }

      .oromia-event .hero-frame {
        inset: 25px -7px 22px 0;
        border-radius: 20px
      }

      .oromia-event .hero-photo {
        inset: 11px 0 12px 0;
        border-radius: 16px !important
      }

      .oromia-event .hero-seal {
        height: 91px;
        width: 91px;
        right: -5px;
        bottom: 0;
        font-size: 8px;
        letter-spacing: 0
      }

      .oromia-event .hero-seal:before {
        inset: 7px
      }

      .oromia-event .hero-float {
        padding: 10px 13px;
        font-size: 8px;
        left: 0;
        bottom: 15px
      }

      .oromia-event .meta-bar {
        margin-top: 22px;
        grid-template-columns: 1fr;
        padding: 18px;
        border-radius: 15px;
        gap: 15px
      }

      .oromia-event .meta-bar>div:not(:first-child),
      .oromia-event .meta-bar>div:last-child {
        grid-column: auto;
        border-left: 0;
        padding-left: 0;
        border-top: 1px solid #9bcbd543;
        padding-top: 13px
      }

      .oromia-event .meta-value {
        font-size: 12px
      }

      .oromia-event .section-kicker {
        margin-bottom: 17px
      }

      .oromia-event .section h2 {
        font-size: clamp(30px, 8.6vw, 43px)
      }

      .oromia-event .overview,
      .oromia-event .platform,
      .oromia-event .expertise,
      .oromia-event .culture,
      .oromia-event .appreciation,
      .oromia-event .future {
        padding: 76px 0
      }

      .oromia-event .overview h2 {
        font-size: 48px
      }

      .oromia-event .overview-copy {
        grid-template-columns: 1fr;
        gap: 0
      }

      .oromia-event .overview-copy p:nth-child(n) {
        grid-column: auto
      }

      .oromia-event .vip {
        padding-bottom: 65px
      }

      .oromia-event .vip-shell {
        padding: 11px;
        border-radius: 22px
      }

      .oromia-event .vip-image {
        padding: 15px 13px
      }

      .oromia-event .vip-copy {
        padding: 25px 15px 32px
      }

      .oromia-event .vip-copy h2 {
        font-size: 36px
      }

      .oromia-event .platform-photos {
        min-height: 365px;
        padding-top: 0
      }

      .oromia-event .platform-photos .photo:first-child {
        width: 85%;
        margin-left: 13%
      }

      .oromia-event .platform-photos .photo:last-child {
        width: 74%;
        margin-top: -35px
      }

      .oromia-event .expertise-top {
        padding-bottom: 24px
      }

      .oromia-event .industry-board {
        padding: 6px 13px;
        border-radius: 17px
      }

      .oromia-event .industry {
        grid-template-columns: 25px 1fr 16px;
        gap: 7px;
        padding: 18px 4px
      }

      .oromia-event .industry>div {
        display: block
      }

      .oromia-event .industry h3 {
        font-size: 16px
      }

      .oromia-event .industry p {
        font-size: 12.5px;
        margin-top: 6px
      }

      .oromia-event .industry>div {
        grid-column: 2
      }

      .oromia-event .industry-arr {
        grid-column: 3;
        grid-row: 1/3
      }

      .oromia-event .expertise-end {
        margin-top: 24px
      }

      .oromia-event .culture-left h2 {
        margin-bottom: 23px
      }

      .oromia-event .culture-photos {
        min-height: 330px;
        padding: 20px 16px 55px 18px
      }

      .oromia-event .culture-photos .photo:last-child {
        left: 0;
        bottom: 0;
        border-width: 3px
      }

      .oromia-event .appreciation-grid {
        gap: 20px
      }

      .oromia-event .appreciation-copy {
        padding: 10px 0
      }

      .oromia-event .appreciation-copy:before {
        top: -30px;
        font-size: 125px
      }

      .oromia-event .appreciation-photo {
        padding: 12px
      }

      .oromia-event .mtl {
        padding: 50px 0
      }

      .oromia-event .mtl-surface {
        padding: 35px 23px;
        border-radius: 22px
      }

      .oromia-event .mtl-copy h2 {
        font-size: 31px
      }

      .oromia-event .mtl-copy p {
        font-size: 13.5px
      }

      .oromia-event .mtl-photo-wrap {
        padding: 10px 0
      }

      .oromia-event .mtl-photo-wrap::before {
        left: 0
      }

      .oromia-event .future h2 {
        font-size: clamp(37px, 10vw, 50px)
      }

      .oromia-event .future-photo {
        margin-top: 8px;
        padding: 12px
      }

      .oromia-event .future-top {
        gap: 23px
      }

      .oromia-event .future-wordmark {
        font-size: 29px;
        margin-top: 55px;
        padding-top: 28px
      }

      .oromia-event .photo {
        border-radius: 14px
      }

      .oromia-event .photo-chip {
        bottom: 12px;
        left: 12px;
        font-size: 9px
      }

      .oromia-event .photo-open {
        width: 33px;
        height: 33px;
        font-size: 20px;
        right: 10px;
        top: 10px
      }

      .oromia-event .lightbox {
        padding: 60px 15px 75px
      }

      .oromia-event .lb-prev,
      .oromia-event .lb-next {
        top: auto;
        bottom: 11px;
        transform: none;
        width: 42px;
        height: 42px
      }

      .oromia-event .lb-prev {
        left: 17px
      }

      .oromia-event .lb-next {
        right: 17px
      }

      .oromia-event .lb-count {
        bottom: 24px
      }

      .oromia-event .lightbox img {
        max-height: 70vh
      }

      .oromia-event .lightbox figcaption {
        font-size: 10px
      }
    }

    @media(prefers-reduced-motion:reduce) {

      .oromia-event *,
      .oromia-event *::before,
      .oromia-event *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important
      }

      .oromia-event .reveal {
        opacity: 1 !important;
        transform: none !important
      }
    }
  
/* FINAL PHOTO EDITION — compact spacing, 4:3 photography, two interactive photo reels */
.oromia-event{overflow-x:clip}
.oromia-event{--reel-ink:#123b56}
/* Retain the approved editorial glass design while removing inflated gaps from source version. */
.oromia-event .hero{min-height:0;padding:58px 0 36px}
.oromia-event .hero-grid{min-height:500px}
.oromia-event .hero-visual{height:440px}
.oromia-event .overview{padding:64px 0 50px}
.oromia-event .overview-head{margin-bottom:33px}
.oromia-event .vip{padding:40px 0 58px}
.oromia-event .vip-shell{min-height:0}
.oromia-event .vip-copy{padding:43px 40px 44px 60px}
.oromia-event .platform{padding:52px 0 58px}
.oromia-event .platform-text{padding-top:20px;position:relative;top:auto}
.oromia-event .platform-grid{gap:54px;align-items:center}
.oromia-event .platform-photos{min-height:545px}
.oromia-event .expertise{padding:66px 0 52px}
.oromia-event .culture{padding:60px 0 62px}
.oromia-event .culture-grid{gap:58px}
.oromia-event .culture-photos{min-height:530px;padding-bottom:75px}
.oromia-event .appreciation{padding:62px 0 62px}
.oromia-event .appreciation-grid{gap:58px}
.oromia-event .mtl{padding:62px 0}
.oromia-event .mtl-surface{padding:52px 55px}
.oromia-event .future{padding:65px 0 60px}
.oromia-event .future-top{gap:55px}
.oromia-event .future-wordmark{margin-top:48px}
.oromia-event .section h2{margin-bottom:20px}
.oromia-event .section-kicker{margin-bottom:19px}
.oromia-event p{line-height:1.74;margin-bottom:15px}
/* Each image sits in a native 4:3 presentation without reshaping the actual source files. */
.oromia-event .photo{aspect-ratio:4/3}
.oromia-event .photo img{aspect-ratio:auto;object-fit:cover;object-position:center 44%}
.oromia-event .hero-photo img{object-position:center 40%}
.oromia-event .gallery-reel{margin-top:47px;padding:30px 0 18px;position:relative;border-top:1px solid rgba(16,125,165,.16)}
.oromia-event .reel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:23px}
.oromia-event .reel-copy{min-width:0}
.oromia-event .reel-eyebrow{display:block;color:#1899b9;font-size:10px;font-weight:800;letter-spacing:.22em;margin-bottom:10px;text-transform:uppercase}
.oromia-event .reel-heading{color:#123a55;font-size:clamp(24px,2.8vw,36px);font-weight:800;line-height:1.12;letter-spacing:-.065em}
.oromia-event .reel-desc{font-size:13px;color:#6c8799;line-height:1.5;margin-top:9px;margin-bottom:0}
.oromia-event .reel-controls{display:flex;align-items:center;gap:9px;flex:none}
.oromia-event .reel-counter{font:800 11px/1 'DM Sans',sans-serif;letter-spacing:.16em;color:#0b6989;min-width:72px;text-align:right;margin-right:8px;font-variant-numeric:tabular-nums}
.oromia-event .reel-arrow{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:21px;color:#0d4665;background:rgba(255,255,255,.75);border:1px solid #ffffffed;box-shadow:0 8px 24px #2e789016;cursor:pointer;backdrop-filter:blur(15px);transition:transform .2s,background .2s,opacity .2s}
.oromia-event .reel-arrow:not(:disabled):hover{background:#daf5fd;transform:translateY(-2px)}
.oromia-event .reel-arrow:disabled{opacity:.35;cursor:default}
.oromia-event .reel-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;outline-offset:5px;touch-action:pan-x pan-y;max-width:100%}
.oromia-event .reel-viewport::-webkit-scrollbar{display:none}
.oromia-event .reel-viewport:focus-visible{outline:2px solid #0c9bcc;border-radius:14px}
.oromia-event .reel-track{display:flex;gap:20px;padding:6px 2px 18px}
.oromia-event .reel-card{flex:0 0 clamp(255px,32%,405px);min-width:0;scroll-snap-align:start;transition:transform .4s ease}
.oromia-event .reel-card:hover{transform:translateY(-4px)}
.oromia-event .reel-photo{border-radius:19px;box-shadow:0 14px 35px rgba(14,82,121,.13)}
.oromia-event .reel-photo img{object-position:center 44%}
.oromia-event .reel-photo .photo-chip{bottom:14px;left:14px;font-size:9px}
.oromia-event .reel-photo .photo-open{width:34px;height:34px;font-size:20px;top:12px;right:12px}
.oromia-event .reel-card-foot{display:flex;align-items:center;gap:10px;padding:13px 3px 0;font-size:11px;font-weight:700;letter-spacing:.025em;color:#668092}
.oromia-event .reel-index{color:#039ecc;font-size:10px;letter-spacing:.1em}
.oromia-event .reel-meter{height:3px;margin-top:8px;background:#d9edf5;border-radius:10px;overflow:hidden}
.oromia-event .reel-meter-fill{display:block;width:18%;height:100%;background:linear-gradient(90deg,#0e8aaf,#4bd8ef);border-radius:10px;transition:width .2s}
.oromia-event .gallery-reel--exhibition{padding:31px 29px 23px;border:1px solid #fff;border-radius:28px;background:linear-gradient(135deg,rgba(224,247,254,.86),rgba(255,255,255,.74));box-shadow:0 20px 65px #1d668b10;backdrop-filter:blur(18px)}
.oromia-event .gallery-reel--delegation{margin-top:37px;padding:29px 0 5px;border-top:1px solid #9fc9dc52}
.oromia-event .gallery-reel--delegation .reel-track{gap:19px}
.oromia-event .gallery-reel--delegation .reel-card{flex-basis:clamp(245px,29%,362px)}
.oromia-event .gallery-reel--delegation .reel-card:nth-child(2n){transform:translateY(9px)}
.oromia-event .gallery-reel--delegation .reel-card:nth-child(2n):hover{transform:translateY(4px)}
.oromia-event .gallery-reel--delegation .reel-track{padding-bottom:25px}
.oromia-event .gallery-reel--delegation .reel-photo{border:4px solid #fff;box-shadow:0 16px 40px #13557722}
.oromia-event .gallery-reel--delegation .reel-heading{font-size:clamp(24px,3vw,38px)}
.oromia-event .no-scroll{overflow:hidden}
@media(max-width:1180px){
 .oromia-event .platform-photos{min-height:490px}
 .oromia-event .culture-photos{min-height:450px}
 .oromia-event .reel-card{flex-basis:38%}
 .oromia-event .gallery-reel--delegation .reel-card{flex-basis:38%}
}
@media(max-width:900px){
 .oromia-event .hero{padding:53px 0 30px}
 .oromia-event .hero-grid{min-height:0}
 .oromia-event .hero-visual{height:390px}
 .oromia-event .platform-text{position:static;padding-top:0}
 .oromia-event .platform-photos{min-height:460px}
 .oromia-event .culture-photos{min-height:440px}
 .oromia-event .overview,.oromia-event .vip,.oromia-event .platform,.oromia-event .expertise,.oromia-event .culture,.oromia-event .appreciation,.oromia-event .mtl,.oromia-event .future{padding-top:52px;padding-bottom:50px}
 .oromia-event .reel-card,.oromia-event .gallery-reel--delegation .reel-card{flex-basis:47%}
 .oromia-event .gallery-reel{margin-top:40px}
 .oromia-event .gallery-reel--exhibition{padding:25px 20px 20px}
}
@media(max-width:620px){
 .oromia-event .hero{padding-top:38px;padding-bottom:26px}
 .oromia-event .hero-visual{height:320px}
 .oromia-event .overview,.oromia-event .vip,.oromia-event .platform,.oromia-event .expertise,.oromia-event .culture,.oromia-event .appreciation,.oromia-event .mtl,.oromia-event .future{padding-top:42px;padding-bottom:43px}
 .oromia-event .overview-head{margin-bottom:24px}
 .oromia-event .platform-grid{gap:18px}
 .oromia-event .platform-photos{min-height:310px}
 .oromia-event .culture-grid{gap:20px}
 .oromia-event .culture-photos{min-height:305px;padding-bottom:50px}
 .oromia-event .appreciation-copy{padding:16px 0}
 .oromia-event .mtl-surface{padding:34px 22px}
 .oromia-event .future-wordmark{margin-top:37px}
 .oromia-event .gallery-reel{margin-top:28px}
 .oromia-event .gallery-reel--exhibition{padding:20px 15px 17px;border-radius:20px}
 .oromia-event .reel-header{gap:14px;align-items:center;margin-bottom:17px}
 .oromia-event .reel-heading{font-size:24px}
 .oromia-event .reel-eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:8px}
 .oromia-event .reel-desc{font-size:12px}
 .oromia-event .reel-controls{gap:5px;align-self:flex-end}
 .oromia-event .reel-counter{display:none}
 .oromia-event .reel-arrow{width:36px;height:36px;font-size:19px}
 .oromia-event .reel-card,.oromia-event .gallery-reel--delegation .reel-card{flex-basis:82%}
 .oromia-event .reel-track{gap:14px;padding-bottom:14px}
 .oromia-event .reel-photo{border-radius:15px}
 .oromia-event .gallery-reel--delegation .reel-card:nth-child(2n){transform:none}
 .oromia-event .gallery-reel--delegation .reel-track{padding-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.oromia-event .reel-viewport{scroll-behavior:auto}}
.oromia-event .photo-chip,.oromia-event .reel-index,.oromia-event .reel-counter,.oromia-event .lb-count{display:none}