.about-page { --about-dark:#131316; }
.about-page h3 { color:var(--philosophy-ink); }
.about-hero { min-height:100svh; padding:126px 0 70px; display:grid; grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr); gap:clamp(50px,7vw,110px); align-items:center; }
.about-hero-copy h1 { margin:26px 0 24px; font-size:clamp(76px,8vw,128px); line-height:.78; letter-spacing:-8px; }
.about-hero-copy h1 span,.about-hero-copy h1 strong { display:block; }.about-hero-copy h1 span { color:var(--philosophy-ink); }.about-hero-copy h1 strong { color:var(--red); }
.about-hero-copy>p { max-width:650px; }.about-hero-copy .about-lead { margin-bottom:16px; color:var(--red); font-size:18px; font-weight:900; }
.about-hero-media { min-height:690px; position:relative; overflow:hidden; border-radius:3px 90px 3px 3px; background:#17171a; }
.about-hero-media::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82)); }
.about-hero-media img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; filter:grayscale(1) contrast(1.08); }
.about-image-label,.about-image-stamp { position:absolute; z-index:2; color:white; }.about-image-label { left:42px; bottom:38px; display:flex; align-items:center; gap:18px; }.about-image-label span { color:var(--red); font-size:11px; font-weight:900; }.about-image-label strong { font-size:18px; line-height:1.15; }.about-image-stamp { right:24px; top:25px; padding:14px; border:1px solid rgba(255,255,255,.45); font-size:8px; font-weight:800; line-height:1.6; letter-spacing:1.3px; }
.about-intro,.about-progress { padding:150px 0; display:grid; grid-template-columns:200px minmax(0,900px); gap:clamp(40px,8vw,120px); }.about-index { color:rgba(230,0,18,.12); font-size:170px; font-weight:900; line-height:.8; letter-spacing:-14px; }.about-intro h2,.about-progress h2 { margin:24px 0 35px; }.about-intro p,.about-progress p { max-width:760px; }.about-intro .lead { margin-bottom:24px; }
.about-system,.about-purpose { padding:140px 0; background:var(--about-dark); }.about-system .philosophy-kicker,.about-purpose .philosophy-kicker { color:#919198; }.about-system h2 em,.about-purpose h2 em { color:white; }.about-heading h2 { margin:22px 0 65px; }
.about-signal-grid { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid rgba(255,255,255,.12); }.about-signal-grid article { min-height:240px; padding:30px 24px; border-right:1px solid rgba(255,255,255,.12); transition:background .3s,transform .3s; }.about-signal-grid article:last-child { border:0; }.about-signal-grid article:hover { background:var(--red); transform:translateY(-8px); }.about-signal-grid span { color:var(--red); font-size:10px; font-weight:900; }.about-signal-grid article:hover span { color:white; }.about-signal-grid h3 { margin:55px 0 13px; color:white; font-size:15px; }.about-signal-grid p { color:#8f8f96; font-size:10px; line-height:1.7; }.about-signal-grid article:hover p { color:rgba(255,255,255,.8); }
.about-quote { margin:80px 0 0 auto; max-width:820px; color:#77777e; font-size:20px; line-height:1.5; }.about-quote strong { display:block; margin-top:10px; color:white; font-size:clamp(26px,3vw,46px); line-height:1.12; }
.about-understand { padding:150px 0; display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }.about-understand h2 { margin-top:23px; }.about-answer-grid { display:grid; grid-template-columns:1fr 1fr; align-self:center; }.about-answer-grid p { padding:22px 12px 22px 0; border-bottom:1px solid var(--philosophy-line); font-size:13px; font-weight:700; }.about-understand>blockquote { grid-column:1/-1; padding:40px; border-left:5px solid var(--red); background:white; color:var(--red); font-size:clamp(23px,3vw,42px); font-weight:900; }.about-understand>blockquote strong { display:block; margin-top:13px; color:#222226; font-size:14px; }
.about-flow { padding:145px 0; color:white; background:var(--red); }.about-flow .philosophy-kicker { color:#fff; text-shadow:0 2px 12px rgba(60,0,5,.25); }.about-flow h2 { margin:24px 0 35px; color:#160002; }.about-flow h2 em { color:white; }.about-flow p { max-width:780px; color:rgba(255,255,255,.82); font-size:15px; }.about-flow ol { margin-top:70px; display:grid; grid-template-columns:repeat(5,1fr); list-style:none; counter-reset:flow; }.about-flow li { min-height:115px; position:relative; display:grid; place-items:center; border:1px solid rgba(255,255,255,.35); font-size:12px; font-weight:900; letter-spacing:1px; }.about-flow li:not(:last-child)::after { content:'➜'; position:absolute; right:-20px; z-index:2; width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.75); border-radius:50%; color:#fff; background:#17171a; box-shadow:0 9px 22px rgba(55,0,5,.28),0 0 0 5px rgba(255,255,255,.13); font-size:15px; transition:transform .3s var(--ease),background .3s,color .3s; }.about-flow li:hover::after { transform:translateX(4px) scale(1.06); color:var(--red); background:#fff; }
.about-ecosystem { padding:150px 0; }.about-ecosystem-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }.about-ecosystem-grid article { grid-column:span 2; min-height:270px; padding:30px; border:1px solid var(--philosophy-line); background:white; transition:transform .3s,border-color .3s; }.about-ecosystem-grid article:hover { transform:translateY(-8px); border-color:var(--red); }.about-ecosystem-grid .featured { grid-column:3/span 2; color:white; background:var(--red); border-color:var(--red); }.about-ecosystem-grid span { color:var(--red); font-size:10px; font-weight:900; }.about-ecosystem-grid .featured span { color:white; }.about-ecosystem-grid h3 { margin:75px 0 14px; font-size:17px; }.about-ecosystem-grid .featured h3,.about-ecosystem-grid .featured p { color:white; }.about-ecosystem-grid p { font-size:10px; }
.about-progress>div>strong { display:block; margin-top:30px; padding:25px; border:1px solid rgba(230,0,18,.25); color:var(--red); font-size:18px; line-height:1.5; }
.about-purpose h2 { margin:23px 0 50px; }.purpose-list { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:45px; }.purpose-list span { padding:13px 16px; border:1px solid rgba(255,255,255,.18); color:white; font-size:8px; font-weight:800; letter-spacing:1px; }.about-purpose p { max-width:720px; color:#a6a6ad; font-size:14px; }
.about-reason { padding:150px 0; }.about-reason h2 { margin-top:24px; }.reason-contrast { margin:70px 0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:35px; }.reason-contrast p { padding:38px; border:1px solid var(--philosophy-line); background:white; color:#222226; font-size:clamp(18px,2vw,28px); font-weight:900; text-align:center; }.reason-contrast i { color:var(--red); }.reason-points { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }.reason-points p { padding-top:22px; border-top:3px solid var(--red); }.reason-points strong { display:block; margin-top:8px; color:#17171a; font-size:15px; }
.about-finale { margin-bottom:100px; padding:130px clamp(28px,7vw,100px); position:relative; overflow:hidden; color:white; background:var(--about-dark); }.about-finale::after { content:'PP'; position:absolute; right:-40px; bottom:-85px; color:rgba(255,255,255,.025); font-size:330px; font-weight:900; letter-spacing:-30px; }.about-finale>* { position:relative; z-index:1; }.about-finale h2 { margin:24px 0 38px; }.about-finale h2 em { color:white; }.about-finale p { max-width:700px; color:#aaaab0; font-size:15px; }.about-finale blockquote { max-width:970px; margin:65px 0 35px; color:var(--red); font-size:clamp(24px,3vw,45px); font-weight:900; line-height:1.25; }.about-finale>strong { color:white; font-size:10px; letter-spacing:2px; }
@media(max-width:1100px){.about-hero{grid-template-columns:1fr 1fr}.about-hero-media{min-height:590px}.about-signal-grid{grid-template-columns:repeat(3,1fr)}.about-signal-grid article:nth-child(3){border-right:0}.about-signal-grid article{border-bottom:1px solid rgba(255,255,255,.12)}.about-signal-grid article:nth-child(4),.about-signal-grid article:nth-child(5){border-bottom:0}.about-ecosystem-grid{grid-template-columns:repeat(2,1fr)}.about-ecosystem-grid article,.about-ecosystem-grid .featured{grid-column:auto}.about-ecosystem-grid .featured{grid-column:1/-1}}
@media(max-width:820px){.about-hero{min-height:auto;padding:120px 0 80px;grid-template-columns:1fr}.about-hero-copy h1{font-size:clamp(68px,19vw,110px);letter-spacing:-5px}.about-hero-media{min-height:520px}.about-intro,.about-progress{padding:100px 0;grid-template-columns:1fr}.about-index{display:none}.about-system,.about-purpose{padding:100px 0}.about-signal-grid{grid-template-columns:1fr}.about-signal-grid article{min-height:190px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)!important}.about-signal-grid article:last-child{border-bottom:0!important}.about-signal-grid h3{margin-top:40px}.about-understand{padding:100px 0;grid-template-columns:1fr;gap:45px}.about-flow{padding:100px 0}.about-flow ol{grid-template-columns:1fr}.about-flow li:not(:last-child)::after{right:auto;bottom:-20px;transform:rotate(90deg)}.about-flow li:hover::after{transform:rotate(90deg) translateX(4px) scale(1.06)}.about-ecosystem{padding:100px 0}.about-ecosystem-grid{grid-template-columns:1fr}.about-ecosystem-grid .featured{grid-column:auto}.reason-contrast{grid-template-columns:1fr}.reason-contrast i{transform:rotate(90deg);justify-self:center}.reason-points{grid-template-columns:1fr}.about-finale{width:100%;margin-bottom:0}}
@media(max-width:520px){.about-hero-media{min-height:400px;border-radius:3px 45px 3px 3px}.about-answer-grid{grid-template-columns:1fr}.about-ecosystem-grid article{min-height:230px}.about-finale{padding-block:90px}}

@media(max-width:520px){
    .about-hero-copy h1{
        font-size:clamp(60px,17vw,96px);
        line-height:1;
        letter-spacing:clamp(-5px,-1.1vw,-3px);
    }
}