.family-field{font-size:16px}
.family-field{min-width:0}
.family-field{overflow-x:hidden}

html[lang^="tr"] body.family-field{
  --tpi-readable-size:16px;
}

/* Improve Turkish glyph rendering and readable fallback for body+editor views. */
html[lang^="tr"] body.family-field{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  text-size-adjust:100%;
  font-synthesis:none;
}

/* Readability baseline: prevent compact defaults from harming legibility. */
body.family-field :is(
  p,
  li,
  dt,
  dd,
  summary,
  .field-note p,
  .field-region-note p,
  .form-grid label>span,
  .form-footnote,
  .upload-field small,
  .field-project-archive__categories li
){
  font-size:16px;
  line-height:1.65;
}

body.family-field .project-dossier,
body.family-field .field-page-hero,
body.family-field .field-dossier__copy,
body.family-field .field-about-story__copy,
body.family-field .field-about-principles,
body.family-field .field-about-contact__details,
body.family-field .field-process__line li,
body.family-field .field-story-grid article,
body.family-field .field-route-cta,
body.family-field .field-application-row article,
body.family-field .split-layout,
body.family-field .project-dossier .prose{
  min-width:0;
}

body.family-field :is(h1,h2,h3,h4,h5,h6,.field-section-heading h2){
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Turkish text and punctuation stability for readable display and clean heading endings. */
html[lang^="tr"] body.family-field :where(
  h1, h2, h3, h4, h5, h6,
  .eyebrow,
  .button,
  .button .elementor-button-text,
  .primary-navigation a,
  .site-footer .eyebrow,
  .site-footer a,
  .site-footer__mast,
  .site-footer__mast *,
  .site-footer__top,
  .site-footer__top *,
  .field-note span,
  .field-note p,
  .field-photo-strip figcaption,
  .field-capability-index h3,
  .field-process__line h3,
  .field-story-grid h3,
  .field-process__line--five h3,
  .field-process__line--five .tpi-native-tag-li>.elementor-widget-heading h3,
  .field-responsibility__row h3,
  .field-principle-list h3,
  .field-about-fields h3,
  .field-about-purpose h3,
  .field-about-contact__intro h2,
  .field-about-story h2,
  .field-lessons h2,
  .field-application-row .field-section-heading h2,
  .field-reason-cards h2,
  .field-route-cta h2,
  .field-page-hero h1,
  .field-about-hero__copy h1,
  .field-contact-hero h1,
  .field-dossier__copy h1,
  .field-company__copy>span,
  .field-company__web,
  .field-about-contact__details>div>span,
  .field-company__copy h3,
  .field-about-contact__map strong,
  .field-about-hero__meta span,
  .footer-contact__item--address,
  .field-region-note strong,
  .field-region-note p,
  .field-region-note span
){
  text-transform:none !important;
}

/* Keep menus, footer lists and compact utility text from wrapping outside their containers. */
html[lang^="tr"] body.family-field :is(.primary-navigation a, .tpi-wp-menu a, .site-footer a, .site-footer__top .menu-item, .site-footer__top div, .footer-contact__item){
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* Keep explicit uppercase utility styles from style.css from affecting Turkish glyph shapes. */
html[lang^="tr"] body.family-field [style*="text-transform"]{
  text-transform:none !important;
}

/* Improve horizontal stability for Turkish copy while keeping structure constraints. */
html body.family-field .site-header .site-header__inner,
html[lang^="tr"] body.family-field .site-footer,
html[lang^="tr"] body.family-field .field-page-hero__grid,
html[lang^="tr"] body.family-field .field-about-story__grid,
html[lang^="tr"] body.family-field .field-start-sheet__layout,
html[lang^="tr"] body.family-field .field-contact-sheet__layout{
  min-width:0;
}

.family-field h1,.family-field h2,.family-field h3{font-synthesis:none}
.family-field .site-main{overflow-x:hidden;overflow-y:visible}
.family-field :where(h1,h2,h3,p,summary,li,dt,dd,.elementor-toggle-title,.button,.site-footer a){
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}
.family-field :is(h1,h2,h3,.field-section-heading h2,.field-note p,.field-route-cta h2){
  min-width:0;
}
html[lang^="tr"] body.family-field :is(h1,h2,h3,h4,h5,h6,.eyebrow,.field-route-cta h2,.field-paper-form h2,.field-reason-cards h2){
  text-transform:none;
}

html[lang^="tr"] body.family-field :is(
  .primary-navigation a,
  .button,
  .button .elementor-button-text,
  .site-footer .eyebrow,
  .site-footer h2,
  .site-footer__mast,
  .site-footer__mast *,
  .site-footer__top a,
  .site-footer__bottom,
  .site-footer__bottom *,
  .field-company__web,
  .field-note>span,
  .field-note p,
  .field-plan-panel figcaption>span,
  .field-plan-panel figcaption strong,
  .field-paper-form h2,
  .field-dossier__meta strong,
  .field-region-note strong
){
  text-transform:none;
}

html[lang^="tr"] body.family-field :where(h1,h2,h3,.field-section-heading h2,.field-route-cta h2,.field-paper-form h2,.field-reason-cards h2,.field-about-contact__intro h2,.field-about-story h2,.field-lessons h2,.field-stories .field-section-heading h2,.field-application-row .field-section-heading h2){
  line-height:1.06;
  text-wrap:balance;
}

body.family-field .site-header__inner,
body.family-field .site-header .brand,
body.family-field .primary-navigation{
  min-width:0;
}
body.family-field .site-header,
body.family-field .site-header__inner,
body.family-field .brand{
  overflow-wrap:anywhere;
  min-width:0;
}
body.family-field .site-footer__top{
  align-items:start;
}
body.family-field .site-footer__top > div{
  min-width:0;
}
body.family-field .site-footer__top a,
body.family-field .site-footer__top .footer-contact__item,
body.family-field .site-footer__top .tpi-wp-menu a{
  word-break:break-word;
  overflow-wrap:anywhere;
  display:block;
}
body.family-field .primary-navigation,
body.family-field .primary-navigation a{
  overflow-wrap:anywhere;
  word-break:normal;
  text-wrap:balance;
}
body.family-field .site-header__inner{
  grid-template-columns:minmax(180px, 1fr) minmax(0, 1fr) auto auto;
  gap:16px;
}
/* Use the Turkish reference header geometry in every language. Keep this
 * scoped to the header so page and footer typography remain independent. */
html body.family-field .site-header .site-header__inner{
  grid-template-columns:minmax(190px,260px) minmax(0,1fr) auto auto;
}

html body.family-field .site-header .site-header__actions,
html[lang^="tr"] body.family-field .footer-menu-group,
html[lang^="tr"] body.family-field .site-footer__top,
html[lang^="tr"] body.family-field .site-footer__top > div{
  min-width:0;
}

html body.family-field .site-header .primary-navigation a,
html[lang^="tr"] body.family-field .site-footer a{
  word-break:break-word;
  overflow-wrap:anywhere;
}

html body.family-field .site-header .primary-navigation{
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 18px;
}
html body.family-field .site-header .primary-navigation a{
  white-space:normal;
  text-align:center;
  overflow-wrap:anywhere;
  line-height:1.1;
  padding-top:10px;
  padding-bottom:10px;
}
body.family-field .brand{
  overflow-wrap:anywhere;
}
body.family-field .brand img{
  flex:0 0 auto;
}

.family-field .dashicons{width:1em;height:1em;font-size:1.2em}
.family-field a:focus-visible,.family-field button:focus-visible,.family-field input:focus-visible,.family-field select:focus-visible,.family-field textarea:focus-visible,.family-field summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.family-field ::selection{background:var(--accent);color:#17130a}
.family-field .tpi-wp-menu,.family-field .tpi-wp-menu>li{display:contents}

body.family-field :is(
  .field-page-hero__grid,
  .field-about-hero__grid,
  .field-about-story__grid,
  .field-start-sheet__layout,
  .field-contact-sheet__layout,
  .field-route-cta,
  .field-about-contact__grid,
  .field-process,
  .field-process__line li,
  .field-story-grid article,
  .field-story-grid figure,
  .field-capability-index article,
  .field-capability-index span,
  .field-about-fields__grid article,
  .field-principle-list article,
  .field-about-group__companies article,
  .field-reason-cards article,
  .field-start-steps li,
  .field-application-row article
){
  min-width:0;
}

/* Readability floors. Keep the Field Chronicle's compact hierarchy while
 * preventing body copy, controls and documentary metadata becoming illegible. */
body.family-field :is(
  .field-capability-index,
  .field-process__line,
  .field-story-grid,
  .field-application-row,
  .field-start-steps,
  .field-about-fields,
  .field-responsibility__row
) p,
body.family-field .field-hero__copy>.elementor-widget-text-editor>p:not(.eyebrow),
body.family-field .field-hero__copy>.elementor-widget-text-editor>.elementor-widget-container>p:not(.eyebrow),
body.family-field .field-process__line .tpi-native-tag-li>.elementor-widget-text-editor p,
body.family-field .field-faq :is(summary,.elementor-toggle-title),
body.family-field .form-grid :is(input,select,textarea),
body.family-field .checkbox-field>span,
body.family-field .form-footnote{
  font-size:16px;
}
body.family-field :is(.field-capability-index,.field-process__line,.field-story-grid,.field-application-row,.field-start-steps,.field-about-fields,.field-responsibility__row) p,
body.family-field .checkbox-field>span{
  line-height:1.65;
}
body.family-field .checkbox-field>span{
  font-family:inherit;
  font-weight:400;
  letter-spacing:normal;
  text-transform:none;
}

body.family-field .form-grid label>span:not(.elementor-button-text),
body.family-field .upload-field small,
body.family-field :is(.field-story-grid,.field-reason-cards) a,
body.family-field .site-footer :is(p:not(.eyebrow),small,a,span),
body.family-field :is(.button,.header-enquiry,button[type="submit"]){
  font-size:16px;
}
body.family-field :is(.button,.header-enquiry,button[type="submit"]),
body.family-field :is(.button,.header-enquiry,button[type="submit"]) :is(.elementor-button-text,span){
  font-size:16px!important;
}
body.family-field .site-footer :is(p:not(.eyebrow),small,a,span){
  font-size:16px!important;
}
body.family-field .form-grid .checkbox-field>span{
  font-size:16px!important;
}

body.family-field .eyebrow,
body.family-field .field-note>span,
body.family-field .field-photo-strip figcaption,
body.family-field .field-page-hero figcaption,
body.family-field .field-plan-panel figcaption>span,
body.family-field .field-capability-index article>span,
body.family-field .field-process__line :is(li,.tpi-native-tag-li)>span,
body.family-field .field-story-grid article>div>span,
body.family-field .field-start-steps :is(li,.tpi-native-tag-li)>span,
body.family-field .field-start-sheet aside :is(li,.tpi-native-tag-li) span,
body.family-field .field-reason-cards article>span,
body.family-field .field-about-fields article>span,
body.family-field .field-principle-list span,
body.family-field .field-responsibility__row article>span,
body.family-field .field-lessons aside span,
body.family-field .field-dossier__meta :is(span,strong),
body.family-field .field-contact-sheet :is(dt,.tpi-native-tag-dt),
body.family-field .site-footer :is(.eyebrow,.footer-index),
body.family-field .site-footer__bottom,
body.family-field .site-footer__bottom span{
  font-size:16px;
}
body.family-field .site-footer :is(.eyebrow,.footer-index),
body.family-field .site-footer__bottom,
body.family-field .site-footer__bottom span{
  font-size:16px!important;
}

body.family-field .field-contact-panel__note{
  font-size:16px;
  line-height:1.6;
}

body.family-field .field-reason-cards article p,
body.family-field .field-start-steps p,
body.family-field .field-application-row p,
body.family-field .field-process__line p,
body.family-field .field-about-fields p,
body.family-field .field-principle-list p,
body.family-field .field-about-contact__details p,
body.family-field .field-company__copy p,
body.family-field .field-contact-sheet dl,
body.family-field .field-contact-sheet dd,
body.family-field .field-route-cta p{
  font-size:16px;
  line-height:1.65;
}

body.family-field{overflow-x:hidden}
body.family-field .field-page-hero,
body.family-field .field-contact-hero,
body.family-field .field-start-sheet__layout,
body.family-field .field-contact-sheet__layout,
body.family-field .field-capabilities--page,
body.family-field .field-about-story__grid,
body.family-field .field-about-purpose__grid,
body.family-field .field-about-principles__grid,
body.family-field .field-about-contact__grid,
body.family-field .field-process--about .field-process__line{
  min-width:0;
}
body.family-field .site-footer .site-footer__bottom span{
  font-size:16px!important;
}
body.family-field .field-photo-strip .tpi-native-tag-figcaption{
  --tpi-caption-size:16px;
}
body.family-field .field-page-hero .tpi-native-tag-figcaption,
body.family-field .field-plan-panel .tpi-native-tag-figcaption>.elementor-widget-text-editor>span,
body.family-field .field-plan-panel .tpi-native-tag-figcaption>.elementor-widget-text-editor>.elementor-widget-container>span,
body.family-field .field-contact-sheet .tpi-native-tag-dl :is(dt,.tpi-native-tag-dt),
body.family-field .field-start-sheet aside .tpi-native-tag-li span,
body.family-field .field-capability-index article>div>.elementor-widget-text-editor span,
body.family-field .field-story-grid article>div>.elementor-widget-text-editor span,
body.family-field .field-start-steps .tpi-native-tag-li>.elementor-widget-text-editor span,
body.family-field .field-reason-cards article>.elementor-widget-text-editor span{
  font-size:16px;
}
body.family-field .field-note>.elementor-widget-text-editor span,
body.family-field .field-capability-index article>.elementor-widget-text-editor span,
body.family-field .field-process__line .tpi-native-tag-li>.elementor-widget-text-editor span,
body.family-field .field-responsibility__row article>.elementor-widget-text-editor span,
body.family-field .field-about-fields article>.elementor-widget-text-editor span{
  font-size:16px;
}

body.family-field .primary-navigation,
body.family-field .primary-navigation a{
  font-size:16px!important;
}

body.family-field .tpi-language-switcher,
body.family-field .tpi-language-switcher ul{
  display:flex;
  align-items:center;
  margin:0;
  padding:0;
  list-style:none;
}
body.family-field .tpi-language-switcher ul{gap:2px}
body.family-field .tpi-language-switcher a{
  display:grid;
  min-width:30px;
  min-height:30px;
  place-items:center;
  border:1px solid transparent;
  color:var(--muted);
  font:650 16px/1 "IBM Plex Mono",monospace;
  letter-spacing:.08em;
}
body.family-field .tpi-language-switcher a:hover,
body.family-field .tpi-language-switcher a:focus-visible,
body.family-field .tpi-language-switcher .is-current a{
  border-color:var(--line);
  color:var(--ink);
}

/* Four 14px desktop links require the drawer through 1119px. Page-content
 * breakpoints remain unchanged, so only header/navigation geometry switches. */
@media(max-width:1119px){
  body.family-field .site-header__inner{
    grid-template-columns:1fr auto auto auto;
    gap:8px;
  }
  body.family-field .menu-toggle{
    display:grid;
    position:relative;
    z-index:100;
  }
  body.family-field .primary-navigation{
    position:fixed!important;
    z-index:90;
    inset:var(--tpi-header-height,84px) 0 auto!important;
    display:none!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    padding:20px 16px;
    background:var(--paper);
    border-bottom:1px solid var(--line);
    font-size:16px!important;
  }
  body.family-field .primary-navigation.is-open{display:flex!important}
  body.family-field .primary-navigation a{
    display:block;
    padding:16px;
    border-bottom:1px solid var(--line);
    font-size:16px!important;
  }
  body.family-field .site-header__actions{display:contents}
  body.family-field .tpi-language-switcher-widget{grid-column:2;grid-row:1;align-self:center;width:auto}
  body.family-field .theme-toggle{grid-column:3}
  body.family-field .menu-toggle{grid-column:4}
  body.family-field .site-header__actions .button{display:none}
  body.family-field :is(.menu-toggle,.theme-toggle){grid-row:1;align-self:center}

  body.tpi-elementor-site-part-preview.elementor-editor-active.family-field .site-header .menu-toggle{
    display:grid!important;
  }
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-field .primary-navigation.tpi-native-node[data-element_type="container"]{
    --flex-direction:column!important;
    --row-gap:0px;
    --column-gap:0px;
    flex-wrap:nowrap!important;
    gap:0!important;
  }
}
@media(min-width:1120px){
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-field .site-header .menu-toggle{
    display:none!important;
  }
}
@media(max-width:720px){
  body.family-field .primary-navigation{
    inset:var(--tpi-mobile-header-height,68px) 0 auto!important;
  }
  body.family-field .field-plan-panel{
    min-height:0;
    overflow:visible;
  }
  body.family-field .field-plan-panel>img,
  body.family-field .field-plan-panel .tpi-native-image img{
    position:static;
    width:100%;
    height:220px;
    object-fit:cover;
  }
  body.family-field .field-plan-panel figcaption,
  body.family-field .field-plan-panel>.tpi-native-tag-figcaption{
    position:static;
    inset:auto;
    width:auto;
    margin:0;
  }
  body.family-field .field-plan-panel .concept-notice{
    font-size:16px;
  }
}
.field-project-archive__categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 32px;margin:0;padding:0;list-style:none}
.field-project-archive__categories li{padding:18px 0;border-top:1px solid var(--line);font-weight:600;line-height:1.5}
.field-project-archive .field-story-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.field-project-archive .field-story-grid article{min-width:0}
.field-project-archive .field-story-grid figure>a{display:block;width:100%;height:100%}
.field-project-archive__pagination{margin-top:40px}
.field-project-archive__pagination .nav-links{display:flex;flex-wrap:wrap;gap:10px}
.field-project-archive__pagination .page-numbers{padding:10px 16px;border:1px solid var(--line)}
.field-project-archive__pagination .current{background:var(--accent);color:#17130a}
/* Elementor places the eyebrow class on the editor wrapper, while the
   published renderer places it on H2. Keep the footer label scale identical. */
body.elementor-editor-active.family-field .site-footer__top .elementor-widget-heading.eyebrow h2{
  margin-bottom:14px;
  font-size:12px!important;
}
/* A native Text Editor can contain several paragraphs. Keep those paragraphs
   in one grid cell instead of placing each into the same article grid row. */
body.family-field .field-about-purpose .field-about-purpose__grid article>.tpi-native-widget.elementor-widget-text-editor:last-child{
  display:block!important;
  grid-column:2;
  grid-row:2;
  width:100%;
  min-width:0;
}
body.family-field .field-about-purpose .field-about-purpose__grid article>.tpi-native-widget.elementor-widget-text-editor:last-child>.elementor-widget-container{
  display:block!important;
}
body.family-field .field-about-purpose article>.elementor-widget-text-editor:last-child p+p{
  margin-top:1em;
}
@media(max-width:360px){
  body.family-field .field-hero h1{
    width:calc(100% + 16px);
    max-width:none;
    margin-left:-4px;
    letter-spacing:-.1em;
  }
  body.family-field .field-hero h1 span{
    overflow-wrap:anywhere;
    word-break:normal;
  }
}


/* Editorial contact path: native widgets; no inactive data-collection form. */
.field-contact-panel { display: grid; gap: 20px; align-content: start; width: 100%; min-width: 0; }
.field-contact-panel > * { min-width: 0; max-width: 100%; }
.field-contact-panel .elementor-widget-button { width: fit-content; max-width: 100%; }
.field-contact-panel .button { white-space: normal; max-width: 100%; }
.field-contact-panel__note { font-size: 0.95rem; line-height: 1.6; }

/* WordPress thumbnails retain their natural ratio at narrower viewports. */
body.family-field .project-dossier__image img { display: block; width: 100%; height: auto; }

/* Keep the concrete bilingual headline and its next action in one hero view. */
@media (min-width: 721px) {
  body.family-field .field-hero {
    --tpi-h1-max: 60px;
    --tpi-heading-leading: 1;
  }
  body.family-field .field-hero h1 { letter-spacing: -.035em; }
  body.family-field .field-hero__copy { padding-top: 60px; padding-bottom: 60px; }
}