.texas-holdem-page { overflow: clip; }
.texas-holdem-page a:focus-visible { outline: var(--outline-focus); outline-offset: 3px; }
.th-hero { position: relative; min-height: 44rem; isolation: isolate; background: var(--color-charcoal); }
.th-hero__media { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; }
.th-hero__media::after, .th-room__figure::after, .th-detail__media::after, .th-evening__figure::after { position: absolute; inset: 0; content: ""; pointer-events: none; background-image: radial-gradient(rgb(245 241 232 / 4%) .5px, transparent .7px); background-size: 5px 5px; opacity: .45; }
.th-hero__media::before { position: absolute; inset: 0; z-index: 1; content: ""; background: linear-gradient(90deg, rgb(21 23 23 / 94%) 0%, rgb(21 23 23 / 76%) 35%, rgb(21 23 23 / 18%) 73%, rgb(21 23 23 / 40%) 100%); }
.th-hero__media img, .th-room__figure img, .th-detail__media img, .th-evening__figure img { width: 100%; height: 100%; object-fit: cover; }
.th-hero__media img { object-position: center; }
.th-hero__container { min-height: 44rem; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-rows: 1fr auto; gap: var(--space-6); align-items: end; padding-block: var(--space-8); }
.th-hero__copy { grid-column: 1; grid-row: 1; align-self: end; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.th-hero__copy > * { min-width: 0; margin: 0; }
.th-hero__copy h1 { max-width: 61.25rem; font-size: clamp(3.5rem, 8vw, 7rem); letter-spacing: var(--tracking-display); }
.th-hero__lead { max-width: 35.625rem; font-size: var(--text-lead); line-height: 1.55; }
.th-hero__caption { grid-column: 1 / span 2; grid-row: 2; width: min(100%, 39rem); min-width: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-line-green); }
.th-hero__caption p { margin: 0; color: var(--color-sage); font-size: var(--text-meta); line-height: 1.55; }
.th-route__grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: var(--space-7); }
.th-route__heading, .th-route__beat, .th-real-table__primary, .th-real-table__aside, .th-room__secondary-caption, .th-detail__copy, .th-pathways__intro, .th-pathway, .th-reassurance__item, .th-closing__content { min-width: 0; }
.th-route__heading { grid-column: 1; }
.th-route__heading p { max-width: 37.5rem; }
.th-route__beats { grid-column: 2; position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.th-route__beats::before { position: absolute; top: .8rem; left: 0; right: 0; height: 1px; content: ""; background: var(--color-line-green); transform-origin: left; }
.th-route__beat { position: relative; min-width: 0; padding-top: var(--space-6); }
.th-route__index { position: absolute; top: 0; left: 0; color: var(--color-violet); font-size: var(--text-utility); font-weight: 800; letter-spacing: var(--tracking-label); }
.th-route__beat:last-child .th-route__index { color: var(--color-tangerine); }
.th-route__beat p { max-width: 21.25rem; }
.th-real-table { position: relative; overflow: hidden; }
.th-real-table::after { position: absolute; top: -8rem; right: 2%; width: 30rem; height: 38rem; border: 1px solid rgb(232 217 190 / 15%); content: ""; transform: rotate(12deg); pointer-events: none; }
.th-real-table__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-8); }
.th-real-table__primary h2 { max-width: 47.5rem; font-size: clamp(3rem, 6vw, 5.9rem); }
.th-real-table__primary p { max-width: 32.5rem; }
.th-real-table__aside { padding-top: var(--space-9); }
.th-real-table__aside blockquote { max-width: 16.25rem; margin-bottom: var(--space-7); border-color: var(--color-sand); }
.th-real-table__aside > p { max-width: 25rem; }
.th-materials { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-6); border-top: 1px solid rgb(232 217 190 / 24%); padding-top: var(--space-4); }
.th-materials p { margin: 0; max-width: 25rem; color: var(--color-sage); font-size: var(--text-meta); }
.th-room > .container > h2 { max-width: 46rem; }
.th-room__figure { position: relative; width: 100%; aspect-ratio: 16 / 8.5; margin: var(--space-7) 0 var(--space-5); overflow: hidden; border-radius: var(--radius-media); }
.th-room__figure img { object-position: center; }
.th-room__captions { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-7); align-items: start; }
.th-room__primary-caption { max-width: 40.625rem; margin: 0; font-size: var(--text-lead); line-height: 1.55; }
.th-room__secondary-caption { border-top: 1px solid var(--color-sand); padding-top: var(--space-4); }
.th-room__secondary-caption p { max-width: 21.25rem; margin: 0; }
.th-moments__heading { width: min(100%, 37.5rem); }
.th-moments__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); align-items: stretch; }
.th-moment-card { position: relative; min-width: 0; min-height: 100%; padding: var(--space-6); border: 1px solid rgb(21 23 23 / 45%); background: var(--color-sand); color: var(--color-charcoal); transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base); }
.th-moment-card > * { min-width: 0; }
.th-moment-card h3 { color: var(--color-green); }
.th-moment-card p { max-width: 20.625rem; }
.th-moment-card--one { transform: rotate(-1deg) translateY(.5rem); }
.th-moment-card--two { transform: rotate(.6deg) translateY(0); }
.th-moment-card--three { border-inline-start: .5rem solid var(--color-violet); transform: rotate(-.5deg) translateY(.8rem); }
.th-moment-card__mark { display: block; margin-bottom: var(--space-7); color: var(--color-tangerine); font-family: var(--font-heading); font-size: 2rem; line-height: 1; }
.th-moment-card a, .th-pathway a { color: inherit; }
.th-moment-card:hover, .th-moment-card:focus { border-color: var(--color-green); box-shadow: var(--shadow-elevated); outline: none; }
.th-moment-card--one:hover, .th-moment-card--one:focus { transform: rotate(0) translateY(-.25rem); }
.th-moment-card--two:hover, .th-moment-card--two:focus { transform: rotate(0) translateY(-.25rem); }
.th-moment-card--three:hover, .th-moment-card--three:focus { transform: rotate(0) translateY(-.25rem); }
.th-detail__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-8); align-items: center; }
.th-detail__media { position: relative; width: 100%; aspect-ratio: 4 / 5; margin: 0; overflow: hidden; border-radius: var(--radius-media); }
.th-detail__media img { object-position: left center; }
.th-detail__label { position: absolute; top: var(--space-4); left: var(--space-4); z-index: 1; margin: 0; color: var(--color-sand); font-size: var(--text-utility); font-weight: 800; letter-spacing: var(--tracking-utility); text-transform: uppercase; }
.th-detail__copy { justify-self: end; width: 100%; max-width: 31.25rem; }
.th-detail__copy > h2 { max-width: 28rem; }
.th-detail__copy > p { max-width: 31.25rem; }
.th-detail__note { max-width: 25.625rem; border-top: 1px solid var(--color-border-light); padding-top: var(--space-4); }
.th-detail__note p { margin: 0; }
.th-pathways__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-7); }
.th-pathways__intro p { max-width: 33.75rem; }
.th-pathways__modules { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); align-items: stretch; }
.th-pathways__modules::before { position: absolute; top: 50%; left: var(--space-5); right: var(--space-5); height: 1px; content: ""; background: var(--color-line-green); pointer-events: none; }
.th-pathway { display: block; min-height: 100%; padding: var(--space-5); border: 1px solid var(--color-border-light); background: var(--color-sand); color: var(--color-charcoal); text-decoration: none; transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base); }
.th-pathway h3 { color: var(--color-green); }
.th-pathway p { max-width: 17.5rem; font-size: .9375rem; }
.th-pathway--one { transform: rotate(-.8deg); }
.th-pathway--two { background: #d7cfb9; transform: rotate(.7deg) translateX(-.5rem); }
.th-pathway--three { transform: rotate(.5deg) translateY(.25rem); }
.th-pathway--four { border-inline-end: .45rem solid var(--color-tangerine); transform: rotate(-.5deg) translate(-.4rem, .25rem); }
a.th-pathway:hover, a.th-pathway:focus { color: var(--color-charcoal); border-color: var(--color-green); box-shadow: var(--shadow-elevated); outline: none; transform: rotate(0) translateY(-.25rem); }
.th-reassurance__heading { width: min(100%, 40rem); }
.th-reassurance__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.th-reassurance__item { border-top: 1px solid var(--color-line-green); padding-top: var(--space-5); }
.th-reassurance__item > span { display: block; margin-bottom: var(--space-5); color: var(--color-violet); font-family: var(--font-heading); font-size: 2.5rem; line-height: 1; }
.th-reassurance__item p { max-width: 24.375rem; }
.th-evening__figure { position: relative; width: 100%; aspect-ratio: 2.1 / 1; margin: 0; overflow: hidden; border-radius: var(--radius-media); background: var(--color-green); }
.th-evening__figure::before { position: absolute; inset: 0; z-index: 1; content: ""; background: linear-gradient(0deg, rgb(21 23 23 / 92%) 0%, rgb(21 23 23 / 68%) 27%, transparent 58%); pointer-events: none; }
.th-evening__figure img { object-position: center; }
.th-evening__caption { position: absolute; z-index: 2; bottom: var(--space-7); left: var(--space-7); width: min(100% - var(--space-10), 36.25rem); margin: 0; }
.th-evening__caption > * { min-width: 0; }
.th-evening__caption h2 { font-size: clamp(2rem, 4vw, 3.25rem); }
.th-evening__caption p { margin-bottom: var(--space-4); }
.th-evening__gallery-link { color: var(--color-sand); font-size: var(--text-utility); font-weight: 800; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.th-closing__panel { position: relative; overflow: hidden; padding: var(--space-9); border-inline-start: .5rem solid var(--color-green); background: var(--color-tangerine); color: var(--color-charcoal); }
.th-closing__panel::after { position: absolute; right: 5%; bottom: -8rem; width: 28rem; height: 28rem; border: 1px solid rgb(18 58 50 / 55%); border-radius: 48%; content: ""; transform: rotate(-18deg); }
.th-closing__content { position: relative; z-index: 1; width: min(100%, 47.5rem); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.th-closing__content > * { margin: 0; min-width: 0; }
.th-closing .eyebrow { color: var(--color-green); }
.th-closing h2 { max-width: 47.5rem; color: var(--color-charcoal); font-size: clamp(3rem, 6vw, 5.75rem); }
.th-closing__content > p:not(.th-closing__secondary) { max-width: 32.5rem; }
.th-closing .button--primary { border-color: var(--color-charcoal); background: var(--color-charcoal); color: var(--color-sand); }
.th-closing .button--primary:hover { border-color: var(--color-green); background: var(--color-green); color: var(--color-white); }
.th-closing__secondary { font-size: var(--text-meta); }
.th-closing__secondary a { text-decoration-color: rgb(21 23 23 / 60%); }
.th-reveal { opacity: 1; }
.th-reveal.is-pending { opacity: .05; }
.th-reveal.is-visible { opacity: 1; transition: opacity var(--transition-atmospheric); }
@media (max-width: 61.25rem) { .th-hero { min-height: 0; } .th-hero__media { position: relative; height: 25rem; } .th-hero__media::before { background: linear-gradient(0deg, rgb(21 23 23 / 35%), transparent 55%); } .th-hero__container { min-height: 0; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; gap: var(--space-5); padding-block: var(--space-7); } .th-hero__copy { grid-column: 1; grid-row: 1; } .th-hero__caption { grid-column: 1; grid-row: 2; width: min(100%, 39rem); } }
@media (max-width: 60rem) { .th-moments__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .th-moment-card--three { grid-column: 1 / span 2; width: calc(50% - var(--space-3)); justify-self: center; } }
@media (max-width: 57.5rem) { .th-route__grid, .th-pathways__grid { grid-template-columns: minmax(0, 1fr); } .th-route__beats, .th-pathways__modules { grid-column: 1; } .th-route__beats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .th-route__beat:last-child { grid-column: 1 / span 2; } .th-route__beat:last-child p { max-width: 34rem; } .th-pathways__intro { width: min(100%, 33.75rem); } }
@media (max-width: 57.5rem) { .th-room__captions { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); } .th-room__secondary-caption { width: min(100%, 40.625rem); } .th-room__secondary-caption p { max-width: 34rem; } }
@media (max-width: 55rem) { .th-real-table__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .th-real-table__aside { padding-top: 0; width: min(100%, 34rem); } .th-real-table::after { display: none; } }
@media (max-width: 53.75rem) { .th-reassurance__items { grid-template-columns: repeat(2, minmax(0, 1fr)); } .th-reassurance__item:last-child { grid-column: 1 / span 2; width: min(100%, 31rem); } }
@media (max-width: 52.5rem) { .th-detail__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .th-detail__copy { justify-self: start; width: min(100%, 31.25rem); } .th-detail__media { aspect-ratio: 3 / 2; } }
@media (max-width: 51.25rem) { .th-closing__panel { padding: var(--space-8); } }
@media (max-width: 47.5rem) { .th-evening__figure { aspect-ratio: auto; overflow: visible; background: transparent; } .th-evening__figure::before { display: none; } .th-evening__figure img { height: 24rem; border-radius: var(--radius-media); object-position: center; } .th-evening__caption { position: static; width: 100%; margin-top: var(--space-5); padding: 0; } }
@media (max-width: 42.5rem) { .th-hero__media { height: auto; aspect-ratio: 4 / 5; margin-inline: var(--container-pad-mobile); width: calc(100% - (var(--container-pad-mobile) * 2)); border-radius: var(--radius-media); overflow: hidden; } .th-hero__media img { object-position: 62% center; } .th-hero__container { padding-top: var(--space-7); } .th-hero__copy h1 { font-size: clamp(3rem, 13vw, 4.25rem); line-height: .94; } .th-hero__lead { font-size: 1rem; } .th-route__grid, .th-real-table__grid, .th-detail__grid, .th-pathways__grid { gap: var(--space-6); } .th-route__beats, .th-moments__cards, .th-pathways__modules, .th-reassurance__items { grid-template-columns: minmax(0, 1fr); } .th-route__beats { gap: var(--space-5); border-inline-start: 1px solid var(--color-line-green); padding-inline-start: var(--space-5); } .th-route__beats::before, .th-pathways__modules::before { display: none; } .th-route__beat, .th-route__beat:last-child, .th-moment-card--three, .th-reassurance__item:last-child { grid-column: 1; width: 100%; } .th-route__beat { padding-top: var(--space-5); } .th-route__beat p, .th-route__beat:last-child p { max-width: none; } .th-real-table__primary h2 { font-size: clamp(2.5rem, 12vw, 3.5rem); } .th-room__figure { aspect-ratio: 4 / 5; margin-top: var(--space-6); } .th-room__figure img { object-position: 60% center; } .th-moments__cards { gap: var(--space-5); } .th-moment-card { padding: var(--space-5); transform: none; } .th-moment-card--two { margin-inline-start: .25rem; } .th-moment-card--three { margin-inline-start: 0; } .th-moment-card:hover, .th-moment-card:focus { transform: translateY(-.25rem); } .th-detail__media { aspect-ratio: 4 / 5; } .th-detail__media img { object-position: left center; } .th-pathways__modules { gap: var(--space-5); } .th-pathway, .th-pathway--one, .th-pathway--two, .th-pathway--three, .th-pathway--four { transform: none; } .th-pathway--two { margin-inline-start: .25rem; } .th-pathway--four { margin-inline-start: 0; } a.th-pathway:hover, a.th-pathway:focus { transform: translateY(-.25rem); } .th-reassurance__items { gap: var(--space-5); } .th-reassurance__item > span { float: left; width: 3rem; margin: 0 var(--space-3) var(--space-2) 0; font-size: 2rem; } .th-evening__figure img { height: auto; aspect-ratio: 4 / 5; object-position: 58% center; } .th-closing__panel { padding: var(--space-7) var(--space-5); } .th-closing__panel::after { display: none; } .th-closing h2 { font-size: clamp(2.5rem, 11vw, 3.625rem); } }
@media (prefers-reduced-motion: reduce) { .th-reveal, .th-reveal.is-pending, .th-reveal.is-visible { opacity: 1; transition: none; } .th-moment-card, .th-pathway { transform: none; } }