:root { --ink:#0b0b0d; --paper:#f2eee9; --panel:#171517; --line:#d8d0ca; --red:#8d2635; --red-dark:#581923; --muted:#716b6a; --white:#fffaf7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(100% - 40px,1180px); margin:auto; padding:24px 0; }
.brand { display:flex; align-items:center; gap:9px; color:var(--ink); font:700 18px Sora,sans-serif; text-decoration:none; }.mark { width:20px; height:20px; border:2px solid var(--red); border-radius:4px; background:var(--red); }
.nav { display:flex; align-items:center; gap:18px; color:var(--muted); font-size:13px; font-weight:700; }.nav a { text-decoration:none; }.nav a:hover { color:var(--red); }.nav .nav-cta { border:1px solid var(--red); padding:9px 13px; color:var(--red); }.nav .nav-cta:hover { background:var(--red); color:var(--white); }
.about-main { width:min(100% - 40px,1180px); margin:auto; }.hero { display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:end; padding:92px 0 84px; border-top:1px solid var(--line); }.eyebrow { margin:0 0 14px; color:var(--red); font-size:11px; font-weight:800; letter-spacing:.16em; }.hero h1 { max-width:720px; margin:0; font:700 clamp(42px,8vw,92px)/.98 Sora,sans-serif; letter-spacing:-.04em; }.hero h1 span { color:var(--red); }.hero-copy { max-width:390px; color:var(--muted); font-size:16px; line-height:1.7; }.hero-copy strong { color:var(--ink); }.signal { display:flex; gap:8px; margin-top:30px; }.signal i { display:block; width:48px; height:7px; background:var(--red); }.signal i:nth-child(2) { width:22px; background:var(--ink); }.signal i:nth-child(3) { width:10px; background:var(--red-dark); }
.story { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding-bottom:80px; }.story-card { min-height:290px; padding:28px; background:var(--panel); color:var(--white); }.story-card.accent { background:var(--red); }.story-card h2 { margin:0 0 42px; font:600 22px Sora,sans-serif; }.story-card p { max-width:420px; margin:0; color:#c7bfc0; line-height:1.7; }.story-card.accent p { color:#ffe8e5; }.principles { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; border-top:1px solid var(--line); padding:25px 0 90px; }.principle strong { display:block; margin-bottom:9px; font:600 16px Sora,sans-serif; }.principle span { color:var(--muted); font-size:13px; line-height:1.6; }
.site-footer { display:flex; justify-content:space-between; gap:20px; width:min(100% - 40px,1180px); margin:auto; border-top:1px solid var(--line); padding:20px 0 28px; color:var(--muted); font-size:12px; }.site-footer a { text-decoration:none; }.site-footer a:hover { color:var(--red); }
@media (max-width:700px) { .site-header,.about-main,.site-footer { width:min(100% - 24px,1180px); }.nav { gap:10px; }.nav a:not(.nav-cta) { display:none; }.hero { display:block; padding:60px 0 58px; }.hero h1 { font-size:clamp(42px,14vw,70px); }.hero-copy { margin-top:28px; }.story { grid-template-columns:1fr; }.story-card { min-height:240px; }.principles { grid-template-columns:1fr; gap:26px; padding-bottom:60px; }.site-footer { flex-direction:column; } }