/* Route-specific editorial refinements. Base language lives in style.css. */
/* Original 1862 x 1724 brand PNGs share alpha bounds (27,151)-(1791,1182).
 * Fit the artwork without its empty canvas, preserving the original files. */
.family-monograph .tpi-logo-set{
  position:relative;
  aspect-ratio:1765 / 1032;
  overflow:hidden;
}
.family-monograph .tpi-logo-set img,
html[data-theme="dark"] .family-monograph .tpi-logo-set img{
  position:absolute;
  width:105.495751%!important;
  top:-14.631783%;
  left:-1.529745%;
  background:transparent;
  padding:0;
  filter:none;
}
.family-monograph .site-main{box-shadow:0 0 0 1px var(--line)}
.family-monograph .concept-notice{font:600 9px/1.35 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.family-monograph details{border-top:1px solid var(--line);padding:18px 0}.family-monograph summary{cursor:pointer;font-weight:600}
.family-monograph .contact-intro{padding:0;height:720px;color:#fff;background:#111}
.family-monograph .contact-intro__media,.family-monograph .contact-intro__veil{position:absolute;inset:0}
.family-monograph .contact-intro__media img{height:100%;object-fit:cover}
.family-monograph .contact-intro__veil{background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.12))}
.family-monograph .contact-intro__copy{position:absolute;left:var(--gutter);bottom:70px;max-width:920px}
.family-monograph .contact-intro__copy>p:last-child{max-width:540px;color:#eee}
.family-monograph .guidance-grid ol{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.family-monograph .people-grid figure img{height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transform:none;opacity:.96}
.family-monograph .tpi-language-switcher,
.family-monograph .tpi-language-switcher ul{
  display:flex;
  align-items:center;
  margin:0;
  padding:0;
  list-style:none;
}
.family-monograph .tpi-language-switcher ul{gap:2px}
.family-monograph .tpi-language-switcher-widget{width:auto!important;flex:0 0 auto}
.family-monograph .tpi-language-switcher a{
  display:grid;
  min-width:28px;
  min-height:28px;
  place-items:center;
  border:1px solid transparent;
  color:var(--muted);
  font:650 10px/1 var(--mono);
  letter-spacing:.08em;
}
.family-monograph .tpi-language-switcher a:hover,
.family-monograph .tpi-language-switcher a:focus-visible,
.family-monograph .tpi-language-switcher .is-current a{
  border-color:var(--line);
  color:var(--ink);
}
@media(max-width:900px){.family-monograph .contact-intro{height:650px;padding:0}.family-monograph .contact-intro__copy{left:22px;right:38px;bottom:55px}}

/* Desktop density calibrated against the 1440 px monograph source sheets. */
@media(min-width:901px){
  .family-monograph{font-size:14px}
  .family-monograph .site-header{height:68px}
  .family-monograph .site-header__inner{padding-inline:54px}
  .family-monograph .primary-navigation a{padding-block:24px}
  .family-monograph .monograph-heading{margin-bottom:28px;gap:36px}
  .family-monograph .monograph-heading h2,
  .family-monograph .expertise-chapters__intro h2,
  .family-monograph .studio-film h2,
  .family-monograph .practice-split h2,
  .family-monograph .enquiry-grid h2,
  .family-monograph .route-cta h2,
  .family-monograph .case-brief h2,
  .family-monograph .drawing-split h2,
  .family-monograph .proof-band h2,
  .family-monograph .project-form-section h2,
  .family-monograph .guidance-grid h2,
  .family-monograph .contact-routes h2,
  .family-monograph .site-footer h2{font-size:clamp(44px,4.6vw,66px);line-height:.88;margin:10px 0}
  .family-monograph .monograph-section,
  .family-monograph .movement-strip,
  .family-monograph .route-ledger,
  .family-monograph .editorial-ledger,
  .family-monograph .collaboration-chapters,
  .family-monograph .guidance-grid,
  .family-monograph .contact-routes{padding:44px max(54px,calc((100% - 1300px)/2))}
  .family-monograph .monograph-hero{height:600px;min-height:600px}
  .family-monograph .monograph-hero h1,
  .family-monograph .route-hero h1,
  .family-monograph .case-header h1,
  .family-monograph .start-intro h1,
  .family-monograph .contact-intro h1{font-size:clamp(66px,7vw,100px);line-height:.78;margin:14px 0 18px}
  .family-monograph .monograph-hero__copy{bottom:55px;max-width:660px}
  .family-monograph .monograph-hero__copy>p:not(.eyebrow){font-size:12px;max-width:460px}
  .family-monograph .work-tile figure,
  .family-monograph .work-tile:nth-child(2) figure{height:235px;margin-top:0}
  .family-monograph .work-tile>a>div{padding:12px 16px}
  .family-monograph .work-tile h3{font-size:24px;margin:6px 0}
  .family-monograph .expertise-chapters{padding:38px 36px 0}
  .family-monograph .expertise-chapters__intro{padding:0 40px 26px;max-width:820px}
  .family-monograph .expertise-chapter,
  .family-monograph .expertise-chapter:nth-of-type(even){min-height:205px;grid-template-columns:1.6fr 1fr}
  .family-monograph .expertise-chapter:nth-of-type(even){grid-template-columns:1fr 1.6fr}
  .family-monograph .expertise-chapter>div{padding:24px 38px}
  .family-monograph .expertise-chapter h3{font-size:46px;margin:8px 0}
  .family-monograph .expertise-chapter p{font-size:12px;margin:0 0 8px}
  .family-monograph .studio-film{min-height:330px}
  .family-monograph .studio-film__copy{padding:34px 54px}
  .family-monograph .movement-strip li{min-height:145px;padding:16px 14px}
  .family-monograph .movement-strip h3{font-size:22px;margin:26px 0 6px}
  .family-monograph .practice-split,
  .family-monograph .drawing-split{min-height:355px}
  .family-monograph .practice-split>div,
  .family-monograph .drawing-split>div{padding:34px 54px}
  .family-monograph .practice-split dl{margin:18px 0}
  .family-monograph .practice-split dl div,
  .family-monograph .practice-row{padding:9px 0}
  .family-monograph .proof-gallery figure{height:130px;margin-bottom:12px}
  body.family-monograph.tpi-premium-site .elementor .elementor-widget .proof-gallery figure{margin:0 0 12px}
  .family-monograph .proof-gallery h3{font-size:24px;margin-block:6px}
  .family-monograph .proof-gallery article{padding-bottom:14px}
  .family-monograph .people-grid figure{height:205px}
  .family-monograph .people-grid h3{font-size:24px;margin-block:7px}
  .family-monograph .ideas-grid{gap:20px}
  .family-monograph .ideas-grid figure{height:145px;margin-bottom:14px}
  .family-monograph .ideas-grid h3{font-size:24px;margin-block:7px}
  .family-monograph .enquiry-grid__intro,
  .family-monograph .enquiry-grid__form,
  .family-monograph .project-form-section>aside,
  .family-monograph .project-form-section>div{padding:38px 54px}
  .family-monograph .form-grid{gap:12px 18px}
  .family-monograph .form-grid label{gap:4px}
  .family-monograph .form-grid input,
  .family-monograph .form-grid select,
  .family-monograph .form-grid textarea{padding:7px 0}
  .family-monograph .form-grid textarea{height:74px;min-height:74px}
  .family-monograph .demo-form{margin-top:14px}
  .family-monograph .button{margin-top:14px;padding:11px 16px}
  .family-monograph .site-footer__statement{padding:36px 54px}
  .family-monograph .site-footer__statement>p:last-child{margin:6px 0}
  .family-monograph .site-footer__directory{padding:26px 54px}
  .family-monograph .site-footer__directory>div:not(.elementor-element-overlay):not(.elementor-shape):not(.ui-resizable-handle):not(.ui-wrapper){min-height:92px;padding:0 18px;gap:5px}
  .family-monograph .site-footer__bottom{padding:14px 54px}
  .family-monograph .route-hero,
  .family-monograph .contact-intro{height:585px}
  .family-monograph .route-hero__copy,
  .family-monograph .contact-intro__copy{bottom:45px}
  .family-monograph .programme-index{grid-template-columns:repeat(4,1fr);gap:18px}
  .family-monograph .programme-index figure,
  .family-monograph .programme-index a:nth-child(2) figure{height:170px;margin:0 0 10px}
  body.family-monograph.tpi-premium-site .elementor .elementor-widget .programme-index figure,
  body.family-monograph.tpi-premium-site .elementor .elementor-widget .programme-index a:nth-child(2) figure{margin:0 0 10px}
  .family-monograph .programme-index h3{font-size:24px;margin:5px 0}
  .family-monograph .route-ledger>header,
  .family-monograph .contact-routes>header{margin-bottom:22px}
  .family-monograph .route-ledger h2,
  .family-monograph .contact-routes h2{font-size:56px;margin:6px 0}
  .family-monograph .filter-ledger{margin-bottom:24px}
  .family-monograph .filter-ledger button{padding:11px 16px}
  .family-monograph .editorial-ledger article{padding:20px 26px}
  .family-monograph .editorial-ledger article h3{font-size:27px}
  .family-monograph .proof-band{padding:44px 54px;gap:34px}
  .family-monograph .proof-band article{padding:18px;min-height:125px}
  .family-monograph .route-cta,
  .family-monograph .alternative-contact{padding:44px 54px;min-height:285px}
  .family-monograph .case-header{padding:54px;min-height:390px;gap:45px}
  .family-monograph .case-header dl{margin-top:26px}
  .family-monograph .case-header dl div{padding:8px 0}
  .family-monograph .case-hero{height:560px}
  .family-monograph .case-brief{padding:54px;gap:60px}
  .family-monograph .case-brief>div:last-child{padding-top:24px}
  .family-monograph .case-movements>article,
  .family-monograph .case-movements>article:nth-child(even){min-height:320px}
  .family-monograph .case-movements article>div{padding:36px 48px}
  .family-monograph .case-movements h2{font-size:46px;margin:8px 0}
  .family-monograph .start-intro{min-height:575px}
  .family-monograph .start-intro>div{padding:48px 54px}
  .family-monograph .collaboration-chapters ol{margin-top:24px}
  .family-monograph .collaboration-chapters li{min-height:145px;padding:16px}
  .family-monograph .collaboration-chapters h3{margin-top:26px}
  .family-monograph .guidance-grid li{padding:16px}
  .family-monograph .guidance-grid h3{margin-top:28px}
  .family-monograph .contact-routes article{min-height:155px;padding:16px}
  .family-monograph .contact-routes article h3{font-size:23px;margin:34px 0 7px}
}

/* Fixed editorial frames prevent intrinsic image ratios from stretching chapters. */
@media(min-width:901px){
  .family-monograph.view-home .monograph-hero{height:560px;min-height:560px}
  .family-monograph.view-home .selected-work{height:390px;padding-block:30px;overflow:hidden}
  .family-monograph.view-home .selected-work .monograph-heading{margin-bottom:18px}
  .family-monograph.view-home .work-tile figure,
  .family-monograph.view-home .work-tile:nth-child(2) figure{height:170px}
  .family-monograph.view-home .expertise-chapters{height:660px;overflow:hidden;padding-top:24px}
  .family-monograph.view-home .expertise-chapters__intro{height:150px;padding-bottom:14px}
  .family-monograph.view-home .expertise-chapter,
  .family-monograph.view-home .expertise-chapter:nth-of-type(even){height:170px;min-height:170px}
  .family-monograph.view-home .expertise-chapter>div{padding-block:16px}
  .family-monograph.view-home .expertise-chapter h3{font-size:39px}
  .family-monograph.view-home .expertise-chapter .editorial-link{padding-block:4px}
  .family-monograph.view-home .studio-film{height:300px;min-height:300px;overflow:hidden}
  .family-monograph.view-home .movement-strip{height:330px;overflow:hidden;padding-block:30px}
  .family-monograph.view-home .practice-split{height:330px;min-height:330px;overflow:hidden}
  .family-monograph.view-home .practice-split>div{padding-block:24px}
  .family-monograph.view-home .proof-gallery{height:350px;overflow:hidden;padding-block:28px}
  .family-monograph.view-home .proof-gallery .monograph-heading{margin-bottom:18px}
  .family-monograph.view-home .proof-gallery figure{height:92px}
  .family-monograph.view-home .people-gallery{height:380px;overflow:hidden;padding-block:28px}
  .family-monograph.view-home .people-gallery .monograph-heading{margin-bottom:18px}
  .family-monograph.view-home .people-grid figure{height:150px}
  .family-monograph.view-home .ideas-section{height:360px;overflow:hidden;padding-block:28px}
  .family-monograph.view-home .ideas-section .monograph-heading{margin-bottom:18px}
  .family-monograph.view-home .ideas-grid figure{height:105px}
  .family-monograph.view-home .enquiry-grid{height:auto;min-height:400px;overflow:hidden}
  .family-monograph.view-home .enquiry-grid__intro,
  .family-monograph.view-home .enquiry-grid__form{padding-block:28px}
  .family-monograph .case-movements>article,
  .family-monograph .case-movements>article:nth-child(even){height:320px;min-height:320px;overflow:hidden}
  .family-monograph .case-movements figure{height:320px;overflow:hidden}
  .family-monograph .case-movements figure img{height:100%;object-fit:cover}
  .family-monograph.page-template-about .practice-split{height:330px;min-height:330px;overflow:hidden}
  .family-monograph.page-template-about .studio-film{height:300px;min-height:300px;overflow:hidden}
  .family-monograph.page-template-contact .contact-intro{height:680px}
  .family-monograph.page-template-contact .contact-routes{min-height:460px;padding-block:60px}
  .family-monograph.page-template-contact .project-form-section{min-height:800px}
  .family-monograph.page-template-contact .editorial-ledger{min-height:520px;padding-block:62px}
  .family-monograph.page-template-contact .guidance-grid{min-height:420px;padding-block:65px}
  .family-monograph.page-template-contact .alternative-contact{min-height:440px}
}

/* Native Elementor compatibility.
 * The source markup is split into real Containers, Heading, Text Editor,
 * Image, Video and Button widgets. Keep Elementor's editor boxes intact,
 * while restoring the source theme's public layout and semantic tag rhythm. */
.family-monograph .tpi-native-widget{margin:0;padding:0}
.family-monograph .tpi-native-container{
  --padding-top:0px;
  --padding-right:0px;
  --padding-bottom:0px;
  --padding-left:0px;
  --margin-top:0px;
  --margin-right:0px;
  --margin-bottom:0px;
  --margin-left:0px;
  --row-gap:0px;
  --column-gap:0px;
  --flex-wrap-mobile:nowrap;
}
/* Elementor Containers are flex columns by default. Source elements without an
 * explicit layout are normal block boxes, which also preserves CSS margin
 * collapsing. Re-enable only the source's declared grid/flex layouts below. */
.family-monograph.tpi-elementor-native:not(.elementor-editor-active) .tpi-native-container{display:block}
.family-monograph.tpi-elementor-native:not(.elementor-editor-active) :is(
  .site-header__inner,
  .monograph-heading,
  .work-triptych,
  .expertise-chapter,
  .studio-film,
  .practice-split,
  .drawing-split,
  .proof-gallery__grid,
  .people-grid,
  .ideas-grid,
  .enquiry-grid,
  .project-form-section,
  .site-footer__directory,
  .programme-index,
  .editorial-ledger,
  .editorial-ledger article,
  .case-header,
  .case-brief,
  .case-movements>article,
  .proof-band,
  .proof-band>div,
  .start-intro,
  .guidance-grid,
  .contact-routes>div,
  .practice-row,
  .practice-split .tpi-native-tag-dl>div,
  .tpi-native-tag-ol
){display:grid}
.family-monograph.tpi-elementor-native:not(.elementor-editor-active) :is(
  .brand,
  .site-header__actions,
  .chapter-rail,
  .expertise-chapter>div:not(.tpi-native-tag-figure),
  .studio-film__copy,
  .practice-split>div:not(.tpi-native-tag-figure),
  .drawing-split>div:not(.tpi-native-tag-figure),
  .site-footer__directory>div,
  .site-footer__bottom,
  .route-ledger>header,
  .contact-routes>header,
  .filter-ledger,
  .case-movements article>div:not(.tpi-native-tag-figure),
  .start-intro>div:not(.tpi-native-tag-figure),
  .alternative-contact
){display:flex}
.family-monograph.tpi-elementor-native:not(.elementor-editor-active) .primary-navigation{display:flex}
.family-monograph.tpi-elementor-native:not(.elementor-editor-active) .menu-toggle{display:none}
.family-monograph:not(.elementor-editor-active) .tpi-native-widget:not(.tpi-native-accordion):not(.tpi-native-toggle),
.family-monograph:not(.elementor-editor-active) .tpi-native-widget:not(.tpi-native-accordion):not(.tpi-native-toggle)>.elementor-widget-container,
.family-monograph:not(.elementor-editor-active) .tpi-native-button .elementor-button-wrapper,
.family-monograph:not(.elementor-editor-active) .tpi-native-button .elementor-button-content-wrapper,
.family-monograph:not(.elementor-editor-active) .tpi-native-button .elementor-button-text{
  display:contents!important;
}
.family-monograph :is(
  .brand,
  .primary-navigation,
  .site-header__actions,
  .chapter-rail,
  .editorial-link,
  .filter-ledger,
  .site-footer__bottom
).tpi-native-container,
.family-monograph :is(.route-ledger,.contact-routes)>header.tpi-native-container{
  --flex-direction:row;
}
.family-monograph .editorial-link.tpi-native-container{
  --width:auto;
  width:fit-content;
  flex:0 0 auto;
}
.family-monograph .filter-ledger>button.tpi-native-container{
  --width:auto;
  width:auto;
  flex:0 0 auto;
}
.family-monograph :is(.monograph-hero__copy,.route-hero__copy,.contact-intro__copy).tpi-native-container{
  --width:auto;
  width:auto;
}
.family-monograph .tpi-native-button .elementor-button{
  width:auto;
  align-self:flex-start;
}
.family-monograph .tpi-native-image img{display:block;width:100%}

/* Keep full-bleed hero media selectable in Elementor without allowing the
 * decorative gradient layer to intercept clicks meant for real widgets. */
body.elementor-editor-active.family-monograph.tpi-elementor-native
:is(.monograph-hero__media,.route-hero__media,.contact-intro__media)>.tpi-native-image{
  position:absolute!important;
  inset:0;
  width:100%;
  height:100%;
}
body.elementor-editor-active.family-monograph.tpi-elementor-native
:is(.monograph-hero__media,.route-hero__media,.contact-intro__media)>.tpi-native-image>img{
  width:100%;
  height:100%;
  object-fit:cover;
}
body.elementor-editor-active.family-monograph.tpi-elementor-native
:is(.monograph-hero__veil,.route-hero__veil,.contact-intro__veil){
  pointer-events:none;
}

/* Elementor rebuilds Header/Footer Containers in the editor iframe without
 * the server-side `tpi-native-container` / `tpi-native-widget` markers. Mirror
 * the published layout only in that dedicated site-part canvas while keeping
 * every real widget box tangible for direct mouse selection. */
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native .site-main{
  overflow:visible;
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  :is(.site-header,.site-footer).tpi-native-node[data-element_type="container"],
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  :is(.site-header,.site-footer) .tpi-native-node[data-element_type="container"]{
  --padding-top:0px;
  --padding-right:0px;
  --padding-bottom:0px;
  --padding-left:0px;
  --margin-top:0px;
  --margin-right:0px;
  --margin-bottom:0px;
  --margin-left:0px;
  --row-gap:0px;
  --column-gap:0px;
  --flex-wrap-mobile:nowrap;
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  :is(.site-header,.site-footer) .tpi-native-node[data-element_type="widget"]{
  margin:0;
  padding:0;
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  :is(.site-header,.site-footer,.site-footer__statement).tpi-native-node[data-element_type="container"]{
  --display:block!important;
  display:block!important;
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  :is(.brand,.site-header__actions,.site-footer__bottom).tpi-native-node[data-element_type="container"]{
  --flex-direction:row!important;
  flex-direction:row!important;
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-header :is(.menu-toggle,.theme-toggle){
  width:36px!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
}

/* Elementor's resize helpers become extra grid/flex children. Flatten only
 * those helpers; the editable menu/theme Containers and widget overlays stay
 * intact. */
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-header__inner>.ui-wrapper:has(>.menu-toggle),
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-header__actions>.ui-wrapper:has(>.theme-toggle){
  display:contents!important;
}

/* Retain the public footer rhythm without flattening selectable Text Editor or
 * Heading widgets. Elementor's overlay siblings mean `:last-child` is not a
 * reliable editor selector, so target the final real Text Editor explicitly. */
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-footer .eyebrow{
  line-height:1.3;
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-footer__statement>.tpi-native-text-editor:not(:has(~.tpi-native-text-editor)) p{
  max-width:480px;
  color:#aaa;
  line-height:var(--tpi-footer-leading);
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-footer__statement>.tpi-native-text-editor:has(.eyebrow)>.elementor-text-editor{
  min-height:0;
  line-height:0;
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-footer__directory>.tpi-native-node[data-element_type="container"]>.tpi-native-text-editor :is(a,span){
  display:block;
}
/* Published menu wrappers are transparent, making links direct column items.
 * Retain the editor widget hit box, but give its links the same column/gap. */
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-footer__directory>.tpi-native-node[data-element_type="container"]>.elementor-widget-wp-widget-nav_menu{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:inherit;
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-footer__directory>.tpi-native-node[data-element_type="container"]
  >.tpi-native-text-editor:has(.footer-index)>.elementor-text-editor{
  min-height:0;
  line-height:0;
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-footer__directory>.tpi-native-node[data-element_type="container"]
  >.tpi-native-text-editor:has(.eyebrow)>.elementor-text-editor{
  display:flow-root;
  min-height:0;
  line-height:0;
}
body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
  .site-footer__bottom>.tpi-native-text-editor:not(:has(~.tpi-native-text-editor)){
  margin-left:0;
}

/* On the published desktop footer the flattened logo and final text spans
 * share the spare row width through auto margins. Apply those margins to the
 * corresponding editor hit boxes, not to their nested content. */
@media(min-width:901px){
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .site-footer__bottom>.elementor-widget-tpi-site-logo,
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .site-footer__bottom>.tpi-native-text-editor:not(:has(~.tpi-native-text-editor)){
    margin-left:auto!important;
    flex:0 1 auto!important;
  }
}

@media(min-width:901px){
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .primary-navigation.tpi-native-node[data-element_type="container"]{
    --flex-direction:row!important;
    flex-direction:row!important;
  }
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .site-header .menu-toggle{
    display:none!important;
  }
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .primary-navigation>.tpi-native-text-editor a,
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .site-header__actions>.tpi-native-text-editor .header-enquiry{
    display:block;
  }
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .site-footer__statement>.tpi-native-text-editor:not(:has(~.tpi-native-text-editor)) p{
    margin:6px 0;
  }
}

@media(max-width:900px){
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .primary-navigation.tpi-native-node[data-element_type="container"]{
    --flex-direction:column!important;
    --row-gap:0px;
    --column-gap:0px;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:0!important;
  }
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .site-header .menu-toggle{
    display:block!important;
  }
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .brand>.tpi-native-text-editor,
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .site-header__actions>.tpi-native-text-editor{
    display:none!important;
  }
}

@media(max-width:520px){
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .site-footer__bottom.tpi-native-node[data-element_type="container"]{
    --display:block!important;
    display:block!important;
  }
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .site-footer__bottom>.tpi-native-node[data-element_type="widget"]{
    display:block!important;
    margin:12px 0;
  }
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native
    .site-footer__bottom>.tpi-native-text-editor:not(:has(~.tpi-native-text-editor)){
    margin-left:0;
  }
}

/* A source figure/list/definition element uses a marker class where Elementor
 * Containers cannot emit that HTML tag. */
.family-monograph :is(.tpi-native-tag-figure,.tpi-native-tag-figcaption,.tpi-native-tag-ol,.tpi-native-tag-ul,.tpi-native-tag-li,.tpi-native-tag-dl,.tpi-native-tag-dt,.tpi-native-tag-dd){display:block}
.family-monograph .work-tile .tpi-native-tag-figure{position:relative;margin:0;padding:0;height:460px;overflow:hidden}
.family-monograph .work-tile:nth-child(2) .tpi-native-tag-figure{height:370px;margin-top:90px}
.family-monograph .work-tile .tpi-native-tag-figure img{height:100%;object-fit:cover;transition:transform .6s}
.family-monograph .work-tile a:hover .tpi-native-tag-figure img{transform:scale(1.025)}
.family-monograph :is(.work-tile,.editorial-figure,.practice-split,.drawing-split,.case-hero,.start-intro) .tpi-native-tag-figcaption{
  position:absolute;
  left:10px;
  bottom:10px;
  background:rgba(0,0,0,.66);
  color:#fff;
  padding:6px 8px;
  font:600 8px/1.2 var(--mono);
  text-transform:uppercase;
}
.family-monograph .drawing-split>.tpi-native-tag-figure figcaption{
  position:absolute;
  left:10px;
  bottom:10px;
  background:rgba(0,0,0,.66);
  color:#fff;
  padding:6px 8px;
  font:600 12px/1.2 var(--mono);
  text-transform:uppercase;
}
.family-monograph .expertise-chapter>.tpi-native-tag-figure{margin:0;padding:0;overflow:hidden}
.family-monograph .expertise-chapter .tpi-native-tag-figure img{height:100%;object-fit:cover}
.family-monograph .expertise-chapter:nth-of-type(even) .tpi-native-tag-figure{order:2}
.family-monograph .expertise-chapter:nth-of-type(2) .tpi-native-tag-figure img{object-position:65% center}
.family-monograph .studio-film .tpi-native-tag-figure{margin:0;position:relative;overflow:hidden}
.family-monograph .studio-film .tpi-native-tag-figcaption{position:absolute;bottom:18px;left:18px;font:600 9px/1 var(--mono);text-transform:uppercase}
.family-monograph .studio-film .tpi-native-tag-figure{min-width:0;min-height:0;height:100%}
.family-monograph .studio-film .tpi-native-video .elementor-wrapper{height:100%;aspect-ratio:auto!important}
.family-monograph .studio-film .tpi-native-video video{display:block;height:100%;object-fit:cover}
.family-monograph :is(.practice-split,.drawing-split)>.tpi-native-tag-figure,
.family-monograph .start-intro>.tpi-native-tag-figure{
  margin:0;
  padding:0;
  position:relative;
  overflow:hidden;
}
.family-monograph :is(.practice-split,.drawing-split)>.tpi-native-tag-figure img,
.family-monograph .start-intro>.tpi-native-tag-figure img{height:100%;object-fit:cover}
.family-monograph .proof-gallery .tpi-native-tag-figure{height:240px;margin:0 0 20px;overflow:hidden}
.family-monograph .proof-gallery .tpi-native-tag-figure img{height:100%;object-fit:cover;filter:grayscale(1)}
.family-monograph .people-grid .tpi-native-tag-figure{margin:0;height:390px;position:relative;overflow:hidden;background:#d4d1ca}
.family-monograph .people-grid .tpi-native-tag-figure img{height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transform:none;opacity:.96}
.family-monograph .people-grid .tpi-native-tag-figure span{position:absolute;inset:0;display:grid;place-items:center;font:400 104px/1 var(--serif);color:#fff;mix-blend-mode:difference}
.family-monograph .ideas-grid .tpi-native-tag-figure{margin:0 0 24px;height:280px;overflow:hidden}
.family-monograph .ideas-grid .tpi-native-tag-figure img{height:100%;object-fit:cover}
.family-monograph .programme-index .tpi-native-tag-figure{height:390px;margin:0 0 18px;position:relative;overflow:hidden}
.family-monograph .programme-index a:nth-child(2) .tpi-native-tag-figure{height:300px;margin-top:90px}
.family-monograph .programme-index .tpi-native-tag-figure img{height:100%;object-fit:cover}
.family-monograph .programme-index .tpi-native-tag-figcaption{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.65);color:#fff;font:600 8px/1 var(--mono);padding:6px}
.family-monograph .programme-index>a[hidden]{display:none!important}
.family-monograph .case-hero>.elementor-widget-image img{height:100%;object-fit:cover}
.family-monograph .case-movements .tpi-native-tag-figure{margin:0;padding:0}
.family-monograph .case-movements .tpi-native-tag-figure img{height:100%;object-fit:cover}
.family-monograph .case-movements>article:nth-child(even) .tpi-native-tag-figure{order:2}
.family-monograph .case-movements article>.tpi-native-tag-figure{padding:0}

.family-monograph .movement-strip .tpi-native-tag-ol,
.family-monograph .collaboration-chapters .tpi-native-tag-ol{
  list-style:none;
  margin:60px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.family-monograph .movement-strip .tpi-native-tag-ol{margin-top:0}
.family-monograph .collaboration-chapters .tpi-native-tag-ol{border-bottom:0}
.family-monograph :is(.movement-strip,.collaboration-chapters) .tpi-native-tag-li{min-height:230px;padding:24px 20px;border-right:1px solid var(--line)}
.family-monograph .collaboration-chapters .tpi-native-tag-li{padding:25px}
.family-monograph :is(.movement-strip,.collaboration-chapters) .tpi-native-tag-li:last-child{border-right:0}
.family-monograph :is(.movement-strip,.collaboration-chapters,.guidance-grid) .tpi-native-tag-li span{font:600 10px/1 var(--mono);color:var(--blue)}
.family-monograph .guidance-grid .tpi-native-tag-ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.family-monograph .guidance-grid .tpi-native-tag-li{padding:24px;border-right:1px solid var(--line)}
.family-monograph .practice-split .tpi-native-tag-dl{margin:38px 0}
.family-monograph .practice-split .tpi-native-tag-dl>div{padding:14px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:20px}
.family-monograph .practice-split .tpi-native-tag-dt{font-size:11px;font-weight:600}
.family-monograph .practice-split .tpi-native-tag-dd{margin:0;font-size:11px;color:var(--muted)}
.family-monograph .case-header .tpi-native-tag-dl{margin:55px 0 0}
.family-monograph .case-header .tpi-native-tag-dl>div{padding:14px 0;border-top:1px solid var(--line)}
.family-monograph .case-header .tpi-native-tag-dt,.family-monograph .contact-form-section aside .tpi-native-tag-dt{font:600 9px/1 var(--mono);text-transform:uppercase}
.family-monograph .case-header .tpi-native-tag-dd{margin:5px 0 0;font-size:12px;color:var(--muted)}
.family-monograph .contact-form-section aside .tpi-native-tag-dl>div{padding:11px 0;border-top:1px solid rgba(255,255,255,.35)}
.family-monograph .contact-form-section aside .tpi-native-tag-dd{margin:4px 0 0}
.family-monograph .project-form-section>aside:not(.chapter-rail) .tpi-native-tag-ul{margin:1em 0;padding-left:18px;font-size:12px}
.family-monograph.tpi-elementor-native:not(.elementor-editor-active) .project-form-section>aside .tpi-native-tag-li{display:list-item;list-style:disc}

/* Direct-child source selectors need widget-aware aliases. */
.family-monograph .monograph-hero__copy>.elementor-widget-text-editor p:not(.eyebrow){max-width:500px;font-size:14px}
.family-monograph .monograph-heading>.elementor-widget-text-editor p{font-size:13px;color:var(--muted);max-width:430px}
.family-monograph :is(.movement-strip,.collaboration-chapters,.guidance-grid) .monograph-heading>.elementor-widget-text-editor p{font-size:11px}
.family-monograph .proof-gallery article>.elementor-widget-text-editor :is(span,p){display:block;margin-left:20px;margin-right:20px}
.family-monograph .proof-gallery article>.elementor-widget-text-editor span{font:600 10px/1 var(--mono);color:var(--blue)}
.family-monograph .proof-gallery article>.elementor-widget-text-editor p{font-size:11px;color:var(--muted)}
.family-monograph .proof-band article>.elementor-widget-heading h3{margin:1em 0}
.family-monograph .proof-band article.tpi-native-container{min-width:auto}
.family-monograph .alternative-contact>.elementor-widget-heading h2{margin:.83em 0}
.family-monograph .ideas-grid article>.elementor-widget-text-editor p:not(.eyebrow){font-size:12px;color:var(--muted)}
.family-monograph .site-footer__statement>.elementor-widget-text-editor:last-child p{max-width:480px;color:#aaa}
.family-monograph .route-hero__copy>.elementor-widget-text-editor:last-child p{max-width:470px}
.family-monograph .contact-intro__copy>.elementor-widget-text-editor:last-child p{max-width:540px;color:#eee}
.family-monograph .site-footer__bottom>.elementor-widget-text-editor span{margin-left:0}
.family-monograph .site-footer__bottom>.elementor-widget-text-editor:last-child span{margin-left:auto}

/* Light/dark visibility must apply to the Image widget wrapper as well as img. */
.family-monograph.tpi-elementor-native:not(.elementor-editor-active) .tpi-native-widget.tpi-native-image.theme-image__dark{display:none!important}
html[data-theme="dark"] .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .tpi-native-widget.tpi-native-image.theme-image__light{display:none!important}
html[data-theme="dark"] .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .tpi-native-widget.tpi-native-image.theme-image__dark{display:contents!important}

/* These footer boxes are block flow in the source. Keeping them as Elementor
 * flex containers prevents the heading/paragraph margins from collapsing and
 * adds a full line of vertical space. */
.family-monograph.tpi-elementor-native:not(.elementor-editor-active) :is(.site-footer,.site-footer__statement){display:block!important}

@media(min-width:901px){
  .family-monograph.tpi-elementor-native .site-footer__statement>.elementor-widget-text-editor:last-child p{margin:6px 0}
  .family-monograph .monograph-hero__copy>.elementor-widget-text-editor p:not(.eyebrow){max-width:460px;font-size:12px}
  .family-monograph .work-tile .tpi-native-tag-figure,
  .family-monograph .work-tile:nth-child(2) .tpi-native-tag-figure{height:235px;margin-top:0}
  .family-monograph .movement-strip .tpi-native-tag-li{min-height:145px;padding:16px 14px}
  .family-monograph .practice-split .tpi-native-tag-dl{margin:18px 0}
  .family-monograph .practice-split .tpi-native-tag-dl>div{padding:9px 0}
  .family-monograph .proof-gallery .tpi-native-tag-figure{height:130px;margin-bottom:12px}
  .family-monograph .people-grid .tpi-native-tag-figure{height:205px}
  .family-monograph .ideas-grid .tpi-native-tag-figure{height:145px;margin-bottom:14px}
  .family-monograph.view-home .work-tile .tpi-native-tag-figure,
  .family-monograph.view-home .work-tile:nth-child(2) .tpi-native-tag-figure{height:170px;margin-top:0}
  .family-monograph.view-home .expertise-chapter>.tpi-native-tag-figure{padding:0}
  .family-monograph.view-home .proof-gallery .tpi-native-tag-figure{height:92px}
  .family-monograph.view-home .people-grid .tpi-native-tag-figure{height:150px}
  .family-monograph.view-home .ideas-grid .tpi-native-tag-figure{height:105px}
  .family-monograph .programme-index .tpi-native-tag-figure,
  .family-monograph .programme-index a:nth-child(2) .tpi-native-tag-figure{height:170px;margin:0 0 10px}
  .family-monograph .case-movements .tpi-native-tag-figure{height:320px;overflow:hidden}
  .family-monograph .case-header .tpi-native-tag-dl{margin-top:26px}
  .family-monograph .case-header .tpi-native-tag-dl>div{padding:8px 0}
  .family-monograph .collaboration-chapters .tpi-native-tag-ol{margin-top:24px}
  .family-monograph .collaboration-chapters .tpi-native-tag-li{min-height:145px;padding:16px}
  .family-monograph .guidance-grid .tpi-native-tag-li{padding:16px}
}

@media(max-width:900px){
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .primary-navigation{display:none}
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .primary-navigation.is-open{display:flex}
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .menu-toggle{display:block}
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) :is(.work-triptych,.programme-index){display:block!important}
  .family-monograph .primary-navigation.tpi-native-container{flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important}
  .family-monograph .work-tile .tpi-native-tag-figure,
  .family-monograph .work-tile:nth-child(2) .tpi-native-tag-figure,
  .family-monograph .programme-index .tpi-native-tag-figure,
  .family-monograph .programme-index a:nth-child(2) .tpi-native-tag-figure{height:330px;margin:0 0 16px}
  .family-monograph .expertise-chapter:nth-of-type(even) .tpi-native-tag-figure,
  .family-monograph .case-movements>article:nth-child(even) .tpi-native-tag-figure{order:0}
  .family-monograph .expertise-chapter .tpi-native-tag-figure{height:330px}
  .family-monograph .studio-film .tpi-native-tag-figure{height:360px}
  .family-monograph :is(.practice-split,.drawing-split)>.tpi-native-tag-figure,
  .family-monograph .start-intro>.tpi-native-tag-figure{height:420px}
  .family-monograph .proof-gallery .tpi-native-tag-figure{height:180px}
  .family-monograph .people-grid .tpi-native-tag-figure{height:300px}
  .family-monograph .case-movements .tpi-native-tag-figure{height:330px}
  .family-monograph :is(.movement-strip,.collaboration-chapters) .tpi-native-tag-ol{display:block!important}
  .family-monograph :is(.movement-strip,.collaboration-chapters) .tpi-native-tag-li{min-height:150px;border-right:0;border-bottom:1px solid var(--line)}
  .family-monograph .movement-strip .tpi-native-tag-li:last-child{border-bottom:0}
  .family-monograph .guidance-grid .tpi-native-tag-ol{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .family-monograph .guidance-grid .tpi-native-tag-li{border-right:0;border-bottom:1px solid var(--line)}
  .family-monograph .case-header .tpi-native-tag-dl{margin-top:10px}
  .family-monograph .site-footer__bottom>.elementor-widget-text-editor:last-child span{margin-left:0}
}

@media(min-width:901px){
  .family-monograph.view-start-a-project .alternative-contact{min-height:360px}
}

@media(max-width:520px){
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .site-footer__bottom{display:block!important}
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .site-footer__bottom>.tpi-native-widget:not(.tpi-native-accordion):not(.tpi-native-toggle){display:block!important;margin:12px 0}
  .family-monograph :is(.proof-gallery,.ideas-grid) .tpi-native-tag-figure{height:230px}
  .family-monograph .people-grid .tpi-native-tag-figure{height:360px}
}

.family-monograph .tpi-wp-menu,
.family-monograph .tpi-wp-menu>li{
  display:contents;
}

/* Readability floors: preserve the monograph scale while keeping every
 * editable text role above its agreed reading, control or metadata tier. */
.family-monograph .brand,
.family-monograph .eyebrow,
.family-monograph .chapter-rail,
.family-monograph .chapter-rail span,
.family-monograph .chapter-rail small,
.family-monograph .monograph-hero__caption,
.family-monograph :is(.work-tile,.editorial-figure,.practice-split,.drawing-split,.case-hero,.start-intro,.studio-film,.programme-index) figcaption,
.family-monograph :is(.work-tile,.editorial-figure,.practice-split,.case-hero,.start-intro,.studio-film,.programme-index) .tpi-native-tag-figcaption,
.family-monograph .work-tile span,
.family-monograph .work-tile p,
.family-monograph .folio,
.family-monograph .proof-gallery article>span,
.family-monograph .proof-gallery article>.elementor-widget-text-editor span,
.family-monograph :is(.movement-strip,.collaboration-chapters,.guidance-grid) li span,
.family-monograph :is(.movement-strip,.collaboration-chapters,.guidance-grid) .tpi-native-tag-li span,
.family-monograph .programme-index span,
.family-monograph .programme-index p,
.family-monograph .editorial-ledger article span,
.family-monograph .case-header dt,
.family-monograph .case-header .tpi-native-tag-dt,
.family-monograph .contact-form-section aside dt,
.family-monograph .contact-form-section aside .tpi-native-tag-dt,
.family-monograph .case-movements span,
.family-monograph .proof-band article span,
.family-monograph .contact-routes article span,
.family-monograph .footer-index,
.family-monograph .site-footer__bottom,
.family-monograph .site-footer__bottom span{
  font-size:12px;
}

.family-monograph .editorial-link,
.family-monograph .header-enquiry,
.family-monograph .button,
.family-monograph .filter-ledger button,
.family-monograph .concept-notice,
.family-monograph .verification-note,
.family-monograph .people-grid small,
.family-monograph .practice-row small,
.family-monograph .practice-split dd,
.family-monograph .practice-split .tpi-native-tag-dd,
.family-monograph .case-header dd,
.family-monograph .case-header .tpi-native-tag-dd,
.family-monograph .site-footer small,
.family-monograph .site-footer__directory span,
.family-monograph .site-footer__directory a{
  font-size:14px;
}

/* Keep the primary header CTA legible in both light and dark modes. */
.family-monograph .site-header .header-enquiry:not(.header-enquiry--secondary){
  color:#fff!important;
}

.family-monograph .monograph-hero__copy>p:not(.eyebrow),
.family-monograph .monograph-hero__copy>.elementor-widget-text-editor p:not(.eyebrow),
.family-monograph .monograph-heading>p,
.family-monograph .monograph-heading>.elementor-widget-text-editor p,
.family-monograph :is(.movement-strip,.collaboration-chapters,.guidance-grid) .monograph-heading>.elementor-widget-text-editor p,
.family-monograph .expertise-chapter p,
.family-monograph :is(.movement-strip,.collaboration-chapters,.guidance-grid) p,
.family-monograph .proof-gallery article>p,
.family-monograph .proof-gallery article>.elementor-widget-text-editor p,
.family-monograph .people-grid p,
.family-monograph .ideas-grid article>p:not(.eyebrow),
.family-monograph .ideas-grid article>.elementor-widget-text-editor p:not(.eyebrow),
.family-monograph .editorial-ledger article p,
.family-monograph .case-movements p,
.family-monograph .proof-band article p,
.family-monograph .project-form-section>aside ul,
.family-monograph .project-form-section>aside .tpi-native-tag-ul,
.family-monograph .project-form-section>aside:not(.chapter-rail) .tpi-native-tag-ul,
.family-monograph .contact-routes article p,
.family-monograph .form-grid label>span,
.family-monograph .demo-form small,
.family-monograph .form-grid input,
.family-monograph .form-grid select,
.family-monograph .form-grid textarea,
.family-monograph .form-status,
  .family-monograph .form-footnote,
.family-monograph .site-footer__statement p{
  font-size:16px;
}

/* Editable copy must be allowed to wrap without being cropped by fixed
 * source-sheet frames. Keep the original minimum rhythm and thumbnail sizes;
 * only text-bearing desktop frames grow with their editable content. */
@media(min-width:901px){
  .family-monograph.view-home :is(.selected-work,.expertise-chapters,.expertise-chapters__intro,.expertise-chapter,.studio-film,.movement-strip,.practice-split,.proof-gallery,.people-gallery,.ideas-section){height:auto}
  .family-monograph.view-home .selected-work{min-height:390px}
  .family-monograph.view-home .expertise-chapters{min-height:660px}
  .family-monograph.view-home .expertise-chapters__intro{min-height:150px}
  .family-monograph.view-home .expertise-chapter{min-height:170px}
  .family-monograph.view-home .expertise-chapter:nth-of-type(even){height:auto}
  .family-monograph.view-home .studio-film{min-height:300px}
  .family-monograph.view-home :is(.movement-strip,.practice-split){min-height:330px}
  .family-monograph.view-home .proof-gallery{min-height:350px}
  .family-monograph.view-home .people-gallery{min-height:380px}
  .family-monograph.view-home .ideas-section{min-height:360px}
  .family-monograph.page-template-about .practice-split{height:auto;min-height:330px}
  .family-monograph.page-template-about .studio-film{height:auto;min-height:300px}
  .family-monograph .case-movements>article{height:auto;min-height:320px}
  .family-monograph .case-movements>article:nth-child(even){height:auto}
  .family-monograph :is(.expertise-chapter,.studio-film,.practice-split,.case-movements>article)>:is(figure,.tpi-native-tag-figure){
    contain:size;
    height:auto;
    min-height:0;
    min-width:0;
    align-self:stretch;
  }
}

/* The chapter marker is not the blue form-introduction panel. Its inherited
 * aside padding previously widened it over the right edge of the inputs. */
.family-monograph .project-form-section > aside.chapter-rail{
  padding:20px 0 0;
  background:transparent;
  color:var(--muted);
}

/* Readable Turkish accents and intrinsic grid sizing, without changing
 * native Elementor containers or hiding overflowing copy. */
html[lang^="tr"] .family-monograph{--tpi-heading-leading:1.06}
html[lang^="tr"] .family-monograph :is(h1,h2){letter-spacing:-.025em}
html[lang^="tr"] .family-monograph h3{line-height:1.12!important}
.family-monograph .proof-band>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.family-monograph .proof-band article.tpi-native-container{min-width:0}
.family-monograph .studio-film :is(figcaption,.tpi-native-tag-figcaption){
  top:18px;
  bottom:auto;
  left:18px;
  max-width:calc(100% - 36px);
  width:max-content;
  padding:6px 8px;
  background:rgba(0,0,0,.65);
  color:#fff;
  pointer-events:none;
}
.family-monograph .demo-form :is(small,.checkbox-field>span){
  font-family:var(--sans);
  font-weight:400;
  line-height:1.5;
  text-transform:none;
  letter-spacing:0;
}
@media(max-width:600px){
  .family-monograph .proof-band>div{grid-template-columns:minmax(0,1fr)}
  .family-monograph .filter-ledger{flex-wrap:wrap;overflow:visible;gap:8px}
  .family-monograph .filter-ledger button{min-height:44px}
  .family-monograph .guidance-grid :is(ol,.tpi-native-tag-ol){grid-template-columns:minmax(0,1fr)}
  .family-monograph .guidance-grid :is(li,.tpi-native-tag-li){border-right:0;border-bottom:1px solid var(--line)}
  .family-monograph .practice-split :is(dl,.tpi-native-tag-dl)>div{grid-template-columns:minmax(0,1fr);gap:6px}
}

/* Long translated navigation and CTA labels need the compact menu through 1199 px.
 * Only the header changes mode here; the page grids retain their 900 px cut. */
@media(max-width:1199px){
  .family-monograph .site-header__inner{grid-template-columns:1fr auto auto;padding:0 20px}
  .family-monograph .brand span,
  .family-monograph .header-enquiry{display:none}
  .family-monograph .menu-toggle{display:block;position:relative;z-index:100}
  .family-monograph .primary-navigation{
    position:fixed;
    z-index:90;
    inset:64px 0 auto;
    background:var(--paper);
    border-bottom:1px solid var(--line);
    padding:20px;
    display:none;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
  }
  .family-monograph .primary-navigation.is-open{display:flex}
  .family-monograph .primary-navigation a{width:100%;padding:14px 0;border-bottom:1px solid var(--line);font:400 30px/1 var(--serif)}
  .family-monograph .site-header__actions{grid-column:2;grid-row:1}
  .family-monograph .menu-toggle{grid-column:3;grid-row:1}
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .primary-navigation{display:none}
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .primary-navigation.is-open{display:flex}
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .menu-toggle{display:block}
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .brand>.tpi-native-text-editor,
  .family-monograph.tpi-elementor-native:not(.elementor-editor-active) .site-header__actions>.tpi-native-text-editor{display:none}
  .family-monograph .primary-navigation.tpi-native-container{flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important}
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native .primary-navigation.tpi-native-node[data-element_type="container"]{--flex-direction:column!important;--row-gap:0px;--column-gap:0px;flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important}
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native .site-header .menu-toggle{display:block!important}
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native .brand>.tpi-native-text-editor,
  body.tpi-elementor-site-part-preview.elementor-editor-active.family-monograph.tpi-elementor-native .site-header__actions>.tpi-native-text-editor{display:none!important}
}

/* Legal brand subtitle remains a separate editable Text Editor widget. */
.family-monograph .site-footer .rev-legal { font-size:13px; line-height:1.6; max-width:62ch; }
.family-monograph .site-footer .rev-legal p { font-size:inherit; line-height:inherit; margin:12px 0; }