/* ============================================
   Clare Venegas — clarevenegas.com
   Main Stylesheet
   ============================================ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --ink:#1c1209;
  --ink-mid:#3d2e1c;
  --ink-light:#6b5740;
  --ink-muted:#9c8870;
  --parchment:#f5f0e8;
  --parchment-dark:#ede6d6;
  --rule-color:#c8b99a;
  --accent:#8b4513;
  --paper:#faf7f2;
  --col-rule:1px solid var(--rule-color);
  --section-gap:3.5rem;
}

html{scroll-behavior:smooth}
body{font-family:"Source Serif 4",serif;background:var(--paper);color:var(--ink);font-size:17px;line-height:1.75}

/* ── MASTHEAD ── */
.masthead{padding:0 3rem;border-bottom:3px double var(--ink)}
.masthead-top{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0 1.1rem;gap:2rem}
.masthead-meta{font-family:"Space Mono",monospace;font-size:0.58rem;color:var(--ink-light);letter-spacing:0.07em;text-transform:uppercase;line-height:2.1}
.masthead-meta a{color:inherit;text-decoration:none}
.masthead-meta a:hover{color:var(--accent)}
.masthead-center{text-align:center;flex:1}
.masthead-center h1{font-family:"Playfair Display",serif;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:700;line-height:1;color:var(--ink)}
.ornament{display:flex;align-items:center;justify-content:center;gap:0.7rem;margin:0.55rem 0 0.3rem;color:var(--rule-color)}
.ornament span{width:40px;height:1px;background:var(--rule-color);display:inline-block}
.masthead-center .tagline{font-family:"Source Serif 4",serif;font-style:italic;font-size:0.9rem;color:var(--ink-light);letter-spacing:0.05em}
.nav-strip{display:flex;border-top:var(--col-rule)}
.nav-strip a{font-family:"Space Mono",monospace;font-size:0.58rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-mid);text-decoration:none;padding:0.65rem 0;border-right:var(--col-rule);flex:1;text-align:center;transition:background 0.15s,color 0.15s}
.nav-strip a:last-child{border-right:none}
.nav-strip a:hover{background:var(--ink);color:var(--parchment)}

/* ── PROFILE HERO ── */
.profile-hero{display:grid;grid-template-columns:280px 1fr;border-bottom:3px double var(--ink)}
.photo-col{border-right:var(--col-rule);position:relative;overflow:hidden;background:var(--parchment-dark);display:flex;flex-direction:column}
.photo-col img{width:100%;flex:1;object-fit:cover;object-position:center 15%;display:block}
.photo-caption{background:var(--ink);padding:0.55rem 0.85rem;flex-shrink:0}
.photo-caption p{font-family:"Space Mono",monospace;font-size:0.52rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(245,240,232,0.6)}
.profile-col{padding:2.75rem 3rem;display:flex;flex-direction:column;gap:1.75rem}
.kicker{font-family:"Space Mono",monospace;font-size:0.6rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent)}
.profile-hed{font-family:"Playfair Display",serif;font-size:clamp(1.45rem,2.5vw,1.9rem);font-weight:700;color:var(--ink);line-height:1.2;margin-top:0.3rem}
.profile-deck{font-family:"Playfair Display",serif;font-style:italic;font-size:1rem;color:var(--ink-mid);line-height:1.6;border-left:3px solid var(--rule-color);padding-left:1rem}
.profile-body{font-size:0.92rem;color:var(--ink-mid);line-height:1.82;column-count:2;column-gap:2rem;column-rule:var(--col-rule)}
.profile-body p+p{margin-top:0.8rem}
.profile-stats{display:flex;border:var(--col-rule);background:var(--parchment-dark)}
.pstat{flex:1;padding:1rem;border-right:var(--col-rule);text-align:center}
.pstat:last-child{border-right:none}
.pstat-fig{font-family:"Playfair Display",serif;font-size:1.55rem;font-weight:700;color:var(--accent);line-height:1}
.pstat-lab{font-family:"Space Mono",monospace;font-size:0.5rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-muted);margin-top:0.25rem}

/* ── GENERIC SECTION ── */
.page-section{padding:var(--section-gap) 3rem;border-bottom:3px double var(--ink)}
.page-section.toned{background:var(--parchment-dark)}
.sec-header{display:flex;align-items:baseline;gap:1rem;border-top:2px solid var(--ink);border-bottom:var(--col-rule);padding:0.5rem 0;margin-bottom:2rem}
.sec-header h2{font-family:"Playfair Display",serif;font-size:1.3rem;font-weight:700;color:var(--ink)}
.sec-sub{font-family:"Space Mono",monospace;font-size:0.56rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-muted)}

/* ── CAREER ── */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);border:var(--col-rule)}
.c-col{padding:1.5rem 1.4rem;border-right:var(--col-rule);border-bottom:var(--col-rule)}
.c-col:nth-child(3n){border-right:none}
.c-col:nth-last-child(-n+3){border-bottom:none}
.c-org{font-family:"Space Mono",monospace;font-size:0.56rem;letter-spacing:0.1em;color:var(--accent);text-transform:uppercase;margin-bottom:0.25rem}
.c-title{font-family:"Playfair Display",serif;font-size:0.95rem;font-weight:700;color:var(--ink);line-height:1.25;margin-bottom:0.2rem}
.c-dates{font-family:"Space Mono",monospace;font-size:0.54rem;color:var(--ink-muted);margin-bottom:0.7rem}
.c-body{font-size:0.82rem;color:var(--ink-mid);line-height:1.65}
.pull-quote{border-top:2px solid var(--ink);border-bottom:var(--col-rule);padding:1.25rem 0.25rem;margin-top:2rem}
.pull-quote p{font-family:"Playfair Display",serif;font-style:italic;font-size:1.08rem;color:var(--ink);line-height:1.5;margin-bottom:0.4rem}
.pull-quote cite{font-family:"Space Mono",monospace;font-size:0.56rem;letter-spacing:0.1em;color:var(--ink-muted)}

/* ── COMPETENCIES ── */
.comp-wrap{display:flex;flex-wrap:wrap;border:var(--col-rule);margin-top:1.25rem}
.comp-tag{font-family:"Space Mono",monospace;font-size:0.57rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-mid);padding:0.6rem 1.1rem;border-right:var(--col-rule);border-bottom:var(--col-rule);transition:background 0.12s,color 0.12s}
.comp-tag:hover{background:var(--ink);color:var(--parchment);cursor:default}

/* ── CASE STUDIES ── */
.case{padding-bottom:2.5rem}
.case+.case{padding-top:2.5rem;border-top:var(--col-rule)}
.case-label{font-family:"Space Mono",monospace;font-size:0.56rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin-bottom:0.3rem}
.case-hed{font-family:"Playfair Display",serif;font-size:1.22rem;font-weight:700;line-height:1.2;color:var(--ink);margin-bottom:0.35rem}
.case-deck{font-family:"Playfair Display",serif;font-style:italic;font-size:0.95rem;color:var(--ink-mid);margin-bottom:1rem;line-height:1.5}
.case-body{font-size:0.88rem;color:var(--ink-mid);line-height:1.78;margin-bottom:1.25rem}
.results-bar{display:flex;gap:2.5rem;flex-wrap:wrap;background:var(--parchment-dark);padding:1rem 1.25rem;border-left:3px solid var(--accent)}
.res-fig{font-family:"Playfair Display",serif;font-size:1.45rem;font-weight:700;color:var(--accent);line-height:1}
.res-lab{font-family:"Space Mono",monospace;font-size:0.54rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-muted);margin-top:0.2rem}

/* ── CLIPPINGS ── */
.clippings{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-color);border:var(--col-rule);margin-top:1.25rem}
.clipping{background:var(--paper);padding:1.25rem}
.clip-pub{font-family:"Space Mono",monospace;font-size:0.54rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin-bottom:0.4rem}
.clip-hed{font-family:"Playfair Display",serif;font-size:0.9rem;font-weight:600;color:var(--ink);line-height:1.35;margin-bottom:0.3rem}
.clip-type{font-size:0.72rem;font-style:italic;color:var(--ink-muted)}

/* ── SERVICES ── */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border:var(--col-rule);margin-top:1.25rem}
.svc{padding:1.5rem 1.4rem;border-right:var(--col-rule);border-bottom:var(--col-rule)}
.svc:nth-child(3n){border-right:none}
.svc:nth-last-child(-n+3){border-bottom:none}
.svc-num{font-family:"Playfair Display",serif;font-size:1.9rem;color:var(--rule-color);line-height:1;margin-bottom:0.4rem}
.svc-hed{font-family:"Space Mono",monospace;font-size:0.6rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);font-weight:700;margin-bottom:0.6rem}
.svc-body{font-size:0.83rem;color:var(--ink-mid);line-height:1.65}

/* ── CONTACT ── */
.contact-band{background:var(--ink);padding:4.5rem 3rem;text-align:center}
.contact-slug{font-family:"Space Mono",monospace;font-size:0.58rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--rule-color);margin-bottom:0.75rem}
.contact-band h2{font-family:"Playfair Display",serif;font-size:2rem;font-weight:400;font-style:italic;color:var(--parchment);margin-bottom:0.5rem}
.contact-band p{color:var(--ink-muted);font-size:0.92rem;max-width:460px;margin:0 auto 1.75rem}
.contact-email{font-family:"Playfair Display",serif;font-style:italic;font-size:1.4rem;color:var(--rule-color);text-decoration:none;display:inline-block;border-bottom:1px solid rgba(200,185,154,0.35);padding-bottom:3px;margin-bottom:1.75rem;transition:color 0.15s}
.contact-email:hover{color:var(--parchment)}
.contact-row{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}
.contact-item{font-family:"Space Mono",monospace;font-size:0.6rem;letter-spacing:0.1em;color:var(--ink-muted);text-transform:uppercase;text-decoration:none;transition:color 0.15s}
.contact-item:hover{color:var(--rule-color)}

/* ── FOOTER ── */
footer{background:#0e0a05;padding:1.25rem 3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.75rem}
.footer-brand{font-family:"Playfair Display",serif;font-style:italic;color:rgba(245,240,232,0.35);font-size:0.85rem}
.footer-note{font-family:"Space Mono",monospace;font-size:0.54rem;color:rgba(245,240,232,0.2);letter-spacing:0.08em}

/* ── RESPONSIVE ── */
@media(max-width:860px){
  .masthead,.page-section,.contact-band,footer{padding-left:1.75rem;padding-right:1.75rem}
  .profile-hero{grid-template-columns:200px 1fr}
  .profile-col{padding:2rem 1.75rem;gap:1.4rem}
  .profile-body{column-count:1}
  .career-grid,.clippings,.services-grid{grid-template-columns:1fr 1fr}
  .c-col:nth-child(3n),.svc:nth-child(3n){border-right:var(--col-rule)}
  .c-col:nth-child(2n),.svc:nth-child(2n){border-right:none}
  .c-col:nth-last-child(-n+3){border-bottom:var(--col-rule)}
  .c-col:nth-last-child(-n+2){border-bottom:none}
}
@media(max-width:580px){
  .masthead,.page-section,.contact-band,footer{padding-left:1.25rem;padding-right:1.25rem}
  .masthead-meta:first-child{display:none}
  .profile-hero{grid-template-columns:1fr}
  .photo-col{height:320px}
  .profile-col{padding:1.5rem 1.25rem}
  .profile-body{column-count:1}
  .career-grid,.clippings,.services-grid{grid-template-columns:1fr}
  .c-col,.svc{border-right:none !important}
  .c-col:last-child{border-bottom:none}
  .profile-stats{flex-wrap:wrap}
  .pstat{min-width:50%}
  .pstat:nth-child(2){border-right:none}
}