.fx{background:var(--fx-page-bg);width:100%;color:var(--fx-text);font-family:var(--fx-font);text-transform:uppercase;letter-spacing:-.02em;overflow:hidden}.fx-debug{z-index:9999;color:#000;background:#fffc;border-radius:4px;padding:6px 8px;font:12px/1 monospace;position:fixed;bottom:10px;right:10px}.fx-fixed-section{height:calc((var(--fx-count) + 1) * 100vh);height:calc((var(--fx-count) + 1) * 100dvh);position:relative}.fx-fixed{background:var(--fx-page-bg);width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.fx-grid{gap:var(--fx-gap);padding:0 var(--fx-grid-px);z-index:2;grid-template-columns:repeat(12,1fr);height:100%;display:grid;position:relative}.fx-bgs{background:var(--fx-stage-bg);z-index:1;position:absolute;inset:0}.fx-bg{position:absolute;inset:0}.fx-bg-img{object-fit:cover;filter:brightness(.8);opacity:0;will-change:transform, opacity;width:100%;height:120%;position:absolute;inset:-10% 0}.fx-bg-overlay{background:var(--fx-overlay);pointer-events:none;position:absolute;inset:0}.fx-panels{z-index:2;pointer-events:none;position:absolute;inset:0}.fx-panel{top:17vh;left:var(--fx-grid-px);text-align:left;text-transform:none;letter-spacing:normal;opacity:0;visibility:hidden;max-width:min(36rem,46vw);transition:opacity .6s,transform .6s,visibility .6s;position:absolute;transform:translateY(14px)}.fx-panel-right{left:auto;right:var(--fx-grid-px);text-align:right}.fx-panel.active{opacity:1;visibility:visible;pointer-events:auto;transform:none}@media (width<=900px){.fx-panel,.fx-panel-right{top:12vh;left:var(--fx-grid-px);right:var(--fx-grid-px);max-width:none}}@media (prefers-reduced-motion:reduce){.fx-panel{transition:none;transform:none}}.fx-header{font-family:var(--fx-title-font,var(--fx-font));letter-spacing:.06em;text-align:center;color:var(--fx-accent);grid-column:1/13;align-self:start;padding-top:4.5vh;font-size:clamp(2rem,5.5vw,4.5rem);font-weight:600;line-height:1.02}.fx-header>*{display:block}.fx-content{grid-column:1/13;grid-template-columns:var(--fx-content-cols,1fr 1.3fr 1fr);height:100%;padding:0 var(--fx-grid-px);align-items:center;display:grid;position:absolute;inset:0}.fx-left,.fx-right{align-content:center;height:60vh;display:grid;overflow:hidden}.fx-left{justify-items:start}.fx-right{justify-items:end}.fx-track{will-change:transform}.fx-item{color:var(--fx-text);letter-spacing:.12em;margin:calc(var(--fx-row-gap) / 2) 0;opacity:.35;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:clamp(.75rem,1.1vw,.95rem);font-weight:500;line-height:1.15;transition:opacity .3s,transform .3s;position:relative}.fx-left-item.active,.fx-right-item.active{opacity:1}.fx-left-item.active{padding-left:16px;transform:translate(10px)}.fx-right-item.active{padding-right:16px;transform:translate(-10px)}.fx-left-item.active:before,.fx-right-item.active:after{content:"";background:var(--fx-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.fx-left-item.active:before{left:0}.fx-right-item.active:after{right:0}.fx-center{text-align:center;place-items:center;height:60vh;display:grid;overflow:hidden}.fx-featured{opacity:0;visibility:hidden;position:absolute}.fx-featured.active{opacity:1;visibility:visible}.fx-featured-title{color:var(--fx-text);font-family:var(--fx-title-font,var(--fx-font));letter-spacing:.01em;margin:0;font-size:clamp(2rem,6vw,4.75rem);font-weight:400;line-height:1.02}.fx-word-mask{vertical-align:middle;padding-bottom:.08em;display:inline-block;overflow:hidden}.fx-word{vertical-align:middle;display:inline-block}.fx-footer{text-align:center;grid-column:1/13;align-self:end;padding-bottom:5vh}.fx-footer-title{color:var(--fx-text);letter-spacing:.24em;opacity:.75;font-size:clamp(.7rem,1vw,.8rem);font-weight:400;line-height:1.4}.fx-footer-slot{text-transform:none;letter-spacing:normal;pointer-events:auto;justify-content:center;margin-bottom:4.5rem;display:flex}.fx-progress{background:color-mix(in oklab, var(--fx-accent) 28%, transparent);width:200px;height:2px;margin:1.6rem auto 0;position:relative}.fx-progress-fill{background:var(--fx-accent);width:0%;height:100%;transition:width .3s;position:absolute;inset:0 auto 0 0}.fx-progress-numbers{letter-spacing:.18em;color:var(--fx-accent);justify-content:space-between;padding-bottom:.5rem;font-size:.7rem;display:flex;position:absolute;inset:auto 0 100%}@media (width<=900px){.fx-content{grid-template-columns:1fr;place-items:center;row-gap:3vh}.fx-left,.fx-right,.fx-center{height:auto}.fx-left,.fx-right{justify-items:center}.fx-track{transform:none!important}.fx-right{display:none}}@media (prefers-reduced-motion:reduce){.fx-bg-img,.fx-track{transition:none}}
