/* !important because globals-responsive.css forces `.topbar { display:flex
   !important }` on narrow viewports.
   body:has(main.exp2200) covers the SERVER-rendered frame (no flash of the
   standard topbar before hydration); the JS-added body class remains as a
   belt for engines without :has(). */body.exp2200-active .scroll-progress,body.exp2200-active .site-footer,body.exp2200-active .w-backdrop,body:has(main.exp2200) .scroll-progress,body:has(main.exp2200) .site-footer,body:has(main.exp2200) .w-backdrop{display:none!important}body.exp2200-active{background:#cfe6f5}body.exp2200-active .vchat-launch{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.75)!important;color:#16283c;box-shadow:0 10px 34px rgba(20,48,80,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.x-root{position:relative;--x-mx:0;--x-my:0;font-family:var(--font-inter),system-ui,sans-serif}.x-sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;background:linear-gradient(180deg,#BFE0F7,#EAF2F4 55%,#F6EFE0)}.x-root.x-no-webgl .x-sky{display:none}.x-root.x-no-webgl:before{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(120% 70% at 70% 12%,rgba(255,236,190,.85),transparent 55%),linear-gradient(180deg,#bfe0f7,#eef7f0 22%,#9fd4b0 38%,#2e7c8f 58%,#0a2c55 76%,#f7c98a)}.x-root.x-no-webgl .x-chapter--light .x-chapter__stage{background:linear-gradient(180deg,rgba(16,52,88,.96),rgba(9,38,72,.97) 55%,rgba(12,44,70,.96))}.x-root.x-no-webgl .x-chapter--dark .x-chapter__stage{background:linear-gradient(180deg,rgba(197,224,244,.94),rgba(224,238,240,.95) 55%,rgba(238,244,236,.94))}.x-bloom{position:fixed;inset:0;z-index:5;background:#fdfbf6;opacity:1;pointer-events:none;transition:opacity 1.6s cubic-bezier(.22,.8,.3,1)}.x-root.is-arrived .x-bloom{opacity:0}.x-content{position:relative;z-index:1}.x-sound{position:fixed;left:clamp(14px,2vw,24px);bottom:clamp(14px,2.4vh,24px);z-index:10;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25);box-shadow:0 10px 30px rgba(24,50,82,.16);color:rgba(20,36,58,.85);font-family:var(--body);font-size:.85rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .25s ease,transform .28s cubic-bezier(.34,1.56,.64,1)}.x-sound:hover{background:rgba(255,255,255,.72);transform:translateY(-1px)}.x-sound:active{transform:scale(.95)}.x-sound[aria-disabled=true]{opacity:.45;cursor:not-allowed}.x-sound:focus-visible{outline:3px solid #1D5FA8;outline-offset:3px}.x-sound__bars{display:inline-flex;align-items:flex-end;gap:3px;height:14px}.x-sound__bars i{width:3px;height:30%;border-radius:2px;background:rgba(20,36,58,.65);transition:height .3s ease}.x-sound.is-on .x-sound__bars i{animation:x-eq .9s ease-in-out infinite}.x-sound.is-on .x-sound__bars i:nth-child(2){animation-delay:.18s}.x-sound.is-on .x-sound__bars i:nth-child(3){animation-delay:.36s}@keyframes x-eq{0%,to{height:30%}50%{height:90%}}.x-chapter{position:relative;height:155vh}#beyond.x-chapter,.x-chapter__stage{height:100vh;height:100dvh}.x-chapter__stage{position:-webkit-sticky;position:sticky;top:0;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,56px);box-sizing:border-box}.x-chapter--dark{color:#14243a}.x-chapter--light{color:#eef7ff}.x-stage-center{max-width:780px;text-align:center;align-items:center;gap:clamp(14px,2.4vh,24px)}.x-stage-center,.x-stage-narrow{display:flex;flex-direction:column}.x-stage-narrow{position:relative;max-width:640px;width:100%;gap:clamp(18px,3.4vh,34px)}.x-stage-narrow:before{content:"";position:absolute;inset:-12% -18%;background:radial-gradient(60% 55% at 50% 45%,rgba(240,250,242,.55),transparent 72%);filter:blur(6px);z-index:-1;pointer-events:none}.x-stage-split{max-width:1060px;width:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:clamp(24px,5vw,72px);gap:clamp(24px,5vw,72px);align-items:center}.x-stage-copy{display:flex;flex-direction:column;gap:14px}.x-stage-copy p{font-size:clamp(1rem,1.4vw,1.13rem);line-height:1.75;margin:0;color:inherit;opacity:.92}.x-thesis{margin:0;font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.5;font-weight:500;letter-spacing:.005em;opacity:.95}.x-quiet{margin:0;font-size:clamp(.8rem,1.1vw,.92rem);letter-spacing:.12em;opacity:.6;text-wrap:balance}.x-craft,.x-crafts{display:flex;flex-direction:column}.x-craft{gap:4px;padding:clamp(16px,2.6vh,26px) 4px;border-bottom:1px solid rgba(20,40,35,.18);transition:padding-left .3s ease}.x-craft:hover{padding-left:14px}.x-crafts>.x-reveal:first-child .x-craft{border-top:1px solid rgba(20,40,35,.18)}.x-craft h3{margin:0;font-family:var(--font-display),var(--font-inter),sans-serif;font-size:clamp(1.2rem,2.4vw,1.7rem);letter-spacing:-.01em}.x-craft p{margin:0;font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.6;opacity:.8}.x-craft__proof{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin-top:6px;font-size:.86rem;font-weight:600;color:#14524A;text-decoration:none;border-bottom:1.5px solid rgba(20,82,74,.5);padding-bottom:1px;transition:gap .25s ease,border-color .25s ease}.x-craft__proof:hover{gap:11px;border-color:#14524A}.x-title{margin:0;font-family:var(--font-display),var(--font-inter),sans-serif;font-size:clamp(3rem,11vw,7.6rem);line-height:.98;letter-spacing:-.02em;display:flex;flex-direction:column}.x-title__accent{background:linear-gradient(100deg,#1d5fa8,#1f9d8a 45%,#d8a03f 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.x-h2{margin:0;font-family:var(--font-display),var(--font-inter),sans-serif;font-size:clamp(1.7rem,4.4vw,3rem);line-height:1.12;letter-spacing:-.015em}.x-h2--big{font-size:clamp(2rem,5.6vw,3.8rem)}.x-lede{margin:0;max-width:620px;font-size:clamp(1.02rem,1.6vw,1.22rem);line-height:1.7;opacity:.94}.x-lede strong{font-weight:650}.x-hint{margin:8px 0 0;font-size:.85rem;letter-spacing:.08em;opacity:.7;display:flex;flex-direction:column;align-items:center;gap:10px}.x-hint i{width:1.5px;height:44px;background:linear-gradient(180deg,currentColor,transparent);animation:x-fall 1.8s ease-in-out infinite}@keyframes x-fall{0%{transform:scaleY(0);transform-origin:top;opacity:0}35%{transform:scaleY(1);opacity:.9}to{transform:scaleY(1) translateY(18px);opacity:0}}.x-honest{margin:4px 0 0;max-width:560px;font-size:.95rem;line-height:1.6;opacity:.75;font-style:italic}.x-outro{margin:10px 0 0;font-size:.9rem;opacity:.75}.x-link,.x-outro a{color:inherit}.x-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.98rem;text-decoration:none;border-bottom:1.5px solid;padding-bottom:2px;width:-moz-fit-content;width:fit-content;transition:gap .25s ease,opacity .25s ease}.x-link:hover{gap:12px;opacity:.8}.x-reveal{opacity:0;transform:translateY(18px);filter:blur(5px);transition:opacity .9s cubic-bezier(.22,.8,.3,1),transform .9s cubic-bezier(.22,.8,.3,1),filter .9s cubic-bezier(.22,.8,.3,1);will-change:opacity,transform,filter}.x-reveal.is-shown{opacity:1;transform:none;filter:none}.x-portrait{position:relative;margin:0;width:min(78vw,380px);justify-self:center}.x-portrait__ring{position:absolute;inset:-10px;border-radius:30px;background:conic-gradient(from 0deg,rgba(80,170,255,.55),rgba(90,220,170,.55),rgba(255,205,120,.55),rgba(80,170,255,.55));filter:blur(14px);opacity:.75;animation:x-ringspin 10s linear infinite;z-index:0}@keyframes x-ringspin{to{transform:rotate(1turn)}}.x-portrait__img{position:relative;z-index:1;aspect-ratio:1000/945;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.85);box-shadow:0 24px 70px rgba(15,40,70,.35);transform:perspective(900px) rotateY(calc(var(--x-mx) * 3.5deg)) rotateX(calc(var(--x-my) * -3.5deg));transition:transform .3s ease-out}.x-portrait__img img{object-fit:cover}.x-polaroids{display:flex;gap:clamp(16px,3vw,34px);justify-content:center;align-items:center;margin:6px 0}.x-polaroid{margin:0;padding:10px 10px 8px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(2,20,45,.45);transform:perspective(900px) rotateY(calc(var(--x-mx) * 3deg)) rotateX(calc(var(--x-my) * -3deg)) rotate(var(--x-tip,0deg));transition:transform .3s ease-out}.x-polaroid--left{--x-tip:-3.5deg}.x-polaroid--right{--x-tip:3deg}.x-polaroid img{display:block;width:clamp(120px,16vw,210px);height:auto;border-radius:8px}.x-polaroid figcaption{margin-top:7px;text-align:center;font-size:.72rem;letter-spacing:.09em;color:rgba(238,247,255,.75)}.x-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.x-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;font-size:.96rem;font-weight:600;letter-spacing:.01em;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .25s ease}.x-btn:hover{transform:translateY(-2px)}.x-btn:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 3px 10px rgba(0,0,0,.25)}.x-btn--glow{background:linear-gradient(120deg,#2a9d8f,#2e86c1);color:#ffffff;box-shadow:0 12px 34px rgba(42,130,150,.45)}.x-btn--glow:hover{box-shadow:0 18px 44px rgba(42,130,150,.6)}.x-btn--ghost{background:rgba(255,255,255,.32);border-color:rgba(255,255,255,.6);color:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.x-btn--ghost:hover{background:rgba(255,255,255,.5)}.x-chapter--light .x-btn--ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35)}.x-chapter--light .x-btn--ghost:hover{background:rgba(255,255,255,.22)}@media (max-width:980px){.x-stage-split{grid-template-columns:1fr;gap:28px;text-align:center}.x-stage-copy{align-items:center}.x-portrait{width:min(64vw,300px);margin:0 auto}}@media (max-width:720px){.x-chapter{height:145vh}}.x-btn:focus-visible,.x-craft__proof:focus-visible,.x-link:focus-visible,.x-sound:focus-visible{outline:3px solid #1D5FA8;outline-offset:3px;border-radius:999px}.x-chapter--light .x-btn:focus-visible,.x-chapter--light .x-craft__proof:focus-visible,.x-chapter--light .x-link:focus-visible{outline-color:#BFE8FF}@media (prefers-reduced-motion:reduce){.x-reveal{opacity:1;transform:none;filter:none;transition:none}.x-bloom{transition:none;opacity:0}.x-hint i,.x-portrait__ring,.x-sound.is-on .x-sound__bars i{animation:none}.x-polaroid,.x-portrait__img{transform:none}}