/* İnci Atrek — Reset, base type, type utilities (see docs/02-typography.md) */

*,*::before,*::after{box-sizing:border-box}
/* Fluid root: the type scale is rem-based so it grows gently with the viewport (bigger, more
   present type than fixed px) while the content column stays a centered fixed width.
   ~16px at the 1200 reference, capped at 18px so text stays proportional to the column. */
html{font-size:clamp(15px, 8.4px + 0.63vw, 18px);-webkit-text-size-adjust:100%}
body{
  margin:0;
  font:400 1rem/1.6 var(--font-serif);
  color:var(--ia-ink);
  background:var(--ia-white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-variant-ligatures:common-ligatures;
}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:inherit;font-size:inherit}
ul{margin:0;padding:0;list-style:none}
blockquote,figure{margin:0}
button{font:inherit;cursor:pointer;border:0;background:none}
input,textarea,select{font:inherit;color:inherit}
em,i{font-style:italic}
:focus-visible{outline:2px solid var(--ia-sage);outline-offset:3px}

/* Layout helpers */
/* --wrap (1200px) is the reference PAGE width (mockup canvas), not the inner content width —
   the side gutter is measured INSIDE it, same as in the PDF (170px margin on a 1200pt page). */
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section-y)}
.band-cream{background:var(--ia-cream)}
.band-green{background:var(--ia-green)}
.stack-sm>*+*{margin-top:var(--sp-4)}
.stack-md>*+*{margin-top:var(--sp-6)}

/* ---- Type utilities: 1:1 with docs/02-typography.md role table ----
   Sizes are rem (relative to the fluid root above) so they scale proportionally with the layout.
   1rem ≈ 16px at the 1200px reference; values are the mockup px ÷ 16. */
.t-logo{font-family:var(--font-serif);font-weight:500;font-size:clamp(2rem,4vw,3.4rem);
  text-transform:uppercase;letter-spacing:.04em;color:var(--ia-green);line-height:1}
.t-nav{font-family:var(--font-sans);font-weight:700;font-size:.875rem;text-transform:uppercase;
  letter-spacing:.12em;color:var(--ia-green)}
.t-pullquote{font-family:var(--font-serif);font-weight:400;font-size:1.9rem;
  line-height:1.35;color:var(--ia-white)}
.t-award{font-family:var(--font-sans);font-weight:700;font-size:1.375rem;color:var(--ia-sage);
  line-height:1.2;text-decoration:underline;text-underline-offset:3px}
/* Font guide measures this specific text as Hanken Grotesk SemiBold (600), not Bold. */
.t-blurb{font-family:var(--font-sans);font-weight:600;font-size:1.125rem;
  line-height:1.2;color:var(--ia-ink)}
.t-body{font-family:var(--font-serif);font-weight:400;font-size:1rem;line-height:1.6;color:var(--ia-ink)}
.t-body em,.t-body i{font-style:italic}
.t-section{font-family:var(--font-sans);font-weight:900;font-size:1.5rem;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ia-sage);line-height:1.1}
.t-quote{font-family:var(--font-sans);font-weight:400;font-size:.875rem;line-height:1.6;color:var(--ia-ink)}
.t-cite{font-family:var(--font-sans);font-weight:800;font-size:.875rem;line-height:1.4;color:var(--ia-ink)}
.t-event-title{font-family:var(--font-sans);font-weight:700;font-size:.875rem;color:var(--ia-ink);line-height:1.3}
.t-venue{font-family:var(--font-serif);font-weight:400;font-size:.875rem;color:var(--ia-ink);line-height:1.4}
.t-press-pub{font-family:var(--font-sans);font-weight:700;font-size:.875rem;color:var(--ia-ink)}
.t-press-link{font-family:var(--font-serif);font-weight:400;font-size:.875rem;color:var(--ia-ink);
  text-decoration:underline;text-underline-offset:2px}
.t-selected-label{font-family:var(--font-sans);font-weight:700;font-size:1rem;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ia-ink)}
.t-selected-item{font-family:var(--font-sans);font-weight:500;font-size:.875rem;color:var(--ia-ink);line-height:1.5}
/* Font guide: publication label = Hanken Bold (700); article link = Hanken SemiBold (600). */
.t-writing-label{font-family:var(--font-sans);font-weight:700;font-size:1.25rem;color:var(--ia-white)}
.t-writing-link{font-family:var(--font-sans);font-weight:600;font-size:1.125rem;
  color:var(--ia-ink);text-decoration:underline;text-underline-offset:3px}
.t-contact-label{font-family:var(--font-sans);font-weight:700;font-size:.875rem;color:var(--ia-ink)}
.t-form-label{font-family:var(--font-sans);font-weight:700;font-size:.875rem;color:var(--ia-ink)}
.t-form-label .req{font-weight:400;font-size:.6875rem}
.t-btn{font-family:var(--font-sans);font-weight:900;font-size:.9375rem;text-transform:uppercase;
  letter-spacing:.10em;color:var(--ia-white)}
.t-more{font-family:var(--font-sans);font-weight:800;font-size:.875rem;text-transform:uppercase;
  letter-spacing:.10em;color:var(--ia-green);text-decoration:underline;text-underline-offset:5px}
.t-foot-copy{font-family:var(--font-sans);font-weight:700;font-size:.8125rem;text-transform:uppercase;
  letter-spacing:.04em;color:var(--ia-on-dark)}
.t-foot-link{font-family:var(--font-sans);font-weight:400;font-size:.8125rem;text-transform:uppercase;
  letter-spacing:.04em;color:var(--ia-on-dark)}

/* Link hovers */
.t-press-link:hover,.t-writing-link:hover,.t-more:hover,.t-foot-link:hover{opacity:.72}
.t-nav:hover{opacity:.6}