/* Pages de sous-domaine (meet, pitch) : feuille partagée, servie en /page.css par chaque vhost nginx. */
:root { --forest:#172b24; --forest-light:#253c31; --cream:#f4f1e8; --lime:#e1f58a; --muted:#a9b5a6; }
* { box-sizing: border-box; margin: 0; }
html { background: var(--forest); }
body { min-height: 100vh; display: flex; flex-direction: column; padding: 0 clamp(16px, 4vw, 56px); color: var(--cream); background: var(--forest); font: 400 17px/1.7 'Hanken Grotesk', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }

.top { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 26px 0; border-bottom: 1px solid rgba(244,241,232,.18); }
.brand { font: 400 26px/1 'Anton', sans-serif; letter-spacing: .01em; }
.brand em { font-style: normal; color: var(--lime); }
.tag { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }

main { flex: 1; width: 100%; max-width: 1080px; padding: clamp(40px, 8vh, 96px) 0 64px; }
.eyebrow { display: flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
.eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(225,245,138,.18); }
h1 { margin: 28px 0 32px; font: 400 clamp(52px, 10vw, 124px)/1.06 'Anton', sans-serif; text-transform: uppercase; letter-spacing: -.005em; }
h1 span { display: block; margin-top: .12em; font: italic 500 .72em/1.05 'EB Garamond', serif; text-transform: none; letter-spacing: -.02em; color: var(--lime); }
.lead { max-width: 620px; font-size: clamp(17px, 1.6vw, 20px); color: rgba(244,241,232,.86); }

.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin: clamp(40px, 7vh, 72px) 0 32px; }
.cards article { padding: 26px 24px 28px; border: 1px solid rgba(244,241,232,.16); border-radius: 4px; background: var(--forest-light); }
.cards b { font: 400 13px/1 'Hanken Grotesk', sans-serif; letter-spacing: .2em; color: var(--lime); }
.cards h2 { margin: 18px 0 8px; font: italic 400 28px/1.15 'EB Garamond', serif; }
.cards p { font-size: 15.5px; line-height: 1.6; color: rgba(244,241,232,.74); }

.note { max-width: 620px; padding-left: 16px; border-left: 2px solid var(--lime); font-size: 14px; color: var(--muted); }
.cta { display: inline-flex; align-items: center; gap: 28px; margin-top: 36px; padding: 17px 24px; background: var(--lime); color: var(--forest); font-size: 14px; font-weight: 600; transition: transform .2s ease; }
.cta:hover { transform: translateY(-2px); }
.cta span { font-size: 18px; line-height: 1; }

footer { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 22px 0 28px; border-top: 1px solid rgba(244,241,232,.18); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
footer a:hover { color: var(--lime); }