:root{--red:#e21b23;--black:#090909;--paper:#f7f7f5;--line:#d8d8d5;--muted:#666}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--black);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}

.header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 3vw;background:#f7f7f5ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
.logo{font-weight:950;font-size:21px;letter-spacing:-.07em;line-height:.8}
.logo span,footer span{color:var(--red)}
.logo small{display:block;font-size:7px;letter-spacing:.13em;margin-top:7px}
.nav{display:flex;align-items:center;justify-content:center;gap:28px;margin:0 auto}
.nav a{display:inline-block;font-size:9px;font-weight:900;letter-spacing:.11em;white-space:nowrap}
.nav a.active{color:var(--red)}
.connect{border:1px solid var(--red);padding:12px 18px;font-size:9px;font-weight:900;letter-spacing:.05em;white-space:nowrap}

.container{max-width:1250px;margin:auto;padding:0 5vw}
.kicker{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.18em}

.about-hero{padding:78px 0 0}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px}
.about-main{padding-bottom:55px}
.about-main h1{font-size:clamp(70px,8.8vw,138px);line-height:.78;letter-spacing:-.085em;margin:28px 0 34px;font-weight:950}
.about-main h1 span{color:var(--red)}
.hero-lead{font-size:24px;font-weight:800;line-height:1.18;max-width:760px;margin:0 0 24px}
.hero-copy{font-size:16px;line-height:1.65;color:#444;max-width:700px;margin:0}

.quote-panel{border-left:1px solid var(--line);padding:105px 0 0 55px;min-height:490px}
.quote-mark{font-size:66px;line-height:.5;color:var(--red);font-weight:950;margin-bottom:38px}
.quote-panel p{font-size:19px;line-height:1.45;font-weight:800;max-width:230px;margin:0 0 24px}
.quote-panel small{font-size:9px;letter-spacing:.14em;color:#777}

.role{border-top:1px solid var(--line);padding:26px 0 30px;display:flex;align-items:center;gap:24px}
.role-icon{width:64px;height:64px;border-radius:50%;background:var(--black);color:white;display:grid;place-items:center;flex:0 0 auto}
.role-icon svg{width:32px;height:32px}
.role-content{border-left:1px solid var(--line);padding-left:24px}
.role-label{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}
.role-title{font-size:25px;font-weight:900;letter-spacing:-.04em;margin-bottom:7px}
.role-org{font-size:11px;letter-spacing:.11em;color:#444;font-weight:700}

.principles{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:38px 0 52px}
.principle{padding:0 28px;border-left:1px solid var(--line)}
.principle:first-child{border-left:0;padding-left:0}
.principle-icon{height:42px;margin-bottom:16px}
.principle-icon svg{width:36px;height:36px;stroke:var(--black);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.principle b{font-size:11px;letter-spacing:.1em}
.principle p{font-size:14px;line-height:1.45;color:#555;max-width:170px;margin:10px 0 0}

.section{padding:105px 0;border-top:1px solid var(--line)}
.section-grid{display:grid;grid-template-columns:30% 70%;gap:50px}
.section h2{font-size:clamp(52px,6.5vw,96px);line-height:.84;letter-spacing:-.075em;margin:0 0 34px;font-weight:950}
.section h2 span{color:var(--red)}
.section p{font-size:17px;line-height:1.7;max-width:720px;color:#333}
.lead{font-size:24px!important;line-height:1.35!important;font-weight:800;color:#111!important}

.beliefs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:45px}
.belief{padding:28px 28px 35px 0;border-bottom:1px solid var(--line)}
.belief:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}
.belief b{font-size:10px}
.belief h3{font-size:27px;letter-spacing:-.05em;margin:20px 0 10px}
.belief p{font-size:14px;line-height:1.5;margin:0}

.why{background:var(--black);color:#fff;padding:105px 0}
.why h2{font-size:clamp(55px,7vw,105px);line-height:.84;letter-spacing:-.075em;margin:30px 0}
.why h2 span{color:var(--red)}
.why p{max-width:720px;font-size:18px;line-height:1.7;color:#ccc}

.timeline{border-top:1px solid var(--line);margin-top:45px}
.timeline-row{display:grid;grid-template-columns:100px 220px 1fr;gap:25px;padding:22px 0;border-bottom:1px solid var(--line);font-size:12px}
.timeline-row b{color:var(--red)}
.timeline-row p{margin:0;color:#555;line-height:1.5}

.cta{padding:80px 0;display:flex;align-items:end;justify-content:space-between;gap:40px}
.cta h2{font-size:clamp(45px,6vw,80px);line-height:.87;letter-spacing:-.07em;margin:22px 0 0}
.cta h2 span{color:var(--red)}
.cta a{background:var(--red);color:#fff;padding:15px 20px;font-size:9px;font-weight:900;white-space:nowrap}

footer{border-top:1px solid var(--line);padding:30px 3vw;display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.08em}

@media(max-width:800px){
  .header{height:auto;min-height:62px;flex-wrap:wrap;padding:12px 18px 0}
  .header .logo{margin-bottom:12px}.header .connect{margin-bottom:12px}
  .nav{order:3;width:100%;justify-content:flex-start;margin:0 -18px;padding:11px 18px 12px;gap:24px;border-top:1px solid var(--line);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .about-grid,.section-grid{grid-template-columns:1fr;gap:45px}
  .quote-panel{padding:35px 0 0;border-left:0;border-top:1px solid var(--line);min-height:auto}
}
@media(max-width:700px){
  .container{padding:0 22px}
  .about-hero{padding:62px 0 0}
  .about-main h1{font-size:clamp(58px,15vw,92px);margin-top:25px}
  .hero-lead{font-size:20px}
  .role{align-items:flex-start}.role-title{font-size:20px}.role-org{font-size:9px}
  .principles{grid-template-columns:1fr 1fr;gap:0;padding-bottom:30px}
  .principle{padding:24px 18px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
  .principle:nth-child(odd){border-left:0;padding-left:0}
  .principle p{max-width:none}
  .section,.why{padding:75px 0}
  .beliefs{display:block}.belief,.belief:nth-child(even){padding:25px 0;border-left:0}
  .timeline-row{grid-template-columns:60px 1fr;gap:10px}.timeline-row p{grid-column:2}
  .cta{display:block;padding:60px 0}.cta a{display:inline-block;margin-top:25px}
  footer{display:block;line-height:2.2;padding:25px 20px}
}