:root { --rail: calc(clamp(24px, 4vw, 72px) + 18px); }
body.site-about { margin: 0; color: #111; background: #fff; font: 400 16px/1.65 'Inter HDS', Arial, sans-serif; }
.site-about .about-masthead .de-hero { min-height: 0; overflow: visible; background: #fff; }
.site-about .about-masthead .de-header { position: relative; top: auto; right: auto; left: auto; }
.site-about .about-content, .site-about .about-footer { color: #111; font: 400 16px/1.65 'Inter HDS', Arial, sans-serif; }
.site-about :is(.about-content, .about-footer) a { color: inherit; text-decoration: none; }
.site-about :is(.about-content, .about-footer) a:hover { text-decoration: underline; text-underline-offset: 5px; }
.site-about :is(.about-content, .about-footer) a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.site-about .about-brand { font-size: 15px; letter-spacing: -.035em; font-weight: 500; }
.site-about .about-content { padding-inline: var(--rail); }
.site-about .about-intro { display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; align-items: center; padding-block: 56px; }
.site-about .about-label { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.site-about .about-content h1 { margin: 14px 0; font-size: clamp(34px, 4vw, 58px); font-weight: 400; line-height: 1.12; letter-spacing: -.04em; }
.site-about .about-content h2 { margin: 0; font-size: 28px; font-weight: 400; line-height: 1.25; letter-spacing: -.035em; }
.site-about .about-content p { color: #707070; }
.site-about .about-content img { display: block; width: 100%; height: auto; object-fit: cover; }
.site-about .about-intro img { height: 360px; }
.site-about .about-chapter { display: grid; grid-template-columns: .65fr 1.35fr; gap: 48px; padding-block: 48px; border-top: 1px solid #e5e5e5; }
.site-about .about-chapter p { margin: 0 0 20px; }
.site-about .about-chapter img { max-height: 400px; margin-top: 32px; }
.site-about .about-links { display: flex; flex-wrap: wrap; gap: 18px 28px; font-size: 13px; }
.site-about .about-links a { padding-block: 10px; border-bottom: 1px solid #111; }
.site-about .about-footer { display: block; padding: 40px var(--rail); border-top: 1px solid #e5e5e5; background: #fff; text-transform: none; letter-spacing: normal; }
.site-about .about-footer p { color: #111; font-size: 11px; letter-spacing: .04em; }
.site-about .about-footer nav { display: flex; flex-wrap: wrap; gap: 22px; font-size: 13px; }
@media (max-width: 900px) { :root { --rail: 33px; } .site-about .about-intro, .site-about .about-chapter { grid-template-columns: 1fr; gap: 24px; padding-block: 36px; } .site-about .about-intro img { height: 280px; } .site-about .about-content h2 { font-size: 26px; } .site-about .about-content { font-size: 15px; } }