.about-page{background:var(--warm-white);color:var(--primary-dark);min-height:100vh}.about-page-code{color:var(--accent-light);letter-spacing:.35rem;text-transform:uppercase;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.9rem}.about-hero{--hero-media-image:url(/assets/images/about-hero.png);--hero-media-position:center 10%;--hero-media-size:cover;min-height:clamp(280px,48vh,420px);padding:clamp(3rem,5vw,4rem) 2rem 3rem}@media (max-width:768px){.about-hero{--hero-media-size:cover}}.about-hero:before{background:linear-gradient(135deg,#0c0c0c73,#1414144d)}.about-hero:after{opacity:.08}.about-subtitle{opacity:.85;max-width:620px;margin:0 auto;font-family:JetBrains Mono,monospace;font-size:1.05rem}.about-content{flex-direction:column;gap:3rem;max-width:1100px;margin:0 auto;padding:4rem 1.5rem 6rem;display:flex}.about-letter{justify-content:center;display:flex}.letter-panel{color:var(--primary-dark);background:#fffdf7;border:1px solid #00000014;border-radius:16px;width:min(100%,820px);padding:3rem 2.5rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 70px #0000001f}.letter-panel:after,.letter-panel:before{content:none}.letter-specimen-tag{text-transform:uppercase;letter-spacing:.4rem;background:#131e350d;border:1px solid #131e3540;border-radius:999px;margin-bottom:1rem;padding:.35rem .75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:inline-flex}.letter-heading{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.letter-heading-code{letter-spacing:.35rem;text-transform:uppercase;color:var(--accent-grey);font-family:JetBrains Mono,monospace;font-size:.85rem}.letter-heading-meta{text-transform:uppercase;color:var(--primary-dark);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;display:grid}.letter-heading-meta span{color:var(--accent-grey);letter-spacing:.2rem;margin-bottom:.25rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:block}.letter-body{flex-direction:column;gap:1.25rem;font-size:1.05rem;line-height:1.9;display:flex}.letter-salutation{letter-spacing:.35rem;text-transform:uppercase;color:var(--accent-grey);font-family:Capture It,sans-serif;font-size:.95rem}.letter-quote{letter-spacing:.15rem;text-transform:uppercase;color:var(--accent-grey);border-left:2px solid #00000026;margin:1rem 0 0;padding-left:1rem;font-family:JetBrains Mono,monospace;font-size:.85rem}.letter-signoff{border-top:1px solid #0000001f;margin-top:3rem;padding-top:1.5rem;font-size:.95rem;line-height:1.5}.letter-signature img{max-width:220px;height:auto;margin:.5rem 0 .2rem;display:block}.letter-title{text-transform:uppercase;letter-spacing:.25rem;color:var(--accent-grey);font-family:JetBrains Mono,monospace;font-size:.8rem}.letter-property{text-transform:uppercase;letter-spacing:.35rem;color:var(--accent-grey);text-align:center;margin-top:1.5rem;font-family:JetBrains Mono,monospace;font-size:.65rem}@media (max-width:768px){.about-content{padding:3rem 1rem 4rem}.letter-panel{padding:2.25rem 1.5rem}.letter-heading-meta{grid-template-columns:1fr}}