/* New homepage sections only; the approved opening and carousel stay intact. */
.ttt-home .ttt-home-story,
.ttt-home .ttt-home-method{max-width:1360px;margin:0 auto;padding:72px var(--ttt-gutter);border-top:1px solid var(--ttt-rule)}
.ttt-home .ttt-story-columns{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,5vw,72px);margin:0;align-items:center}
.ttt-home .ttt-story-columns>.wp-block-column{min-width:0;margin:0}
.ttt-home .ttt-story-image figure{margin:0;max-width:400px}
.ttt-home .ttt-story-image img{display:block;width:100%;height:auto}
.ttt-home .ttt-story-image figcaption{font:400 15px/1.5 var(--ttt-sans);color:#595959;text-align:left;margin-top:14px}
.ttt-home .ttt-home-story h2,
.ttt-home .ttt-home-method h2{font-family:var(--ttt-sans);font-size:clamp(30px,3.3vw,44px);font-weight:600;line-height:1.15;color:var(--ttt-ink);margin:0 0 24px;letter-spacing:-.02em}
.ttt-home .ttt-home-method>p:not(.ttt-kicker){max-width:780px}
.ttt-home .ttt-editorial-link a{color:var(--ttt-ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){
 .ttt-home .ttt-home-story,.ttt-home .ttt-home-method{padding:42px 24px}
 .ttt-home .ttt-story-columns{grid-template-columns:1fr;gap:30px}
 .ttt-home .ttt-story-image figure{max-width:340px;margin:auto}
}

/* Malvón: the original source alongside the restoration text. */
.ttt-home .ttt-method-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;margin:0}
.ttt-home .ttt-method-columns>.wp-block-column{min-width:0;margin:0}
.ttt-home .ttt-method-image figure{margin:0}
.ttt-home .ttt-method-image img{display:block;width:100%;height:auto}
.ttt-home .ttt-method-image figcaption{font:400 15px/1.5 var(--ttt-sans);color:#595959;text-align:left;margin-top:14px}
@media(max-width:767px){
 .ttt-home .ttt-method-columns{grid-template-columns:1fr;gap:32px}
 .ttt-home .ttt-method-image figure{max-width:440px;margin:0 auto}
}

/* One typographic treatment across the homepage, preserving the approved sizes. */
#content .ttt-home h1,
#content .ttt-home .ttt-home-collection h2,
#content .ttt-home .ttt-home-story h2,
#content .ttt-home .ttt-home-method h2{
 font-family:var(--ttt-sans)!important;font-weight:600!important;
 line-height:1.15!important;letter-spacing:-.02em!important;
 color:var(--ttt-ink)!important;text-transform:none;margin:0 0 24px!important;
}
.ttt-home .ttt-home-collection{border-top:1px solid var(--ttt-rule);padding-top:72px}
@media(max-width:767px){.ttt-home .ttt-home-collection{padding-top:42px}}

/* Editorial images: 80% of their previous displayed width, centred in the existing columns. */
.ttt-home .ttt-story-image figure{width:80%;max-width:320px;margin:0 auto}
.ttt-home .ttt-method-image figure{width:80%;margin:0 auto}
@media(max-width:767px){
 .ttt-home .ttt-story-image figure{max-width:272px}
 .ttt-home .ttt-method-image figure{max-width:352px}
}

/* Homepage title colour trial — 22 September 2026. */
#content .ttt-home h1 .ttt-home-title-gradient {
  display: inline-block;
  color: #a12642;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  #content .ttt-home h1 .ttt-home-title-gradient {
    background-image: linear-gradient(110deg, #b32238 0%, #80508f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
@media (forced-colors: active) {
  #content .ttt-home h1 .ttt-home-title-gradient {
    background: none; color: CanvasText; -webkit-text-fill-color: CanvasText;
  }
}
