
/* =========================================================
   HAMID ATTARAN — MASTER TYPOGRAPHY
   Shared by all pages except the dedicated Writing pages.
   Change this file once -> typography updates site-wide.
   ========================================================= */

:root{
  /* Global readable scale */
  --type-micro:11px;
  --type-ui:12px;
  --type-body:14px;
  --type-list:17px;
  --type-prose:18px;
  --type-editorial:28px;
  --type-list-title:34px;
  --type-title:38px;
  --type-display:44px;

  /* Keep master navigation locked to one size everywhere. */
  --site-name-size:12px;
  --site-nav-size:12px;
}

/* ---------------- HOME ---------------- */

.home-intro h1{
  font-size:var(--type-display) !important;
  line-height:.98 !important;
}

.home-subline{
  font-size:var(--type-body) !important;
  line-height:1.4 !important;
}

.reveal-note,
.experiments-link{
  font-size:var(--type-micro) !important;
}

/* ---------------- WORK + EXPERIMENT INDEX ---------------- */

.project-index-number{
  font-size:var(--type-micro) !important;
}

.project-index-title{
  font-size:var(--type-list-title) !important;
  line-height:.96 !important;
}

.project-index-meta{
  font-size:var(--type-ui) !important;
  line-height:1.3 !important;
}

/* ---------------- SHARED SINGLE PROJECT ---------------- */

.single-counter{
  font-size:var(--type-micro) !important;
}

.single-title{
  font-size:var(--type-title) !important;
  line-height:1 !important;
}

.single-tags,
.single-place{
  font-size:13px !important;
  line-height:1.4 !important;
}

.single-list-number{
  font-size:var(--type-micro) !important;
}

.single-list-button{
  font-size:var(--type-list) !important;
  line-height:1.05 !important;
}

.single-list-meta{
  font-size:var(--type-micro) !important;
  line-height:1.4 !important;
}

.single-eyebrow{
  font-size:var(--type-micro) !important;
}

.single-text-panel h2{
  font-size:var(--type-editorial) !important;
  line-height:1.08 !important;
}

.single-text-panel p{
  font-size:var(--type-prose) !important;
  line-height:1.55 !important;
}

.single-next a{
  font-size:var(--type-ui) !important;
}

.single-scroll-hint-inner{
  font-size:var(--type-micro) !important;
}

/* ---------------- MOVING IMAGE ---------------- */

.project-list-no,
.project-list-year,
.label,
.meta,
.counter,
.cue,
.video-controls,
.pause-mark{
  font-size:var(--type-micro) !important;
}

.project-list-title{
  font-size:15px !important;
  line-height:1.2 !important;
}

.title{
  font-size:var(--type-display) !important;
  line-height:.98 !important;
}

/* ---------------- ABOUT ---------------- */

.based-in{
  font-size:var(--type-micro) !important;
  line-height:1.3 !important;
}

.about-copy{
  font-size:var(--type-body) !important;
  line-height:1.28 !important;
}

.statement{
  font-size:32px !important;
  line-height:1.05 !important;
}

/* ---------------- CONTACT ---------------- */

.contact-copy h1{
  font-size:var(--type-display) !important;
  line-height:.96 !important;
}

.contact-copy p{
  font-size:var(--type-body) !important;
  line-height:1.4 !important;
}

.contact-location{
  font-size:var(--type-micro) !important;
  line-height:1.3 !important;
}

/* Desktop-first project: keep narrow-screen sizes sensible without
   changing the dedicated Writing pages. */
@media(max-width:800px){
  :root{
    --type-list-title:28px;
    --type-title:34px;
    --type-display:38px;
  }

  .about-copy{
    font-size:13px !important;
  }

  .statement{
    font-size:38px !important;
  }
}
