.about-page main { background:#02080c; }
.about-page .site-nav a[aria-current="page"] { color:#76ecf5; }
.about-page .site-nav a[aria-current="page"]::after { right:0; height:2px; background:#24dce9; }

.about-hero,
.about-mission,
.founder-story,
.about-ecosystem,
.about-process,
.about-future,
.about-cta { position:relative; isolation:isolate; overflow:hidden; border-bottom:1px solid rgba(37,190,221,.58); }

.about-hero { height:min(38.4vw,553px); background:#02080c; }
.about-hero-art,
.about-mission-art,
.founder-story-art,
.about-cta-art { position:absolute; z-index:-2; inset:0; background-repeat:no-repeat; background-size:cover; }
.about-hero-art { background-image:url("assets/about-hero-hd.webp"); background-position:center; }
.about-hero-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#02080c 0%,rgba(2,8,12,.96) 37%,rgba(2,8,12,.34) 49%,transparent 69%),linear-gradient(180deg,rgba(2,8,12,.12),transparent 72%,rgba(2,8,12,.38)); }
.about-hero-copy { position:relative; z-index:3; width:45%; height:100%; padding:min(7.35vw,106px) min(1.7vw,25px) min(1.45vw,21px) min(4.85vw,70px); display:flex; flex-direction:column; align-items:flex-start; background:linear-gradient(90deg,#02080c,rgba(2,8,12,.91) 72%,transparent); }
.about-hero-copy .eyebrow { margin-bottom:min(.75vw,11px); }
.about-hero h1,
.about-mission h2,
.founder-story h2,
.about-section-heading h2,
.about-cta h2 { margin:0; font-weight:400; letter-spacing:-.035em; line-height:.98; text-transform:uppercase; }
.about-hero h1 { font-size:clamp(2.2rem,4.25vw,3.82rem); white-space:nowrap; }
.about-hero h1 span { color:#f1c577; }
.about-hero-copy>p:not(.eyebrow):not(.about-hero-line) { max-width:min(36vw,518px); margin:min(.85vw,13px) 0 min(.55vw,8px); color:#d9e1e4; font-size:clamp(.78rem,.94vw,.96rem); line-height:1.42; }
.about-hero-line { width:100%; margin:0 0 min(1.05vw,15px); padding-top:min(.55vw,8px); border-top:1px solid rgba(231,189,113,.72); color:#e3e8ea; font-size:clamp(.52rem,.63vw,.68rem); font-weight:600; letter-spacing:.16em; text-transform:uppercase; white-space:nowrap; }
.about-hero-copy .button { min-width:min(15.3vw,220px); min-height:min(3.05vw,44px); }
.about-hero-mantra { position:absolute; z-index:4; right:4.2%; top:17%; margin:0; color:#dbe6e9; font-size:clamp(.66rem,.88vw,.92rem); font-weight:600; line-height:1.55; letter-spacing:.15em; text-transform:uppercase; transform:rotate(-3deg); text-shadow:0 2px 9px #000; }

.about-mission { height:min(23.1vw,333px); background:#02080c; }
.about-mission-art { background-image:url("assets/about-mission-hd.webp"); background-position:center; }
.about-mission-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 0%,rgba(2,8,12,.06) 42%,rgba(2,8,12,.86) 53%,#06131c 100%); }
.about-mission-copy { position:relative; z-index:3; width:53%; height:100%; margin-left:auto; padding:min(2.8vw,40px) min(4.8vw,69px) min(2vw,29px) min(2vw,29px); display:flex; flex-direction:column; justify-content:center; background:linear-gradient(90deg,transparent,#071621 13%,rgba(7,22,33,.96)); }
.about-mission-copy .eyebrow { margin-bottom:min(.55vw,8px); }
.about-mission h2 { font-size:clamp(1.75rem,2.75vw,2.48rem); }
.about-mission-copy>p:not(.eyebrow):not(.mission-rule) { max-width:min(43vw,619px); margin:min(.8vw,12px) 0 min(.9vw,13px); color:#d9e2e5; font-size:clamp(.74rem,.94vw,.96rem); line-height:1.48; }
.mission-rule { margin:0; padding-top:min(.8vw,12px); border-top:1px solid var(--gold); color:#e1e7e9; font-size:clamp(.52rem,.63vw,.68rem); letter-spacing:.08em; text-transform:uppercase; }
.mission-rule strong { margin-left:.3rem; font-weight:500; }

.founder-story { height:min(34vw,490px); background:#02080c; }
.founder-story-art { background-image:url("assets/about-founder-hd.webp"); background-position:center; }
.founder-story-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#02080c 0%,rgba(2,8,12,.97) 36%,rgba(2,8,12,.67) 47%,rgba(2,8,12,.08) 65%,transparent),linear-gradient(180deg,rgba(2,8,12,.03),transparent 74%,rgba(2,8,12,.42)); }
.founder-story-copy { position:relative; z-index:3; width:45%; height:100%; padding:min(1.55vw,23px) min(2.2vw,32px) min(1.25vw,18px) min(4vw,58px); background:linear-gradient(90deg,#02080c,rgba(2,8,12,.94) 75%,transparent); }
.founder-story-copy .eyebrow { margin-bottom:min(.45vw,7px); }
.founder-story h2 { font-size:clamp(2rem,3.05vw,2.75rem); }
.founder-story-copy>p { max-width:min(38vw,547px); margin:min(.65vw,10px) 0 0; color:#d3dde0; font-size:clamp(.67rem,.8vw,.84rem); line-height:1.42; }
.founder-story blockquote { margin:min(.75vw,11px) 0 0; padding:min(.45vw,7px) 0 min(.2vw,3px) min(1.25vw,18px); border-left:3px solid var(--gold); }
.founder-story blockquote strong { display:block; max-width:min(35vw,504px); color:#f0c777; font-size:clamp(.63rem,.78vw,.82rem); line-height:1.45; letter-spacing:.07em; text-transform:uppercase; }
.founder-story cite { display:block; margin-top:min(.45vw,7px); color:#e4e9eb; font-size:clamp(.5rem,.6vw,.65rem); font-style:normal; letter-spacing:.18em; text-transform:uppercase; }

.about-ecosystem { height:min(28vw,403px); padding:min(1.4vw,20px) min(3.25vw,47px) min(1.55vw,22px); background:radial-gradient(circle at 50% 130%,rgba(34,103,143,.3),transparent 52%),linear-gradient(180deg,#06131c,#02090d); }
.about-section-heading .eyebrow { margin-bottom:min(.45vw,7px); }
.about-section-heading h2 { font-size:clamp(1.85rem,2.7vw,2.45rem); }
.role-grid { position:relative; margin-top:min(1.25vw,18px); display:grid; grid-template-columns:minmax(0,1fr) min(2.4vw,35px) minmax(0,1fr) min(2.4vw,35px) minmax(0,1fr); align-items:center; }
.role-card { min-width:0; height:min(20.1vw,290px); overflow:hidden; border:1px solid rgba(41,193,224,.7); border-radius:4px; background:#041018; box-shadow:0 15px 30px rgba(0,0,0,.28); }
.role-card>img { width:100%; height:min(9.15vw,132px); object-fit:cover; object-position:center; border-bottom:1px solid rgba(41,193,224,.38); transition:transform .55s ease,filter .55s ease; }
.role-card:hover>img { transform:scale(1.035); filter:saturate(1.08) contrast(1.03); }
.role-card-copy { min-height:calc(100% - min(9.15vw,132px)); padding:min(.75vw,11px) min(1vw,14px); display:grid; grid-template-columns:min(3.3vw,48px) 1fr; gap:min(.55vw,8px) min(.85vw,12px); align-content:start; background:linear-gradient(145deg,rgba(4,17,24,.99),rgba(2,9,14,.99)); }
.role-card-copy>p { grid-column:1/-1; margin:min(.35vw,5px) 0 0; color:#c7d2d7; font-size:clamp(.58rem,.68vw,.73rem); line-height:1.35; }
.role-card h3 { margin:0; font-size:clamp(.75rem,.94vw,.98rem); font-weight:500; letter-spacing:.08em; text-transform:uppercase; }
.role-kicker { margin:min(.2vw,3px) 0 0; color:#edc577; font-size:clamp(.47rem,.55vw,.6rem); letter-spacing:.14em; text-transform:uppercase; }
.role-tc { display:grid; place-items:center; align-self:center; color:#f0c674; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.4rem,2.25vw,2rem); }
.role-appz { align-self:center; width:min(3vw,43px); height:min(3vw,43px); }
.market-mark { position:relative; align-self:center; width:min(3vw,43px); height:min(2.5vw,36px); }
.market-mark i { position:absolute; bottom:0; width:42%; aspect-ratio:1; border:2px solid #ebc16f; border-radius:50%; }
.market-mark i:first-child { left:0; }.market-mark i:nth-child(2){right:0}.market-mark i:nth-child(3){left:29%;bottom:26%}
.role-connector { position:relative; height:1px; background:linear-gradient(90deg,rgba(235,193,111,.2),#efc66f,rgba(235,193,111,.2)); }
.role-connector::after { content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; border-radius:50%; background:#f4cb74; box-shadow:0 0 12px rgba(244,203,116,.75); transform:translate(-50%,-50%); }

.about-process { height:min(27.8vw,400px); padding:min(1.1vw,16px) min(3.25vw,47px) min(1.2vw,18px); background:linear-gradient(135deg,#05121a,#061722 52%,#030b10); }
.about-process .about-section-heading h2 { font-size:clamp(1.75rem,2.55vw,2.3rem); }
.process-grid { margin-top:min(.8vw,12px); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:min(.7vw,10px); }
.process-card { position:relative; height:min(19.6vw,282px); overflow:hidden; border:1px solid rgba(41,193,224,.66); border-radius:4px; background:#031017; }
.process-card::after { content:""; position:absolute; z-index:3; right:max(-.55vw,-8px); top:39%; width:min(1.1vw,16px); height:min(1.1vw,16px); border-top:2px solid var(--gold); border-right:2px solid var(--gold); transform:rotate(45deg); filter:drop-shadow(0 0 5px rgba(231,189,113,.5)); }
.process-card:last-child::after { display:none; }
.process-card>img { width:100%; height:min(9.8vw,141px); object-fit:cover; object-position:center; transition:transform .5s ease,filter .5s ease; }
.process-card:hover>img { transform:scale(1.04); filter:saturate(1.08) contrast(1.03); }
.process-card>div { position:relative; min-height:calc(100% - min(9.8vw,141px)); padding:min(.55vw,8px) min(.85vw,12px) min(.7vw,10px) min(4.2vw,60px); background:linear-gradient(180deg,rgba(5,21,29,.96),#031017); }
.process-card strong { position:absolute; left:min(.75vw,11px); top:min(.55vw,8px); color:#f2cc81; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.65rem,2.45vw,2.25rem); font-weight:400; line-height:1; }
.process-card h3 { margin:0; color:#edf3f4; font-size:clamp(.72rem,.87vw,.92rem); font-weight:500; line-height:1.13; text-transform:uppercase; }
.process-card p { margin:min(.45vw,7px) 0 0; color:#bac8ce; font-size:clamp(.58rem,.68vw,.73rem); line-height:1.35; }

.about-future { height:min(25.9vw,373px); padding:min(1.15vw,17px) min(3.25vw,47px) min(1.35vw,20px); background:linear-gradient(135deg,#06131b,#041019 55%,#02090d); }
.about-future .about-section-heading h2 { font-size:clamp(1.65rem,2.45vw,2.2rem); }
.future-grid { margin-top:min(.75vw,11px); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:min(.65vw,9px); }
.future-card { height:min(18.7vw,269px); overflow:hidden; border:1px solid rgba(41,193,224,.58); border-radius:4px; background:#031017; }
.future-card>img { width:100%; height:min(9.1vw,131px); object-fit:cover; object-position:center; border-bottom:1px solid rgba(41,193,224,.34); transition:transform .5s ease,filter .5s ease; }
.future-card:hover>img { transform:scale(1.04); filter:saturate(1.07) contrast(1.03); }
.future-card>div { min-height:calc(100% - min(9.1vw,131px)); padding:min(.65vw,9px) min(.8vw,12px); background:linear-gradient(180deg,#061923,#031017); }
.future-card h3 { margin:0 0 min(.45vw,7px); color:#f0f4f5; font-size:clamp(.65rem,.78vw,.84rem); font-weight:500; text-transform:uppercase; }
.future-card p { margin:0; color:#bbc9ce; font-size:clamp(.55rem,.65vw,.7rem); line-height:1.38; }

.about-cta { height:min(19.1vw,275px); background:#02080c; }
.about-cta-art { background-image:url("assets/about-cta-hd.webp"); background-position:center; }
.about-cta-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#02080c 0%,rgba(2,8,12,.96) 35%,rgba(2,8,12,.42) 49%,transparent 69%),linear-gradient(180deg,rgba(2,8,12,.03),transparent 72%,rgba(2,8,12,.32)); }
.about-cta-copy { position:relative; z-index:3; width:58%; height:100%; padding:min(2.9vw,42px) min(1.8vw,26px) min(2vw,29px) min(3.7vw,53px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background:linear-gradient(90deg,#02080c,rgba(2,8,12,.92) 72%,transparent); }
.about-cta h2 { font-size:clamp(1.8rem,2.75vw,2.48rem); }
.about-cta-actions { margin-top:min(1.3vw,19px); display:flex; gap:min(.75vw,11px); }
.about-cta-actions .button { min-width:min(20vw,288px); min-height:min(3.05vw,44px); padding-inline:min(1.25vw,18px); font-size:clamp(.52rem,.6vw,.65rem); letter-spacing:.17em; }
.about-cta-actions .button-dark { min-width:min(21.5vw,310px); }
.about-cta-mantra { position:absolute; z-index:4; right:4.1%; top:25%; margin:0; color:#eac275; font-size:clamp(.58rem,.75vw,.8rem); font-weight:600; line-height:1.55; letter-spacing:.16em; text-transform:uppercase; transform:rotate(-2deg); text-shadow:0 2px 9px #000; }

.about-page .site-footer { min-height:min(15.1vw,218px); padding-top:min(2vw,29px); }

@media (max-width:980px){
  .about-hero-copy,.founder-story-copy,.about-cta-copy{padding-left:38px}
  .about-mission-copy{padding-right:38px}
  .about-ecosystem,.about-process,.about-future{padding-inline:28px}
}

@media (max-width:760px){
  .about-hero{height:auto;min-height:860px;display:flex;align-items:flex-end;padding-top:68px}.about-hero-art{inset:68px 0 auto;height:485px;background-position:70% center}.about-hero-art::after{background:linear-gradient(180deg,rgba(2,8,12,.02),rgba(2,8,12,.1) 55%,#02080c 100%)}.about-hero-copy{width:100%;height:auto;min-height:500px;padding:75px var(--mobile-pad) 35px;background:linear-gradient(180deg,transparent,#02080c 22%,#02080c)}.about-hero h1{font-size:clamp(2.65rem,11.5vw,4rem);white-space:normal}.about-hero-copy>p:not(.eyebrow):not(.about-hero-line){max-width:38rem;margin:18px 0 13px;font-size:1rem}.about-hero-line{margin-bottom:20px;white-space:normal;line-height:1.45}.about-hero-copy .button{width:100%;min-width:0}.about-hero-mantra{display:none}
  .about-mission{height:auto;min-height:710px;display:flex;align-items:flex-end}.about-mission-art{inset:0 0 auto;height:390px;background-position:25% center}.about-mission-art::after{background:linear-gradient(180deg,transparent 38%,#02080c 100%)}.about-mission-copy{width:100%;height:auto;min-height:390px;margin:0;padding:75px var(--mobile-pad) 48px;background:linear-gradient(180deg,transparent,#06131c 22%,#06131c)}.about-mission h2,.founder-story h2,.about-section-heading h2,.about-cta h2{font-size:clamp(2.1rem,9.1vw,3.25rem)}.about-mission-copy>p:not(.eyebrow):not(.mission-rule){max-width:38rem;margin:18px 0 20px;font-size:1rem}.mission-rule{padding-top:17px;font-size:.62rem;line-height:1.5}
  .founder-story{height:auto;min-height:900px;display:flex;align-items:flex-end}.founder-story-art{inset:0 0 auto;height:470px;background-position:73% center}.founder-story-art::after{background:linear-gradient(180deg,transparent 40%,#02080c 100%)}.founder-story-copy{width:100%;height:auto;min-height:520px;padding:82px var(--mobile-pad) 48px;background:linear-gradient(180deg,transparent,#02080c 22%,#02080c)}.founder-story-copy>p{max-width:38rem;margin:14px 0 0;font-size:.92rem}.founder-story blockquote{margin-top:19px;padding:10px 0 6px 17px}.founder-story blockquote strong{max-width:35rem;font-size:.72rem}.founder-story cite{margin-top:8px;font-size:.57rem}
  .about-ecosystem,.about-process,.about-future{height:auto;padding:48px var(--mobile-pad)}.role-grid{margin-top:28px;grid-template-columns:1fr;gap:14px}.role-connector{width:1px;height:18px;margin:auto;background:linear-gradient(180deg,rgba(235,193,111,.2),#efc66f,rgba(235,193,111,.2))}.role-card{height:auto}.role-card>img{height:auto;aspect-ratio:2.1/1}.role-card-copy{min-height:190px;padding:16px;grid-template-columns:52px 1fr}.role-card-copy>p{font-size:.82rem}.role-card h3{font-size:1rem}.role-kicker{font-size:.58rem}.role-tc{font-size:2rem}.role-appz,.market-mark{width:44px;height:44px}
  .process-grid,.future-grid{margin-top:27px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.process-card,.future-card{height:auto}.process-card::after{display:none}.process-card>img,.future-card>img{height:auto;aspect-ratio:1.65/1}.process-card>div{min-height:155px;padding:15px 14px 18px 66px}.process-card strong{left:14px;top:13px;font-size:2rem}.process-card h3{font-size:.88rem}.process-card p{font-size:.74rem}.future-card>div{min-height:145px;padding:14px}.future-card h3{font-size:.8rem}.future-card p{font-size:.72rem}
  .about-cta{height:auto;min-height:730px;display:flex;align-items:flex-end}.about-cta-art{inset:0 0 auto;height:430px;background-position:69% center}.about-cta-art::after{background:linear-gradient(180deg,transparent 36%,#02080c 100%)}.about-cta-copy{width:100%;height:auto;min-height:390px;padding:88px var(--mobile-pad) 48px;background:linear-gradient(180deg,transparent,#02080c 24%,#02080c)}.about-cta-actions{width:100%;display:grid;grid-template-columns:1fr;gap:9px}.about-cta-actions .button,.about-cta-actions .button-dark{width:100%;min-width:0}.about-cta-mantra{display:none}.about-page .site-footer{min-height:0}
}

@media (max-width:520px){
  .process-grid,.future-grid{grid-template-columns:1fr}.about-hero h1{font-size:2.65rem}.about-mission h2,.founder-story h2,.about-section-heading h2,.about-cta h2{font-size:2.15rem}.role-card>img{aspect-ratio:1.75/1}.process-card>img,.future-card>img{aspect-ratio:1.8/1}
}

@media (prefers-reduced-motion:reduce){.role-card>img,.process-card>img,.future-card>img{transition:none}}