.site-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.site-reveal.is-visible{opacity:1;transform:none}
article :where(pre){padding:1.25rem;border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);background:#101317;border-radius:2px}article :where(code){font-size:.9em}article :where(blockquote){border-inline-start:3px solid var(--color-orange);padding-inline-start:1.25rem;color:var(--color-text-muted)}
[aria-current="page"]{color:var(--color-text)!important}

.about-page{padding-top:72px;background:var(--color-background);color:var(--color-text)}
.about-shell{width:min(calc(100% - 2rem),var(--container-width));margin-inline:auto}
.about-hero{position:relative;overflow:hidden;padding:clamp(5rem,10vw,9rem) 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:radial-gradient(circle at 82% 30%,rgba(0,118,226,.18),transparent 32%),radial-gradient(circle at 22% 4%,rgba(255,90,31,.14),transparent 30%)}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr);gap:clamp(3rem,8vw,8rem);align-items:center}
.about-kicker{margin:0 0 1.25rem;color:var(--color-orange);font:700 .75rem/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase}
.about-hero h1{max-width:13ch;margin:0;font:700 clamp(3.1rem,7vw,7.5rem)/.9 var(--font-display);letter-spacing:-.065em}
.about-lede{max-width:42rem;margin:2rem 0 0;color:var(--color-text-muted);font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.6}
.about-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:2.25rem;padding:.95rem 1.25rem;background:var(--color-orange);color:#fff;text-decoration:none;font:700 .8rem/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;transition:transform .2s ease,background-color .2s ease}
.about-cta:hover{background:#ff713e;transform:translateY(-2px)}
.about-mark{display:grid;gap:.8rem;padding:2rem;border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);background:rgba(21,21,21,.72);box-shadow:0 2rem 6rem rgba(0,0,0,.28)}
.about-mark img{display:block;width:min(100%,19rem);height:auto;margin-bottom:1rem}
.about-mark span{display:flex;align-items:center;gap:.8rem;color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.about-mark span:before{content:"";width:.45rem;height:.45rem;background:var(--color-blue);border-radius:50%;box-shadow:0 0 0 .25rem rgba(0,118,226,.12)}
.about-section{padding:var(--section-spacing) 0}
.about-story-grid{display:grid;grid-template-columns:minmax(10rem,.35fr) minmax(0,1fr);gap:clamp(2rem,9vw,9rem)}
.about-story-grid h2{max-width:15ch;margin:0 0 2rem;font:700 clamp(2.4rem,5vw,5.5rem)/.95 var(--font-display);letter-spacing:-.055em}
.about-story-grid div>p{max-width:48rem;margin:0 0 1.35rem;color:var(--color-text-muted);font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.75}
.about-section-raised{border-block:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:var(--color-surface)}
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;background:var(--color-border);border:1px solid var(--color-border)}
.about-principles article{min-height:20rem;padding:clamp(1.5rem,3vw,2.5rem);background:var(--color-surface)}
.about-principles span{color:var(--color-orange);font:700 .75rem/1 var(--font-display);letter-spacing:.14em}
.about-principles h2{margin:5rem 0 1rem;font:700 clamp(1.6rem,2.5vw,2.4rem)/1 var(--font-display);letter-spacing:-.035em}
.about-principles p{margin:0;color:var(--color-text-muted);line-height:1.65}
@media (max-width:800px){.about-hero-grid,.about-story-grid{grid-template-columns:1fr}.about-mark{max-width:32rem}.about-principles{grid-template-columns:1fr}.about-principles article{min-height:0}.about-principles h2{margin-top:3rem}}