body { font-family: Inter, sans-serif; margin:0; background:#f6f7fb; color:#0f172a; }
.page { display:flex; flex-direction:column; min-height:100vh; }
.hero { display:grid; grid-template-columns:1fr 1.2fr; min-height:88vh; }
.hero-media { overflow:hidden; background:#e5e7eb; }
.portrait { width:100%; height:100%; object-fit:cover; }
.hero-content { padding:40px; background:#e9ecf6; }
.brand .name { font-family:"Playfair Display",serif; font-size:36px; margin:0; }
.subtitle { color:#475569; margin-bottom:18px; }
.cta { display:inline-block; background:#0f172a; color:#fff; padding:12px 22px; border-radius:8px; text-decoration:none; font-weight:600; }
.about { margin-top:24px; max-width:800px; }
.logo { height:56px; }
.cc2-logo { height:72px; }
.footer { margin-top:auto; text-align:center; padding:20px; background:#fff; border-top:1px solid #ddd; }