html.xp-loading{overflow:hidden}.xp{position:relative;isolation:isolate}.xp-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:60;background:linear-gradient(90deg,#f97316,#fdba74,#f97316);box-shadow:0 0 12px #f9731699;transform:scaleX(0);transform-origin:left center;pointer-events:none}.xp-loader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;background:#0a0a0a;transition:opacity .8s ease,visibility .8s ease}.xp-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.xp-loader__grid{display:grid;grid-template-columns:repeat(8,12px);gap:4px}.xp-loader__grid span{width:12px;height:12px;background:#f973161a;transition:background .25s ease,box-shadow .25s ease}.xp-loader__grid span.is-lit{background:#f97316;box-shadow:0 0 10px #f9731699}.xp-act{position:relative;height:calc(var(--len, 300) * 1vh)}.xp-sticky{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;overflow:clip}.xp-act{height:calc(var(--len, 300) * 1dvh)}.xp-copy:not(.is-visible) a{visibility:hidden}.xp-scene{position:absolute;inset:0;width:100%;height:100%;display:block;background:#0a0a0a}.xp-film-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 65% at 50% 50%,transparent 40%,rgba(10,10,10,.55) 100%),linear-gradient(to bottom,rgba(10,10,10,.55),transparent 22%,transparent 78%,#0a0a0a 100%)}.xp-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.xp--no-scene .xp-poster{display:block}.xp--no-scene .xp-scene{display:none}.xp-copy{position:absolute;opacity:0;pointer-events:none;will-change:transform,opacity;max-width:34rem;z-index:5}.xp-copy.is-visible{pointer-events:auto}.xp-copy h1,.xp-copy h2{text-shadow:0 2px 24px rgba(0,0,0,.75),0 0 60px rgba(0,0,0,.5)}.xp-copy p{text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 14px rgba(0,0,0,.85)}.xp-copy:before{content:"";position:absolute;inset:-22% -18%;z-index:-1;background:radial-gradient(ellipse at center,rgba(10,10,10,.82) 0%,rgba(10,10,10,.5) 45%,transparent 72%);pointer-events:none}.xp-copy--left:before,.xp-copy--right:before{inset:-18% -14%}.xp-copy--center{inset:0;margin:auto;width:fit-content;height:fit-content;text-align:center}.xp-copy--bottom{left:0;right:0;bottom:12vh;margin:0 auto;width:fit-content;text-align:center}.xp-copy--hero{left:clamp(1.5rem,7vw,8rem);right:clamp(1.5rem,7vw,8rem);bottom:9vh;max-width:44rem;text-align:left}.xp-copy--hero:before{inset:-18% -12%}.xp-copy--left,.xp-copy--right{top:0;bottom:0;margin:auto 0;height:fit-content}.xp-copy--left{left:clamp(1.5rem,7vw,8rem)}.xp-copy--right{right:clamp(1.5rem,7vw,8rem);text-align:right}.xp-copy--right .xp-chapter-index{right:-.2em;left:auto}.xp-chapter-index{position:absolute;left:-.2em;top:-.9em;z-index:-1;font-size:clamp(6rem,18vw,13rem);line-height:1;font-weight:700;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(249,115,22,.18);pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:767px){.xp-copy--left,.xp-copy--right{left:1.5rem;right:1.5rem;top:auto;bottom:9vh;margin:0;text-align:left;max-width:none}.xp-copy--right .xp-chapter-index{left:-.2em;right:auto}}.xp-hint{position:absolute;left:50%;bottom:2.25rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;z-index:6;transition:opacity .5s ease}.xp-hint.is-hidden{opacity:0}.xp-hint__mouse{width:22px;height:36px;border:1px solid rgba(249,115,22,.5);border-radius:12px;position:relative}.xp-hint__mouse:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;background:#f97316;border-radius:2px;animation:xp-wheel 1.6s ease-in-out infinite}@keyframes xp-wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:0}}.xp-act--work .xp-sticky{display:flex;flex-direction:column}.xp-track{display:flex;align-items:center;gap:1.5rem;padding:0 8vw;flex:1;will-change:transform}.xp-card{flex:0 0 auto;width:min(26rem,78vw);transform-style:preserve-3d;will-change:transform,opacity}.xp-card__body{display:flex;flex-direction:column;height:100%;min-height:22rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.06);background:linear-gradient(160deg,#ffffff09,#ffffff03);padding:1.75rem;transition:border-color .4s ease,box-shadow .4s ease}.xp-card:hover .xp-card__body{border-color:#f9731659;box-shadow:0 0 40px #f9731614}.xp-card__index{font-size:3.5rem;line-height:1;font-weight:700;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(249,115,22,.35)}.xp-pixels{position:absolute;inset:0;overflow:hidden;pointer-events:none}.xp-pixels span{position:absolute;bottom:-20px;width:var(--s, 6px);height:var(--s, 6px);background:#f97316;opacity:0;animation:xp-rise var(--d, 14s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes xp-rise{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.55}90%{opacity:.25}to{transform:translateY(-110vh) rotate(180deg);opacity:0}}.xp-act--close .xp-film-shade{background:radial-gradient(ellipse 60% 60% at 50% 45%,transparent 30%,rgba(10,10,10,.55) 100%),linear-gradient(to bottom,#0a0a0a 0%,transparent 25%,transparent 70%,#0a0a0a 100%)}.xp--reduced-motion .xp-hint__mouse:after,.xp--reduced-motion .xp-pixels span{animation:none}.xp--reduced-motion .xp-pixels span{opacity:.2;bottom:auto;top:var(--top, 50%)}