/* UYART: platform typography and a readable image-to-caption scale. */
:root {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --type-muted: #59616a;
}
html { font-size:100%; -webkit-text-size-adjust:100%; }
body { font-size:1.125rem; font-weight:400; line-height:1.6; letter-spacing:0; font-optical-sizing:auto; }
button, input, select, textarea { font-family:var(--font); }
h1, h2, h3 { letter-spacing:-.025em; text-wrap:balance; }
.eyebrow, .journal__kicker, .blog-row__kicker, .hero-strip__kicker,
.project__meta, .journal__meta, .article__meta, .team__role,
.contact-aside__label, .contact-form__label, .footer__col-title {
  font-size:.875rem; font-weight:600; line-height:1.5; letter-spacing:.08em;
}
.nav__inner { height:96px; }
.nav__logo { width:280px; }
.nav__links { gap:clamp(1.5rem,2.5vw,2.5rem); }
.nav__link { font-size:1.0625rem; color:#4a4f58; letter-spacing:0; }
.nav__cta, .nav__mobile-cta { font-size:1rem; font-weight:600; }
.nav__mobile-link { font-weight:400; }
.nav__mobile-link--active { color:var(--readable-accent); }
.btn, .article__footer a, .contact-form__submit {
  font-size:1rem; line-height:1.4; font-weight:600; letter-spacing:.015em;
  min-height:46px; padding:.875rem 1.625rem;
}
.page-head__crumbs { font-size:1rem; line-height:1.5; flex-wrap:wrap; color:var(--type-muted); }
.page-head__crumbs a { color:var(--type-muted); }
.page-head__crumbs span { font-size:.875rem; color:var(--type-muted); }
.hero--minimal .hero__display { font-size:clamp(2.75rem,7vw,6.5rem) !important; font-weight:500; line-height:1.03; letter-spacing:-.035em; }
.page-head__title { font-size:clamp(2.75rem,6vw,5.5rem); line-height:1.08; font-weight:500; }
.hero__sub, .section__lede, .page-head__lede { font-size:clamp(1.1875rem,1.6vw,1.375rem); line-height:1.6; font-weight:400; }
.section__title { font-size:clamp(2.25rem,4.5vw,4rem); line-height:1.1; font-weight:500; }
.project__title, .journal__title, .blog-row__title { font-size:clamp(1.5rem,2.2vw,2rem); line-height:1.25; font-weight:500; }
.project__meta { flex-wrap:wrap; gap:.5rem .875rem; }
.filter-bar__chip { font-size:1rem; letter-spacing:.02em; padding:.75rem 1.25rem; }
.filter-bar__count, .featured-project__meta { font-size:.9375rem; letter-spacing:.04em; }
.featured-project__label, .featured-project__cta { font-size:.9375rem; letter-spacing:.06em; }
.service__desc, .approach__body, .team__bio, .timeline__body { font-size:1.125rem; line-height:1.65; }
.service__arrow, .service-detail__cta, .blog-row__arrow { font-size:.9375rem; letter-spacing:.04em; }
.service-detail__list-item { font-size:1.125rem; }
.service-toc a { font-size:.9375rem; letter-spacing:.04em; }
.service-toc a span { font-size:.875rem; letter-spacing:.08em; }
.about__body, .article__lede, .faq__a, .cta__body p { font-weight:400; }
.article__body { font-size:1.25rem; line-height:1.7; }
.article__title { font-size:clamp(2.5rem,5vw,3.75rem); line-height:1.12; font-weight:500; }
.article__meta { flex-wrap:wrap; gap:.5rem 1rem; }
.article__body h2 { font-size:clamp(1.75rem,3vw,2.25rem); font-weight:600; }
.article__body h3 { font-size:1.5rem; }
.article__lede { font-size:1.375rem; }
.contact-form__label, .contact-aside__label, .team__role { color:var(--type-muted); }
.form-help, .contact-form__error, .contact-form__status { font-size:.9375rem; line-height:1.5; }
.footer__brand p, .footer__col a, .footer__social { font-size:1rem; line-height:1.65; }
.footer__inner { gap:3rem; }
.footer__col { gap:.75rem; }
.footer__bottom { font-size:.875rem; letter-spacing:.03em; line-height:1.5; opacity:1; gap:1rem; flex-wrap:wrap; }
.about > *, .manifesto__inner > * { min-width:0; }
.about__signature, .manifesto__attr { font-size:.875rem; letter-spacing:.08em; line-height:1.5; }

/* Balance the project heading, facts and gallery in one content column. */
.project-detail { max-width:84rem; padding-bottom:5rem; }
.project-detail__cover { margin-bottom:3rem; }
.project-detail .manifesto { padding:clamp(1.5rem,5vw,4rem) !important; margin-bottom:4rem !important; }
.project-detail .manifesto__inner { padding:0; gap:2rem; }
.project-detail__info { gap:3rem; margin-bottom:4rem; align-items:start; }
.project-detail__info > * { min-width:0; }
.project-detail__title { font-size:clamp(2.5rem,4.8vw,4.25rem); line-height:1.08; font-weight:500; }
.project-detail__title .accent { font-weight:600; }
.project-detail__facts { font-size:1.125rem; line-height:1.6; grid-template-columns:7rem minmax(0,1fr); gap:.875rem 1.5rem; }
.project-detail__facts dt { font-size:.875rem; letter-spacing:.08em; color:var(--type-muted); font-weight:600; }
.project-detail__facts dd { overflow-wrap:break-word; }
.project-detail__info .eyebrow { color:var(--type-muted) !important; }
.project-detail__info p { font-size:1.25rem !important; line-height:1.65 !important; font-weight:400 !important; }
.saban-renders { margin-bottom:5rem; }
.saban-renders__head { max-width:52rem; margin-bottom:2.75rem; }
.saban-renders__head .eyebrow { color:var(--type-muted); }
.saban-renders__head h2 { font-size:clamp(2.125rem,3.6vw,3rem); line-height:1.12; font-weight:600; letter-spacing:-.025em; margin:1rem 0 1.25rem; }
.saban-renders__head p { font-size:1.25rem; line-height:1.6; max-width:65ch; }
.saban-renders__grid { gap:3rem 2rem; }
.saban-renders__item figcaption { font-size:1.25rem; font-weight:500; line-height:1.45; letter-spacing:-.01em; padding-top:1rem; }
.saban-renders__item figcaption span { display:inline-block; min-width:1.5rem; font-size:.9375rem; margin-right:.375rem; color:var(--type-muted); font-variant-numeric:tabular-nums; letter-spacing:0; }
.saban-renders__item small { font-size:.9375rem; font-weight:400; line-height:1.5; letter-spacing:.02em; margin-top:.375rem; padding-left:1.875rem; color:var(--type-muted); }
#render-baslik { scroll-margin-top:10rem; }

@media (max-width:1200px) {
  .nav__inner { height:80px; }
  .nav__logo { width:190px; }
}
@media (max-width:1100px) {
  .nav__mobile { top:80px; }
  .project-detail__info { gap:2rem; }
  .project-detail__facts { max-width:42rem; }
  .footer__inner { gap:2.5rem; }
}
@media (max-width:900px) {
  .nav__inner { height:72px; }
  .nav__logo { width:176px; }
  .nav__mobile { top:72px; }
}
@media (max-width:700px) {
  .saban-renders__grid { grid-template-columns:1fr; gap:2.5rem; }
}
@media (max-width:640px) {
  #render-baslik { scroll-margin-top:7.5rem; }
  .about .section__title, .manifesto__quote { overflow-wrap:break-word; }
  body { font-size:1.0625rem; }
  .article__body, .project-detail__info p { font-size:1.125rem !important; }
  .article__lede { font-size:1.25rem; }
  .project-detail__cover { margin-bottom:2rem; }
  .project-detail__info { margin-bottom:3rem; }
  .project-detail__facts { font-size:1.0625rem; grid-template-columns:5.5rem minmax(0,1fr); gap:.75rem 1rem; }
  .saban-renders__head { margin-bottom:2rem; }
  .saban-renders__head p { font-size:1.125rem; }
  .saban-renders__item figcaption { font-size:1.1875rem; }
  .saban-renders__item figcaption span, .saban-renders__item small { font-size:.875rem; }
  .project__meta, .journal__meta, .article__meta { letter-spacing:.04em; }
}
@media (prefers-reduced-transparency:reduce) {
  .nav, .nav__mobile { background:var(--ivory); backdrop-filter:none; -webkit-backdrop-filter:none; }
}

/* Finish the same hierarchy across articles, services and project galleries. */
.press__label, .faq__q span { font-size:.875rem; font-weight:600; line-height:1.5; letter-spacing:.08em; }
.cta__contact .eyebrow { font-size:.875rem !important; letter-spacing:.08em; }
.cta__inner > *, .service-detail > *, .blog-row > * { min-width:0; }
.cta__title { font-size:clamp(2rem,6vw,5.5rem) !important; font-weight:500; line-height:1.1; letter-spacing:-.03em; overflow-wrap:break-word; }
.cta__body p { line-height:1.65; }
.faq__q { font-size:clamp(1.25rem,1.8vw,1.5rem); line-height:1.45; gap:1rem; }
.faq__q span { min-width:1.25rem; padding-top:0; font-variant-numeric:tabular-nums; }
.faq__q span, .faq__q::after { color:var(--type-muted); }
.faq__item[open] .faq__q { color:var(--antrasit); }
.faq__a { font-size:1.25rem; line-height:1.7; padding-left:2.25rem; max-width:65ch; }
.article__cover { margin-bottom:2.5rem; }
.article__meta { margin-bottom:1.5rem; }
.article__title { margin-bottom:2rem; overflow-wrap:break-word; }
.article__lede { margin-bottom:2.5rem; padding-bottom:2rem; }
.article__pull { font-size:clamp(1.5rem,3vw,2rem); font-weight:500; line-height:1.4; }
.service-detail__title { font-size:clamp(2rem,4vw,3.5rem); line-height:1.15; font-weight:500; overflow-wrap:break-word; }
.service-detail__list-item { line-height:1.65; }
.project-detail__gallery > * { min-width:0; }
@media (max-width:1100px) {
  /* Twelve column gaps alone were wider than a narrow phone. */
  .project-detail__gallery { grid-template-columns:minmax(0,1fr); gap:2rem; margin-bottom:4rem; }
  .project-detail__gallery .project-detail__photo { grid-column:1 / -1; }
}
@media (max-width:640px) {
  .faq__q { padding-top:1.5rem; padding-bottom:1.5rem; padding-right:2rem; }
  .faq__q::after { top:1.5rem; }
  .faq__a { font-size:1.125rem; padding-bottom:1.75rem; }
  .article__cover { margin-bottom:2rem; }
  .article__title { margin-bottom:1.5rem; }
  .article__lede { margin-bottom:2rem; padding-bottom:1.5rem; }
  .article__body h2 { margin-top:2.5rem; margin-bottom:1.25rem; }
  .article__body h3 { margin-top:2rem; }
  .cta__body p { font-size:1.125rem; }
}