@charset "UTF-8";

/* Star Mark Records — Phase 7: About / Corporate Story */
.about-page {
  --about-surface: rgba(7, 12, 26, .72);
  --about-surface-strong: rgba(7, 13, 29, .94);
  --about-line: rgba(255, 255, 255, .105);
  --about-metal: linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.16) 48%, rgba(255,255,255,.5));
  background:
    radial-gradient(circle at 10% 25%, rgba(var(--accent-rgb), .05), transparent 28%),
    radial-gradient(circle at 90% 58%, rgba(var(--secondary-rgb), .06), transparent 28%),
    var(--bg);
}

.about-page.is-locked { overflow: hidden; }

.about-page img { height: auto; }

.corporate-grid {
  position: fixed;
  z-index: -3;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(45deg, transparent 49.7%, rgba(var(--accent-rgb), .05) 50%, transparent 50.3%);
  background-size: 130px 130px, 130px 130px, 260px 260px;
  mask-image: linear-gradient(180deg, #000 0, rgba(0,0,0,.3) 65%, transparent 100%);
}

.cursor-light {
  position: fixed;
  z-index: -1;
  width: 420px;
  height: 420px;
  left: 0;
  top: 0;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(circle, rgba(var(--accent-rgb), .095), transparent 67%);
  filter: blur(3px);
  transform: translate3d(-999px, -999px, 0);
  transition: opacity .3s ease;
}

@media (hover:hover) and (pointer:fine) {
  html[data-motion="full"] .about-page .cursor-light.is-visible { opacity: 1; }
}

.about-page .primary-navigation { gap: clamp(11px, 1.25vw, 20px); }
.about-page .primary-navigation a { font-size: .72rem; }

.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: clamp(35px, 5vw, 72px);
  color: rgba(181, 190, 211, .62);
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.breadcrumbs a { transition: color 180ms ease; }
.breadcrumbs a:hover { color: var(--accent-bright); }
.breadcrumbs span[aria-hidden] { color: rgba(var(--accent-rgb), .55); }

/* Hero */
.about-hero {
  min-height: 100svh;
  display: grid;
  align-items: center;
  overflow: hidden;
  padding-top: calc(var(--header-height) + 78px + var(--safe-top));
  padding-bottom: clamp(80px, 9vw, 130px);
}

.about-hero::before,
.about-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.about-hero::before {
  width: min(920px, 80vw);
  aspect-ratio: 1;
  top: -28%;
  right: -21%;
  border: 1px solid rgba(var(--accent-rgb), .07);
  border-radius: 50%;
  box-shadow: inset 0 0 180px rgba(var(--accent-rgb), .035), 0 0 180px rgba(var(--secondary-rgb), .025);
}

.about-hero::after {
  width: 54vw;
  height: 1px;
  left: -8vw;
  bottom: 8%;
  background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .42), transparent);
  transform: rotate(-12deg);
  box-shadow: 0 0 18px rgba(var(--accent-rgb), .3);
}

.about-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(470px, .98fr);
  align-items: center;
  gap: clamp(48px, 7vw, 105px);
}

.about-hero-copy { position: relative; z-index: 4; }

.corporate-pill {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 22px;
  padding: 8px 13px;
  border: 1px solid rgba(var(--accent-rgb), .29);
  border-radius: 999px;
  color: rgba(250, 240, 213, .83);
  background: rgba(var(--accent-rgb), .055);
  font-size: .71rem;
  font-weight: 760;
  letter-spacing: .04em;
}

.corporate-pill span { color: var(--accent-bright); animation: star-pulse 2.8s ease-in-out infinite; }

.about-hero h1 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(3.3rem, 7.15vw, 7.5rem);
  font-weight: 780;
  letter-spacing: -.072em;
  line-height: .88;
}

.about-hero h1 span {
  display: block;
  margin-top: .08em;
  color: transparent;
  background: linear-gradient(115deg, #fff 7%, var(--accent-bright) 48%, var(--accent) 88%);
  -webkit-background-clip: text;
  background-clip: text;
}

.about-hero-lead {
  max-width: 700px;
  margin: 30px 0 0;
  color: var(--muted);
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  line-height: 1.74;
}

.about-signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 760px;
  margin: 44px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid var(--line);
  list-style: none;
}

.about-signals li {
  display: grid;
  gap: 2px;
  padding: 0 20px;
  border-right: 1px solid var(--line);
}
.about-signals li:first-child { padding-left: 0; }
.about-signals li:last-child { border-right: 0; }
.about-signals strong { color: var(--accent-bright); font-size: .84rem; letter-spacing: .04em; }
.about-signals span { color: var(--muted-2); font-size: .7rem; line-height: 1.35; }

.corporate-universe {
  position: relative;
  min-height: 690px;
  isolation: isolate;
  perspective: 1200px;
}

#corporate-network {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .92;
  pointer-events: none;
}

.corporate-orbit {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(var(--accent-rgb), .18);
  border-radius: 50%;
  transform: translate(-50%, -50%) rotateX(68deg) rotateZ(-17deg);
  box-shadow: inset 0 0 50px rgba(var(--accent-rgb), .025);
}

.corporate-orbit::before {
  content: "";
  position: absolute;
  inset: 8%;
  border: 1px dashed rgba(255,255,255,.07);
  border-radius: inherit;
}

.corporate-orbit--one { width: 92%; aspect-ratio: 1; animation: corporate-orbit 32s linear infinite; }
.corporate-orbit--two { width: 68%; aspect-ratio: 1; transform: translate(-50%, -50%) rotateX(68deg) rotateZ(31deg); animation: corporate-orbit-reverse 24s linear infinite; }

.corporate-core {
  position: absolute;
  z-index: 4;
  width: 230px;
  aspect-ratio: 1;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  padding: 25px;
  border: 1px solid rgba(var(--accent-rgb), .4);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.13), transparent 28%),
    radial-gradient(circle, rgba(var(--accent-rgb), .14), rgba(5,9,21,.96) 66%);
  box-shadow: 0 0 0 13px rgba(var(--accent-rgb), .025), 0 0 0 34px rgba(var(--accent-rgb), .016), 0 35px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.12);
  transform: translate(-50%, -50%);
  animation: core-breathe 5s ease-in-out infinite;
}

.corporate-core::after {
  content: "";
  position: absolute;
  inset: -9px;
  border: 1px solid rgba(var(--accent-rgb), .19);
  border-radius: inherit;
  animation: ring-pulse 3.8s ease-out infinite;
}

.corporate-core img { width: 82px; filter: drop-shadow(0 0 20px rgba(var(--accent-rgb), .34)); }
.corporate-core strong { font-size: .86rem; letter-spacing: .22em; }
.corporate-core small { color: var(--accent-bright); font-size: .58rem; font-weight: 850; letter-spacing: .4em; }
.core-label { position: absolute; top: 30px; color: var(--muted-2); font-size: .48rem; font-weight: 850; letter-spacing: .18em; }

.division-node {
  position: absolute;
  z-index: 5;
  width: 170px;
  display: grid;
  gap: 1px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(15,22,43,.88), rgba(4,8,19,.76));
  box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.07);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  animation: node-float 6s ease-in-out infinite;
}
.division-node::before { content:""; position:absolute; width:7px; height:7px; top:14px; right:14px; border-radius:50%; background:var(--accent-bright); box-shadow:0 0 12px rgba(var(--accent-rgb),.75); }
.division-node span { color: var(--muted-2); font-size: .48rem; font-weight: 850; letter-spacing: .18em; }
.division-node strong { font-size: .76rem; letter-spacing: .13em; }
.division-node small { color: var(--muted-2); font-size: .58rem; }
.division-node--records { top: 10%; left: 38%; border-color: rgba(var(--accent-rgb), .34); animation-delay: -1.2s; }
.division-node--legal { top: 35%; left: 1%; animation-delay: -.3s; }
.division-node--growth { top: 32%; right: 0; animation-delay: -2.4s; }
.division-node--creative { left: 17%; bottom: 6%; animation-delay: -3.3s; }

.coordinate {
  position: absolute;
  z-index: 4;
  display: grid;
  gap: 0;
  padding-left: 20px;
  color: rgba(255,255,255,.86);
}
.coordinate i { position:absolute; width:10px; height:10px; top:5px; left:0; border:2px solid var(--accent-bright); border-radius:50%; box-shadow:0 0 15px rgba(var(--accent-rgb),.72); }
.coordinate i::after { content:""; position:absolute; inset:-8px; border:1px solid rgba(var(--accent-rgb),.35); border-radius:50%; animation: location-pulse 2.8s ease-out infinite; }
.coordinate span { font-size: .62rem; font-weight: 850; letter-spacing: .13em; }
.coordinate small { color: var(--muted-2); font-size: .48rem; letter-spacing: .12em; }
.coordinate--colombia { right: 11%; bottom: 12%; }
.coordinate--mexico { top: 10%; right: 10%; }

/* Corporate backing */
.backing-section {
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.045);
  border-bottom: 1px solid rgba(255,255,255,.045);
  background:
    linear-gradient(90deg, rgba(var(--accent-rgb), .025), transparent 32%, transparent 68%, rgba(var(--secondary-rgb), .025)),
    rgba(1,4,11,.34);
}

.backing-grid {
  display: grid;
  grid-template-columns: minmax(360px, .84fr) minmax(0, 1.16fr);
  align-items: start;
  gap: clamp(55px, 9vw, 130px);
}

.backing-copy { position: relative; padding-top: 8px; }
.lead-quote { margin: 0; color: #edf0f7; font-size: clamp(1.22rem, 2vw, 1.68rem); line-height: 1.68; letter-spacing: -.018em; }
.lead-quote::first-letter { color: var(--accent-bright); font-size: 2.4em; font-weight: 750; line-height: .8; float: left; margin: .12em .12em 0 0; }
.backing-note { display:grid; grid-template-columns:32px minmax(0,1fr); gap:15px; align-items:start; margin-top:34px; padding:20px 22px; border:1px solid rgba(var(--accent-rgb),.2); border-radius:18px; background:rgba(var(--accent-rgb),.045); }
.backing-note > span { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(var(--accent-rgb),.32); border-radius:50%; color:var(--accent-bright); }
.backing-note p { margin:0; color:var(--muted); font-size:.9rem; }

.corporate-ledger { margin-top: clamp(65px, 9vw, 105px); border:1px solid var(--line); border-radius:30px; overflow:hidden; background:rgba(5,10,22,.62); box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.055); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); }
.ledger-head { display:flex; justify-content:space-between; gap:30px; padding:17px 22px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.025); }
.ledger-head span { color:var(--accent-bright); font-size:.57rem; font-weight:850; letter-spacing:.18em; }
.ledger-head small { color:var(--muted-2); font-size:.5rem; letter-spacing:.13em; }
.ledger-flow { display:grid; grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr) 90px minmax(0,1fr); align-items:center; padding:32px; }
.ledger-flow article { position:relative; min-height:260px; display:flex; flex-direction:column; justify-content:flex-end; padding:28px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); transform-style:preserve-3d; transition:transform 220ms ease,border-color 220ms ease,background 220ms ease; }
.ledger-flow article:hover { border-color:rgba(var(--accent-rgb),.34); background:linear-gradient(145deg,rgba(var(--accent-rgb),.06),rgba(255,255,255,.012)); }
.ledger-number { position:absolute; top:20px; right:22px; color:rgba(255,255,255,.13); font-size:2.7rem; font-weight:850; letter-spacing:-.08em; }
.ledger-icon { width:60px; height:60px; display:grid; place-items:center; margin-bottom:auto; border:1px solid rgba(var(--accent-rgb),.27); border-radius:18px; color:var(--accent-bright); background:rgba(var(--accent-rgb),.055); }
.ledger-icon svg { width:34px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.ledger-flow article > p { margin:26px 0 2px; color:var(--accent-bright); font-size:.55rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.ledger-flow h3 { margin:0; font-size:1.35rem; letter-spacing:-.035em; }
.ledger-flow article > small { margin-top:9px; color:var(--muted-2); font-size:.72rem; line-height:1.5; }
.flow-connector { position:relative; height:1px; background:linear-gradient(90deg,rgba(var(--accent-rgb),.15),var(--accent),rgba(var(--accent-rgb),.15)); box-shadow:0 0 12px rgba(var(--accent-rgb),.27); }
.flow-connector::after { content:""; position:absolute; width:7px; height:7px; top:50%; left:0; border-radius:50%; background:var(--accent-bright); box-shadow:0 0 13px rgba(var(--accent-rgb),.8); transform:translate(-50%,-50%); animation:flow-particle 3s linear infinite; }

/* Manifesto */
.manifest-section { overflow:hidden; }
.manifest-section::before { content:""; position:absolute; width:850px; height:850px; left:-500px; top:10%; border:1px solid rgba(var(--accent-rgb),.06); border-radius:50%; box-shadow:inset 0 0 150px rgba(var(--accent-rgb),.025); }
.manifest-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr); align-items:end; gap:60px; }
.manifest-intro h2 { max-width:850px; margin:0; font-size:clamp(2.8rem,5.7vw,5.8rem); line-height:.96; letter-spacing:-.06em; }
.manifest-intro h2 span { color:transparent; background:linear-gradient(110deg,#fff 10%,var(--accent-bright) 55%,var(--accent) 90%); -webkit-background-clip:text; background-clip:text; }
.manifest-intro > p { margin:0 0 6px; color:var(--muted); font-size:1.02rem; line-height:1.75; }
.manifest-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:65px; }
.manifest-card { position:relative; min-height:470px; display:flex; flex-direction:column; padding:31px; overflow:hidden; border:1px solid var(--line); border-radius:28px; background:linear-gradient(160deg,rgba(14,21,40,.88),rgba(3,7,16,.72)); box-shadow:0 26px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06); transform-style:preserve-3d; transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease; }
.manifest-card::before { content:""; position:absolute; width:220px; height:220px; top:-120px; right:-100px; border-radius:50%; background:radial-gradient(circle,rgba(var(--accent-rgb),.16),transparent 70%); }
.manifest-card::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(180deg,#000,transparent 72%); }
.manifest-card:hover { border-color:rgba(var(--accent-rgb),.38); box-shadow:0 32px 85px rgba(0,0,0,.38),0 0 55px rgba(var(--accent-rgb),.055),inset 0 1px 0 rgba(255,255,255,.08); }
.manifest-index { position:absolute; right:24px; top:22px; color:rgba(255,255,255,.12); font-size:3.6rem; font-weight:850; letter-spacing:-.1em; }
.manifest-icon { position:relative; z-index:2; width:78px; height:78px; display:grid; place-items:center; margin-bottom:auto; border:1px solid rgba(var(--accent-rgb),.3); border-radius:23px; color:var(--accent-bright); background:linear-gradient(145deg,rgba(var(--accent-rgb),.11),rgba(var(--accent-rgb),.03)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 38px rgba(0,0,0,.25); }
.manifest-icon svg { width:43px; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
.manifest-label { margin:46px 0 9px; color:var(--accent-bright); font-size:.56rem; font-weight:850; letter-spacing:.2em; }
.manifest-card h3 { margin:0; font-size:clamp(1.55rem,2.4vw,2.2rem); letter-spacing:-.045em; line-height:1.05; }
.manifest-card > p:not(.manifest-label) { margin:19px 0 0; color:var(--muted); font-size:.94rem; line-height:1.7; }
.manifest-line { height:1px; margin-top:30px; overflow:hidden; background:rgba(255,255,255,.08); }
.manifest-line span { display:block; width:45%; height:100%; background:linear-gradient(90deg,transparent,var(--accent-bright),transparent); animation:manifest-scan 4s linear infinite; }
.contract-clarity { display:grid; grid-template-columns:150px minmax(0,1fr); gap:34px; align-items:center; margin-top:28px; padding:29px 32px; border:1px solid rgba(var(--accent-rgb),.2); border-radius:24px; background:linear-gradient(90deg,rgba(var(--accent-rgb),.065),rgba(255,255,255,.018)); }
.clarity-seal { display:flex; align-items:center; gap:14px; padding-right:30px; border-right:1px solid var(--line); }
.clarity-seal img { width:55px; filter:drop-shadow(0 0 13px rgba(var(--accent-rgb),.3)); }
.clarity-seal span { color:var(--accent-bright); font-size:.54rem; font-weight:850; letter-spacing:.14em; line-height:1.6; }
.contract-clarity strong { display:block; font-size:1.2rem; letter-spacing:-.02em; }
.contract-clarity p { margin:6px 0 0; color:var(--muted-2); font-size:.78rem; line-height:1.62; }

/* Operating system */
.operating-section { overflow:hidden; border-top:1px solid rgba(255,255,255,.045); border-bottom:1px solid rgba(255,255,255,.045); background:rgba(1,4,11,.38); }
.operating-grid { display:grid; grid-template-columns:minmax(450px,1fr) minmax(0,.9fr); align-items:center; gap:clamp(60px,9vw,120px); }
.operating-visual { position:relative; min-height:690px; }
.operations-console { position:absolute; width:min(620px,100%); aspect-ratio:1; top:45%; left:50%; overflow:hidden; border:1px solid rgba(var(--accent-rgb),.22); border-radius:36px; background:radial-gradient(circle at 50% 48%,rgba(var(--accent-rgb),.095),transparent 34%),linear-gradient(145deg,rgba(12,18,37,.92),rgba(2,5,14,.89)); box-shadow:0 38px 100px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08); transform:translate(-50%,-50%) perspective(1200px) rotateY(5deg) rotateX(2deg); }
.operations-console::before { content:""; position:absolute; inset:0; opacity:.15; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:54px 54px; mask-image:radial-gradient(circle,#000,transparent 76%); }
.console-top { position:absolute; z-index:4; top:0; left:0; right:0; height:44px; display:flex; align-items:center; gap:7px; padding:0 16px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.025); }
.console-top > span { width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.2); }
.console-top > span:first-child { background:var(--accent); box-shadow:0 0 8px rgba(var(--accent-rgb),.6); }
.console-top small { margin-left:auto; color:var(--muted-2); font-size:.47rem; font-weight:850; letter-spacing:.16em; }
.console-core { position:absolute; z-index:3; width:190px; aspect-ratio:1; top:50%; left:50%; display:grid; place-items:center; align-content:center; gap:7px; padding:20px; border:1px solid rgba(var(--accent-rgb),.35); border-radius:50%; text-align:center; background:radial-gradient(circle,rgba(var(--accent-rgb),.13),rgba(3,7,17,.95) 68%); box-shadow:0 0 0 13px rgba(var(--accent-rgb),.025),0 0 70px rgba(var(--accent-rgb),.1); transform:translate(-50%,-50%); }
.console-core img { width:72px; filter:drop-shadow(0 0 18px rgba(var(--accent-rgb),.36)); }
.console-core strong { font-size:.61rem; letter-spacing:.15em; }
.console-core small { color:var(--muted-2); font-size:.52rem; }
.console-ring { position:absolute; top:50%; left:50%; border:1px solid rgba(var(--accent-rgb),.13); border-radius:50%; transform:translate(-50%,-50%); animation:console-spin 28s linear infinite; }
.console-ring::before { content:""; position:absolute; width:9px; height:9px; top:50%; left:-5px; border-radius:50%; background:var(--accent-bright); box-shadow:0 0 15px rgba(var(--accent-rgb),.75); }
.console-ring--one { width:64%; aspect-ratio:1; }
.console-ring--two { width:83%; aspect-ratio:1; animation-direction:reverse; animation-duration:38s; }
.operation-node { position:absolute; z-index:5; top:var(--node-y); left:var(--node-x); display:flex; align-items:center; gap:9px; padding:10px 12px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:rgba(5,10,22,.78); box-shadow:0 12px 30px rgba(0,0,0,.25); cursor:pointer; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); transform:translate(-50%,-50%); transition:color 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.operation-node i { width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.22); }
.operation-node span { font-size:.59rem; font-weight:780; white-space:nowrap; }
.operation-node:hover,.operation-node.is-active { color:#fff; border-color:rgba(var(--accent-rgb),.45); background:rgba(var(--accent-rgb),.09); box-shadow:0 12px 34px rgba(0,0,0,.3),0 0 25px rgba(var(--accent-rgb),.08); }
.operation-node.is-active i { background:var(--accent-bright); box-shadow:0 0 12px rgba(var(--accent-rgb),.75); }
.operation-readout { position:absolute; z-index:8; width:min(450px,86%); right:0; bottom:0; padding:20px 22px; border:1px solid var(--line); border-radius:19px; background:rgba(4,8,19,.93); box-shadow:0 22px 65px rgba(0,0,0,.42); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }
.operation-readout > span { color:var(--accent-bright); font-size:.52rem; font-weight:850; letter-spacing:.16em; }
.operation-readout strong { display:block; margin-top:7px; font-size:1.04rem; }
.operation-readout p { margin:5px 0 0; color:var(--muted-2); font-size:.7rem; line-height:1.5; }
.operating-list { display:grid; gap:12px; margin:34px 0 0; padding:0; list-style:none; }
.operating-list li { display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; padding:16px 17px; border:1px solid transparent; border-radius:17px; background:rgba(255,255,255,.02); transition:border-color 180ms ease,background 180ms ease; }
.operating-list li:hover { border-color:rgba(var(--accent-rgb),.2); background:rgba(var(--accent-rgb),.035); }
.operating-list > li > span { width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(var(--accent-rgb),.23); border-radius:13px; color:var(--accent-bright); font-size:.62rem; font-weight:850; }
.operating-list strong { font-size:.86rem; }
.operating-list p { margin:2px 0 0; color:var(--muted-2); font-size:.7rem; line-height:1.5; }

/* Team */
.team-section { overflow:hidden; }
.team-heading { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr); align-items:end; gap:60px; }
.team-heading h2 { max-width:800px; margin:0; font-size:clamp(2.8rem,5.8vw,5.8rem); line-height:.95; letter-spacing:-.06em; }
.team-heading h2 span { color:transparent; background:linear-gradient(110deg,#fff 8%,var(--accent-bright) 52%,var(--accent) 92%); -webkit-background-clip:text; background-clip:text; }
.team-heading > p { margin:0 0 7px; color:var(--muted); font-size:1rem; line-height:1.7; }
.ceo-profile { display:grid; grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr); align-items:stretch; gap:0; margin-top:65px; overflow:hidden; border:1px solid var(--line); border-radius:34px; background:linear-gradient(140deg,rgba(12,18,36,.89),rgba(3,7,17,.73)); box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06); }
.ceo-image { position:relative; min-height:620px; overflow:hidden; background:#02040a; }
.ceo-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(2,4,10,.14) 55%,rgba(2,4,10,.88) 100%),linear-gradient(90deg,transparent 70%,rgba(3,7,17,.85)); }
.ceo-image img { width:100%; height:100%; object-fit:cover; object-position:center 23%; filter:saturate(.84) contrast(1.08); transition:transform 1s var(--ease-out),filter 400ms ease; }
.ceo-profile:hover .ceo-image img { transform:scale(1.035); filter:saturate(1) contrast(1.06); }
.portrait-grid { position:absolute; z-index:2; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(180deg,#000,transparent 75%); }
.ceo-monogram { position:absolute; z-index:3; right:25px; top:24px; color:rgba(255,255,255,.15); font-size:5.6rem; font-weight:850; letter-spacing:-.1em; }
.ceo-status { position:absolute; z-index:4; left:25px; bottom:23px; display:flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid rgba(115,221,176,.26); border-radius:999px; color:#b7f1d4; background:rgba(5,16,13,.62); font-size:.55rem; font-weight:850; letter-spacing:.12em; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.ceo-status i { width:7px; height:7px; border-radius:50%; background:#73ddb0; box-shadow:0 0 10px rgba(115,221,176,.78); animation:status-pulse 2s ease-in-out infinite; }
.ceo-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(38px,6vw,85px); }
.team-role { margin:0 0 12px; color:var(--accent-bright); font-size:.64rem; font-weight:850; letter-spacing:.21em; }
.ceo-copy h3 { margin:0; font-size:clamp(3rem,6vw,6.4rem); letter-spacing:-.07em; line-height:.9; }
.ceo-description { margin:29px 0 0; color:#d7dce8; font-size:clamp(1rem,1.45vw,1.2rem); line-height:1.76; }
.ceo-domains { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.ceo-domains span { padding:8px 12px; border:1px solid rgba(var(--accent-rgb),.23); border-radius:999px; color:rgba(255,255,255,.75); background:rgba(var(--accent-rgb),.045); font-size:.62rem; font-weight:780; }
.ceo-copy blockquote { position:relative; margin:42px 0 0; padding:23px 0 0 46px; border-top:1px solid var(--line); color:var(--muted); font-size:.92rem; font-style:italic; }
.ceo-copy blockquote span { position:absolute; left:0; top:11px; color:var(--accent-bright); font-size:3.4rem; font-style:normal; line-height:1; }

/* International presence */
.presence-section { overflow:hidden; border-top:1px solid rgba(255,255,255,.045); background:linear-gradient(180deg,rgba(1,4,11,.15),rgba(1,4,11,.55)); }
.presence-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(490px,1.1fr); align-items:center; gap:clamp(65px,9vw,120px); }
.presence-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:34px; }
.presence-tab { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; column-gap:11px; padding:15px; border:1px solid var(--line); border-radius:17px; color:var(--muted); background:rgba(255,255,255,.02); text-align:left; cursor:pointer; transition:border-color 180ms ease,background 180ms ease,color 180ms ease; }
.presence-tab > span { grid-row:1/3; width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(var(--accent-rgb),.2); border-radius:12px; color:var(--accent-bright); font-size:.57rem; font-weight:850; }
.presence-tab strong { font-size:.78rem; }
.presence-tab small { color:var(--muted-2); font-size:.57rem; }
.presence-tab:hover,.presence-tab.is-active { color:#fff; border-color:rgba(var(--accent-rgb),.38); background:rgba(var(--accent-rgb),.06); }
.presence-tab.is-active > span { background:rgba(var(--accent-rgb),.1); box-shadow:0 0 20px rgba(var(--accent-rgb),.08); }
.presence-panel { min-height:160px; margin-top:13px; padding:21px; border:1px solid rgba(var(--accent-rgb),.18); border-radius:18px; background:linear-gradient(135deg,rgba(var(--accent-rgb),.05),rgba(255,255,255,.016)); }
.presence-panel > span { color:var(--accent-bright); font-size:.53rem; font-weight:850; letter-spacing:.16em; }
.presence-panel h3 { margin:8px 0 0; font-size:1.1rem; letter-spacing:-.025em; }
.presence-panel p { margin:7px 0 0; color:var(--muted-2); font-size:.72rem; line-height:1.58; }
.latam-map { position:relative; min-height:750px; border:1px solid var(--line); border-radius:36px; overflow:hidden; background:radial-gradient(circle at 64% 20%,rgba(var(--secondary-rgb),.11),transparent 34%),radial-gradient(circle at 37% 70%,rgba(var(--accent-rgb),.12),transparent 31%),linear-gradient(145deg,rgba(10,16,33,.91),rgba(2,5,14,.82)); box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.065); }
.latam-map::before { content:"LATIN AMERICA / OPERATIONAL REACH"; position:absolute; z-index:3; top:22px; left:24px; color:rgba(255,255,255,.28); font-size:.5rem; font-weight:850; letter-spacing:.18em; }
.latam-map::after { content:""; position:absolute; inset:0; opacity:.15; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:55px 55px; mask-image:radial-gradient(circle,#000,transparent 78%); }
.map-contour,.route-line { position:absolute; z-index:1; inset:5% 3%; width:94%; height:90%; fill:none; }
.map-contour { stroke:rgba(255,255,255,.08); stroke-width:1.4; }
.route-line { z-index:2; stroke:var(--accent); stroke-width:2.2; stroke-dasharray:7 9; filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.6)); animation:route-flow 10s linear infinite; }
.map-location { position:absolute; z-index:5; display:grid; gap:1px; padding-left:22px; }
.map-location strong { font-size:.67rem; letter-spacing:.12em; }
.map-location small { color:var(--muted-2); font-size:.48rem; letter-spacing:.08em; }
.map-location--medellin { left:33%; top:66%; }
.map-location--mexico { right:17%; top:16%; }
.location-pulse { position:absolute; width:11px; height:11px; left:0; top:5px; border:2px solid var(--accent-bright); border-radius:50%; box-shadow:0 0 14px rgba(var(--accent-rgb),.8); }
.location-pulse::after { content:""; position:absolute; inset:-10px; border:1px solid rgba(var(--accent-rgb),.32); border-radius:50%; animation:location-pulse 2.5s ease-out infinite; }
.route-particle { position:absolute; z-index:4; width:7px; height:7px; border-radius:50%; background:var(--accent-bright); box-shadow:0 0 16px rgba(var(--accent-rgb),.9); offset-path:path("M236 485C250 386 292 298 361 218C401 173 448 144 494 124"); offset-rotate:0deg; transform:translate(-50%,-50%); }
.route-particle--one { animation:route-particle 6s linear infinite; }
.route-particle--two { animation:route-particle 6s 2s linear infinite; }
.route-particle--three { animation:route-particle 6s 4s linear infinite; }
.map-card { position:absolute; z-index:6; width:250px; display:grid; gap:3px; padding:17px 18px; border:1px solid var(--line); border-radius:18px; background:rgba(4,8,19,.88); box-shadow:0 20px 55px rgba(0,0,0,.38); -webkit-backdrop-filter:blur(17px); backdrop-filter:blur(17px); }
.map-card > span { color:var(--accent-bright); font-size:.48rem; font-weight:850; letter-spacing:.15em; }
.map-card strong { font-size:.9rem; }
.map-card small { color:var(--muted-2); font-size:.61rem; line-height:1.45; }
.map-card--lupita { top:28%; right:4%; }
.map-card--team { left:4%; bottom:4%; }

/* Promise */
.promise-section { overflow:hidden; }
.promise-grid { display:grid; grid-template-columns:minmax(330px,.76fr) minmax(0,1.24fr); gap:clamp(55px,9vw,130px); align-items:start; }
.promise-title { position:sticky; top:130px; }
.promise-title h2 { margin:0; font-size:clamp(2.6rem,5.25vw,5.25rem); line-height:.96; letter-spacing:-.06em; }
.promise-title h2 span { color:transparent; background:linear-gradient(110deg,#fff 8%,var(--accent-bright) 52%,var(--accent) 92%); -webkit-background-clip:text; background-clip:text; }
.promise-list { display:grid; gap:0; margin:0; padding:0; list-style:none; counter-reset:promise; }
.promise-list li { display:grid; grid-template-columns:78px minmax(0,1fr); gap:25px; padding:33px 0; border-bottom:1px solid var(--line); }
.promise-list li:first-child { border-top:1px solid var(--line); }
.promise-list > li > span { width:58px; height:58px; display:grid; place-items:center; border:1px solid rgba(var(--accent-rgb),.25); border-radius:18px; color:var(--accent-bright); background:rgba(var(--accent-rgb),.045); font-size:.7rem; font-weight:850; }
.promise-list strong { font-size:1.32rem; letter-spacing:-.035em; }
.promise-list p { margin:6px 0 0; color:var(--muted); font-size:.9rem; line-height:1.65; }

/* CTA */
.about-final-cta { min-height:760px; display:grid; place-items:center; overflow:hidden; text-align:center; background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.095),transparent 34%); }
.about-final-cta::before { content:""; position:absolute; width:1px; height:80%; left:50%; top:10%; background:linear-gradient(transparent,rgba(var(--accent-rgb),.28),transparent); box-shadow:0 0 25px rgba(var(--accent-rgb),.15); }
.about-cta-content { position:relative; z-index:4; max-width:950px; }
.about-cta-content h2 { margin:0; font-size:clamp(3rem,6.8vw,7rem); line-height:.92; letter-spacing:-.067em; }
.about-cta-content h2 span { display:block; color:transparent; background:linear-gradient(110deg,#fff 8%,var(--accent-bright) 52%,var(--accent) 92%); -webkit-background-clip:text; background-clip:text; }
.about-cta-content > p:not(.section-kicker):not(.cta-note) { max-width:660px; margin:26px auto 0; color:var(--muted); font-size:1.05rem; }
.about-cta-content .cta-actions { justify-content:center; }
.cta-note { margin:21px auto 0; color:rgba(171,180,202,.58); font-size:.66rem; }
.corporate-portal { position:absolute; z-index:1; width:min(720px,78vw); aspect-ratio:1; top:50%; left:50%; display:grid; place-items:center; transform:translate(-50%,-50%); }
.corporate-portal span { position:absolute; inset:var(--portal-inset,0); border:1px solid rgba(var(--accent-rgb),.14); border-radius:50%; animation:portal-spin 29s linear infinite; }
.corporate-portal span::before { content:""; position:absolute; width:9px; height:9px; top:50%; left:-5px; border-radius:50%; background:var(--accent-bright); box-shadow:0 0 20px rgba(var(--accent-rgb),.8); }
.corporate-portal span:nth-child(2) { --portal-inset:15%; animation-direction:reverse; animation-duration:22s; }
.corporate-portal span:nth-child(3) { --portal-inset:29%; animation-duration:17s; }
.corporate-portal img { width:110px; opacity:.12; filter:drop-shadow(0 0 30px rgba(var(--accent-rgb),.36)); }

.about-page .footer-grid { grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); }
.about-page .footer-links { grid-template-columns:repeat(4,minmax(0,1fr)); }

.toast {
  position: fixed;
  z-index: 400;
  left: 50%;
  bottom: calc(28px + var(--safe-bottom));
  max-width: min(420px, calc(100vw - 32px));
  padding: 12px 17px;
  border: 1px solid rgba(var(--accent-rgb), .3);
  border-radius: 999px;
  color: #fff;
  background: rgba(4, 8, 20, .94);
  box-shadow: 0 20px 55px rgba(0,0,0,.45);
  font-size: .72rem;
  font-weight: 720;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 15px);
  transition: opacity 220ms ease, transform 220ms var(--ease-out), visibility 220ms;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.toast.is-visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); }

/* Keyframes */
@keyframes corporate-orbit { to { transform:translate(-50%,-50%) rotateX(68deg) rotateZ(343deg); } }
@keyframes corporate-orbit-reverse { to { transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-329deg); } }
@keyframes core-breathe { 50% { transform:translate(-50%,-52%) scale(1.025); } }
@keyframes ring-pulse { 0% { transform:scale(.92);opacity:0; } 30% { opacity:.8; } 100% { transform:scale(1.18);opacity:0; } }
@keyframes node-float { 50% { transform:translateY(-9px); } }
@keyframes location-pulse { 0% { transform:scale(.55);opacity:0; } 35% { opacity:.8; } 100% { transform:scale(1.35);opacity:0; } }
@keyframes flow-particle { to { left:100%; } }
@keyframes manifest-scan { from { transform:translateX(-130%); } to { transform:translateX(330%); } }
@keyframes console-spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes status-pulse { 50% { opacity:.4;transform:scale(.78); } }
@keyframes route-flow { to { stroke-dashoffset:-160; } }
@keyframes route-particle { from { offset-distance:0%;opacity:0; } 10% { opacity:1; } 90% { opacity:1; } to { offset-distance:100%;opacity:0; } }
@keyframes portal-spin { to { transform:rotate(360deg); } }

/* Motion modes */
html[data-motion="reduced"] .corporate-orbit,
html[data-motion="reduced"] .corporate-core,
html[data-motion="reduced"] .division-node,
html[data-motion="reduced"] .flow-connector::after,
html[data-motion="reduced"] .manifest-line span,
html[data-motion="reduced"] .console-ring,
html[data-motion="reduced"] .route-line,
html[data-motion="reduced"] .route-particle,
html[data-motion="reduced"] .corporate-portal span {
  animation-duration: 80s !important;
}

html[data-motion="off"] .corporate-universe,
html[data-motion="off"] .operations-console,
html[data-motion="off"] [data-corporate-tilt] { transform: none !important; }

/* Responsive */
@media (max-width: 1260px) {
  .about-page .header-cta { display:none; }
  .about-page .primary-navigation { gap:12px; }
  .about-page .primary-navigation a { font-size:.68rem; }
  .about-hero-grid { grid-template-columns:minmax(0,1fr) minmax(420px,.85fr); gap:45px; }
  .corporate-universe { min-height:630px; }
  .division-node { width:156px; }
  .presence-grid { grid-template-columns:minmax(0,.9fr) minmax(440px,1fr); gap:50px; }
}

@media (max-width: 1080px) {
  .ledger-flow { grid-template-columns:1fr 60px 1fr 60px 1fr; padding:24px; }
  .ledger-flow article { min-height:245px; padding:23px; }
  .operations-console { transform:translate(-50%,-50%); }
  .presence-grid { grid-template-columns:1fr; }
  .latam-map { width:min(750px,100%); margin-inline:auto; }
}

@media (max-width: 980px) {
  .about-page .primary-navigation a { font-size:.85rem; }
  .about-hero { min-height:auto; padding-top:132px; }
  .about-hero-grid,.backing-grid,.operating-grid,.team-heading,.presence-grid,.promise-grid { grid-template-columns:1fr; }
  .about-hero-copy { text-align:center; }
  .about-hero .eyebrow,.corporate-pill { margin-inline:auto; }
  .about-hero-lead { margin-inline:auto; }
  .about-hero .hero-actions { justify-content:center; }
  .about-signals { margin-inline:auto; }
  .corporate-universe { width:min(720px,100%); min-height:670px; margin:20px auto 0; }
  .backing-grid { gap:35px; }
  .manifest-intro { grid-template-columns:1fr; gap:26px; }
  .manifest-cards { grid-template-columns:1fr; max-width:760px; margin-inline:auto; }
  .manifest-card { min-height:370px; }
  .operating-grid { gap:35px; }
  .operating-visual { min-height:650px; order:2; }
  .team-heading { gap:22px; }
  .ceo-profile { grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr); }
  .promise-title { position:relative; top:auto; }
  .about-page .footer-grid { grid-template-columns:1fr; }
  .about-page .footer-links { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .ledger-flow { grid-template-columns:1fr; gap:12px; }
  .flow-connector { width:1px; height:54px; margin:0 auto; background:linear-gradient(180deg,rgba(var(--accent-rgb),.15),var(--accent),rgba(var(--accent-rgb),.15)); }
  .flow-connector::after { top:0; left:50%; animation:flow-particle-vertical 3s linear infinite; }
  .ledger-flow article { min-height:230px; }
  .ceo-profile { grid-template-columns:1fr; }
  .ceo-image { min-height:580px; }
  .ceo-image::after { background:linear-gradient(180deg,transparent 55%,rgba(2,4,10,.9)); }
  .about-page .footer-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@keyframes flow-particle-vertical { to { top:100%; } }

@media (max-width: 720px) {
  .about-hero h1 { font-size:clamp(3rem,15vw,5rem); }
  .about-hero-lead { font-size:1rem; }
  .about-signals { grid-template-columns:1fr; max-width:430px; gap:12px; }
  .about-signals li { padding:0 0 12px; border-right:0; border-bottom:1px solid var(--line); }
  .about-signals li:last-child { border-bottom:0; }
  .corporate-universe { min-height:590px; transform:scale(.95); transform-origin:center top; }
  .corporate-core { width:190px; }
  .corporate-core img { width:68px; }
  .division-node { width:142px; padding:11px 12px; }
  .division-node--legal { left:0; }
  .division-node--growth { right:0; }
  .division-node--creative { left:7%; bottom:5%; }
  .coordinate--colombia { right:3%; }
  .coordinate--mexico { right:3%; }
  .ledger-head { align-items:flex-start; flex-direction:column; }
  .manifest-intro h2,.team-heading h2 { font-size:clamp(2.55rem,12vw,4.2rem); }
  .manifest-card { padding:26px; }
  .contract-clarity { grid-template-columns:1fr; gap:20px; }
  .clarity-seal { padding:0 0 20px; border-right:0; border-bottom:1px solid var(--line); }
  .operating-visual { min-height:570px; }
  .operations-console { width:100%; }
  .operation-node span { display:none; }
  .operation-node { width:39px; height:39px; padding:0; justify-content:center; }
  .operation-readout { width:94%; right:3%; }
  .ceo-copy { padding:34px 25px 40px; }
  .ceo-copy h3 { font-size:clamp(3.2rem,16vw,5rem); }
  .latam-map { min-height:660px; }
  .map-card { width:210px; }
  .map-card--lupita { top:29%; right:3%; }
  .map-card--team { left:3%; }
  .promise-list li { grid-template-columns:58px minmax(0,1fr); gap:16px; }
  .promise-list > li > span { width:50px; height:50px; }
  .about-final-cta { min-height:650px; }
  .about-cta-content h2 { font-size:clamp(2.75rem,13vw,4.8rem); }
}

@media (max-width: 520px) {
  .about-hero .eyebrow { justify-content:center; font-size:.6rem; letter-spacing:.16em; }
  .corporate-pill { font-size:.62rem; }
  .corporate-universe { min-height:540px; margin-top:0; transform:scale(.9); }
  .corporate-core { width:170px; }
  .division-node { width:125px; border-radius:13px; }
  .division-node span,.division-node small { font-size:.43rem; }
  .division-node strong { font-size:.64rem; }
  .division-node--records { left:34%; top:8%; }
  .division-node--creative { left:2%; bottom:2%; }
  .coordinate { padding-left:16px; }
  .coordinate--colombia { bottom:9%; right:0; }
  .coordinate--mexico { top:6%; right:0; }
  .lead-quote { font-size:1.08rem; }
  .corporate-ledger { border-radius:22px; }
  .ledger-flow { padding:15px; }
  .ledger-flow article { padding:22px; }
  .manifest-card { min-height:390px; border-radius:22px; }
  .operating-visual { min-height:500px; }
  .operations-console { border-radius:24px; }
  .console-core { width:150px; }
  .console-core img { width:55px; }
  .operation-readout { bottom:-15px; }
  .ceo-image { min-height:490px; }
  .ceo-monogram { font-size:4rem; }
  .presence-tabs { grid-template-columns:1fr; }
  .latam-map { min-height:600px; }
  .map-location--medellin { left:23%; top:66%; }
  .map-location--mexico { right:6%; top:14%; }
  .map-card { width:188px; padding:14px; }
  .map-card--lupita { top:30%; right:2%; }
  .map-card--team { left:2%; bottom:2%; }
  .route-particle { display:none; }
  .about-page .footer-links { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-motion="auto"] .corporate-universe,
  html[data-motion="auto"] .operations-console,
  html[data-motion="auto"] [data-corporate-tilt] { transform:none !important; }
}