.about-section {
  position: relative;
  isolation: isolate;
  scroll-margin-top: 104px;
  overflow: clip;
  padding-block: clamp(76px, 7.2vw, 108px) clamp(82px, 7.5vw, 116px);
  background:
    radial-gradient(ellipse 45% 48% at 16% 38%, rgba(25, 78, 92, .14), transparent 72%),
    radial-gradient(ellipse 35% 32% at 87% 72%, rgba(172, 119, 58, .055), transparent 74%),
    linear-gradient(180deg, #050e15 0%, #06131c 49%, #050e15 100%);
}

.about-section::before,
.about-section::after { position: absolute; z-index: -1; content: ""; pointer-events: none; }
.about-section::before { inset: 0; background: linear-gradient(90deg, rgba(3, 12, 19, .2), transparent 30%, transparent 68%, rgba(3, 12, 19, .14)); }
.about-section::after { inset-inline: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(226, 175, 104, .18) 19%, rgba(238, 192, 121, .48) 50%, rgba(226, 175, 104, .18) 81%, transparent); }

.about-section__ambient,
.about-section__linework,
.about-section__particles { position: absolute; z-index: -1; pointer-events: none; }
.about-section__ambient { top: 14%; inset-inline-start: 18%; width: min(46vw, 710px); height: 360px; background: radial-gradient(ellipse, rgba(42, 101, 119, .16), rgba(19, 58, 71, .045) 52%, transparent 74%); filter: blur(17px); }
.about-section__linework { inset: 0; overflow: hidden; }
.about-section__linework i { position: absolute; display: block; border: 1px solid rgba(227, 178, 106, .12); border-radius: 50%; }
.about-section__linework i:first-child { top: -250px; inset-inline-end: -172px; width: min(48vw, 690px); height: 332px; border-inline-start-color: transparent; border-block-end-color: rgba(234, 184, 110, .25); transform: rotate(12deg); }
.about-section__linework i:last-child { bottom: -300px; inset-inline-start: -222px; width: min(45vw, 640px); height: 344px; border-inline-end-color: transparent; border-block-start-color: rgba(234, 184, 110, .15); transform: rotate(-11deg); }
.about-section__particles { inset: 0; }
.about-section__particles i { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: rgba(238, 190, 115, .68); box-shadow: 0 0 10px rgba(227, 167, 82, .38); animation: about-particle 14s ease-in-out infinite; }
.about-section__particles i:nth-child(1) { top: 20%; inset-inline-start: 11%; }
.about-section__particles i:nth-child(2) { top: 58%; inset-inline-end: 10%; width: 2px; height: 2px; animation-delay: -6s; }
.about-section__particles i:nth-child(3) { bottom: 17%; inset-inline-start: 39%; width: 2px; height: 2px; animation-delay: -10s; }

.about-section__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); align-items: center; gap: clamp(52px, 7vw, 116px); width: min(1440px, calc(100% - 96px)); margin-inline: auto; }
.about-section__content { max-width: 660px; }
.about-section__eyebrow { color: #dba663; font-size: .84rem; font-weight: 600; }
.about-section__eyebrow::after { display: inline-block; width: 38px; height: 1px; margin-inline-start: 12px; vertical-align: middle; background: linear-gradient(to left, rgba(234, 182, 107, .82), transparent); content: ""; }
.about-section h2 { margin-top: 15px; color: #f7f2e9; font-size: clamp(2rem, 3vw, 3.1rem); font-weight: 600; letter-spacing: -.045em; line-height: 1.32; }
.about-section__content > p { max-width: 62ch; margin-top: 17px; color: rgba(224, 231, 228, .8); font-size: clamp(.93rem, 1.08vw, 1.03rem); line-height: 2; }
.about-section__content > p + p { margin-top: 10px; color: rgba(214, 224, 222, .7); }

.about-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: clamp(28px, 3vw, 40px); }
.about-value { position: relative; display: grid; grid-template-columns: 31px minmax(0, 1fr); gap: 10px; min-width: 0; padding-inline-start: 14px; }
.about-value:not(:first-child) { border-inline-start: 1px solid rgba(223, 180, 112, .18); }
.about-value__icon { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(225, 175, 101, .46); border-radius: 50%; color: #e5ae68; background: rgba(9, 30, 40, .42); }
.about-value__icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.45; }
.about-value strong { display: block; color: #f3eee5; font-size: .92rem; font-weight: 600; line-height: 1.4; }
.about-value small { display: block; margin-top: 4px; color: rgba(216, 225, 222, .67); font-size: .76rem; line-height: 1.6; }

.about-section__cta { display: inline-flex; align-items: center; gap: 10px; min-height: 47px; margin-top: clamp(28px, 3vw, 40px); padding-inline: 18px; border: 1px solid rgba(178, 224, 209, .52); border-radius: 10px; color: #f4fbf8; background: linear-gradient(115deg, rgba(53, 111, 109, .82), rgba(25, 65, 69, .78)); box-shadow: inset 0 1px 0 rgba(239, 255, 249, .2), 0 9px 20px rgba(0, 0, 0, .12); font-size: .87rem; font-weight: 600; transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease; }
.about-section__cta svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; }
.about-section__cta i { font-family: var(--font-latin); font-size: 1.08rem; font-style: normal; }
.about-section__cta:hover { transform: translateY(-2px); border-color: rgba(211, 242, 230, .75); box-shadow: inset 0 1px 0 rgba(239, 255, 249, .28), 0 12px 24px rgba(0, 0, 0, .15), 0 0 14px rgba(83, 159, 148, .1); }

.about-visual { position: relative; min-height: clamp(398px, 32vw, 520px); margin: 0; overflow: hidden; border-radius: 28px 11px 25px 13px; background: #071720; box-shadow: 0 26px 55px rgba(0, 0, 0, .22); }
.about-visual::before { position: absolute; z-index: 2; content: ""; inset: 11px; border: 1px solid rgba(236, 190, 119, .25); border-radius: 20px 7px 18px 8px; pointer-events: none; }
.about-visual::after { position: absolute; z-index: 2; content: ""; top: 0; inset-inline-end: 15%; width: 35%; height: 1px; background: linear-gradient(to left, rgba(248, 207, 142, .84), transparent); pointer-events: none; }
.about-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% center; filter: saturate(.86) contrast(1.03); transform: scale(1.025); }
.about-visual__glaze { position: absolute; z-index: 1; inset: 0; background: linear-gradient(135deg, rgba(5, 19, 28, .16), transparent 38%, rgba(4, 15, 22, .35)), linear-gradient(180deg, rgba(4, 15, 22, .06), rgba(4, 15, 22, .24)); pointer-events: none; }
.about-visual figcaption { position: absolute; z-index: 3; bottom: 25px; inset-inline-end: 28px; padding-inline-start: 14px; border-inline-start: 1px solid rgba(229, 180, 107, .72); color: rgba(246, 239, 226, .86); font-size: .8rem; }

.motion-ready .about-section__ambient { animation: about-ambient-drift 20s ease-in-out infinite alternate; }
.motion-ready .about-section__content,
.motion-ready .about-visual { opacity: 0; transform: translateY(12px); transition: opacity .68s ease, transform .68s cubic-bezier(.22, .61, .36, 1); }
.motion-ready .about-visual { transition-delay: .12s; }
.motion-ready .about-section__content.is-revealed,
.motion-ready .about-visual.is-revealed { opacity: 1; transform: translateY(0); }

:root:dir(ltr) .about-section__eyebrow::after { background: linear-gradient(to right, rgba(234, 182, 107, .82), transparent); }
:root:dir(ltr) .about-section__cta i { transform: scaleX(-1); }
:root:dir(ltr) .about-visual { border-radius: 11px 28px 13px 25px; }
:root:dir(ltr) .about-visual::before { border-radius: 7px 20px 8px 18px; }
:root:dir(ltr) .about-visual::after { background: linear-gradient(to right, rgba(248, 207, 142, .84), transparent); }

@keyframes about-particle { 0%, 100% { opacity: .16; transform: translate3d(0, 0, 0); } 50% { opacity: .72; transform: translate3d(5px, -10px, 0); } }
@keyframes about-ambient-drift { from { transform: translate3d(-.3%, -2px, 0); opacity: .72; } to { transform: translate3d(.4%, 4px, 0); opacity: 1; } }

@media (max-width: 960px) {
  .about-section__inner { grid-template-columns: 1fr; gap: 42px; width: calc(100% - 64px); }
  .about-section__content { max-width: 760px; }
  .about-visual { min-height: clamp(360px, 55vw, 500px); }
}

@media (max-width: 620px) {
  .about-section { padding-block: 70px 76px; }
  .about-section__inner { gap: 34px; width: calc(100% - 40px); }
  .about-section h2 { font-size: clamp(1.82rem, 8vw, 2.4rem); }
  .about-section__content > p { font-size: .91rem; line-height: 1.92; }
  .about-values { grid-template-columns: 1fr; gap: 14px; margin-top: 27px; }
  .about-value { padding-inline-start: 0; }
  .about-value:not(:first-child) { border-inline-start: 0; }
  .about-visual { min-height: 310px; border-radius: 22px 8px 20px 10px; }
  .about-visual::before { inset: 8px; border-radius: 15px 5px 14px 6px; }
  .about-visual figcaption { bottom: 19px; inset-inline-end: 20px; font-size: .73rem; }
}

@media (prefers-reduced-motion: reduce) { .about-section__ambient, .about-section__particles i { animation: none; } }