@font-face{font-family:TableOswald;src:url('assets/oswald-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
.table-scene{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:12/5;overflow:hidden;background:#30140b;color:#ffe51b}
.table-room{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.table-room-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#17080032,#17080028 70%,#17080060)}
.table-headlines{position:absolute;top:18%;left:17%;width:66%;z-index:1;text-align:center}.table-headlines h2{font-family:TableOswald,Impact,'Arial Narrow',sans-serif;font-size:6.15cqw;font-weight:700;line-height:1.08;letter-spacing:-.12cqw;margin:0}
.table-welcome{display:block;color:transparent;-webkit-text-stroke:.16cqw #ffe51b;white-space:nowrap}.table-connections{display:block;white-space:nowrap}.table-connections>span{display:inline-block}
.table-chinese{position:absolute;z-index:3;right:-2.4%;top:-11%;display:flex;flex-direction:column;gap:0;transform:rotate(18deg);font-family:'Arial Black','PingFang SC','Noto Sans SC',sans-serif;font-size:15.4cqw;font-weight:900;line-height:1.04;pointer-events:none}.table-chinese>span{display:block}
.table-matriarch{position:absolute;z-index:2;left:21%;bottom:-55%;width:60%;height:auto;pointer-events:none}
.table-brush{position:absolute;z-index:4;bottom:-1px;left:0;width:100%;height:10%;pointer-events:none}
/* Both lines share an exact text length; the foreground woman remains above them. */
.table-headlines h2{font-size:initial;line-height:0}.table-welcome,.table-connections{display:block;line-height:0;white-space:normal;-webkit-text-stroke:0}.table-welcome svg,.table-connections svg{display:block;width:100%;height:auto;overflow:visible}.table-headlines text{font-family:TableOswald,Impact,'Arial Narrow',sans-serif;font-size:124px;font-weight:700;letter-spacing:0}.table-welcome text{fill:transparent;stroke:#ffe51b;stroke-width:2.2;stroke-linejoin:round}.table-connections text{fill:#ffe51b}
.table-about{position:absolute;z-index:5;left:50%;bottom:8%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;min-width:148px;min-height:46px;padding:12px 28px;background:var(--red);color:var(--cream);font-size:13px;line-height:1.2;font-weight:700;letter-spacing:1.5px;border-radius:2px;transition:background .2s,color .2s}.table-about:hover,.table-about:focus-visible{background:#ffe51b;color:var(--ink)}
.table-scene.is-ready:not(.is-playing) .table-welcome,.table-scene.is-ready:not(.is-playing) .table-connections,.table-scene.is-ready:not(.is-playing) .table-chinese>span,.table-scene.is-ready:not(.is-playing) .table-brush,.table-scene.is-ready:not(.is-playing) .table-about{opacity:0}
.table-scene.is-playing .table-welcome{animation:table-title-drop .38s 0s cubic-bezier(.16,1,.3,1) both}.table-scene.is-playing .table-connections{animation:table-title-drop .38s .09s cubic-bezier(.16,1,.3,1) both}
.table-scene.is-playing .table-chinese>span{animation:table-character-pop .3s .38s cubic-bezier(.2,1.3,.4,1) both}.table-scene.is-playing .table-chinese>span:nth-child(2){animation-delay:.43s}.table-scene.is-playing .table-chinese>span:nth-child(3){animation-delay:.48s}.table-scene.is-playing .table-brush{animation:table-brush-in .35s .48s ease both}.table-scene.is-playing .table-about{animation:table-button-in .3s .6s ease both}
@keyframes table-title-drop{from{opacity:0;transform:translateY(-70%)}to{opacity:1;transform:translateY(0)}}@keyframes table-character-pop{from{opacity:0;transform:translateY(20%) scale(.75)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes table-brush-in{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes table-button-in{from{opacity:0;scale:.9}to{opacity:1;scale:1}}
@media(max-width:700px){.table-scene{aspect-ratio:4/5;min-height:480px;max-height:760px}.table-room{object-position:52% 40%}.table-headlines{top:9%;left:5%;width:90%}.table-headlines h2{font-size:initial;line-height:0}.table-chinese{font-size:29cqw;right:-5%;top:29%;gap:2cqw;transform:rotate(12deg)}.table-matriarch{width:130%;left:-23%;bottom:-9%}.table-brush{height:7%}.table-about{bottom:7%;min-width:135px;min-height:44px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.table-scene.is-playing *{animation:none!important}.table-scene.is-ready:not(.is-playing) .table-welcome,.table-scene.is-ready:not(.is-playing) .table-connections,.table-scene.is-ready:not(.is-playing) .table-chinese>span,.table-scene.is-ready:not(.is-playing) .table-brush,.table-scene.is-ready:not(.is-playing) .table-about{opacity:1}}