/* Explore's three worlds, in the original image-led directory vocabulary. */
.hybrid-directory .menu-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:26px;margin:0 auto;align-items:start}
.directory-world{min-width:0;perspective:1000px;--door-x:0deg;--door-y:0deg;--door-z:0px}
.world-mechanism{position:relative;display:flex;justify-content:center;align-items:center;height:150px;margin:0;padding:0;pointer-events:none}
.world-mechanism .jewel-object{width:50%;height:145px;pointer-events:auto}
.world-mechanism::before{content:'';position:absolute;inset:55% 8% auto;height:1px;background:linear-gradient(90deg,transparent,#b8b2a0,transparent);transform:rotate(-8deg)}
.world-overview{display:flex;justify-content:center;padding:0 0 20px;border-bottom:1px solid #b7b4ab;margin-bottom:18px}
.world-overview .nav-card{width:120px;--door-x:0deg;--door-y:0deg;--door-z:0px;transform:translateY(var(--door-z)) rotateX(var(--door-x)) rotateY(var(--door-y))}
.hybrid-directory .nav-object{--object-size:clamp(64px,9svh,100px)}
.world-picture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 10px}
.directory-work .world-picture-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hybrid-directory .nav-caption{font-size:13px;gap:6px;padding:5px 7px;min-height:30px}
.nav-lab-preview .nav-object img,.nav-lab-preview .nav-object svg{width:100%;height:100%;object-fit:contain}
.nav-lab-preview .nav-object svg{max-width:none}
.world-switcher{display:none}.directory-world[hidden]{display:none!important}
@media(max-width:1199px) and (min-width:761px){.hybrid-directory .menu-main{gap:20px}.directory-work .world-picture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hybrid-directory .nav-caption{font-size:12px}}
@media(max-width:760px){
 .hybrid-directory .menu-main{grid-template-columns:1fr;gap:22px}
 .world-switcher:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 8px}
 .world-tab{border:0;padding:0;background:none;font:inherit;color:inherit}
 .world-tab .nav-object{--object-size:44px}.world-tab .nav-caption{font-size:11px;min-height:30px}
 .world-tab[aria-selected=true] .nav-caption{background:#dfff70;color:#171715}
 .world-tab:focus-visible{outline:2px solid currentColor;outline-offset:3px}
 .world-mechanism{height:120px}.world-mechanism .jewel-object{width:45%;height:115px}
 .world-overview{padding:0 0 12px;margin-bottom:12px}.world-overview .nav-object{--object-size:44px}
 .world-picture-grid,.directory-work .world-picture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}
 .hybrid-directory .world-picture-grid .nav-object{--object-size:clamp(46px,6svh,60px)}
 .hybrid-directory .nav-caption{font-size:11px;padding:3px 4px;min-height:28px}
}
@media(prefers-reduced-motion:reduce){.world-overview .nav-card{transform:none!important}}

/* Original cabinet and little pictures; identities span every medium. */
.hybrid-directory .menu-main{grid-template-columns:minmax(0,4fr) minmax(180px,1fr)}
.worlds-cabinet .world-picture-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}
.worlds-cabinet .world-mechanism{height:150px;overflow:visible}
.worlds-cabinet .world-mechanism>.jewel-field{display:flex;width:100%;height:150px;margin:0}
.worlds-cabinet .world-mechanism .jewel-object{width:16.66%;height:145px}
/* Names belong to the pictures; archive metadata stays on a quieter line. */
.site-header .nav-caption{display:flex;flex-direction:column;gap:3px;padding:0;background:transparent;color:inherit;width:100%;min-width:0}
.site-header .nav-title{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;max-width:100%;min-height:calc(2.4em + 8px);padding:4px 9px;border-radius:18px;line-height:1.2;text-wrap:balance;overflow-wrap:normal}
.site-header .nav-world-status:not(.sr-only){display:block;margin:0;font:8px/1.4 var(--mono);letter-spacing:.025em;color:#706f69}
.site-header .nav-card[aria-current] .nav-caption,.site-header .nav-card:hover .nav-caption,.site-header .nav-card:focus-visible .nav-caption{background:transparent;color:inherit}
.site-header .nav-card[aria-current] .nav-title{background:#dfff70;color:#171715}
.site-header .nav-card:hover .nav-title,.site-header .nav-card:focus-visible .nav-title{background:#171715;color:#eeeae2}
.site-header .primary-nav .nav-caption{gap:0;min-height:calc(2.4em + 6px);padding:0;line-height:1.2}
.site-header .primary-nav .nav-title{width:100%;min-height:calc(2.4em + 6px);padding:3px 2px;border-radius:3px;align-items:flex-start}
.site-header .hybrid-directory .nav-caption{min-height:0;padding:0;gap:3px}
.site-header .hybrid-directory .nav-title{min-height:calc(2.4em + 8px)}
@media(max-width:760px){.site-header .hybrid-directory .nav-title{padding:3px 5px;min-height:calc(2.4em + 6px)}.site-header .nav-world-status:not(.sr-only){font-size:7.5px;letter-spacing:0}}
.creative-world{padding:24px clamp(16px,4vw,64px)}
.creative-world h1{font-size:clamp(48px,9vw,140px);line-height:.94;overflow-wrap:anywhere}
.creative-world .lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.creative-world video,.creative-world img{max-width:100%;height:auto}.creative-world audio{max-width:100%}
.creative-world>section{margin:40px 0}.creative-world .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:760px){.hybrid-directory .menu-main{grid-template-columns:1fr}.worlds-cabinet .world-picture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.worlds-cabinet .world-mechanism,.worlds-cabinet .world-mechanism>.jewel-field{height:110px}.worlds-cabinet .world-mechanism .jewel-object{height:100px}.creative-world .lab-grid{grid-template-columns:1fr}.creative-world .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-cabinet .world-picture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* A two-picture family, inside the same cabinet rather than another category. */
.nav-world-family{position:relative;grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border-radius:16px;background:linear-gradient(180deg,#f1efe940,transparent 90%)}
.nav-world-family::before{content:'';position:absolute;top:calc(clamp(64px,9svh,100px)/2);left:25%;right:25%;height:1px;background:#bcb8aa;pointer-events:none}
.nav-world-family::after{content:'';position:absolute;top:calc(clamp(64px,9svh,100px)/2 - 3px);left:calc(50% - 3px);width:6px;height:6px;border-top:1px solid #8a887c;border-right:1px solid #8a887c;transform:rotate(45deg);pointer-events:none}
.nav-world-family .nav-card{position:relative;min-width:0}
@media(max-width:760px){.nav-world-family{gap:8px;border-radius:12px}.nav-world-family::before{top:calc(clamp(46px,6svh,60px)/2)}.nav-world-family::after{top:calc(clamp(46px,6svh,60px)/2 - 3px)}}