/* About: the same editorial rhythm, colour and navigation as the rebuilt pages. */
:root { --about-ink:#1c1724; --about-muted:#6e6673; --about-paper:#f5f2ec; --about-line:#dcd5df; --about-violet:#7829ec; }
body { background:var(--about-paper); color:var(--about-ink); }
.about-skip { position:absolute; top:-100px; left:16px; z-index:100; padding:12px 16px; border-radius:8px; color:var(--about-ink); background:#fff; }
.about-skip:focus { top:12px; }
.inner { max-width:1240px; }
.hero { position:relative; min-height:690px; overflow:hidden; padding:25px clamp(24px,5vw,76px) 100px; background:radial-gradient(circle at 79% 43%,rgba(111,66,214,.43),transparent 31%),linear-gradient(125deg,#17111e 10%,#291740 62%,#542092); }
.hero::after { position:absolute; right:-190px; bottom:-380px; width:760px; height:760px; border:95px solid rgba(255,255,255,.04); border-radius:50%; content:""; pointer-events:none; }
.hero .alinix-topbar { margin-bottom:clamp(88px,12vw,170px); }
.hero-main { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr); gap:clamp(35px,5vw,90px); align-items:center; max-width:1240px; margin-top:0; text-align:left; }
.hero-copy { max-width:780px; }
.hero .kicker { margin-bottom:22px; color:#d4b6f8; font-size:11px; letter-spacing:.2em; }
.hero h1 { margin:0; font-size:clamp(52px,6.3vw,92px); line-height:1.02; letter-spacing:-.068em; }
.hero h1 span { color:#d3b1ff; }
.hero-copy>p { max-width:650px; margin:27px 0 0; color:#e1d7eb; font-size:clamp(17px,1.6vw,21px); line-height:1.6; }
.about-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:34px; }
.about-button { display:inline-flex; align-items:center; justify-content:center; min-height:49px; padding:14px 22px; border-radius:999px; color:#21172c; background:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.about-button:hover { transform:translateY(-2px); }
.about-hero-link { padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,.6); color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.about-hero-mark { display:grid; place-items:center; aspect-ratio:1; max-width:370px; border:1px solid rgba(255,255,255,.12); border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%); }
.about-hero-mark img { display:block; width:58%; height:auto; filter:drop-shadow(0 20px 35px rgba(0,0,0,.2)); }
.about-page-nav { background:#fffdf9; border-bottom:1px solid var(--about-line); }
.about-page-nav .inner { display:flex; flex-wrap:wrap; align-items:center; gap:20px clamp(20px,3vw,45px); padding:22px 24px; }
.about-page-nav span { margin-right:auto; color:#8b43c4; font-size:10px; font-weight:700; letter-spacing:.19em; text-transform:uppercase; }
.about-page-nav a { color:var(--about-ink); font-size:12px; font-weight:700; text-decoration:none; }
.about-page-nav a:hover { color:var(--about-violet); }
main section { padding:clamp(80px,9vw,125px) 24px; scroll-margin-top:35px; }
.kicker { margin-bottom:19px; color:#7838b7; font-size:11px; letter-spacing:.18em; }
h2 { font-size:clamp(41px,5vw,69px); line-height:1.04; letter-spacing:-.057em; }
.about-intro { background:var(--about-paper); }
.about-intro-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(35px,7vw,105px); }
.about-intro h2 { max-width:11ch; }
.about-intro-copy { max-width:620px; }
.about-intro-copy p { color:var(--about-muted); font-size:clamp(16px,1.5vw,19px); line-height:1.7; }
.about-intro-copy p:first-child { color:var(--about-ink); font-weight:600; }
.positioning h2 { max-width:12ch; }
.positioning .inner { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(35px,7vw,105px); }
.positioning-copy { max-width:590px; }
.positioning-copy p { color:var(--about-muted); font-size:16px; line-height:1.7; }
.positioning-copy h3 { margin:30px 0 10px; color:#792ee1; font-size:23px; }
.about-section-aside { max-width:28ch; margin-top:24px; color:var(--about-muted); font-size:17px; line-height:1.6; }
.positioning--why { background:#17131e; }
.positioning--why .kicker,.positioning--why .positioning-copy h3 { color:#d4b3fc; }
.positioning--why .positioning-copy p { color:#cfc7d4; }
.positioning-quote { max-width:560px; margin-top:35px!important; padding-left:24px; border-left:3px solid #9e61ed; color:#fff!important; font-size:clamp(20px,2.2vw,27px)!important; line-height:1.5!important; }
.ethos { background:var(--about-paper); }
.ethos .kicker,.people .kicker { color:#7838b7; }
.section-heading { margin-bottom:55px; }
.about-method-intro { max-width:670px; margin-top:21px; color:var(--about-muted); font-size:17px; line-height:1.65; }
.ethos-row { grid-template-columns:70px minmax(170px,.65fr) minmax(0,1.35fr); gap:20px clamp(24px,4vw,62px); padding:38px 0; border-color:var(--about-line); }
.ethos-row:last-of-type { border-bottom:1px solid var(--about-line); }
.number { color:#8b43c4; font-size:12px; }
.ethos-row h3 { color:var(--about-ink); font-size:clamp(33px,4vw,55px); }
.ethos-row p { max-width:670px; color:var(--about-muted); font-size:15px; line-height:1.7; }
.ethos-copy p+p { margin-top:14px; }
.about-method-link { display:inline-block; margin-top:32px; padding-bottom:7px; border-bottom:1px solid #7829ec; color:#6b2bb7; font-size:11px; font-weight:700; letter-spacing:.09em; text-decoration:none; text-transform:uppercase; }
.people { background:#fffdf9; }
.people h2 { max-width:850px; }
.people-intro { max-width:850px; margin:30px 0 54px; }
.people-intro p { color:var(--about-muted); font-size:16px; line-height:1.7; }
.people-intro p:first-child { color:var(--about-ink); font-size:19px; font-weight:600; }
.profiles { gap:22px; }
.profile { border:1px solid var(--about-line); border-radius:20px; background:var(--about-paper); }
.portrait { aspect-ratio:5/3; background:#e7dfef; }
.profile:nth-child(2) .portrait { background:#e7eaf1; }
.profile-copy { padding:clamp(26px,3vw,40px); }
.profile h3 { font-size:clamp(29px,3vw,38px); }
.profile p,.profile-experience li { color:var(--about-muted); line-height:1.7; }
.profile-experience li { border-color:var(--about-line); }
.profile-experience strong { color:#5f278f; }
.profile a { color:#6b2bb7; }
.contact { color:#fff; background:radial-gradient(circle at 85% 20%,rgba(63,154,255,.65),transparent 35%),linear-gradient(135deg,#38106d,#7926e9 58%,#bd28d7); }
.contact .inner { max-width:820px; text-align:center; }
.contact .kicker,.contact h2 span { color:#e1caff; }
.contact p { max-width:700px; margin:20px auto 0; color:#f0e4fb; font-size:18px; }
.contact .actions { justify-content:center; }
.contact .button { min-height:50px; border-color:#fff; color:var(--about-ink); background:#fff; box-shadow:none; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.contact .button:hover { box-shadow:0 12px 30px rgba(30,15,61,.22); }
@media(max-width:900px) { .hero-main { grid-template-columns:1fr; } .about-hero-mark { display:none; } }
@media(max-width:760px) {
  .hero { min-height:0; padding:25px 24px 80px; }
  .hero .alinix-topbar { margin-bottom:75px; }
  .hero-main { margin-top:0; }
  .hero h1 { font-size:clamp(45px,10vw,66px); }
  .about-page-nav .inner { gap:13px 22px; }
  .about-page-nav span { flex-basis:100%; }
  .positioning .inner,.about-intro-grid { grid-template-columns:1fr; gap:30px; }
  .ethos-row { grid-template-columns:40px minmax(0,1fr); gap:13px 18px; }
  .ethos-copy { grid-column:2; }
  .profiles { grid-template-columns:1fr; }
  .portrait { max-height:420px; }
  .contact .actions { align-items:center; }
}
@media(max-width:430px) { .about-hero-actions { align-items:flex-start; flex-direction:column; } .about-page-nav a { font-size:11px; } .positioning-copy p,.people-intro p,.about-intro-copy p { font-size:15px; } }
@media(prefers-reduced-motion:reduce) { .about-button:hover { transform:none; } }