/* Global site-wide skin for "Storytelling / Visual" — warm cinematic amber. */
:root{--primary:#b45309;--primary-light:#fef3e2;--bg:#fff;--surface:#fff;--surface-alt:#faf9f7;--border:#e7e5e4;--text:#1c1917;--text-muted:#78716c;--radius:10px;--shadow:0 4px 18px rgba(28,25,23,.08);--font-heading:'Fraunces',Georgia,serif;--font-body:'Inter',-apple-system,sans-serif;}
[data-theme="dark"]{--bg:#0c0a09;--surface:#171412;--surface-alt:#1c1917;--text:#f5f5f4;--text-muted:#a8a29e;--border:#292524;--primary:#d97706;--primary-light:#2c1f0e;}

/* ── Layout DNA ── cinematic oversized hero, warm serif emphasis, dramatic cards */
.btn{border-radius:999px;padding:12px 26px;}
.main-nav a{border-radius:999px;}
.hero{padding:100px 20px;text-align:center;background:linear-gradient(180deg,var(--primary-light),var(--bg) 70%);}
.hero h1{font-size:clamp(30px,6vw,52px);}
.hero::before,.hero::after{background:var(--primary);opacity:.18;width:300px;height:300px;}
.card{border-radius:16px;}
.card img{aspect-ratio:16/10;}
.card:hover{box-shadow:0 14px 32px rgba(180,83,9,.14);}
/* Storytelling: warm cinematic tone with a slow Ken Burns zoom on hover. */
.thumb-photo{border-radius:16px 16px 0 0;filter:saturate(1.15) sepia(.08) contrast(1.03);overflow:hidden;}
.thumb-avatar{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--primary-light);}
.card:hover .thumb-photo{transform:scale(1.08);}
.stat-num{font-family:var(--font-heading);font-weight:700;}