/* Dimensional works: a line becomes a plane, then a volume. */
.dimension-select{padding-top:110px}.dimension-select .section-heading{margin-bottom:45px}.dimension-select .section-lead{font-size:14px;color:#b8a3c7;max-width:320px}.dimension-choices{border-top:1px solid #a855f745}.dimension-choice{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr) 250px 35px;align-items:center;gap:30px;min-height:220px;padding:30px 0;border-bottom:1px solid #a855f738;overflow:hidden;transition:background .3s}.dimension-choice:hover{background:linear-gradient(90deg,transparent,#2d0d3e44,transparent)}.dimension-index{align-self:start;margin-top:15px;font:10px var(--mono);letter-spacing:1px;color:#ab7cc5}.dimension-choice h3{font-size:36px;font-weight:400;letter-spacing:-1px;margin:0 0 16px}.dimension-choice p{font-size:14px;line-height:1.8;color:#bda6ce;margin:0 0 24px}.dimension-enter{font:10px/1.5 var(--mono);letter-spacing:1px;color:#dfb4fb}.dimension-arrow{font-size:30px;color:#c68ee9;transition:transform .3s}.dimension-choice:hover .dimension-arrow{transform:translate(4px,-4px)}.dimension-figure{position:relative;width:250px;height:145px;display:grid;place-items:center;perspective:500px}.dimension-figure i{position:absolute;display:block}.figure-line i:first-child{width:190px;height:1px;background:linear-gradient(90deg,#aa6ed777,#efd4ff,#a667d255);box-shadow:0 0 18px 2px #a855f766;transform:rotate(-16deg)}.figure-line i:nth-child(2){width:5px;height:5px;border-radius:50%;background:#f3d8ff;box-shadow:0 0 16px 5px #ae62ecaa;transform:translate(65px,-19px)}.figure-plane i{width:145px;height:100px;border:1px solid #d0a5f4aa;background:linear-gradient(135deg,#59227e2a,#a855f719);transform:rotate(-14deg) skewX(-14deg);box-shadow:0 0 26px #a855f730,inset 0 0 25px #a855f714}.figure-plane i:nth-child(2){width:117px;height:78px;border-color:#a772cf55;transform:translate(13px,-10px) rotate(-14deg) skewX(-14deg)}.figure-cube{transform-style:preserve-3d;transform:rotateX(-17deg) rotateY(26deg)}.figure-cube i{width:90px;height:90px;border:1px solid #cfa0ebaa;background:#38124919;box-shadow:inset 0 0 22px #a855f714}.figure-cube i:nth-child(1){transform:translateZ(45px)}.figure-cube i:nth-child(2){transform:translateZ(-45px)}.figure-cube i:nth-child(3){transform:translateX(45px) rotateY(90deg)}.figure-cube i:nth-child(4){transform:translateX(-45px) rotateY(90deg)}.figure-cube i:nth-child(5){transform:translateY(45px) rotateX(90deg)}.figure-cube i:nth-child(6){transform:translateY(-45px) rotateX(90deg)}.dimension-note{font-size:11px;color:#987baa;line-height:1.9;margin-top:25px;max-width:680px}.dimension-outro{padding-top:90px;padding-bottom:90px}.journey-actions{display:flex;gap:20px;flex-wrap:wrap}.portal-button.secondary{background:#0c0413;border-color:#a855f744;color:#d8c1e7;box-shadow:none}.home-footer{padding-bottom:100px}.home-footer .footer-bottom{border-top:1px solid #a855f72a}.volume-control{display:flex;align-items:center;gap:10px;color:#c8a7db;font:10px var(--sans)}.volume-control input{width:105px;height:22px;cursor:pointer;accent-color:#bd83e6}.volume-control output{min-width:30px;font:10px var(--mono);text-align:right;color:#e7cbf8}.entry-volume{justify-content:center;margin:10px auto 0}.entry:not(.ready) .entry-volume{visibility:hidden}.universe-controls{border-radius:17px;gap:15px;padding:12px 17px}.universe-controls .volume-control{padding-left:8px;border-left:1px solid #a855f730}.universe-controls .volume-control>span{font-size:9px}.universe-controls button{font-size:9px}.site-header .nav-dimensions{display:inline-block!important;font-size:13px}.identity-actions .portal-button{white-space:normal;max-width:100%;text-align:center}.identity-copy .subtle-link{font-size:12px}
@media(max-width:800px){.dimension-choice{grid-template-columns:45px minmax(0,1fr) 140px 25px;gap:15px;min-height:210px}.dimension-figure{width:140px;transform:scale(.8)}.figure-cube{transform:scale(.8) rotateX(-17deg) rotateY(26deg)}.figure-line i:first-child{width:140px}.dimension-choice h3{font-size:29px}.dimension-choice p{font-size:13px}.universe-controls{gap:10px}.volume-control input{width:90px}}
@media(max-width:600px){.dimension-select{padding-top:65px}.dimension-select .section-heading{display:block}.dimension-select .section-lead{font-size:13px;margin-top:22px}.dimension-choice{grid-template-columns:30px minmax(0,1fr) 23px;min-height:210px;gap:12px;padding:24px 0}.dimension-figure{position:absolute;right:-30px;top:17px;opacity:.35;pointer-events:none;z-index:-1}.dimension-choice-copy{position:relative;z-index:1}.dimension-index{font-size:8px;letter-spacing:0;margin-top:9px}.dimension-choice h3{font-size:28px;margin-bottom:14px}.dimension-choice p{font-size:12px;max-width:235px;line-height:1.9;margin-bottom:18px}.dimension-enter{font-size:9px}.dimension-arrow{font-size:24px}.dimension-note{font-size:11px}.dimension-outro{padding-top:60px;padding-bottom:60px}.journey-actions{gap:14px}.journey-actions .portal-button{font-size:11px;padding:17px 23px}.universe-controls{left:12px;right:12px;bottom:12px;justify-content:space-around;padding:11px 12px;gap:8px}.universe-controls button{font-size:8px;gap:6px;letter-spacing:0}.universe-controls .volume-control{gap:7px;padding-left:10px}.universe-controls .volume-control>span{font-size:8px}.universe-controls .volume-control input{width:65px}.universe-controls .volume-control output{font-size:9px;min-width:27px}.site-header .nav-dimensions{font-size:11px;max-width:170px;line-height:1.7}.site-header nav{gap:10px}.entry-volume{font-size:11px}.entry-sound-note{font-size:10px;max-width:290px}.home-footer .footer-bottom{font-size:8px}.home-footer .footer-bottom>a{font-size:8px}.identity-copy .subtle-link{font-size:11px}.identity-actions{gap:17px}}
@media(max-width:360px){.universe-controls .volume-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}.universe-controls .volume-control input{width:53px}.site-header .nav-dimensions{font-size:10px;max-width:150px}}
@media(prefers-reduced-motion:reduce){.dimension-choice,.dimension-arrow{transition:none}}
/* A reduced-motion preference softens the scene; explicit pause freezes it. */
/* Start the label timeline when the passage is actually requested, not while hidden. */
.transit>.micro-label{animation:none;opacity:0}.warping .transit>.micro-label{animation:passage-label-in .4s ease both;opacity:1}@keyframes passage-label-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.warping{overflow:hidden}.direct-entry{display:block;margin:12px auto 0;color:#d2bbdf}.entry:not(.ready) .direct-entry{visibility:hidden}
.entry-motion-note{font:11px/1.8 var(--sans);color:#bba7c8;max-width:390px;margin:12px auto 0;min-height:20px}.motion-style-button[aria-pressed=true]{color:#e4c6fa}.motion-gentle .logo-art{animation:logo-float 28s ease-in-out infinite}.motion-gentle .logo-glow{animation-duration:20s}.motion-gentle .logo-scan{animation-play-state:paused}.motion-gentle .external-shadow,.motion-gentle .hoverEffect>span{animation-duration:22s}.motion-gentle.warping .transit>.micro-label{animation:none;opacity:1}.site-header nav .nav-about-direct{display:inline-block!important;white-space:nowrap;font-size:13px}.site-header nav{align-items:center}.motion-paused .dimension-figure *{animation-play-state:paused!important}@media(max-width:600px){.site-header{gap:12px}.site-header nav{gap:12px;min-width:0;flex:1;justify-content:center}.site-header .nav-dimensions{max-width:132px;font-size:11px;line-height:1.6}.site-header nav .nav-about-direct{font-size:11px}.site-header>.language-switch{flex-shrink:0}.entry-motion-note{font-size:10px;max-width:290px;line-height:1.7;margin-top:10px}.entry .quiet-button{font-size:10px;letter-spacing:.3px;padding:8px 6px}.universe-controls{flex-wrap:wrap;justify-content:center;column-gap:14px;row-gap:5px;padding:9px 12px}.universe-controls .control-divider{display:none}.universe-controls .volume-control{flex-basis:100%;justify-content:center;border-left:0;padding:2px 0 0}.universe-controls .volume-control input{width:115px}.universe-controls button{font-size:10px}.universe-controls button>span:first-child{font-size:12px}.home-footer{padding-bottom:120px}}@media(max-width:360px){.site-header{gap:8px}.site-header nav{gap:8px}.site-header .nav-dimensions{max-width:113px;font-size:10px}.site-header nav .nav-about-direct{font-size:10px}.universe-controls .volume-control>span{position:static;width:auto;height:auto;clip-path:none;overflow:visible}}