*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#090909;color:#e4ded2;font-family:Georgia,'Songti SC',serif}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}nav{position:fixed;top:24px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;z-index:20;font:12px/1.5 Georgia,serif;color:#a9a298}nav .options{display:flex;gap:22px;align-items:center}nav a[aria-current=page]{color:#fff2d8;border-bottom:1px solid #9b8965;padding-bottom:6px}nav button{width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;background:transparent;display:grid;place-items:center}nav svg{width:17px;height:17px}button:focus-visible,a:focus-visible{outline:1px solid #dbcca6;outline-offset:7px}.label{position:fixed;bottom:25px;left:4vw;color:#77736c;font-size:11px;letter-spacing:.08em;z-index:20}.label span{display:block;margin-top:7px;color:#aaa295}.stage{position:fixed;inset:0;perspective:1000px;overflow:hidden}.texture{position:absolute;inset:0;pointer-events:none;opacity:.75}.fragment{position:absolute;color:#bdb29d;font-size:16px;white-space:nowrap}.device{position:absolute;left:50%;top:49%;width:110px;height:170px;margin:-85px 0 0 -55px;perspective:700px;z-index:3;will-change:transform}.turn{position:absolute;inset:0;transform-style:preserve-3d;animation:rotate 22s linear infinite}.leaf{position:absolute;inset:0;border:1px solid #efdfae55;background:linear-gradient(100deg,#e6d3a904,#eddcaf24 50%,#eedeb508);box-shadow:0 0 18px #e9d39612;transform:rotateY(calc((var(--i) - 3)*12deg));backface-visibility:visible;will-change:transform}.spine{position:absolute;left:50%;top:0;width:1px;height:100%;background:#efe2bd55;box-shadow:0 0 10px #eddca566}.glow{position:absolute;inset:-65px;pointer-events:none;background:radial-gradient(ellipse,#d3b66a19,transparent 65%)}.floor{position:absolute;left:-30px;right:-30px;bottom:-25px;height:20px;background:radial-gradient(ellipse,#ebd9b54a,transparent 67%);filter:blur(5px)}.activate{position:absolute;inset:-28px;z-index:5;border:0;background:transparent}.hint{position:absolute;top:calc(49% + 130px);left:0;width:100%;text-align:center;font-size:12px;letter-spacing:.12em;color:#9f998d;pointer-events:none}.home{position:absolute;top:48%;left:20px;right:20px;text-align:center;opacity:0;visibility:hidden;z-index:6}.home .author{font-size:11px;letter-spacing:.18em;color:#aaa295}.home h1{font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.3;margin:20px 0 25px}.home h1 small{display:block;font-size:.48em;margin-bottom:12px}.home p{font-size:13px;line-height:2;color:#b5aea2}.actions{display:flex;gap:55px;justify-content:center;margin-top:30px;font-size:13px}.actions a{position:relative;padding-bottom:14px}.actions a:after{content:'';position:absolute;bottom:0;width:22px;height:1px;background:#aaa295;left:calc(50% - 11px)}.portal{position:absolute;left:50%;top:49%;width:2px;height:170px;margin:-85px 0 0 -1px;opacity:0;background:#cbbc99;box-shadow:0 0 35px #e1cf8b30;pointer-events:none;z-index:4}.swarm{position:absolute;inset:0;pointer-events:none;z-index:4}.swarm span{position:absolute;font-size:clamp(12px,1.5vw,20px);color:#bcb19b;opacity:0}.credit{position:absolute;top:100px;left:4vw;font-size:10px;color:#8d877e;opacity:0}.state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes rotate{from{transform:rotateZ(-5deg) rotateX(-8deg) rotateY(0deg)}to{transform:rotateZ(-5deg) rotateX(-8deg) rotateY(360deg)}}@media(max-width:600px){nav{top:18px;left:20px;right:20px}.options{gap:12px!important}nav .name{display:none}.device{width:88px;height:145px;margin:-72.5px 0 0 -44px}.hint{top:calc(49% + 115px)}.home{top:44%}.home h1{font-size:36px}.label{font-size:10px;bottom:18px}.credit{top:82px}.portal{height:145px;margin-top:-72.5px}}@media(prefers-reduced-motion:reduce){.turn{animation:none;transform:rotateY(25deg)}}
/* The combined passage stays soft at the edges, never a full-screen white flash. */
body[data-variant="journey"] .portal{background:linear-gradient(transparent,#d9c9a6 25%,#e3d5b5 55%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);}
/* Reveal complete words, never fragments cut out by a moving mask. */
.fragment{font-size:14px;font-weight:400;letter-spacing:.04em;opacity:0;transition:opacity .6s ease;}
@media(prefers-reduced-motion:reduce){.fragment{transition:none;}}
.texture::before{content:'';position:absolute;inset:0;background:radial-gradient(circle 210px at var(--x,-300px) var(--y,-300px),#d8c7a508,transparent);}
.fragment{font-size:13px;line-height:1.65;letter-spacing:.03em;transition:opacity .45s ease;color:#c4bbab;}
html.embedded nav,html.embedded .label{display:none;}
.entrance-sound-toggle{position:fixed;z-index:30;right:26px;top:26px;width:38px;height:38px;border:1px solid #d8cfb83b;border-radius:50%;background:#15161366;color:#cfc7b5;display:grid;place-items:center;cursor:pointer;}
.entrance-sound-toggle svg{width:17px;height:17px;}
.entrance-sound-toggle:focus-visible{outline:2px solid #d8cfb8;outline-offset:4px;}
html:not(.embedded) .entrance-sound-toggle{top:76px;}