/* Index list (style "Index list", Home "Discover More"): rows with hairlines, no cards. Each inner Group = Image + linked H3 + text. home.js builds the picture on the left
   (follows the row in focus) and adds .has-stage; without JS, or on small screens, every row carries its own picture above the title. */
.wttc-content .is-style-wttc-index { display: grid; grid-template-columns: minmax(0, 1fr); }
.wttc-content .is-style-wttc-index > .wp-block-group { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 44px; column-gap: clamp(12px, 2vw, 28px); align-content: start; margin: 0; padding: clamp(26px, 4.2vh, 40px) 0; border-top: 1px solid rgba(21, 27, 52, .18); color: var(--wttc-navy); }
.wttc-content .is-style-wttc-index > .wp-block-group:last-child { border-bottom: 1px solid rgba(21, 27, 52, .18); }
.wttc-content .is-style-wttc-index > .wp-block-group > .wp-block-image { grid-column: 1 / -1; margin: 0 0 18px; aspect-ratio: 16 / 10; border-radius: 12px; overflow: hidden; }
.wttc-content .is-style-wttc-index > .wp-block-group > .wp-block-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wttc-content .is-style-wttc-index h3 { grid-column: 1; margin: 0; font: 400 clamp(22px, 2.2vw, 30px)/1.15 var(--wttc-font-serif); text-wrap: balance; transition: transform .6s cubic-bezier(.22, 1, .36, 1), color .3s ease; }
.wttc-content .is-style-wttc-index h3 a, .wttc-content .is-style-wttc-index h3 a:hover { color: inherit; text-decoration: none; }
.wttc-content .is-style-wttc-index h3 a::after { content: ""; position: absolute; inset: 0; }
.wttc-content .is-style-wttc-index p { grid-column: 1; max-width: 52ch; margin: 12px 0 0; font-size: 15px; line-height: 1.6; color: rgba(21, 27, 52, .78); }
.wttc-content .is-style-wttc-index > .wp-block-group::after { content: ""; grid-column: 2; grid-row: 2 / span 2; width: 44px; height: 44px; border: 1px solid rgba(21, 27, 52, .35); border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23151B34' d='M198 64v104a6 6 0 0 1-12 0V78.48L68.24 196.24a6 6 0 0 1-8.48-8.48L177.52 70H88a6 6 0 0 1 0-12h104a6 6 0 0 1 6 6'/%3E%3C/svg%3E") center / 20px no-repeat; transition: background-color .25s ease, border-color .25s ease, transform .3s cubic-bezier(.22, 1, .36, 1); }
.wttc-content .is-style-wttc-index > .wp-block-group::before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--wttc-navy); transform: scaleX(0); transform-origin: left; transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.wttc-content .is-style-wttc-index > .wp-block-group.is-on::before { transform: scaleX(1); }
.wttc-content .is-style-wttc-index > .wp-block-group.is-on::after, .wttc-content .is-style-wttc-index > .wp-block-group:hover::after { background-color: var(--wttc-accent); border-color: var(--wttc-accent); transform: translate(3px, -3px); }
.wttc-content .is-style-wttc-index.has-stage:hover > .wp-block-group:not(.is-on) h3 { color: rgba(21, 27, 52, .55); }
.wttc-content .is-style-wttc-index.has-stage > .wp-block-group.is-on h3 { transform: translateX(10px); }
.wttc-content .is-style-wttc-index > .wp-block-group:has(a:focus-visible) { outline: 2px solid var(--wttc-navy); outline-offset: 4px; border-radius: 4px; }

@media (min-width: 901px) {
	.wttc-content .is-style-wttc-index.has-stage { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(32px, 5vw, 88px); align-items: start; }
	.wttc-content .is-style-wttc-index.has-stage > .wp-block-group { grid-column: 2; align-self: stretch; align-content: center; } /* the rows fill their tracks, so the line under one is the line over the next */
	.wttc-content .is-style-wttc-index.has-stage > .wp-block-group > .wp-block-image { display: none; }
	.wttc-content .is-style-wttc-index.has-stage > .wp-block-group::after { grid-row: 1 / span 2; }
	.wttc-ix__stage { grid-column: 1; grid-row: 1 / span var(--wttc-ix-n, 4); position: sticky; top: 160px; width: 100%; aspect-ratio: 4 / 5; max-height: calc(100vh - 210px); border-radius: 16px; overflow: hidden; background: var(--wttc-navy); }
	.wttc-content .is-style-wttc-index.is-short .wttc-ix__stage { aspect-ratio: 4 / 3; }
	.wttc-ix__stage img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.08); transition: opacity .7s ease, transform 1.4s cubic-bezier(.22, 1, .36, 1); }
	.wttc-ix__stage img.is-on { opacity: 1; transform: none; }
}
@media (max-width: 900px) { .wttc-ix__stage { display: none; } }
@media (prefers-reduced-motion: reduce) { .wttc-content .is-style-wttc-index *, .wttc-content .is-style-wttc-index > .wp-block-group::before, .wttc-content .is-style-wttc-index > .wp-block-group::after, .wttc-ix__stage img { transition: none !important; } }