﻿.hero{display:flex;gap:3.75em;align-items:center;}.hero-text{flex:1;}.hero-subtitle{font-size:1.25em;color:#555;}.hero-photo{width:12.5em;height:12.5em;border-radius:50%;background:#eaeaea;object-fit:cover;}.credibility{margin-top:2.5em;padding:1.5625em;border:.0625em solid var(--main-shade1-color);border-radius:.5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(9.375em,1fr));gap:1.25em;text-align:center;background-color:#1e1e1e;}.credibility strong{font-size:1.5em;display:block;}.timeline{position:relative;margin-top:2.5em;}.timeline::before{content:"";position:absolute;left:.75em;top:0;bottom:0;width:.125em;background:#e5e5e5;}.timeline-item{position:relative;padding-left:2.5em;margin-bottom:2.5em;}.timeline-item::before{content:"";position:absolute;left:.375em;top:.3125em;width:.75em;height:.75em;border-radius:50%;background:#111;}.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(15em,1fr));gap:1.5625em;margin-top:1.875em;}.principle{border:.0625em solid var(--main-shade1-color);border-radius:.5em;padding:1.25em;background-color:#1e1e1e;}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10em,1fr));gap:1.25em;margin-top:1.875em;}.tech{padding:1em;border:.0625em solid var(--main-shade1-color);border-radius:.375em;text-align:center;font-weight:500;background-color:#1e1e1e;}.architecture{margin-top:1.875em;padding:2.5em;border-radius:.625em;border:.0625em solid var(--main-shade1-color);text-align:center;background-color:#1e1e1e;}.founder-letter{border:.0625em solid var(--main-shade1-color);border-radius:.625em;padding:2.5em;background-color:#1e1e1e;}.signature{margin-top:1.5625em;font-weight:600;}.press{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5em,1fr));gap:1.25em;margin-top:1.875em;}.press-card{border:.0625em solid var(--main-shade1-color);border-radius:.5em;padding:1.25em;text-align:center;font-size:.875em;background-color:#1e1e1e;}.vision{margin-top:5em;padding-top:2.5em;border-top:.0625em solid var(--main-shade1-color);text-align:center;}.fade{opacity:0;transform:translateY(1.875em);transition:all .6s ease;}.fade.visible{opacity:1;transform:translateY(0);}@media(max-width:50em){.hero{flex-direction:column;text-align:center;}.hero-photo{width:10em;height:10em;}h1{font-size:2.25em;}}